Examen FF - TDM - Toubkal-it

|[pic] | |
|OFPPT | |
| | |
| | |
| |[pic] |
| | |
| |Office de la Formation Professionnelle|
| | |
| |et de la Promotion du Travail |
| | |
|Direction Recherche et Ingénierie de Formation |
Examen de Fin de Formation - Session Juin 2011 |Filière : Techniques de Développement Multimédia |Epreuve : Pratique - |
| |V1-2 |
| |Barème : 40 Pts |
|Niveau : Technicien Spécialisé |Durée : 4h30mn |
Important : assurez-vous que tous les éléments de vos projets sont
sauvegardés dans un dossier portant votre nom et prénom et le numéro de la
variante de l'examen comme suit "NOM_PRENOM_Variante".
Variante n° 2 On désire informatiser la gestion des commandes de la société E-INFO
spécialisée dans la distribution de plusieurs types d'accessoires
informatiques (Clavier, Ecran, PC, Imprimante...). La société souhaite offrir à ses clients une fonctionnalité de commande en
ligne, sachant qu'une commande est associée à un seul accessoire.
La structure de la base de données est la suivante : N.B. Les champs marqués en gras et souligné représentent les clés primaires
des tables et ceux marqués par # représentent les clés étrangères. Client (CodeClient, NomClient, AdresseClient, Tel, Pseudo, Pass)
Commande (CodeCmd, #CodeClient, #CodeAccessoire, DateCmd, Quantite)
Accessoire (CodeAccessoire, Libelle, PrixUnitaire, #CodeType)
TypeAccessoire(CodeType, Libelle) Dossier 1 (5 pts) 1) Créer la base de données en respectant le schéma relationnel ci-
dessus, les principales caractéristiques des champs doivent être
déduites. Ajouter un jeu d'enregistrements pour toutes les tables. (5
pts) Dossier 2 (20 pts)
1) Créer une page d'inscription qui permet la création de compte pour un
nouveau client. Dans cette page l'utilisateur doit fournir les
informations suivantes relatives au client : Nom, Adresse, Tél, Pseudo
et Mot de passe. (3 pts)
- Le code client est généré automatiquement par l'application.
- Tous les champs sont obligatoires.
[pic]
2) Créer une page d'authentification pour les clients. Pour s'identifier,
l'utilisateur précise son pseudo et son mot de passe. (Cette page
doit contenir un lien « S'inscrire » pour les nouveaux clients). (1,5
pts)
3) Créer une page permettant d'afficher les informations personnelles
relatives à un client juste après son authentification. (1 pt)
4) Créer une page qui affiche les commandes effectuées par le client
connecté. (1,5 pts)
5) Créer une page affichant tous les accessoires. (1,5 pts)
6) Ajouter dans la même page, une liste permettant de lister tous les
types des accessoires. Le choix d'un type depuis cette liste permet
d'afficher dans la même page les accessoires du type sélectionné. (3
pts)
[pic]
7) Créer une page qui permet à un client connecté de passer une commande
en ligne : (3 pts)
- Pour cela l'utilisateur sélectionne l'accessoire à commander et
saisit sa quantité.
- Ajouter un bouton « Calculer » qui fait appel à une fonction
JavaScript pour calculer le montant total de la commande.
- Ajouter un bouton « Valider » qui enregistre la commande (le code
commande est généré automatiquement par l'application).
[pic]
8) Une fois la commande est validée, écrire le code permettant d'afficher
les détails de la commande avec le montant total. (1,5 pts)
9) Créer un espace administrateur pour la gestion des accessoires et des
commandes. On suppose que l'administrateur possède le compte :
Pseudo : "Admin" et Pass : "Admin".
Cet espace doit contenir :
- Une page pour gérer la liste des clients (Ajout et suppression d'un
client). (2 pts)
- Une page pour afficher les commandes d'un ou de tous les clients. (1
pt)
10) Créer une page pour la déconnexion des clients. (1 pt) Dossier 3 (15 pts) La société E-INFO souhaite rendre son site un peu plus vivant et créer une
identification visuelle :
[pic]
1) En utilisant un logiciel de dessin, créer le logo qui se compose de :
. Un bouton bleu avec ombre et lueur interne. . Un panier vide à l'intérieur du bouton. . Un texte blanc avec contour bleu. - Enregistrer le logo en format originale de conception et format pour
le web. Barème : . Reproduction correcte de l'image du logo. (2 pts) . Application correcte des couleurs et des effets. (1 pt) . Conversion aux différents formats. (1 pt) 2) Réaliser une bannière animée qui contient 4 éléments : Un fond en
dégradé bleu, le logo, un texte entrant par la droite et un texte
entrant du bas. (2 pts)
3) Ajouter des effets spéciaux pour les textes. (1,5 pts)
4) Ajouter une action de click pour faire une redirection vers la page
d'inscription après le click à l'aide de la souris sur la bannière.
(1,5 pts)
5) Enregistrer et intégrer la bannière dans la page d'accueil du site. (1
pt)
6) Concevoir un menu de navigation entre les pages du site. Ce menu doit
contenir des boutons animés. (1,5 pts)
7) Ajouter un lien HTML dans chaque bouton pour accéder aux pages du
site. (1,5 pts)
8) Ajouter un effet de lueur et d'ombre portée. (1 pt)
9) Intégrer le menu dans la page d'accueil du site. (1 pt)