Vous êtes sur la page 1sur 2

JavaScript avancé S2 P3/P4 MASTER SRIV

PROJET JAVASCRIPT AVANCE


SUJET : (APPLICATION DE TRANSFERT D’ARGENT ET DE PAIEMENT MOBILE)
L’objectif de ce projet est de développer une application web qui simule un service de transfert d'argent et
de paiement mobile en utilisant HTML, JavaScript, JSON, PHP et MySQL.

1. Modéliser et créer une base de données nommée senmoneydb contenant les données de l’application
composées des informations sur les comptes et des informations générées par les services
offertes. Chaque compte est composé d’un numéro, d’un code et d’un solde. L’application offre
plusieurs services dont le service « Solde de mon compte », le service « Transfert d’argent », le service
« Paiment de facture » et le service « Options ».

2. Créer une page nommée index.html liée à un fichier externe scripts.js pour contenir le code JavaScript
et à un fichier style.css pour contenir le code CSS.
3. Ajouter dans la page html le code permettant d’obtenir le résultat illustré dans
la figure ci-contre. Les numéros doivent provenir de la base de données et un
clic sur le bouton #221# fera appel à une fonction nommée menu().

Indication : Un fichier PHP devra être utilisé pour extraire les numéros de la
base de données et la technologie Ajax pour les acheminer au format JSON vers
le client.

4. Dans le fichier scripts.js, écrire la fonction menu() qui affiche le menu ci-dessous retournant le numéro
du service choisi.

5. Si la valeur 1 est saisie dans le


menu, la fonction afficherSolde()
sera appelée. Cette dernière permet
d’extraire le solde du numéro
courant à partir de la base de
données et de l’afficher comme
l’illustre la figure ci-contre.
a. Ecrire le code de la fonction
afficherSolde()
b. Ajouter dans la fonction menu() le code permettant d’appeler cette fonction si 1 est saisi.
elhadjimamadou.nguer@uvs.edu.sn
JavaScript avancé S2 P3/P4 MASTER SRIV

Noter qu’après avoir affiché le solde en cours, l’utilisateur pourra retourner au menu en cliquant sur
le bouton « OK » ou terminé le programme en cliquant sur le bouton « Annuler ».

6. Si la valeur 2 est saisie dans le menu, la fonction transferer() sera appelée. Cette dernière permet de
saisir le montant à transférer du solde du numéro courant vers le solde d’un numéro destinataire à saisir.
Attention : Les soldes de ces numéros devront être mis à jour dans la base de données en utilisant la
technologie Ajax, JSON, PHP et MySQL.
a. Ecrire le code de la fonction transferer()
b. Ajouter dans la fonction menu() le code permettant d’appeler cette fonction si la valeur 2 est saisie.
Noter qu’après avoir effectué le transfert, l’utilisateur pourra retourner au menu en cliquant sur le
bouton « OK » ou terminé le programme en cliquant sur le bouton « Annuler ».

7. Ecrire le code permettant de faire fonctionner le service « Options » qui permet de modifier son code
secret et de consulter les cinq dernieres transactions.

CONDITIONS :
- A effectuer individuellement ou par groupe de 2 personnes au maximum,
- Deadline de dépôt : 23 avril 2021
- Modalités de dépôt :
o Déposer le zip de l’application dans l’espace de dépôt qui sera créé à cet effet.
o Mettre en ligne l’application et ajouter l’url dans l’espace de dépôt

elhadjimamadou.nguer@uvs.edu.sn