Projet Programmation

Etape 1: Afficher le texte d'un paragraphe à l'utilisateur

Solution 1: Utiliser alert

Solution 2: modifier le texte de la page en utilisant innerHTML


Evolution: coder cette partie sous forme de fonction qui prend une chaine de caractère en attribut.

Etape 2: Permettre à l'utilisateur de choisir le paragraphe suivant

Solution 1: Utiliser prompt

Solution 2: utiliser onclick


Evolution 1: coder cette partie sous forme de fonction qui prend en attribut la liste des choix possibles pour l'utilisateur.

Evolution 2: si vous utilisez prompt, verifier si le choix de l'utilisateur fait partie des choix à sa disposition


Etape 3: Utiliser le choix de l'utilisateur pour afficher le paragraphe suivant en fonction de son choix (condition)

Solution 1: récupérer l'entrée de l'utilisateur via prompt pour afficher le paragraphe voulu

Solution 2: faire la fonction correspondante à onclick



Evolution: coder cette partie pour fonctionner avec la fonction de l'étape 1.


Etape 4: Développer un algorithme qui renvoie l'ensemble des choix possibles en fonction du paragraphe en cours

Solution 1: utiliser if-else if- ...

Solution 2: utiliser un switch


Evolution: coder cette partie sous forme de fonction qui prend le paragraphe en cours en attribut et qui renvoie la liste des choix possibles à cette étape


Etape 5: Faire un jeu qui tourne du début à la fin (avec une boucle)

Condition au départ : l'utilisateur est au paragraphe 1

Condition de la boucle: tant qu'on n'est pas à la fin, continuer


Evolution 1: à chaque fois que l'utilisateur passe un paragraphe fournir un code que l'utilisateur pourra ré-utiliser à chaque fois qu'il revient sur la page pour reprendre où il en était. La page demandera si l'utilisateur veut entrer un code. Si le code existe, l'utilisateur commencera au bon paragraphe. Sinon, il commencera au premier paragraphe.

Evolution 2: coder cette partie sous forme de fonction récursive qui rappelle la fonction avec le choix de l'utilisateur pour le paragraphe suivant


Etape 6: Si ce n'est pas fait, faire en sorte que les paragraphes s'ajoutent au fur et à mesure sur la page

Utiliser innerHTML pour ajouter un nouveau paragraphe à la fin de la page à chaque fois


Etape 7: Si ce n'est pas fait, faire en sorte que les paragraphes soient stockés dans un Array ou une Map


Etape 8: Si ce n'est pas fait, faire en sorte que les liens entre un paragraphe et les pargraphes suivants soient stockés dans un Array ou une Map


Etape 9: Faire en sorte de pouvoir choisir une histoire si plusieurs sont disponibles

La liste du noms des histoires sera stockée dans un tableau.


Etape A: Créer le modèle conceptuel des données pour un site qui permet de choisir une histoire entre plusieurs dans une base de données



Etape B: Créer le modèle relationnel associé



Etape C: Implémenter la base de données (avec au moins deux histoires)



Etape D: Developper le code pour connaitre les histoires disponibles dans la base de données (nom de toutes les histoires) et le stocker dans un tableau



Etape E: Developper le code pour vous permettre de stocker les paragraphes dans un Array ou une Map



Etape F: Developper le code pour vous permettre de stocker les paragraphes suivant un paragraphe donné dans d'un Array ou une Map



Mise en commun 1: Utiliser l'étape D pour fonctionner avec l'étape 9



Mise en commun 2: Utiliser l'étape E pour fonctionner avec l'étape 7



Mise en commun 3: Utiliser l'étape F pour fonctionner avec l'étape 8



Votre site est fini !