Want to make creations as awesome as this one?

Transcript

Pleins de nouveautés sur Génially avec les codes de

Le drag and drop, quatre exemples et le mode d'emploi.

Le couise, un exemple et le mode d'emploi.

Un code à trouver pour passer spécifiquement à une autre page !

Un multiquestionnaire avec la nouveauté CRUZ

Retourner un texte

Inverser

Le YOUX ... Bloquer la direction d'un objet

Le drag and drop avec apparition / disparition.

Dans certains cas, activer la possibilité de déplacer des objets !

valerie.rambaud@ac-orleans-tours.fr

Valerie RambaudLycée Claude de FranceRomorantin

Icons made by Freepik from www.flaticon.comIcons made by Freepik from www.flaticon.comIcons made by Freepik from www.flaticon.comIcons made by Darius Dan from www.flaticon.com

<nombre>X</nombre> <script></script>

Pour les non SVTistes les légendes sont dans l'ordre de haut en bas

Bon travail !

Vaisseau sanguin

Spermatozoïdes

Un tube séminifère

Cellule de leydig

Positionner les légendes sur les

Remplir le flacon avec le colorant !

<nombre>X</nombre> <script></script>

Page modèle de Scape

Script à copier, modifier le "x" avec le nombre d'associations souhaitées et à coller dans insérer "autres"génially va générer un "x" qui devra être associé avec le A.Puis à cacher en haut de la page

Choisir le nombre d'objets à déplacer, légendes ...Laisser les autres en dehors de la page.Associer - grouper chaque objet à déplacer avec un des éléments O1, O2 ...

Faire de même pour les cibles, attention quand vous les avez groupées avec C1, C2 ...

Rendre déplaçable les objets en cliquant sur la main dans la barre de menu en haut. Avec la mise à jour de Génially il n'est plus nécessaire de bloquer les autres "objets" de la page

Code A à associer avec le "x" généré par génially et avec élément qui arrive quand on a bien associé cibles et objets

4

5

2

1

3

1

3

2

Supprimez les A non utilisés.

Choisir le nombre d'objets à déplacer, légendes ...Laisser les autres en dehors de la page.Associer - grouper chaque objet à déplacer avec un des éléments O1, O2 ...

Faire de même pour les cibles, attention quand vous les avez groupées avec C1, C2 ... n'oubliez pas de les bloquer.

Page modèle de Scape

Associez A1 avec un objet ... texte qui apparaitra quand O1-C1 sera correct et avec O2.Puis associer A2 avec objet .. texte qui apparaitra quand O3-C2 sera correct ...

mdp = ok

var mp = prompt('Entrez le mot de passe :'); if (mp == 'ok') { location.href = 'https://view.genial.ly/5ec2c7b7ecf6e50d3891c759?idSlide=22a556f8-89db-478c-b48c-e23048981ade&fullscreen=false&pr"scrolling='; } else { location.href = 'https://view.genial.ly/5ec2c7b7ecf6e50d3891c759?idSlide=87798bc0-c734-4c97-8cd8-c351f709dd27&fullscreen=false&pr" scrolling='; }

Bravo ! Bonne réponse !

Je crois qu'il y a une erreur !

Demander un code pour passer à une autre page !Le petit plus de Stéphane Agniel.

Récupérer l'adresse du génially (en mode présentation)

Ensuite clic droit sur la page puis examiner ou inspecter selon le navigateur firefox ou google chrome

Copier le code qui est juste après le mot container sans le - et sans les "

Faire de même avec la page faux

Sur l'élément qui apparait en cas de bon classement des objets du drag and drop par ex ...

Choisir comme interactivité fenêtre puis cliquer sur code html

Créer une page pour réponse juste et une page réponse fausse

Page modèle de scape

Compléter le code html dans la partie html de la fenêtre - strictement en faisant attention à ce qu'il n'y ait pas d'espaces dans les adresses ... (cliquer pour voir le code et le copier)

<script>var mp = prompt('Entrez le mot de passe : ');if (mp == 'motdepasse'){location.href = 'URLDEVOTREGENIALLY?idSlide=CODEDELAPAGECORRECTE&fullscreen=false&pr" scrolling=';}else{location.href = 'URLDEVOTREGENIALLY?idSlide=CODEDELAPAGEFAUSSE&fullscreen=false&pr" scrolling=';}</script>

adresse du génially

adresse de la page vrai

adresse de la page faux

Bloquer tous les éléments qui ne doivent pas bouger !

Puis essayer !

Attention mettre le mode navigation en microsite !

On a prélevé le d'une cellule-oeuf de souris marron femelle fécondée par une souris marron mâle et on l'a transplanté dans une cellule-oeuf énucléé (sans noyau) de souris blanche fécondée par un mâle blanc. On implante la cellule-œuf "reconstituée" dans l'utérus de la souris noire. On obtient un souriceau . On peut donc en conclure que l'information "couleur du pelage" est contenue dans le de la cellule-œuf et qu'il se transmet de générations en générations, c'est un caractère . La présence de plusieurs couleurs de pelage signifie qu'un gène existant sous la forme de plusieurs est à l'origine de cette information "couleur du pelage". Les gènes sont des portions d'ADN qui sont portés par des dans le noyau des cellules. Le noyau contient l'ensemble des gènes d'un individu.

VALIDER

Il reste des erreurs.Recommence Fais attention aux accents ...

Compléter le texte avec les mots de vocabulaire adéquats à l'aide du schéma ...

Pour les pas SVTistes ... Noyau - marron - noyau - héréditaire - allèles - chromosomes

Bon travail Un autre exemple ?

//-----VARIABLES UTILISATEUR----- var solution = ["noyau", "marron", "noyau", "héréditaire", "allèles", "chromosomes"]; //entrez vos réponses attendues var ordre = 1; // tapez 1 si l'ordre des réponses est important (sinon 0) var casse = 0; // tapez 1 si la casse (majuscules/minuscules) doit être respectée //------VARIABLES A NE PAS MODIFIER--- var question; var reponse = []; var faux = 0; var BON = document.getElementById('bon').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; if (BON.getAttribute("id") == null) { BON = document.getElementById('bon').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; } var PASBON = document.getElementById('erreur').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; if (PASBON.getAttribute("id") == null) { PASBON = document.getElementById('erreur').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; } //--- DISPARITION FENETRE ---- setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; //--- RECUPERATION DES REPONSES for (var i = 1; i

Maître Corbeau, sur un arbre ,Tenait en son bec un fromage.Maître Renard, par l'odeur ,Lui tint à peu près ce langage :Et bonjour, Monsieur du Corbeau,Que vous êtes ! que vous me semblez !Sans mentir, si votre ramageSe rapporte à votre plumage,Vous êtes le Phénix des hôtes de ces bois.À ces mots le Corbeau ne se sent pas de joie,Et pour montrer sa belle voix,Il ouvre un bec, laisse tomber sa proie.Le Renard s'en saisit, et dit : Mon Monsieur,Apprenez que tout flatteurVit aux dépens de celui qui l'écoute.Cette leçon vaut bien un fromage sans doute.Le Corbeau et Jura, mais un peu tard, qu'on ne l'y prendrait plus.

Validez votre réponse

//-----VARIABLES UTILISATEUR----- var solution = ['perché', 'alléché', 'joli', 'beau', 'large', 'bon', 'honteux', 'confus']; //entrez vos réponses attendues var ordre = 1; // tapez 1 si l'ordre des réponses est important (sinon 0) var casse = 1; // tapez 1 si la casse (majuscules/minuscules) doit être respectée //------VARIABLES A NE PAS MODIFIER--- var question; var reponse = []; var faux = 0; var BON = document.getElementById('bon').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; if (BON.getAttribute("id") == null) { BON = document.getElementById('bon').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; } var PASBON = document.getElementById('erreur').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; if (PASBON.getAttribute("id") == null) { PASBON = document.getElementById('erreur').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; } //--- DISPARITION FENETRE ---- setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; //--- RECUPERATION DES REPONSES for (var i = 1; i

Une petite aide ?

On peut changer la taille, couleur mais aussi mettre autre chose, une image ...

Modifier le code du bouton valider (cliquer sur le texte pour voir le code) il faudra le copier et le modifier dans la partie html de la fenêtre. Seules les 3 premières lignes du code sont à modifier : réponse 1 ....2 : à remplacer par vos mots dans l'ordre ! (attention à bien conserver les " " et les , !)modifier 1 ou 0 selon ordre des réponsesmodifier 1 ou 0 selon casse

<script>//-----VARIABLES UTILISATEUR-----var solution = ["réponse1", "réponse2", "réponse3"]; //entrez vos réponses attenduesvar ordre = 1; // tapez 1 si l'ordre des réponses est important (sinon 0)var casse = 0; // tapez 1 si la casse (majuscules/minuscules) doit être respectée//------VARIABLES A NE PAS MODIFIER---var question;var reponse = [];var faux = 0;var BON = document.getElementById('bon').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode;if (BON.getAttribute("id") == null){BON = document.getElementById('bon').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode;}var PASBON = document.getElementById('erreur').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode;if (PASBON.getAttribute("id") == null){PASBON = document.getElementById('erreur').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode;}//--- DISPARITION FENETRE ----setTimeout(function(){document.getElementsByClassName('icon-close')[0].click()}, 10);document.getElementById('genially-view-modal').style.visibility = "hidden";//--- RECUPERATION DES REPONSESfor (var i = 1; i < solution.length + 1; i++){question = "q" + i;reponse[i - 1] = document.getElementById(question).value;}//--- SI PAS RESPECT DE LA CASSE ON MET TOUT EN MAJUSCULEif (casse != 1){for (var b = 0; b < solution.length; b++){reponse[b] = reponse[b].toUpperCase();solution[b] = solution[b].toUpperCase();}}//--- SI ORDRE QUESTION-REPONSE PAS UTILE ON TRIE LES TABLEAUXif (ordre != 1){solution.sort();reponse.sort();}//--- ON TESTE CHAQUE ENTREE DU TABLEAU - SI PAS EQUIVALENT ON MET 'FAUX' A 1for (var a = 0; a < solution.length; a++){if (reponse[a] != solution[a]){faux = 1;}}//--- SI FAUX =1 ALORS ON AFFICHE L'OBJET ERREUR- SINON MESSAGE OKif (faux == 1){PASBON.style.visibility = "visible";BON.style.visibility = "hidden";}else{BON.style.visibility = "visible";PASBON.style.visibility = "hidden";}</script>

VALIDER

Page modèle de scape

à cacher au dessus de la page et à grouper ensemble

4

1

3

5

2

Ecrire votre texte en laissant de l'espace pour les trous, si besoin espacer l'interlignes.

Champs réponse à utiliser dans l'ordre et à positionner au bon endroit de votre texte, laisser les autres en dehors de la page.

Grouper chacun séparément avec un objet, image ...

//-----VARIABLES UTILISATEUR----- var solution = ["réponse1", "réponse2", "réponse3"]; //entrez vos réponses attendues var ordre = 1; // tapez 1 si l'ordre des réponses est important (sinon 0) var casse = 0; // tapez 1 si la casse (majuscules/minuscules) doit être respectée //------VARIABLES A NE PAS MODIFIER--- var question; var reponse = []; var faux = 0; var BON = document.getElementById('bon').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; if (BON.getAttribute("id") == null) { BON = document.getElementById('bon').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; } var PASBON = document.getElementById('erreur').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; if (PASBON.getAttribute("id") == null) { PASBON = document.getElementById('erreur').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; } //--- DISPARITION FENETRE ---- setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; //--- RECUPERATION DES REPONSES for (var i = 1; i

OK

Utilisateur :

Mot de passe :

Le nom d'utilisateur ou le mot de passe est incorrect

SCAPE6GTpala

Le couise peut aussi servir à demander un mdp !

//-----VARIABLES UTILISATEUR----- var solution = ['SCAPE', '6GTpala']; //entrez vos réponses attendues var ordre = 1; // tapez 1 si l'ordre des réponses est important (sinon 0) var casse = 1; // tapez 1 si la casse (majuscules/minuscules) doit être respectée //------VARIABLES A NE PAS MODIFIER--- var question; var reponse = []; var faux = 0; var BON = document.getElementById('bon').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; if (BON.getAttribute("id") == null) { BON = document.getElementById('bon').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; } var PASBON = document.getElementById('erreur').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; if (PASBON.getAttribute("id") == null) { PASBON = document.getElementById('erreur').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; } //--- DISPARITION FENETRE ---- setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; //--- RECUPERATION DES REPONSES for (var i = 1; i

VALIDER

Cocher les bonnes réponses.

membrane

noyau

cytoplasme

chloroplaste

information génétique

mitochondrie

paroi

Recommence !

Pour les non SVTistes, une petite aide dans quelques secondes !

Quelles sont les structures qui définissent une cellule ?

setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; var bon = document.querySelectorAll(".bon"); var pabon = document.querySelectorAll(".pabon"); var scorebon = 0; var scorepabon = 0; var BON = document.getElementById('bon').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; if (BON.getAttribute("id") == null) { BON = document.getElementById('bon').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; } var PASBON = document.getElementById('erreur').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; if (PASBON.getAttribute("id") == null) { PASBON = document.getElementById('erreur').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; } for (var i = 0; i

VALIDER

Reponse juste

Reponse juste

Reponse juste

Reponse juste

Reponse fausse

Reponse fausse

Nombre de reponses justes cochées

Nombre de reponses fausses non cochées

Score

setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; var bon = document.querySelectorAll(".bon"); var pabon = document.querySelectorAll(".pabon"); var scorebon = 0; var scorepabon = 0; var BON = document.getElementById('bon').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; if (BON.getAttribute("id") == null) { BON = document.getElementById('bon').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; } var PASBON = document.getElementById('erreur').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; if (PASBON.getAttribute("id") == null) { PASBON = document.getElementById('erreur').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; } for (var i = 0; i

VALIDER

Testez !

Nombre de reponses justes cochées

Nombre de reponses fausses non cochées

Score

CRUZ

de

X

X

X

X

Haz clic súr el gif si es una cruz.

setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; var bon = document.querySelectorAll(".bon"); var pabon = document.querySelectorAll(".pabon"); var scorebon = 0; var scorepabon = 0; var BON = document.getElementById('bon').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; if (BON.getAttribute("id") == null) { BON = document.getElementById('bon').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; } var PASBON = document.getElementById('erreur').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; if (PASBON.getAttribute("id") == null) { PASBON = document.getElementById('erreur').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; } for (var i = 0; i

VALIDER

Quelles sont les structures qui définissent une cellule eucaryote et procaryote ?

Cocher les bonnes réponses.

Cellule Eucaryote

Cellule Procaryote

Membrane

Cytoplasme

Information génétique

Noyau

Mitochondrie

Chloroplaste

Paroi

setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; var bon = document.querySelectorAll(".bon"); var pabon = document.querySelectorAll(".pabon"); var scorebon = 0; var scorepabon = 0; var BON = document.getElementById('bon').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; if (BON.getAttribute("id") == null) { BON = document.getElementById('bon').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; } var PASBON = document.getElementById('erreur').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; if (PASBON.getAttribute("id") == null) { PASBON = document.getElementById('erreur').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; } for (var i = 0; i

VALIDER

à cacher en haut de la page et à grouper ensemble

Dupliquer autant de fois que nécessaire, vert les bonnes réponses, rouges les mauvaises réponses.

Ecrire un texte avec les réponses proposées à coté de chaque carré ...

Cacher en utilisant la transparence ou laisser apparent comme feedback

Modifier la couleur ...ou choisir un autre objet et recopier le code html

Grouper chacun séparément avec un objet, image ...

Page modèle de scape

54

2

3

6

1

4

setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; var bon = document.querySelectorAll(".bon"); var pabon = document.querySelectorAll(".pabon"); var scorebon = 0; var scorepabon = 0; var BON = document.getElementById('bon').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; if (BON.getAttribute("id") == null) { BON = document.getElementById('bon').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; } var PASBON = document.getElementById('erreur').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; if (PASBON.getAttribute("id") == null) { PASBON = document.getElementById('erreur').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; } for (var i = 0; i

Fonctions à conserver groupées hors de la page.

objets à grouper chacun avec un élément Genially

Facultatifs : Nombre de cases vertes cochéesNombre de cases rouges non cochéesScore (somme des deux précédentes valeurs)

Cases à cocher (bonne et mauvaise réponse)à grouper avec un élément Genially.Dupliquer autant de fois que nécessaire.Supprimer les cases non utilisées.

Bouton avec code de validationModifier couleur ...

Ne pas supprimer : à cacher si non utilisés.

2

1

5

3

4

Page modèle de scape

Fonctions permettant la transformation des imagesà mettre caché hors de la pagesupprimer la fonction inutile

Groupez chacun de ces objets à un élément Genially (image, forme, texte...)

Possibilité de les dupliquer autant de fois que nécessaire...

Page modèle de scape

1

2

Associer un mot à la définition, positionner la flèche sur la cible.

Alors cette réponse ???

Organe ayant une double fonction fabrication des gamètes et synthèse d'hormones.

Gonade

Hypophyse

Utérus

Gamète

Bon travailVoyons la suite !

Pour les non SVTistes ... gonade

+

2

1

Objets et cibles à grouper chacun avec un élément Genially, image texte ...

Bouton OFF/On Apparition quand cible sur objet

Réactions à choisir (ou pas) à rendre transparent ou à mettre en dehors de la page !

Bouton OFF/ON1 Apparition une fois quand cible sur objet

Bouton ON/OFF Disparition quand cible pas sur objet

Bouton ON/OFF1 Disparition une fois quand cible pas sur objet

Page modèle de scape

Remplir le flacon avec le colorant !

Le voilà...Montrons-nous !

C'est lui...

D'après une idée de David Billon

Là, il y a un DND pour déclencher la réaction

Déplacez le personnage jusqu'au milieu de la rue

H : déplacement horizontal

V: déplacement vertical

Groupez chacun de ces objets à un élément Genially (image, forme, texte...)

Possibilité de les dupliquer autant de fois que nécessaire...

Fonctions à laisser hors de la page et à bloquer

Page modèle de scape

1