Want to make creations as awesome as this one?

"Greffon" optionnel pour GICO2 permettant la génération de code de déverrouillage de session.

Transcript

Patrice Nadam

Version 2.1 - 04/12/21

GICO2

Version 2 du Gicode, c'est dit ! GiCO2 + caractéres de session

Réutilisez !

Version session 1.1 - 08/05/22 - Vincent ISEN

OK

713705

ABCD

C

CE

1

0

2

3

4

5

6

7

8

9

SOLEIL

Gicode2 original

Qui n'a jamais joué à écrire des mots avec sa calculatrice ?

SOLEIL <-> 713705

Ce texte sert à intégrer la police dans le genially

0

5

2

4

5478

3

7

1

8

6

9

ABCD

5478

Le coffre est ouvert

coffre

del

suppr

ERROR

OPEN

Gicode2 original

fermé !

Le coffre de la page précédente est

OUVERT !

5478

Gicode2 original

coffre

Noël vecteur créé par freepik - fr.freepik.com

  1. Le prère Noël
  2. Le lutin à la droite du Père Noël
  3. L'ours
  4. Le lutin à la gauche du Père Noël

A

B

D

C

ABCD

Gicode2 original

Ha ! Ha ! Ha !

Ho ! Ho ! Ho !

éléments de base

espace

del

suppr

Élément FONCTION GICO2 obligatoire et unique dans la page. À grouper avec une zone de texte contenant le code à taper.

Élément ESPACE facultatif et duplicable correspondant à la touche espace. DANS LA ZONE DE TEXTE GROUPÉE AVEC LA FONCTION GICO2, IL FAUT REMPLACER LES espaces PAR des anti-slash \

A

Élément TOUCHE duplicable et à grouper avec une zone de texte contenant un caractère.

Élément ECRAN facultatif et unique à grouper avec une zone de texte qui simulera l'écran du digicode.

Page Création 1/3

Élément VIDE facultatif et duplicable correspondant à la touche del qui efface toute la zone de texte groupée avec l'ECRAN.

ABCD

Élément SUPPR facultatif et duplicable correspondant à la touche qui efface le dernier caractère saisi.

ABCD

Page Création 2/3

FEEDBACKS

Élément OK-ON facultatif et duplicable à grouper avec un objet devant apparaître quand le code est bon.

Élément OK-OFF facultatif et duplicable à grouper avec un objet devant disparaître quand le code est bon.

Élément NO-ON facultatif et duplicable à grouper avec un objet devant apparaître quand le code est faux.

Élément NO-OFF facultatif et duplicable à grouper avec un objet devant disparaître quand le code est faux.

VARIABLES

Élément variable SECRET facultatif et unique : masque les caractères affichés par ECRAN en les remplaçant par des *

Élément variable TEMPORAIRE facultatif et unique afin de rendre temporaire (1-2 secondes) l'effet d'affichage en cas d'erreur (éléments NO-ON et NO-OFF, message d'erreur...)

Élément variable MASQUE TOUCHE facultatif et unique pour rendre totalement invisibles les touches (inutile ainsi de rendre transparents les groupes).

oui

non

gicod

Page Création 3/3

AFFICHAGE

Élément OUVERT facultatif et unique à grouper avec une zone de texte correspondant au message à afficher sur l'ECRAN quand le code est bon. En absence de cet élémént, l'ECRAN affiche par défaut OUVERT.

Élément ERREUR facultatif et unique à grouper avec une zone de texte correspondant au message à afficher sur l'ECRAN quand le code est faux. En absenc de cet élémént, l'ECRAN affiche par défaut ERREUR.

VARIABLE SESSION

Élément VARIABLE facultatif et unique à grouper avec une zone de texte correspondant au nom de la variable enregistrant l'état du "coffre". Prend les valeurs ouvert/fermé. Cette variable est réutilisable dans une autre page et est compatible avec l'extension SACEFE.

COMPLEMENTS

Élément NO SELECTION facultatif et unique. Empêche les sélections des contenus des zones de texte pa run glisser de souris. S'applique à tout le Genially.

Élément DEBUG facultatif et à SUPPRIMER AVANT LA DIFFUSION DU GENIALLY . Cette fenêtre permet d'afficher le code attendu et le code saisi sous la forme de deux tableaux de chiffres.
Les deux tableaux doivent être identiques quand on tape le bon code. Cea permet de verifier le contenu exact des zones de texte associées aux touches.

Élément VIDE-TRANSCRIPTION facultatif et unique. Efface le contenu de la zone TRANSCRIPTION lors de l'utilisation du lien social du Genially. Empêche ainsi l'affichage des codes à saisir...

oui

non

espace

gicod

del

suppr

A

ABCD

ABC

#

H

/

,

p

À

u

P

)

;

^

a

>

A

z

é

è

7

d

&

à

D

?

R

5

ï

î

%

K

:

3

û

Ê

ñ

4

y

g

G

=

É

v

@

(

T

f

Y

ê

1

J

X

c

2

[

U

ü

{

l

]

I

W

8

e

s

O

M

h

§

t

w

9

r

L

+

Ù

:

x

q

k

Ç

i

ç

Ñ

0

ù

E

o

V

â

B

b

Ė

C

F

S

<

!

6

-

Q

Z

}

£

m

N

$

n

j

Comment éviter l'échange du code de déblocage entre les joueurs ?

Principe : Un code différent par joueur et sécuriser le code .



PLUSIEURS STRATEGIES possibles :
1. Modifier le code initial avec des caractères aléatoires de session dépendants du joueur.
2. Remplacer totalement le code initial par un code de session.(strategie ancien/nouveau mot de passe)
3. L'obtention du code de session ne dépend que des compétences du joueur (résolution d'énigme, etc..)

0


{
"nom" : "coffre4",
"nb" : 2,
"liste" :"num",
"tri" : "croissant",
"noInspect" : "off"
}

5

2

4

3

7

1

8

6

9

ABCD

Le coffre est ouvert

coffre3

del

suppr

ERROR

OPEN

(
Il suffit de placer la zone d'options dans la page, sinon Gicode2 origninal)
Choix des options pour cette page :

(Effacez la variable de session , et rechargez la page pour simuler un joueur différent)

5478

Code initial

Code de Session

Gicode2 avec caractères de session ( Premièrere stratégie : Modifier le code de initial avec des caractères de session)

Cliquez pour afficher la solution :
~~
~coffre4

Le coffre est fermé

~coffre4
@liste
dans la liste : #

~coffre4
@nb
Nombre de caractère de session : #

~coffre4
@tri
tri du code final : #

~coffre4
@nom
nom du coffre :
#

5478

~coffre4

5478

Ce texte sert à intégrer la police dans le genially

0

5

2

4

3

7

1

8

6

9

ABCD

Le coffre est ouvert

del

suppr

ERROR

OPEN

Choix des options :


Code de Session

Gicode2 avec caractères de session ( Deuxième stratégie : Remplacer totalement le code de départ par un code de session)

{
"nom" : "coffre5",
"codeInitial" : "0123",
"nb" : 2,
"liste" :"num",
"tri" : "debut",
"noInspect" : "off",
"maVariable" : {"ma_clef" : "ma_valeur"},
"ancienCode" : "5478"
}

Objets de session :

Cliquez pour afficher la solution :
~~
~coffre5

5478

~coffre5

~coffre5
@nom
nom du coffre
:
#

~coffre5
@codeInitial
codeInitial (remplace le code de Gicode2) : #

~coffre5
@nb
Nombre de caractère de session supplémentaires : #

~coffre5
@liste
Liste de caractères : #

~coffre5
@tri
Tri du code final : #

~coffre5

@ancienCode
Code de départ :
#

5478

ABCD

0

7

5

3

4

1

2

8

6

9

A

R

T

Y

E

Z

I

O

P

~coffre6
@enigmeChoisie
#

U

H

D

K

G

J

X

W

M

L

V

B

C

F

S

Q

N

5478

Gicode2 avec caractères de session ( Troisième stratégie : Le code final est la solution d'une énigme aléatoire)

Entrez le mot de passe :

{
"nom" : "coffre6",
"nb" : 0,
"liste" :"ALPHA",
"tri" : "croissant",
"indice" : "~Mon extension S'CAPE favorite",
"enigmes" : ["~Simulateur de BeeBot", "Utile pour l’utilisation du son", "Enquête dans une image", "Créer un chronomètre", "Click and Collect", "Du drag and drop", "Y’en a pas 10 !"],
"solutions" : ["BB", "AUDIOH","BRIAN", "CHRONOS", "CNC", "DND", "GICO2"],
"noInspect" : "off"
}

~coffre6 @indice
Indice ; #

Fonctions "solutions" à grouper avec une zone de texte (et une image pour le bouton click):

Syntaxe dans la zone de texte :

~nomDuCoffre (le nom du coffre peut contenir des carcatères alphabétiques et numériques)
~~ (emplacement dans la zone de texte ou placer la solution)

Exemple de zone de texte à grouper:
~coffre4
Le code d'ouverture du coffre4 est : ~~

Le code du
coffre 5
est :
~coffre5
~~

Gicode2 avec caractères de session, utilisation :
Révéler l'intégralité du code de session dans une zone de texte, ou par click

Cliquez pour afficher le code du coffre4 :
~~
~coffre4

5478

~coffre4

Maitre caractère de session, zone de texte. A grouper avec une zone de texte

Esclave caractère de session, zone de texte. A grouper avec une zone de texte

" ~+ " ~1
est le
~*ier-ième
chiffre du
code

~2 Le caractère " ~+ " se situe à la ~* ier-ième position dans le code du coffre 4

~coffre4 " ~+ " ~1 est le ~* ier-ième chiffre du code du coffre 4.

~coffre4 "~+" ~2 est le
~* ier-ième chiffre du code du coffre 4

Gicode2 avec caractères de session, utilisation :
Révéler uniquement les caractères aléatoires de session du code dans une zone de texte, ou par click.
Si plusieurs caractères sont à révéler sur une même page, utilisez une fonction "maître" pour le premier, puis des fonctions "esclaves" pour les autres.

Exemple avec le code du coffre 4 :

Syntaxe dans la zone de texte :

~nomDuCoffre
~entier (~2 par ex) : 2iéme caractère aléatoire généré
~+ : valeur du caractère aléatoire à révéler
~* : position du caractère dans le code final
Ex :
~coffre4 ~1 " ~+ " est le ~* ier-ième chiffre du code du coffre 4.

Maitre caractère de session, click : A grouper avec une image et une zone de texte

Esclave caractère de session, click : A grouper avec une image et une zone de texte

Cilquez pour découvrir un caractère :


~coffre5
~3
Le troisième caractère du code du coffre5 est : ~+

Gicode2 avec caractères de session : Utilisation

Réveler n'importe quel caractère (aléatoire ou pas) du code final :

- Dans une zone de texte groupée
- Idem par click en groupant avec une image.

5478

~coffre5

Cliquez pour afficher la solution du coffre5 :
~~
~coffre5

Gicode2 avec caractères de session, utilisation :
Révéler n'importe quel caractère du code final (aléatoire ou pas) dans une zone de texte, ou par click.
Même méthode, "maître / esclave" que précédement.

Maitre tout caractère, zone de texte


~coffre5
~1
Le premier caractère du code du coffre5 est : ~+

Esclave zone de texte


~coffre5
~5
Le cinquième caractère du code du coffre5 est : ~+

Maitre tout caractère , click : A grouper avec une image et une zone de texte


~coffre5
~6
Le sixième caractère du code du coffre5 est : ~+

Esclave tout caractère , click : A grouper avec une image et une zone de texte

Syntaxe dans la zone de texte :

~nomDuCoffre (maître uniquement)
~entier (~2 par ex) : 2iéme caractère
~+ : valeur du caractère à révéler

Ex pour une zone maître:
~coffre5
~6
Le sixième caractère du coffre5 est : ~+

Cilquez pour découvrir un caractère :

~coffre6
@enigmes
la propriété "enigmes" de coffre6 vaut :
#

Gicode2 avec caractères de session, utilisation :

Révéler n'importe quelle propriété de la zone d'option d-SESSION ( stockée aussi dans sessionStorage) dans une zone de texte.
Même méthode, "maître / esclave" que précédement.

~coffre5
@maVariable
"maVariable" dans l'objet coffre5 de sessionStorage vaut : #

Maitre, révéler une propriété

Esclave, révéler une propriété

Esclave, révéler une propriété

Syntaxe dans la zone de texte :

~nomDuCoffre
@propriétéARévéler
# (endroit de la zone de texte ou révéler la propriété)

Ex :
~coffre6
@enigmeChoisie
L'énigme choisie aléatoirement pour ouvrir ce coffre est : #

~coffre4
@liste
La propriété "liste" de coffre4 vaut : #


"liste" : ["😸", "😹", "😺", "😻", "😼", "😽", "😾", "😿", "🙀", "🙅", "🙆", "🙇", "🙈", "🙉", "🙊"],


"liste" : ["ᚠ", "ᚢ" ,"ᚦ", "ᚭ", "ᚱ" ,"ᚴ" , "ᚽ", "ᚿ", "ᛁ", "ᛆ" , "ᛌ", "ᛐ", "ᛓ", "ᛙ", "ᛚ" ,"ᛧ", "ᚬ", "ᚼ", "ᚾ", "ᛅ", "ᛋ", "ᛏ", "ᛒ", "ᛘ", "ᛦ"],

Tests / brouillons

"liste" : "num",

"liste" : "alpha",

"liste" : "ALPHA",

"liste" : "spe",

"liste" : "alphanum",

"liste" : "alphaspe",

"liste" : "alphaALPHA",

"liste" : "ALPHAnum",

"liste" : "ALPHAspe",

"liste" : "alphaALPHAnum",

"liste" : "alphaALPHAspe",

"liste" : "alphaALPHAnumspe",


"liste" : ["bleu","blanc","rouge"],

"tri" : "debut",

"tri" :"fin",

"tri" :"croissant",

"tri" :"decroissant",

"tri" :"aleatoire",

"place" : [1,4],


"liste" : ["000", "111", "222"],

"enigmes" : ["~Quelle est la couleur du cheval blanc d'Henri IV ?", "Je suis la couleur de l'espoir...", "Je ne suis pas une couleur, je suis l'absence de couleur ..."],

"solutions" : ["BLANC", "VERT", "NOIR"]

"indice" : "~Mon extension S'CAPE favorite",

"enigmes" : ["~Simulateur de BeeBot", "Utile pour l’utilisation du son", "Enquête dans une image", "Créer un chronomètre", "Click and Collect", "Du drag and drop", "Y’en a pas 10 !"],
"solutions" : ["BB", "AUDIOH","BRIAN", "CHRONOS", "CNC", "DND", "GICO2"],

éléments de base

Élément FONCTION GICO2 + caractère de session obligatoire et unique dans la page. À grouper avec une zone de texte contenant le code initial (547 ici) à modifier. La zone d'option d-SESSION doit être présente dans la page, sinon fonction GICO2 normale.

Élément d-SESSION facultatif et unique dans la page contenant GICO2 + caractère de session. Gère les caractères de session qui modifiront le code initial de la zone de texte groupée avec GICO2 (donc génère un code différent et unique par joueur). d-SESSION sera stocké dans sessionStorage du navigateur.

A grouper avec une zone de texte contenant les options de modification du code initial. Les options sont au fomat JSON (objet javascript) du type:

{ "option 1" : valeur1, "option2" : valeur2, "dernièreOption" : dernièreValeurSans virgule}
(C'est un ensemble de clef : valeur cernées par des accolades { } et séparées par des virgules , )

Les options(clefs) sont des chaines de caractères donc cernées obligatoirementpar des " " ou ' '.

Les valeurs sont des chaines (cernées par " " ou ' '), ou des nombres ( sans " " ou ' '), ou des tableaux/listes (cernés par des crochets [ ] ), ou des objets javascript au format JSON { "clef1" : valeur1, "clef2" : valeur2 } ).

L'ordre des options et leurs valeurs associées à l'intérieur des accolades n'a pas d'importance. Seule la dernière valeur ne doit pas être suivie d'une virgule.

Des variables personnelles (indépendantes du fonctionnement de GICO2) peuvent être stockées dans d-SESSION

Page Création Session 1/x


{
"nom" : "coffre3",
"nb" : 5,
"liste" : [ "ᚠ", "ᚢ" ,"ᚦ", "ᚭ", "ᚱ" ,"ᚴ" , "ᛆ", "ᛐ", "ᛓ", "ᛙ", "ᚬ", "ᚼ", "ᚾ", "ᛅ", "ᛋ", "ᛏ", "ᛒ", "ᛘ", "ᛦ" ],
"tri" : "croissant",
"monIndicePerso" : {"enigme" : "Quelle est la couleur du cheval blanc d'Henry IV ?", "solution" : "blanc"},
"noInspect" : "off"
}

547

éléments de base

"nom" obligatoire : Permet d'identifier l'objet d-SESSION stocké dans le navigateur et son coffre associé (Possibilité de plusieurs coffres dans le Genially). La valeur est une chaine (cernée par " ").

Ex : "nom" : "coffre2"

Page Création Session 2/x


{
"nom" : "coffre4",
"nb" : 3,
"liste" : "num",
"tri" : "croissant",
"maVariable" : {"enigme" : "Quelle est la couleur du cheval blanc d'Henry IV ?", "solution" : "blanc"},
"noInspect" : "off"
}

Options de d-SESSION : nom, nb, liste

"nb" obligatoire : Nombre de caractère aléatoire de session à générer. La valeur est un entier. ( sans " " ou ' '). Peut prendre la valeur 0.

Ex : "nb" : 3

"liste" obligatoire : La liste dans laquelle choisir les caractères aléatoires de session.


12 listes prédéfinies :
"num" : 0,1,2, --> 9 // "alpha" : a,b,c, --> z // "ALPHA" : A, B, C, --> Z // "spe" : #, @, %, $, >, <, +, -, ^, £, &, :, /, §, !, ?
et toutes les combinaisons possibles avec les listes précédentes :
"alphanum" : a,b, c, --> z, 0, 1,2 -->9 // "alphaspe" // "alphaALPHA" // "ALPHAnum" // "ALPHAspe" // "alphaALPHAnum" // "alphaALPHAspe" // "alphaALPHAnumspe"

Possiblité de liste de caractères aléatoires (ou de mots) personalisés en respectant la syntaxe :
["😸", "😹", "😻", "😿", "🙀", "🙆", "🙇", "🙈", "🙉", "🙊"] ou [ "bleu", "blanc", "rouge"]
Ex : "liste" : "alphanum" // "liste" : [ "ᚠ", "ᚢ" ,"ᚦ", "ᚭ", "ᚱ, "ᚼ", "ᚾ", "ᛅ", "ᛋ", "ᛏ", "ᛒ", "ᛘ", "ᛦ" ]

éléments de base

"tri" ou "place" obligatoire : L'une ou l'autre des 2 options est obligatoire. Permet de choisir l'emplacement des caractères aléatoires générés dans le code final de dévérouillage.

Supposons que le code initial associé à GICO2 soit "547" et que 2 caractères aléatoires de session de type numérique aient été tirés pour un joueur ("nb" : 2, "liste" : "num") : le 7 et le 3.
Valeurs possibles pour "tri" :
"tri" : "debut" donnera pour ce joueur le code final de déblocage 73547 .
"tri" :"fin" donnera pour ce joueur le code final de déblocage 54773 .
"tri" : "aleatoire" donnera (peut-être) pour ce joueur le code final de déblocage75347 .
"tri" :"croissant" donnera pour ce joueur le code final de déblocage 34577 .
"tri" :"decroissant" donnera pour ce joueur le code final de déblocage 77543.

Si on préfère déterminer précisement l'emplacement des caractères aléatoires de session pour tous les joueurs, il faut choisir l'option "place" et supprimmer l'option "tri":
"place" : [1,4] donnera pour ce joueur le code final de déblocage 75437 (insertion des caractères aléatoires de session à la première et quatrième place du code final).
La valeur associée à "place" est un tableau d'entiers : entiers (sans " "), séparés par des virgules , cernés par des crochets [ ].
Le nombre d'entiers dans le tableau "place" doit être égal à la valeur de l'entier "nb".

Page Création Session 3/x


{
"nom" : "coffre5",
"nb" : 2,
"liste" : "num",
"tri" : "croissant",
"maVariablePerso" : {"enigme" : "Quelle est la couleur du cheval blanc d'Henry IV ?", "solution" : "blanc"},
"noInspect" : "off"
}

Options de d-SESSION : tri ou place

éléments de base


{
"nom" : "coffre6",
"codeInitial": "azerty",
"nb" : 1,
"liste" :["000", "111", "222"],
"tri" : "croissant",
"mon AncienCode" : "547",
"noInspect" : "off"
}

"codeInitial" optionel : Permet de substiuer ou écraser (il y a une subtile nuance) la valeur de dévérouillage associée à à la zone de texte groupée avec GICO2.

La valeur associée à "codeInitial" est une chaine de caractère même si elle contient des nombres, donc obligatoirement cernée par des " " ou ' '.

Dans l'exemple ci-contre, supposons que "547" ait été groupé avec GICO2 :
"547" sera substitué par la valeur "azerty" de "codeInitial", puis on choisira alétoirement un item parmi ["000", "111", "222"] et on trira le tout par odre croissant. Ce qui pourrait donner pour un joueur le code final de déverrouillage: azerty222.

Si "codeInitial" est non vide et que "nb" = 0, la valeur de dévérouillage associée à GICO2 sera totalement écrasée par la valeur de "codeInitial" et sera unique pour tous.

Si "codeInitial" = "" (chaine vide), la valeur de dévérouillage pour chaque joueur sera différente et entièrement déterminée par l'ensemble généré par "nb", "liste", "tri" (substitution aléatoire de session).

Utilisations possibles de "codeInitial" :
- Stratégie du "changement de mot de passe". Pour déverouiller il faut posseder l'ancien mot de passe (code associé à GICO2) ET le nouveau mot de passe de session (généré par "codeInitial", "nb", "liste", "tri"/"place" de d-SESSION).
- Dévérouillage avec code de session aléatoire différent pour chaque joueur.

Page Création Session 4/x

Option de d-SESSION : codeInitial

éléments de base


{
"nom" : "coffre6",
"codeInitial": "azerty",
"nb" : 1,
"liste" :["000", "111", "222"],
"tri" : "croissant",
"monAncienCode" : "547",
"noInspect" : "on"
}

"noInspect" optionel : Permet d'interdire l'accès à l'outil de développement javascript du navigateur (console javascript, inspection du code de la page, appli sessionStorage...), et donc d'interdire aussi toute forme d'accès aux objets stockés dans sessionStorage dont ceux qui contiennent les codes de dévérouillage des coffres (sécurisation des codes de session de dévérouillage).


Si "noInspect" : "on" est présent dans d-Session, l'accès aux outils de dévellopement du navigateur par click droit, appui sur F12, ou toute combinaison de touches contenant control CTRL (ou Cmd ⌘) est interdit.
Si "noInspect" a une autre valeur que "on" ou est absent de d-SESSION, l'accès aux outils de développement du navigateur est autorisé.

Page Création Session 5/x

Option de d-SESSION : noInspect (sécurisation de sessionStorage)

éléments de base

"enigmes" optionel : Tableau de questions ou enigmes au format chaine (du type ["item1", "item2", "item3"]), dans lequel sera choisie aléatoirement une enigme et sa solution associée pour former le code de dévérouillage.

"nb" doit être égal à 0, sinon des caractères aléatoires supplémentaires seront générés. Si on veut conserver les espaces dans les énigmes placer le caratère "~" dans une chaine du tableau, sinon tous les espaces seront supprimés (valable pour toutes les autres propriétés).

"solutions" obligatoire si "enigmes" est présent: Tableau de chaines des solutions aux énigmes précédentes. L'ordre des solutions doit correspondre à l'ordre des enigmes.

Quand l'énigme et sa solution ont été choisie aléatoirement, la propiété "enigmeChoisie" est créé dans d-SESSION pour être réutilisée dans le Genialy.

Ex : tirage aléatoire --> dans d-SESSION "enigmeChoisie" : "Je suis la couleur de l'espoir..." est créé, code de dévérouillage du coffre associé à cette enigme: VERT (si "nb" : 0 dans d-SESSION, sinon ce sera VERT et des caractères aléatoires déterminés et positionés par les valeurs de "nb", "liste" et "tri")

Page Création Session 6/x

Option de d-SESSION : enigmes ET solutions

{
"nom" : "coffre6",
"nb" : 0,
"liste" : "ALPHA",
"tri" : "croissant",
"enigmes" : ["~Quelle est la couleur du cheval blanc d'Henri IV ?", "Je suis la couleur de l'espoir...", "Je ne suis pas une couleur, je suis l'absence de couleur ..."],
"solutions" : ["BLANC", "VERT", "NOIR"]
}

éléments de base

"Solution Texte" optionel : A grouper avec une zone de texte pour révéler le code final dans n'importe quelle page.




"Bouton solution" optionel : Pour révéler par click le code final d'un coffre dans n'importe quelle page. A grouper avec une zone de texte et une image.


Syntaxe dans la zone de texte :

~nomDuCoffre : le nom du coffre (peut contenir des carcatères alphabétiques et numériques). Doit correspondre à "nom" de d-SESSION.
~~ (emplacement dans la zone de texte où placer la solution)

Exemple de zone de texte à grouper:
~coffre4 Le code d'ouverture du coffre4 est : ~~
Affichera par exemple "Le code d'ouverture du coffre4 est: 1234 "

Page Création Session 7/x

Utilisation de d-SESSION : révéler le code final de session par click ou dans une zone de texte .

~coffre4
Le code d'ouverture
du coffre4 est : ~~

~coffre4
Le code d'ouverture
du coffre4 est : ~~

éléments de base

"Caractère de session, zone de texte, maître" et "esclaves" optionel : Pour révéler un caractère aléatoire de session du code final dans n'importe quelle page. A grouper avec une zone de texte. Si un seul caractère est à révéler par page utiliser la zone "maître", si plusieurs caractères sont à révéler sur une même page pour un même coffre, utiliser une zone "maître" et plusieurs zones "esclaves".


Syntaxe de la zone de texte :
~nomducoffre obligatoire pour la zone maître, inutile pour les zones esclaves: Identifier dans quel objet de sessionStorage chercher. Doit correspondre à "nom " de la zone d'option de d-SESSION (letttre et chiffres autorisés). Ex : ~cofffre4.
~entier obligatoire : Identifier le nième caractère aléaloire à révéler. Ex : si "nb" : 3 est présent dans la zone d'option d-SESSION alors 3 caractères aléatoires ont été générés. ~1 cherchera le premier caractère aléatoire généré (dans l'odre du code final), ~2, et ~3 sont possibles.
~* obligatoire : Donne la position du caractère aléatoire dans le code final (dépend du cararactère tiré et du tri choisi). Peut être suivi de 'ier-ième'. Ex : Si le caractère cherché est à la première position du code final donnera "premièr(e)". Si le caractère est à la troisième position du code final donnera "3 ième".
~+ obligatoire : La valeur du caractère aléatoire à révéler. Ex "5".

Page Création Session 8/x

Utilisation de d-SESSION : révéler les caractères aléatoires de session dans une zone de texte .

~coffre4 " ~+ " ~1 est le ~* ier-ième chiffre du code du coffre 4.

~2 Le caractère " ~+ " se situe à la ~* ier-ième position dans le code du coffre 4

éléments de base

"Caractère de session, click, maître" et "esclaves" optionel : Pour révéler un caractère aléatoire de session du code final dans n'importe quelle page. A grouper avec une zone de texte et une image. Si un seul caractère est à révéler par page utiliser la zone "maître", si plusieurs caractères sont à révéler sur une même page pour un même coffre, utiliser une zone "maître" et plusieurs zones "esclaves".


Syntaxe de la zone de texte :
~nomducoffre obligatoire pour la zone maître, inutile pour les zones esclaves: Identifier dans quel objet de sessionStorage chercher. Doit correspondre à "nom " de la zone d'option de d-SESSION (letttre et chiffres autorisés). Ex : ~cofffre4.
~entier obligatoire : Identifier le nième caractère aléaloire à révéler. Ex : si "nb" : 3 est présent dans la zone d'option d-SESSION alors 3 caractères aléatoires ont été générés. ~1 cherchera le premier caractère aléatoire généré (dans l'odre du code final), ~2, et ~3 sont possibles.
~* obligatoire : Donne la position du caractère aléatoire dans le code final (dépend du cararactère tiré et du tri choisi). Peut être suivi de 'ier-ième'. Ex : Si le caractère cherché est à la première position du code final donnera "premièr(e)". Si le caractère est à la troisième position du code final donnera "3 ième".
~+ obligatoire : La valeur du caractère aléatoire à révéler. Ex "5".

Page Création Session 9/x

Utilisation de d-SESSION : révéler les caractères aléatoires de session par click .

~coffre4 "~+" ~2 est le
~* ier-ième chiffre du code du coffre 4

" ~+ " ~1 est le ~*ier-ième chiffre du code du coffre 4

éléments de base

"Caractère du code final, zone de texte, maître" et "esclaves" optionel : Pour révéler un caractère aléatoire de session du code final dans n'importe quelle page. A grouper avec une zone de texte et une image. Si un seul caractère est à révéler par page utiliser la zone "maître", si plusieurs caractères sont à révéler sur une même page pour un même coffre, utiliser une zone "maître" et plusieurs zones "esclaves".


Syntaxe de la zone de texte :
~nomducoffre obligatoire pour la zone maître, optionel pour les zones esclaves: Identifier dans quel objet de sessionStorage chercher. Doit correspondre à "nom " de la zone d'option de d-SESSION (letttre et chiffres autorisés). Ex : ~cofffre4.
~entier obligatoire : Identifier le nième caractère du code final à révéler. Ex : si le code final contient 6 caractères. ~1 cherchera le premier caractère (dans l'odre du code final), ~2, et ~3, ~4, ~5, ~6 sont possibles.
~+ obligatoire : La valeur du caractère aléatoire à révéler. Ex "5".

Page Création Session 10/x

Utilisation de d-SESSION : révéler n'importe quel caractère (de session ou pas) dans une zone de texte .


~coffre5 ~1 Le premier caractère du code du coffre5 est : ~+

~coffre5 ~3 Le troisième caractère du code du coffre5 est : ~+

éléments de base

"Caractère du code final, zone de texte, maître" et "esclaves" optionel : Pour révéler un caractère aléatoire de session du code final dans n'importe quelle page par click. A grouper avec une zone de texte et une image. Si un seul caractère est à révéler par page utiliser la zone "maître", si plusieurs caractères sont à révéler sur une même page pour un même coffre, utiliser une zone "maître" et plusieurs zones "esclaves".


Syntaxe de la zone de texte :
~nomducoffre obligatoire pour la zone maître, optionel pour les zones esclaves: Identifier dans quel objet de sessionStorage chercher. Doit correspondre à "nom " de la zone d'option de d-SESSION (letttre et chiffres autorisés). Ex : ~cofffre4.
~entier obligatoire : Identifier caractère du code final à révéler. Ex : si le code final contient 6 caractères. ~1 cherchera le premier caractère (dans l'odre du code final), ~2, et ~3, ~4, ~5, ~6 sont possibles.
~+ obligatoire : La valeur du caractère aléatoire à révéler. Ex "5".

Page Création Session 11/x

Utilisation de d-SESSION : révéler n'importe quel caractère (de session ou pas) par click .

~coffre5 ~5 Le cinquième caractère du code du coffre5 est : ~+


~coffre5 ~6 Le sixième caractère du code du coffre5 est : ~+

éléments de base

Propriété, zone de texte, "maître" et "esclaves" optionel : Pour révéler une propriété d'un coffre stocké dans sessionStorage dans n'importe quelle page dans une zone de texte. A grouper avec une zone de texte. Si une seule propriété est à révéler par page utiliser la zone "maître", si plusieurs prpriétés sont à révéler sur une même page, utiliser une zone "maître" et plusieurs zones "esclaves".


Syntaxe de la zone de texte :
~nomducoffre obligatoire : Identifier dans quel objet de sessionStorage chercher. Doit correspondre à "nom " de la zone d'option de d-SESSION (letttre et chiffres autorisés). Ex : ~cofffre4.
@propriétéARévéler obligatoire : Identifier la propriété à révéler. Doit être présente dans d-SESSION possédant "nom" : "nomducoffre"
# obligatoire : La valeur de la propriété révéler. A placer dans l'endroit de la zone de texte où révéler la propriété .

Page Création Session 12/x

Utilisation de d-SESSION : révéler n'importe quelle propriété de la zone d'option d-SESSION (stockée aussi dans sessionStorage).

~coffre5 @maVariable "maVariable" dans l'objet coffre5 de sessionStorage vaut : #

~coffre6 @enigmes la propriété "enigmes" de coffre6 vaut : #

REMARQUE IMPORTANTE : Par défaut, tous les espaces et caractères invisibles des propriétés de d-SESSION seront supprimés avant d'être stockées dans sessionStorage (pour des raisons "d'erreurs de syntaxe" possibles s'il y en a plus d'un). Si on veut les conserver l'orsqu'on révèle une propriété, il faudra placer un ~ dans la valeur de la propriété (conservera 1 seul espace entre chaque mot/caractère et supprimera les autres.
Ex d-SESSION: {
...,
"indice" : "~N'oubliez pas de fouiller dans le tiroir...", ( "Syntax error" possible avant et près ":")
....
}
Avec ~ placé dans la valeur de "indice" , sera révélé : N'oubliez pas de fouiller dans le tiroir... (sans "Syntax error").
Sans ~ dans la valeur de "indice", sera révélé : Noubliezpasdefouillerdansletiroir... (sans "Syntax error").