Script de Démonstration : Meme Generator
Présenté par : [Votre Nom]
Date : 19 mai 2025
Test dadmission SUPINFO
Introduction
.
Démonstration
1. Ouvrir lapplication via XAMPP sur la page [Link].
Voici l interface principale de mon application Meme Generator. Elle est conçue
pour être simple, avec des options pour personnaliser des mèmes et une galerie
pour les sauvegarder.
2. Cliquer sur Choose Image pour sélectionner une image.
Pour commencer, je choisis une image à éditer . en la sélectionnant ceci pour qu’il
saffiche dans canvas.
3. Ajouter du texte dans le champ Top Text.
Je vais ajouter du texte en haut de limage, par exemple "bonjour, qui saffiche
immédiatement sur limage.
4. Ajouter du texte dans le champ Bottom Text.
Ensuite, jajoute du texte en bas, comme "merci", aussi visible sur limage.
5. Modifier la couleur, la taille ou lemplacement du texte, si applicable.
Lapplication permet de personnaliser le texte : je peux changer la couleur, ajuster
la taille et déplacer le texte pour un positionnement précis.
6. Cliquer sur Download Meme.
Une fois le mème prêt, je peux le télécharger. Voici limage téléchargée, prête à être
utilisée.
7. Cliquer sur Share Meme.
Je peux partager le mème avec mes amis via la Web Share API, directement depuis
le navigateur. je veut essai de envoye se meme a mon amis en whatsapp, oui
8. Cliquer sur Save to Gallery et naviguer vers [Link].
Je peut aussi sauvegarde le mème dans la galerie grâce à localStorage.
9. Montrer la galerie et cliquer sur une image.
Dans la galerie, tous les mèmes sauvegardés sont affichés. En cliquant sur une image,
pour la grandir.
10. Montrer les options de la modale : télécharger, partager, supprimer.
je peux télécharger, partager ou supprimer le mème.
11. Ouvrir le panneau localStorage dans les outils de développement.
Pour montrer la sauvegarde, je vai inspecter l’element et affiche localStorage, où les
données des mèmes sont stockées.