0% ont trouvé ce document utile (0 vote)
3 vues1 page

Générateur de Mèmes : Guide d'Utilisation

Le document présente une démonstration d'une application de génération de mèmes, incluant des étapes pour sélectionner une image, ajouter du texte, personnaliser le mème, et le partager ou le sauvegarder. L'application permet également de visualiser une galerie de mèmes sauvegardés et d'interagir avec eux via des options de téléchargement, partage et suppression. Enfin, il est possible d'inspecter le stockage local pour voir les données des mèmes enregistrés.

Transféré par

MOTB
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
0% ont trouvé ce document utile (0 vote)
3 vues1 page

Générateur de Mèmes : Guide d'Utilisation

Le document présente une démonstration d'une application de génération de mèmes, incluant des étapes pour sélectionner une image, ajouter du texte, personnaliser le mème, et le partager ou le sauvegarder. L'application permet également de visualiser une galerie de mèmes sauvegardés et d'interagir avec eux via des options de téléchargement, partage et suppression. Enfin, il est possible d'inspecter le stockage local pour voir les données des mèmes enregistrés.

Transféré par

MOTB
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

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.

Vous aimerez peut-être aussi