Présentation du projet de fin de formation

L’application WEB MerceTest

Encadré par : Mr Youness ABOQORA & Mr Mohammed Amin RASSID

1
Réalisé par : MOUSTANSIR Houda
ISBIROU Fatima Zahra
DRIF Rabab
 Plan
1:Introduction

2:Objectif de projet

3:Moyens Utilisés

4:Les interfaces

5:Conclusion

2
 INTRODUCTION

Actuellement, réaliser un achat d’une voiture neuve est un investissement financier

Important, c’est pourquoi plusieurs gents recourent à chercher des agences qui
présentent des Essais de conduite pour mieux découvrir la voiture en ce qui concerne
le design intérieur et extérieur, le system de conduite, la puissance et la force de la
voiture.

3
 OBJECTIF DE PREJET

• Site web de marketing et de réservation des essais de conduite des derniers

modèles Mercedes .
• Permettre au client de réserver son « Test Drive » pour bien explorer la voiture
qu’il veut l'acheter.

4
 MOYENS UTILISÉ S
• HTML(HyperText Markup Language): désigne un type de langage informatique
descriptif. Il s'agit plus précisément d'un format de données utilisé dans l'univers
d'Internet pour la mise en forme des pages Web. Il permet, entre autres, d'écrire de
l'hypertexte, mais aussi d'introduire des ressources multimédias dans un contenu.
•  CSS(Cascading Style Sheets, se présente ):comme une alternative à la mise en forme
via des balises, notamment HTML. Un peu plus complexe à maîtriser, il permet un gain
de temps considérable dans la mise en forme d'une page web par rapport à ces balises.
Grâce au CSS, vous pouvez en effet appliquer des règles de mise en forme (titrage,
alignement, polices, couleurs, bordures, etc.) à plusieurs documents simultanément.

5
• Bootstrap est un framework développé par l'équipe du réseau social Twitter. Proposé en
open source (sous licence MIT), ce framework utilisant les langages HTML, CSS et
JavaScript fournit aux développeurs des outils pour créer un site facilement. Ce
framework est pensé pour développer des sites avec un design responsive, qui s'adapte à
tout type d'écran, et en priorité pour les smartphones. Il fournit des outils avec des
styles déjà en place pour des typographies, des boutons, des interfaces de navigation et
bien d'autres encore. On appelle ce type de framework un "Front-End Framework".
• JavaScript désigne un langage de développement informatique, et plus précisément
un langage de script orienté objet. On le retrouve principalement dans les pages
Internet. Il permet, entre autres, d'introduire sur une page web ou HTML des petites
animations ou des effets.

6
. jQuery: est une bibliothèque JavaScript gratuite, libre et multiplateforme. Compatible
avec l'ensemble des navigateurs Web (Internet Explorer, Safari, Chrome, Firefox, etc.),
elle a été conçue et développée en 2006 pour faciliter l'écriture de scripts. Il s'agit du
framework JavaScript le plus connu et le plus utilisé. Il permet d'agir sur les codes
HTML, CSS, JavaScript et AJAX et s'exécute essentiellement côté client. 

 . SQL Server: permet de stocker et de retrouver des données structurées, semi-

structurées ou des données brutes ou de l'information, souvent en rapport avec un thème
ou une activité ; celles-ci peuvent être de natures différentes et plus ou moins reliées entre
elles. 

. ASP.NET MVC :est un framework de programmation des applications web en style

MVC ajouté à ASP.NET en 2009. Il a été créé en 2007 par Scott Guthrie, un des auteurs
d'ASP.NET puis a été incorporé à ASP.NET et est devenu un produit officiel de Microsoft
avec la sortie de ASP.NET MVC 1.0.

7
Partie 1:
Accueil

8
 Le menu est composé par trois liens :
Le premier dirige vers la page "Home"

9
Cette view est associée par un bouton qui permet de passer au view des
gammes.

10
Le deuxième liens du menu permet de passer aux view "Gamme"

11
Au click sur les buttons "découvrir les modèles ", S'affiche au dessous la liste des modèles
disponibles du gamme choisie sous forme de liens

Au click sur le modèle choisi le lien te dirige vers la view de

présentation.
12
Le troisième lien dirige vers une fiche de l’agence qui représente la localisation et l’objectif de l’agence

13
14
En pieds du page du site se trouvent :
l’année courante
les réseaux sociaux de l’agence MerceTest

15
Partie2:
PRÉSENTATION

16
• On crée un fichier xslt qui se base sur les données représentées en XML
pour les afficher dans une view html.
• On a ajouté une classe sous le nom CustomHTMLHelper dont
on crée 3 phases.
La première : Création d’un objet XslCompiledTransform pour charger
et compiler le fichier XSLT.
La deuxième : Création d’un objet XMLReaderSetting pour attribuer
DtdProcessing, type de validation
La troisième : Création d’un objet XMLReader pour transformer la
valeur xml avec le paramètre XSLT
Et en fin on a Générer une chaîne HTML à partir de StringWriter
17
 le modèle et son nom
est accompagné par un Button de demander le test permettant de demander le test sans parcourir le long
du page.

18
Puis on trouve les spécification du modèle et les couleurs externes disponibles 19
feature_highlights et performance de modèle
20
Le design
21
Sécurité
22
Luxe
23
 En fin Multimédia
Et un Button de demander le test après de découvrir le modèle 24
Partie 3 :
RÉSERVATION

25
• On crée un contrôleur "TestController" avec la méthode "ActionResult"
qu'on la passe en paramètre le nom du modèle.
• On charge une liste des heures à partir des objets de classe "Heure".
• On implémente la méthode en mode [HttpPost] pour tester les données
par rapport au model puis on enregistre l'objet "Réservation".

26
 View "Demande" sous forme de formulaire.
Le nom du modèle apporté par query string du bouton au champs du "Nom-Model". 27
28
On affecte la liste des heures au DropDownList du champs "heure".
29
On associé un alert à l'événement du submit pour annoncé au utilisateur que sa demande a bien été
enregistrée. 30
Chaque réservation effectuée par un client s’ajoute dans la base de
données
31
 Conclusion
En conclusion, nous devons avouer que rétrospectivement nous sommes satisfaits de cette mémoire
puisque nous avons atteint des nouveaux objectifs.

En effet, ce projet nous a permis de comprendre et apprendre à maîtriser ce qu’on a étudier en

travaillons avec des logiciels Visual studio, SQL server, et autre …, l'utilisation de ces logiciels nous
guide généralement à présenter ce projet avec une structure bien organisée souhaitons de la développer
prochainement .

Enfin nous sommes par ailleurs convaincus que le travail élaboré n'est qu'une étape primaire aussi
bien pour une carrière professionnelle que pour des études plus approfondies.

32
Merci Pour Votre Attention

33