Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

SMP Page 1 13/06/2013 Remerciement Avant de présenter les résultats de nos rech

SMP Page 1 13/06/2013 Remerciement Avant de présenter les résultats de nos recherches nous tenons tout d’abord à remercier toutes les personnes qui nous ont permis de mener à bien et à terme ce travail ainsi que celles qui ont accepté de faire partie du jury de ce projet de fin d’études. Il nous est très difficile d’exprimer en quelques lignes toute notre gratitude et nos remerciements très chaleureux Monsieur Mustapha Haddad, professeur à la faculté des sciences de Meknès. Vous nous avez fait un grand honneur en nous confiant ce travail, si modeste soit-il, et en nous donnant la chance d’être guidés sur cette voie périlleuse. Nous sommes très touchés par votre courtoisie et votre générosité. Votre soutien moral et scientifique, votre enthousiasme, votre dynamisme et votre sympathie nous ont permis de mener à bien ce travail. Veuillez trouver ici l’expression de notre respectueuse considération et nos sincères remerciements. Nos plus sincères remerciements s’adressent aussi à Madame Ait Lyazidi Saadia, professeur à la faculté des sciences de Meknès, d’avoir accepté avec amabilité de juger ce travail. Veuillez trouver ici le témoignage de notre vive reconnaissance. On tient également à remercier considérablement Monsieur Fouad Benyaich, professeur à la faculté des sciences de Meknès, d’avoir accepté de faire partie du jury de ce projet de fin d’études. Veuillez trouver ici l’expression de nos sentiments respectueux. Nos remerciements s’adressent également à toute personne ayant participé, de près ou loin à la réalisation de ce travail. Enfin, on tient à exprimer notre reconnaissance la plus profonde à nos familles et nos amis pour leur soutien moral et matériel incessant. Expert PDF Evaluation Expert PDF Evaluation SMP Page 2 13/06/2013 Sommaire Introduction…………………………………………………….4 Première partie I. La conception d’un site web……………………………6 1. La conception de la carte graphique……………6 2. La conception de l’interface de navigation……6 3. Mise en page du texte……………………………..8 4. Couleur du texte……………………………………8 5. Conclusion………………………………………….9 II. Les logiciels et les langages utilisés…………………..9 1. Introduction………………………………………..9 2. Les logiciels utilisés………………………………10 2.1Environnement matériel……………………10 2.2 Environnement logiciel……………………10 2.3 Logiciels utilisés……………………………10 2.3.1 Dreamweaver………………………..10. 2.3.2 Adobe flash…………………………...10 2.3.3 Wampserver…………………………..11 Expert PDF Evaluation Expert PDF Evaluation SMP Page 3 13/06/2013 3. Les languages de création d’un site……………11 3.1 JavaScript……………………………………11 3.2 Langage HTML……………………………..12 3.2.1. Introduction…………………………….12 3.2.2. La structure d’une page HTML…….13 3.2.3. Les balises de HTML………………….14 3.3 CSS…………………………………………..15 3.4 PHP, Apache, MySQL & PhpMyAdmin….17 Deuxième partie I. Présentation du laboratoire LASMAR…………………24 II. Le modèle de données …………………………………..28 III. Création de la base de données ……………………….30 IV. Maquettage du site ……………………………………..33 V. La mise en forme par CSS……………………………..35 Conclusion…………………………………………………….40 Expert PDF Evaluation Expert PDF Evaluation SMP Page 4 13/06/2013 INTRODUCTION Les systèmes d’information jouent un rôle primordial dans l’activité des organisations du fait qu’ils permettent de fournir l’information nécessaire à la prise de décision. Ainsi, il est un ensemble organisé de ressources (personnel, données, procédures, matériel, logiciel,…) permettant d’acquérir, de stocker, de structurer, et de communiquer des informations sous forme de textes, images, sons, ou de données codées dans des organisations. Selon leur finalité principale, on distingue des systèmes d’information supports d’opérations (traitement de transaction, supports d’opération de bureau et de communication) et des systèmes d’information supports de gestion (aide à la production de rapports, aide à la décision…). L’informatique couvre aujourd’hui à peu près toutes les branches de l’activité humaine. Elle contribue à l’évolution de plusieurs domaines grâce à ses applications variées en industrie, communication, enseignement…etc. A son tour, la qualité à jouer du progrès de l’informatique et de ses apports vus que la qualité représente aujourd’hui le moyen le plus sûr de gagner la bataille de la concurrence. La création d’un site web nécessite aussi bien des formations professionnelles en communication et en création des sites et pour avoir un message communicationnel bien élaboré au risque de se trouver présent sur Internet sans pour autant réaliser le profit escompté. L’objectif de ce projet effectué, est concevoir et réaliser le site web du laboratoire LASMAR de la faculté des sciences Meknès et d’assurer sa présence sur le web. Pour cela, quelques étapes sont nécessaires à savoir : La préparation du contenu textuel, la conception de la maquette graphique et la réalisation. Dans ce projet nous allons détailler les étapes de la conception et de la réalisation du Site web, en répondant à quelques questions à savoir : Quelles informations présenter sur le site ? Quels sont les meilleurs langages et logiciels à utiliser pour créer les sites web ? S’agit-il d’un site web statique ou dynamique ? Expert PDF Evaluation Expert PDF Evaluation SMP Page 5 13/06/2013 Première partie I. La conception d’un site web II. Les logiciels et les langages utilisés Expert PDF Evaluation Expert PDF Evaluation SMP Page 6 13/06/2013 I. La conception d’un site web Un internaute a besoin de se faire une image mentale du site et de comprendre sa structuration. En conséquence, tout concepteur d'un site web doit donner une identité visuelle à son site à travers la carte graphique, les polices et les couleurs de caractères utilisés. Donc, et à la fin de cette phase de conception de notre site, nous devons avoir : Une carte graphique (le logo du site, les icônes, couleurs utilisées), l'interface de navigation (contenu de la barre de navigation, l'emplacement des différents éléments au sein d'une page,..) 1. La conception de la carte graphique Pour accéder à un site web, l'utilisateur peut procéder de deux façons différentes : Soit il connaît l'adresse du site, soit il a accédé via les outils de recherche. En effectuant sa recherche selon la première méthode, l'utilisateur accède directement à la page d'accueil du site. La présence du logo ou de notre site ainsi que les icônes des différentes rubriques y est indispensable pour lui indiquer le contenu. En accédant au site, suite à l'utilisation des outils de recherche, le visiteur peut se trouver dans un document situé à un niveau profond dans l'hiérarchie du site et ceci sans passer, nécessairement, par la page d'accueil. Dans ce cas, la présence d'une indication, pour signaler l'appartenance du document courant à un site et plus précisément à un thème déterminé, est nécessaire : Ceci permet à notre visiteur de se repérer. De même, la présence d'un ensemble d'icônes graphiques envoyant vers la page d'accueil du site et vers les différentes rubriques permet d'avoir une vue d'ensemble des différentes ressources d'information présentes sur le site. Pour que les icônes utilisées soient plus explicites, nous avons besoin d’ajouter un texte d'explication au-dessus de chaque icône. La conception des icônes graphiques, nous permet d'établir : -La définition du logo du site et son emplacement dans les différents documents. -La définition des icônes des différents thèmes. 2. La conception de l'interface de navigation L'interface de navigation est la suite indispensable d'une bonne structuration du site. Elle doit être simple à comprendre, facile à mémoriser et offre une orientation vers l'information cherchée. Une façon simple de lui permettre d'avoir accès à toutes les rubriques est d'insérer dans chaque page du site, une barre de navigation. Les éléments de la barre de navigation : La barre de navigation peut contenir un ensemble d'icônes ou de mots - clés permettant d'accéder aux principales rubriques et aux services offerts par le site. Pour les différentes rubriques, il faut veiller les biens nommé pour que l'intitulé de la rubrique soit cohérent avec son contenu. Parmi les éléments que nous devons prévoir dans notre barre de navigation, en plus des rubriques spécifiques du site : Expert PDF Evaluation Expert PDF Evaluation SMP Page 7 13/06/2013 Rubrique Contact : Cette rubrique permet au visiteur de demander plus d'informations sur un document (informations complémentaires, les coordonnées de l'auteur du document,...). Sa présence est nécessaire au niveau de la barre de navigation (par conséquent au niveau du chaque page du site). Rubrique de recherche : Il s'agit de l'intégration d'un moteur de recherche local à un site web : C'est un outil permettant de guider le visiteur vers un document précis (situé dans notre site), et ceci suite à une recherche par mot - clé. L'intégration des rubriques Dans note barre de navigation est très conseillée surtout si le contenu de notre site augmente rapidement. Carte du site : Pour faciliter la navigation de notre visiteur, on va présenter une carte de notre site. C'est un schéma, présentant une vue synthétique de l'organisation des documents au sein du site. Toutes les rubriques doivent avoir un lien à partir de la barre de navigation. De même, et pour permettre l'accès universel, à la barre de navigation, nous sommes besoin de prévoir une version texte. Si les boutons de navigation sont des images, reprenez ses éléments en une ligne de texte, directement sous ses images. Ceci est très utile, surtout pour les navigateurs en mode texte pour les internautes désactivant l'option de téléchargement des images. La conception des boutons de navigation linéaire : Les boutons de navigation linéaire serviront surtout dans le cas des documents composés de plusieurs pages écrans. Pour faciliter la navigation au sein de ces documents on peut prévoir les boutons suivants : Précédent : Permet d'aller à la uploads/Ingenierie_Lourd/ pfe 2 .pdf