Tél : (+237) 657 07 98 07
(+237) 651 36 96 96
B.P 749, Yaoundé, Cameroun
Email: info@[Link]
Site: [Link]
TRAVAUX PRATIQUE
Créer un mini moteur de gestion des personnages de la série animé « One
Piece »
Objectifs :
• Manipuler des fonctions simples ;
• Utiliser des conditions et des boucles ;
• Créer et manipuler des objets JS ;
• Créer une classe et instancier des objets ;
• Gérer des tableaux d’objets ;
• Implémenter des algorithmes simples : recherche, filtrage, tri ;
DESCRIPTION
- Le but est de créer un mini moteur JS qui gère une liste de personnages, permet la
recherche, l’ajout, le filtrage et diverses opérations simples. Aucune interface graphique
n’est requise : tout se fait via la console et l’usage des fonctions prompt(), alert(), et
confirm()
Exercice 1/ Créer un tableau de 10 personnages de l’animé « One Piece »
- Chaque personnage est représenté par son nom, son type de fruit (si ce dernier ne dispose
pas de fruit définir la valeur null), sa prime, son équipage (idEquipage). Contraintes : les
informations des personnages doivent être conforme à l’animé « One Piece ». Un
équipage est représenté par un identifiant et un nom ;
Exercice 2/ Les fonctions et méthodes d’une classe
- Définissez une classe OnePiece qui aura uniquement des méthodes.
- Implémenter une fonction qui affiche tous les personnages « One Piece »
- Implémenter une fonction qui renvoie un personnage à partir de son nom.
- Implémenter une fonction qui modifie la prime d’un personnage
Page 1|4
Tél : (+237) 657 07 98 07
(+237) 651 36 96 96
B.P 749, Yaoundé, Cameroun
Email: info@[Link]
Site: [Link]
- Implémenter une méthode qui permet de trier les personnages
en fonction des primes décroissantes. (classe OnePiece)
- Implémenter une méthode qui retourne le personnage le plus fort : celui qui a la prime la
plus élevée (classe One Piece)
- Implémenter une méthode qui retourne la liste des personnages qui appartient à un
équipage. (classe OnePiece)
- Implémenter une méthode qui retourne la liste des personnages solitaires. (classe
OnePiece)
- Implémenter une méthode qui retourne la somme des primes d’un équipage. (classe
OnePiece).
- Implémenter une fonction qui ajoute un nouveau membre dans un équipage. (classe
OnePiece).
- Implémenter une fonction qui retire un membre dans un équipage
Le Menu principal :
- La liste des personnages
- Les personnages solitaires
- La liste des équipages avec le total des primes et le personnage le plus fort
- La liste des personnages d’un équipage
- Afficher les informations d’un personnage
- Ajouter un nouveau membre dans un équipage
- Modifier la prime d’un personnage
- Retirer un membre d’un équipage
- La liste des personnages (incluant le nom de leur équipage) qui ont les mêmes primes
- La liste des équipages et l’effectif de l’équipage
Page 2|4
Tél : (+237) 657 07 98 07
(+237) 651 36 96 96
B.P 749, Yaoundé, Cameroun
Email: info@[Link]
Site: [Link]
INSTRUCTIONS
Instructions pour réaliser le TP :
▪ Créer un projet vierge (pas de plugin) en utilisant l’outils vite. Votre répertoire doit initial
devra contenir un fichier [Link], un fichier javascript, un fichier [Link], un
fichier [Link], un dossier node_modules. Dans le cas contraire -3 points
seront appliqués
▪ L’enseignant exécutera votre projet via la commande npx vite. Si ce projet génère une
erreur un retrait -2 points sera appliqué.
▪ Il est obligatoire d’utiliser les concepts JS vu en cours à la date 28 novembre 2025. Dans
le cas contraire -5 points seront appliqués.
▪ L’étudiant définira une fonction sur la base des règles suivantes :
o La concaténation de votre nom et matricule ;
o Appliquer au moins une permutation inverse ;
o Appliquer au moins une opération arithmétique ;
o Retourner un résultat sur les 04 derniers caractères.
▪ Le résultat de cette fonction sera appliqué comme valeur de la propriété « signature » de
la classe Personnage.
▪ La fonction de signature doit être commenté par l’étudiant en décrivant clairement la
logique.
▪ Chaque étudiant devra avoir sa propre logique pour implémenter la fonction de signature.
NB : Si plus de 05 étudiants ont la même logique les 05 auront une note de 0.
▪ Pour une signature incorrecte, n’étant pas basé sur les données étudiantes, n’étant
implémenté par l’étudiant, non intégrée dans le projet le TP ne sera pas validé = 0/20.
Page 3|4
Tél : (+237) 657 07 98 07
(+237) 651 36 96 96
B.P 749, Yaoundé, Cameroun
Email: info@[Link]
Site: [Link]
LIVRABLES
• A la fin, Compressez vos travaux en excluant le répertoire « node_modules ». Par
exemple : TP_ArchiWeb_NOM.zip. Le nom doit être en lettre majuscule. Livrable non
respecté entrainera un malus.
• Délai 03 décembre 2025 à 20h00.
• Déposer votre travail via le Drive :
• (EN) [Link]
• (FR)
[Link]
Page 4|4