Mettre mon site en page de damarrage
  Approfondissement des notions de Flash 5

 

 Fiche d'enrichissement 7

 
 
 
  Protection et accès restreint à un document

Source piregwan
http://www.piregwan.com

  Présentation
Cet exercice vous montrera comment protéger l'accès à certaines parties ou documents sur un site web. Il pourra aussi permettre, dans un jeu, d’exiger que l'utilisateur trouve le bon mot (indice) pour accéder au niveau suivant. Le degré de difficulté n'est pas très élevé et vous travaillerez pour la première fois avec l'outil texte NON STATIQUE.
  Pratique
  1. Lancez FLASH et sauvegardez immédiatement le fichier sous ficheSup7.fla.

  2. Allez au menu FENÊTRE , option PANNEAUX / SCÈNE. La boîte de dialogue suivante apparaît.

  1. Cliquez sur le symbole + (encerclé en rouge ci-dessus) et ajoutez 2 autres scènes. Nommez-les comme ci-dessous.

Le fichier contient 3 scènes distinctes. Vous pouvez vous déplacer à votre guise d'une scène à l'autre en utilisant le raccourci prévu à cet effet en haut à droite de la ligne du temps (voir ci-dessous).

  1. Assurez-vous de travailler sur la scène nommée Motdepasse et placez deux champs de texte sur le calque #1 (que vous nommez CONSIGNES) comme dans l'exemple ci-dessous.

  1. Ajoutez un nouveau calque et nommez-le QUESTIONS. Sur ce calque insérez deux champs de saisie texte. Utilisez l'outil TEXTE en changeant les OPTIONS DE TEXTE (panneau du même nom) pour chaque champ de la façon indiquée ci-dessous.

Voici à quoi devrait ressembler votre scène.

  1. Toujours sur la scène Motdepasse, ajoutez un 3ième calque et nommez-le BOUTON.  Sur ce dernier, placez un bouton de votre création ou un tiré des bibliothèques communes comme dans l'exemple ci-dessous. Nommez-le BOUTON_MOTDEPASSE

  1. Sur le calque BOUTON, sur la 1ière image, ajoutez une action STOP.

  2. Cliquez avec le bouton droit de la souris sur le bouton que vous venez de placer sur votre scène et ajoutez les actions suivantes. Notez que les majuscules font une différence dans les noms de scène: motdepasse n'est pas la même chose que Motdepasse.

on (press) {
    if (password eq "secret") {
        gotoAndPlay ("Motdepasse okay", 1);
    } else {
        gotoAndStop ("Motdepasse erroné", 1);
    }
}

Ce code permet, sur un clic de la souris, de vérifier si le mot de passe entré pas l'usager est bel et bien secret; si oui, l'utilisateur est renvoyé sur la scène Motdepasse okay, sinon, il doit aller à la fenêtre Motdepasse erroné.

  1. Sur la scène Motdepasse erroné, ajoutez une action STOP dans le premier cadre du calque #1 et mettez sur scène du texte vous permettant de distinguer cette scène des autres. Comme c'est ici que l'usager sera renvoyé si son mot de passe est incorrect, vous pourriez simplement écrire "Mot de passe refusé…essayez à nouveau!" et, à partir d'un bouton, l'usager pourrait revenir à la scène de départ : Motdepasse. Nommez votre bouton BOUTON_RECOMMENCER.

  1. Dans le BOUTON_RECOMMENCER, vous devez retourner l'usager à la scène de départ (Motdepasse). Insérez donc dedans le code ci-dessous.

on (release) {
    gotoAndPlay ("Motdepasse", 1);
}

  1. Testez l'animation en appuyant sur CTRL+ENTRÉE. Pour vérifier si vous avez bien fait le travail, entrez votre nom et mettez n'importe quoi comme mot de passe: vous allez être dirigé vers la scène où on vous dit que le mot de passe est incorrect.

Il ne reste qu'à personnaliser la scène Motdepasse okay (celle sur laquelle l'usager se retrouvera s’il inscrit le bon mot de passe). En passant, celui-ci  est secret!

  1. Sur cette dernière scène (Motdepasse okay), placez un bouton qui donne accès à un site internet «secret», une page .html que vous avez réalisée ou, simplement, à une animation placée sur une 4ième scène. N'oubliez pas d'ajouter un STOP dans la première case de cette scène.

  2. Testez une dernière fois afin et sauvegardez la fiche.

  Résultat attendu: 

  Enrichissement: 
  1. Trouvez une solution pour n'accepter que l'usager Richard ayant le mot de passe secret; tous les autres devront se buter à votre page ERRONÉ. Enregistrez cette nouvelle version sous le nom FicheSup8B.fla.

 
Webmaster : Auteur du site | © Design : LaCasaGoum.com
 



<-  Haut de page  ->