~ La 👸 de Clèves ~

SUJET : https://github.com/hackathon-nsi/h7n-nsi-02

PROGRESSION (changer les - par des # | # = 5%)
niveau 1 : |####################|
niveau 2 : |####################|
niveau 3 : |--------------------|
niveau 4 : |--------------------|

---

JOURNAL DE BORD

--Plan détaillé de ce qui a été fait, quand et par qui--

Travail préparatoire:

• 01/03: création d'un compte GitHub en classe

• Semaine du 08/03: introduction à Git-Hub en classe, divers essais à remplacer des mots par des émojis sur python - collaboration Catharina et Stephanie

• 15/03: Commencement du projet: recherche d'émojis, partage du travail, planification du projet, divers essais à remplacer des mots par des émojis sur python - collaboration Catharina et Stephanie

• 17/03: Catharina et Stephanie ont rejoigné l'organisation hackathon-nsi (02-lfv-e03)

NIVEAU 1:

• 19/03: Essai de déposer un fichier sur Git-Hub (Test_1), divers essais à remplacer des mots par des émojis sur un fichier externe - Stephanie ; Essai de télécharger un fichier de Git-Hub, commencement du programme principal - Catharina

• 22/03: Finalisation du projet: finalisation de la fonction remplacer sur python (Fonction_remplacer), copié le texte de la Princesse de Clèves dans un fichier txt (PDC.txt) - Stephanie; finalisation du programme principal sur python (PDC en émojis), puis mise en commun avec le document de Stephanie pour voir si tout fonctionne sans problèmes, ajustements, création d'un programme qui transforme le texte avec les émojis en texte sans émojis (PDC en texte) - Catharina

• Ajout de tous les programmes terminés le 22/03: PDC.txt, PDC en émojis, PDC en texte et Fonction_remplacer.

NIVEAU 2:

• 26/03: Commencement du niveau 2: travail sur le programme principal en html - Stephanie; Recherches sur la syntaxe de JS, commencement de la fonction remplacer en JavaScript - Catharina

• 12/04: Finalisation du programme principal en HTML (PDC en HTML) - Stephanie; travail sur la fonction remplacer en JavaScript - Catharina

• Ajout du programme terminé PDC en HTML le 12/04.

• 18/04: Finalisation du projet: Modifications sur la page HTML - Stephanie; finalisation de la fonction remplacer en JavaScript - Catharina

• Ajout des programmes modifiés PDC en HTML et Fonction_remplacer en Python et du nouveau programme terminé fonctions_javascript le 18/04.

• 19/04: Les documents suivants ont été renommés et actualisés: "PDC_en_HTML.html", "PDC_en_emojis.py", "PDC_en_texte.py". Création de deux fichiers texte différents: un de départ (PDC_ini.txt) et un de sortie (PDC_fin.txt). - Stephanie; Création d'un fichier "style_bouton.css" pour la page html + actualisation du fichier "Fonctions_javascript.js" - Catharina

DOCUMENTATION

Document Test_1.py: Test pour voir comment GitHub fonctionne

NIVEAU 1:

Ce qu'il faut faire pour voir le projet niveau 1:

• Ouvrir PDC_en_emojis.py, le programme principal
• L'exécuter
• Ouvrir PDC_fin.txt => quelques mots ont été transformés en émojis!
• Remarque: On peut exécuter le programme tant de fois que l'on veut
• Remarque 2: Si on veut que le texte de sortie (PDC_fin.txt) retrouve sa forme initiale sans émojis, il faut exécuter PDC_en_texte.py

Document PDC_ini.txt - texte de départ - Stephanie:

• comporte seulement le texte de la 1ère partie de PDC, pas modifié

Document PDC_fin.txt - texte de sortie - Stephanie:

• comporte le texte de la 1ère partie de la PDC, modifié

Document PDC_en_emojis.py - le programme principal - Catharina:

• importe la fonction remplacer de Stephanie
• exécute la fonction remplacer
• "stocke" ce qui sort de cette fonction dans une variable
• ouvre le document PDC_fin.txt
• remplace le contenu du document PDC_fin.txt par le texte changé qui a été "stocké" dans la variable

Document Fonction_remplacer.py - fonction complémentaire - Stephanie:

• création d'un dictionnaire qui associe à quelques mots des émojis
• création de la fonction:
  • ouvre PDC_ini.txt
  • parcourt chaque mot dans le document:
    • parcourt le dictionnaire
    • si le mot se trouve dans le dictionnaire, il est remplacé par son émoji
    • chaque mot remplacé ou non est ajouté dans une variable
  • retourne la variable, qui comporte le texte modifié

Document PDC_en_texte.py - programme optional - Catharina:

• création d'un dictionnaire qui associe à quelques mots des émojis
• ouvre le document PDC_fin.txt
• remplace chaque émoji par son mot correspondant
• écrit les changements dans le document PDC_fin.txt qui "retrouve" sa forme initiale (sans émojis)

NIVEAU 2:

Ce qu'il faut faire pour voir le projet niveau 2:

• Ouvrir PDC_en_HTML.html, le programme principal
• Cliquer sur le bouton "remplacer par émojis" => les émojis apparaissent!
• Cliquer sur le bouton "Réinitialiser" => les émojis disparaissent, la page est réinitialisée
• Remarque: On peut exécuter le programme tant de fois que l'on veut

Document PDC_en_HTML.html - le programme principal - Stephanie:

• affiche tout le texte de la 1ère partie de la Princesse de Clèves
• affiche un bouton "remplacer", qui déclenche après un clic la fonction "remplacer" sur le document en JavaScript
• affiche un bouton "réinitialiser", qui déclenche après un clic la fonction "réinitialiser" sur le document en JavaScript

Document Fonctions_javascript.js - fonction complémentaire - Catharina:

• création d'un dictionnaire qui associe à quelques mots des émojis
• création de la fonction:
  • copie tout le texte de la page HTML et le stocke dans une variable
  • découpe le texte en mots séparés et les stocke dans une nouvelle variable
  • pour chaque mot:
    • parcourt le dictionnaire
    • si le mot se trouve dans le dictionnaire, il est remplacé par son émoji
    • chaque mot remplacé ou non est ajouté dans une variable
  • remet le texte modifié sur la page HTML

Document style_bouton.css - programme pour le style des boutons - Catharina:

• défini couleur, forme, place et animation des deux boutons sur la page html