Prototype Sujet 1 

: TP Programmation Web Et Mobile

TRAVAUX PRATIQUES DE PROGRAMMATION WEB ET MOBILE

FORME DE L’EPREUVE : EPREUVE PRATIQUE ;

DUREE DE L’EPREUVE : 05 heures ;

CREDIT : 7 ;

L’épreuve comporte deux parties indépendantes qui doivent être traitées et corrigées sur
ordinateur. Outils : un ordinateur contenant les logiciels suivants : Editeur Notepad ++, Wamp Server
pour MySQL, HTML5, CS3, ANGULAR VERSION X (Connexion Internet momentanément pour
installer les packages nécessaires à la programmation mobile).

Partie A : Programmation Web Dynamique – 70Points

Enoncé : En votre qualité future de technicien supérieur en informatique option génie logiciel, on
vous demande de créer le MCD d’une base de données Voiture qui enregistre les certificats
d’immatriculation des véhicules en circulation (Carte Grise). Elle doit répondre aux contraintes
suivantes :

 Un véhicule est d’un modèle identifié par un Numéro de Type ;

 Un véhicule peu avoir un ou plusieurs propriétaires simultanément (copropriétaire) ;
 Les recherches effectuées sur la base de données doivent permettre de retrouver par exemple, tous
les véhicules d’une personne, la ou les personnes propriétaire d’un véhicule dont on connait
l’immatriculation et tous les propriétaires d’un modèle de voiture donné ;

Travail A Faire :

1) Créer le MCD sur format papier et le schématisez sur PowerAMC ;

2) End réduire le MLD de la base de données Voiture du MCD de la question 1 ;
3) Etant sur PowerAMC et en ayant vérifié votre MCD, générer u Modèle Physique de Données ;
4) Implémentez les scripts suivant en PHP :
a) Un script « Connexion.php » qui permettra de se connecter à la base de données Voiture.
Si la connexion est établie on affiche le message « Connexion Réussie », dans le cas
contraire on affiche le message « Connexion Echouée » ;
b) Un script « Affiche.php » pour l’affichage de tous les champs de a table « Véhicule » ;
c) Un Script « nouveau_Véhicule.php » contenant le formulaire d’enregistrement d’un
nouveau Véhicule dans la base de données « Voiture » en prévoyant un bouton « Valider
» ;
 d) Un Script « insertVéhicule.php » qui permettra d’enregistrer les Véhicules dans la table
« Véhicule » de la base de données « Voiture » à partir du formulaire ;
e) Enregistrez 03 Véhicules dans la base de données à partir du formulaire ;
f) Un Script « supprimerVéhicule.php » qui permettra de supprimer un Véhicule sélectionné
dans la liste des Véhicules affiché dans la page « Affiche.php ».

Partie B : Développement d’Application Mobile – 30Points

 Créer un projet simplifié nommé « FormVoiture » avec la suite Angular X, NodeJS, Apache
Cordova, Ionic permettant d’afficher un formulaire d’enregistrement d’un Véhicule à partir d’un
Terminal Mobil Android. Ce projet devra être crée sur le disque local C, dans un dossier nommé
« DevMobile_Voiture ». Les éléments à enregistrer dans ce formulaire seront : Immatriculation du
Véhicule, Le Nom du Propriétaire, Le Modèle du Véhicule, La Date de Validité de La Carte
Grise, Le Numéro de Téléphone du Propriétaire. Et à la validation dudit formulaire, l’on devra
afficher une fiche rapport avec l’ensemble des informations saisies dans le formulaire.