Découvrez les différents modèles d’écran mis à votre disposition pour créer votre scénario interactif

TEMPLATE “ACCUEIL”
(splashscreen)

 

Un type de scène très sim­ple pour com­mencer un pro­jet.
On peut plac­er une image de fond, met­tre une autre image en avant, et affich­er un mes­sage d’ac­cueil.
Un média sonore peut égale­ment être lu.
Un clic sur l’im­age ou sur le texte fera pass­er à l’écran suiv­ant.

1
Play­er audio
2
Image de fond
3
Image de pre­mier plan
4
Texte
Paramé­trage du Tem­plate Accueil

TEMPLATE “CHOIX”
(choices)

 

Le tem­plate Choix (choic­es) vous per­met de pro­pos­er plusieurs choix à l’utilisateur, de façon sim­ple.

Vous pou­vez définir une image de fond
Les bou­tons peu­vent être des textes avec un fond de couleur, ou des images.
A vous de définir vers quelles scènes ils ren­voient.
Un média sonore peut égale­ment être lu.

1
Play­er audio
2
Texte
3
Image de fond
4
Bou­tons de choix
Paramé­trage du Tem­plate “Choix”

TEMPLATE “CONTENU”
(content)

 

Cette page est la plus com­plète.

Vous avez la pos­si­bil­ité d’af­fich­er un bou­ton de nav­i­ga­tion dans le coin supérieur gauche et un autre dans le coin supérieur droit, et de définir vers quelles scènes ils ren­voient, le menu ou la carte par exem­ple.

Vous pou­vez affich­er un dia­po­ra­ma en entête qui s’af­fiche en plein écran lorsqu’on clique sur une image. En plein écran, une légende s’af­fiche en bas de l’im­age.

Au cen­tre de l’écran vous pou­vez affich­er un texte et un play­er audio.

En pied de page, vous pou­vez ajouter une barre d’ac­tion avec des icones cli­quables.

1
Bou­ton de nav­i­ga­tion prin­ci­pal
2
Bou­ton de nav­i­ga­tion sec­ondaire
3
Dia­po­ra­ma
4
Play­er audio
5
Texte
6
Barre d’ac­tions
Paramé­trage du Tem­plate “Con­tenu”

TEMPLATE “VIDEO”
(video)

 

Cette page vous per­met de pro­pos­er la lec­ture d’une vidéo en ren­seignant une Url.
Une vidéo filmée en ver­ti­cal s’af­fichera en plein écran dans la posi­tion ver­ti­cale du smart­phone.
Une vidéo filmée en 16:9 s’af­fichera en plein écran dans la posi­tion hor­i­zon­tale du smart­phone.

Vous avez égale­ment la pos­si­bil­ité d’af­fich­er un bou­ton de nav­i­ga­tion dans le coin supérieur gauche et un autre dans le coin supérieur droit, et de définir vers quelles scènes ils ren­voient, le menu ou la carte par exem­ple.

Vous pou­vez encore affich­er des bou­tons par dessus la vidéo, et choisir vers quelles scènes ils ren­voient.

1
Bou­ton de nav­i­ga­tion prin­ci­pal
2
Bou­ton de nav­i­ga­tion sec­ondaire
3
Play­er video
Paramé­trage du “Tem­plate Video”

TEMPLATE “CARTE”
(map)

Le tem­plate Carte (map) per­met d’in­té­gr­er une carte inter­ac­tive à votre pro­jet et de con­fig­ur­er de nom­breux paramètres.
Vous pou­vez per­son­nalis­er votre fond de carte avec mapbox.com, définir quelles scène seront affichées sur la carte, et à par­tir de quel niveau de zoom.
Vous pou­vez définir le cen­tre de votre carte, dessin­er un tracé ou un par­cours, ajouter des titres et des icones pour matéri­alis­er l’emplacement de vos scènes.
Vous pou­vez égale­ment affich­er un bou­ton de nav­i­ga­tion dans le coin supérieur gauche et un autre dans le coin supérieur droit.
Vous pou­vez égale­ment affich­er la barre d’ac­tions comme sur le Tem­plate “Con­tenu”

1
Bou­ton de nav­i­ga­tion
2
Fond de carte map­box
3
Point d’in­térêt
4
Titre du point (Pop up)
5
Tracé
6
Barre d’ac­tions
Paramé­trage du “Tem­plate “Carte”

TEMPLATE “CHAMP DE TEXTE”
(text_input)

Avec cette page, vous allez pou­voir définir un ou plusieurs mots que l’u­til­isa­teur devra saisir dans le champ de texte afin de pou­voir pass­er à la scène suiv­ante.

Vous pou­vez choisir où le diriger en cas de mau­vaise réponse.

Vous avez égale­ment la pos­si­bil­ité d’af­fich­er un bou­ton de nav­i­ga­tion dans le coin supérieur gauche et dans le coin supérieur droit, et de définir vers quelles scènes ils ren­voient, le menu ou la page précé­dente par exem­ple.

1
Bou­ton de nav­i­ga­tion prin­ci­pal
2
Bou­ton de nav­i­ga­tion sec­ondaire
3
Texte
4
Image de fond
5
Champ de texte à rem­plir
6
Bou­ton de val­i­da­tion
Paramé­trage du Tem­plate “Champ de texte”

TEMPLATE “QR CODE”
(qrcode)

Avec cette page, vous allez pou­voir déclencher l’ap­pareil pho­to du smart­phone de l’u­til­isa­teur de votre webapp pour l’in­viter à scan­ner un QR code.

Vous pou­vez envoy­er l’u­til­isa­teur vers une page de votre choix en cas de bon ou mau­vais QR code scan­né.

Vous avez égale­ment la pos­si­bil­ité d’af­fich­er un bou­ton de nav­i­ga­tion dans le coin supérieur gauche et dans le coin supérieur droit, et de définir vers quelles scènes ils ren­voient, le menu ou la page précé­dente par exem­ple.

1
Bou­ton de nav­i­ga­tion prin­ci­pal
2
Bou­ton de nav­i­ga­tion sec­ondaire
3
Texte
4
Image de fond
5
Déclenche­ment de la lec­ture de QR code
Paramé­trage du Tem­plate “QRcode”

TEMPLATE “META”
(meta)

Ce tem­plate per­met de ren­seign­er cer­taines méta­don­nées de votre pro­jet, notam­ment pour le partage du pro­jet sur les réseaux soci­aux.

C’est ici que vous allez définir le titre, la descrip­tion et l’im­age qui seront partagés sur les réseaux soci­aux.

C’est égale­ment là que vous définis­sez la pre­mière page du pro­jet.

Vous pou­vez aus­si inté­gr­er un code Google Ana­lyt­ics pour suiv­re la fréquen­ta­tion de votre applic­tion web.

1
Titre du pro­jet
2
Descrip­tion du pro­jet
3
Image du pro­jet
4
Google Ana­lyt­ics
Paramé­trage du Tem­plate Meta

TEMPLATE “INFORMATIONS”
(information)

 

Cette page vous per­met d’af­fich­er un texte sim­ple, pour les crédits du pro­jet par exem­ple.

Vous avez égale­ment la pos­si­bil­ité d’af­fich­er un bou­ton de nav­i­ga­tion dans le coin supérieur gauche (main­Nav­I­con) et dans le coin supérieur droit (sec­ondary­Nav­I­con), et de définir vers quelles scènes ils ren­voient, le menu ou la page précé­dente par exem­ple.

1
Bou­ton de nav­i­ga­tion prin­ci­pal
2
Bou­ton de nav­i­ga­tion sec­ondaire
3
Texte avec titre
Paramé­trage du Tem­plate “Infor­ma­tion”