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


Télécharger
EXERCICE 1 - British Museum Flyer.zip
Archives compressées en format ZIP 31.4 MB
Télécharger
EXERCICE 2 - New Balance Poster.zip
Archives compressées en format ZIP 40.9 MB
Télécharger
EXERCICE 3 - Traiteur Fredeville.zip
Archives compressées en format ZIP 55.6 MB

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