Tutoriel genially

Rendre mes contenus géniaux avec Genial.ly

des trucs en plus

un exemple d'escape game

créer un 1er genially pas à pas

partager sa création

Partager un genially

Copier le lien puis l'envoyer via pronote.

Insérer le genially dans un autre genially via "insérer -> autres"

Envoyer directement le genially par mail ou sur les réseaux sociaux.

Créer un genially

à partir d'une page blanche

à partir d'un modèle existant

Des trucs en +

insérer du contenu depuis GoogleDrive

une mine d'extension (pour les pros)

insérer un learningapp

paramètres du genially

Des trucs en + - paramètres

1 - permettre à l'utilisateur de partager le genially.

2 - permettre à l'utilisateur de visualiser les éléments interactifs de la page.

3 - permettre à l'utilisateur de passer en plein écran.

4 - permettre à l'utilisateur de glisser des éléments de la page.

Des trucs en + - paramètres

5 - permettre à l'utilisateur de dessiner sur la page.

6 - donner un nom aux éléments. S'affiche au passage de la souris.

7 - choisir la couleur de fond des étiquettes, attention à la couleur de l'écriture.

Des trucs en + - GoogleDrive

1 - prévisualiser le contenu

2 - l'ouvrir dans une nouvelle fenêtre.

Des trucs en + - GoogleDrive

3 - intégrer un élément

4 - copier le code HTML

Des trucs en + - GoogleDrive

4 - coller le code HTML dans l'onglet </> autres.

5 - cliquer sur insérer.

6 - l'élément peut alors être redimensionné.

Des trucs en + - Learningapps

1 - copier le code HTML présent en bas du learningapp

2 - coller ce code dans insérer -> autres

3 - cliquer sur insérer

4 - l'élément peut alors être redimensionné.

Créer un genially - modèle

étape 1

Choisir un type de genially, image interactive ou gamification, puis choisissez votre modèle dans la liste

Créer un genially - modèle

étape 2 - type de genially : escape game - modèle choisi : breakout spies

Commencer par visualiser le modèle, cliquer sur les boutons etc... Un fois satisfait du choix, cliquer sur "utiliser ce modèle"

Créer un genially - modèle

étape 3

Modifier ce qui doit l'être sur les différentes pages. L'avantage d'utiliser un modèle existant : les liens et animations sont déjà prêts.

Vérifier le rendu en prévisualisant les différentes pages.

Créer un genially - modèle

étape 4

L'enregistrement se fait au fur et à mesure, penser à vérifier :

sauvegarde en cours

sauvegarde terminée

Si le message "modifications non-enregistrées" apparaît, cliquer dessus pour forcer la sauvegarde.

Quand c'est prêt, penser à donner un titre au travail puis cliquer sur prêt !

Créer un genially - original

Cliquer sur "création vierge" et choisir les dimensions souhaitées.

Créer un genially - original

La barre d'outils - cliquer sur la catégorie pour en voir +

Quitter le mode création

Ajouter du texte

Ajouter des images, peuvent être chargées depuis un ordi

Ajouter des formes ou icônes

Ajouter des boutons

Ajouter des blocs

Ajouter des sons, vidéos, autres (learningapps ...)

Changer l'image de fond

Ajouter des pages et circuler de l'une à l'autre

Créer un genially - original

Tous les éléments d'une page peuvent devenir intéractif : texte, image, bouton etc...

1 - programmer une action au clic

2 - programmer une animation

3 - remplacer l'image tout en concervant ses dimensions, ses actions et animations etc...

4 - incliner/retourner l'image

Créer un genially - original

1 - programmer une action au clic

étiquette : en passant la souris sur l'élément, un texte (ou image) apparaît.

fenêtre : en cliquant sur l'élément une fenêtre apparaît contenant du texte, une image, une vidéo ou autre (learningapp possible).

aller à la page : en cliquant sur l'élément, l'utilisateur se retrouve sur une page précise du genially.

lien : en cliquant sur l'élément, l'utilisateur ouvre une autre page internet (dans un nouvel onglet ou à la place du genially).

Créer un genially - original

2 - programmer une animation

1 - apparition de l'élément

2 - disparition de l'élément

3 - réaction de l'élément au passage de la souris

4 - effet en continue

Créer un genially - original

Utilisation d'une zone transparente

Pour programmer des actions différentes selon la zone de l'image cliquée.

Créer un genially - original

Finitions

Changer la taille du genially

Penser à passer en microsite, pour exemple ce genially est en mode standard

Ajouter un effet au changement de page

Créer un genially - original

L'enregistrement se fait au fur et à mesure, penser à vérifier :

sauvegarde en cours

sauvegarde terminée

Si le message "modifications non-enregistrées apparaît, cliquer dessus pour forcer la sauvegarde.

Quand c'est prêt, penser à donner un titre au travail puis cliquer sur prêt !