Experience utilisateur, XR et communication
Excelia - Bachelor Communication Digitale - 21h d'enseignement - La Rochelle 2024
Organisation du module
| 24 septembre | 25 septembre | 15 octobre | |
| Matin | Introduction théorique | Exercices pratiques | Atelier projet personnel |
| Après-midi |
Exercices pratiques |
Exercices / devoir écrit noté | Rendu Atelier / présentation |
Présentation
Zapworks designer : outil de réalité augmentée en ligne
Multimédia et interaction
Insérer des textes, images, vidéos modèles3d animés...
Réalité augmenté en webAR
Expérience AR accessible depuis un QrCode pour voir des produits en réalité augmenté sans application
Intégration site internet
Le projet peut être inséré dans une balise iframe sur n'importe quel site
Suivi google analytic...
Démarrer votre compte Zapworks
1 - Créez un compte essais 14 jours avec votre adresse excelia en cliquant ici
2 - Lorsque la licence Excelia sera activée sur votre e-mail, utilisez l'espace de travail (Workspae) : Excelia pour créer sans limite pendant un ans.
Exercices Zapworks Designer
Conseils utilisation de Zapworks Designer
- Utiliser les calques ("Layer" en bas à gauche) pour sélectionner facilement un objet dans la scène par liste
- Glisser les calques en 2d pour les organiser: du plus éloigné (dessous) au plus près (dessus)
- Utiliser des médias légers (5mo / média) pour ne pas ralentir l'expérience et son téléchargement (environ 30mo au total)
- Choisir une Target Image avec visuels variés et riches (photo / texte) pour la stabilité de la reconnaissance
-> Intégrer le QRCode final dans la Target Image pour améliorer la reconnaissance de l'image
- Le QRCode final imprimé sur votre image doit être celui téléchargé sur votre page projet publié (pas celui temporaire du preview!)
- Pour voir les modèles 3d dans windows, télécharger gratuitement le viewer, sinon gltf-viewer
Ressources en ligne pour la création de contenus
Images 2d (.jpg, .png)
- Générer des images par IA avec bing creator en utilisant DALL·E 3
- Améliorer la qualité des images avec upscale.media
- Images transparentes en png à télécharger gratuitement sur pngwing.com
- Un Photoshop gratuit dans le navigateur web avec Photopea
Modèles 3d (.glb)
- Visualiser vos modèle 3d dans le navigateur web avec gltf-viewer
- Télécharger un modèle 3d en .glb sur Sketchfab (choisir "downloadable")
- Générer un modèle 3d avec Tripo3d.ai (choisir: .glb retopologize : "med" )
- Réduire la taille des modèles 3d pour les téléphones avec Rapid compact
- Scanner un object en 3d depuis son téléphone avec Polycam
Vidéos (.mp4)
- Télécharger une vidéo youtube en .mp4 avec notube
- Créer des présentateurs video sur fond vert à partir de texte avec vidnoz
- Créer des avatars de plein pied et faire un montages riche avec deepbrain.io
- Télécharger des fichiers audio / bruitages .mp3 sur freesound.org
Divers
- Tester la stabilité d'une image Target avec Pictarize
- Générer un QrCode lié à un lien internet / médias / sms / contacts etc avec QR Code Generator
- Créer des formulaires intelligents basés sur demande avec formless.ai
- Convertir des fichiers avec freeconvert
- Paramétrer Google analytic avec Zapworks Designer après avoir créer un tracking ID
Test Affiches AR (clic pour flasher l'affiche en plein écran)
Exemple - Présentation de produits web embed
Exemple - présentation produits
Exemple / packaging (flasher en plein écran)
Exemple divers avec Zapworks Designer...
Devoirs à rendre
Evaluation 1 : Télécharger le devoir sur table. A rendre par email avec comme object "Evaluation 1" sur isdantr@excelia-group.com
Evaluation 2 : Télécharger le devoir à rendre en fin de session le 15 octobre