Remerciez-le!

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

Conception et administration des Sites Web Mohamed Hadj Kacem Maître assistant

Conception et administration des Sites Web Mohamed Hadj Kacem Maître assistant à l’ISIMS Chercheur au laboratoire de recherche ReDCAD – ENIS http://www.redcad.org/members/hadjkacemm/ mohamed.hadjkacem@isims.usf.tn Conception et administration des Sites Web AU : 2020-2021 Volume horaire : Cours : 1,5 TD : 0 TP : 1,5 Coefficient : 1,5 Crédit : 3 DS Examen Plan AU : 2020-2021 Chapitre I : Notions de base Définition d’un site Web Intérêts d'un site web Catégories de sites web Cycle de vie d’un site Web Chapitre II : Cahier des charges d’un siteWeb Objectifs du cahier des charges Contenu-type du cahier des charges Présentations attendues Livrables attendus Propriétés et droits Plan AU : 2020-2021 Chapitre III : Conception graphique d’un site web Notion d'ergonomie Critères d'ergonomie Conception d’un système de navigation Parcours visuel d’un site web Structuration d’un site web Exemples de template Charte graphique Plan AU : 2020-2021 Chapitre IV : Conception d’un site web avec le profil UML WAE Présentation du profil WAE Diagramme cas d’utilisation Diagramme de séquence Diagramme de classes Diagramme de navigation Plan AU : 2020-2021 ChapitreV :Administration et sécurité des Sites Web Normalisation Web Conformité aux normes Web Types des attaques Impact des attaques web Objectifs AU : 2020-2021 Maitriser le cycle de vie d’un site web Connaitre les différents critères d'ergonomie d’un site web Connaitre les différentes catégories des sites web Maitriser la conception graphique des sites web Rédiger un cahier des charges pour un site Web Maitriser la conception des sites web avec le langage UML (WAE) Administrer un site web AU : 2020-2021 Bibliographie AU : 2020-2021 Conception de sites web avec les CSS Comprend des exercices et des vidéos de formation Meyer, Eric A, Pearson Campuspress - novembre 2008 Graphisme et ergonomie des sites Web, Cristina Barroca, Dunod - mars 2003 Conception graphique des sites Web, Lynda Weinman, Pearson Campuspress - juillet 1999 Ergonomie des interfaces Guide pratique pour la conception des applications web, 6ème édition, Jean-François Nogier, Jules Leclerc, Dunod - novembre 2016 Bibliographie AU : 2020-2021 UML 2: Modéliser une application web, Les cahiers du programmeur, Pascal Roques, 4ème édition, Eyrolles, 2008 - 246 pages Bibliographie AU : 2020-2021 Foundation 6 Un framework CSS pour concevoir des sites web attractifs et adaptatifs, Christophe Aubry, Eni Editions - mars 2016 Css avancées vers css 3 et html 5, le design web moderne Raphaël Goetter, Eyrolles - février 2012 Bien référencer son site Web, Jean-Marc Herrelier, Claudia Wolosin, Pearson Campuspress - février 2001 Guide du webmaster Trucs et astuces pour réussir votre site Web Jim Buyens, Maïthé de Vos, Jean-Claude de Vos, Microsoft Press - février 2001 Chapitre I : Notions de base Mohamed Hadj Kacem Maître assistant à l’ISIMS Chercheur au laboratoire de recherche ReDCAD – ENIS http://www.redcad.org/members/hadjkacemm/ mohamed.hadjkacem@gmail.com Introduction AU : 2020-2021 La création, la conception et l’administration d'un site web est un processus qui implique plusieurs étapes qui peuvent, mettre en œuvre des moyens importants et des compétences diverses. Notion de site web AU : 2020-2021 Notion de site web AU : 2020-2021 Un site Web est un ensemble de pages web et d'éventuelles autres ressources (image, sons, etc) hyperliées en un ensemble cohérent, pouvant être consulté avec un navigateur à une adresse web donnée. Un site est publié sur un serveur web par un propriétaire. Le propriétaire du site choisit l'adresse Web à laquelle le site sera accessible. Le propriétaire peut créer et maintenir le site à jour lui- même ou faire appel à une entreprise spécialisée, une agence web. Serveur Web AU : 2020-2021 Ordinateur sur lequel est installé un service appelé « serveur Web ». Service : logiciel qui écoute et interprète les requêtes HTTP provenant de clients Web (exemple : navigateurs) et qui fournit une réponse avec ce même protocole. Serveur Web AU : 2020-2021 Client Serveur HTTP Requête Réponse Intérêts d'un site web AU : 2020-2021 La mise en place d'un site web peut être motivée par plusieurs raisons : Le besoin de visibilité : un site web peut être un moyen pour augmenter la visibilité d’une personne ou d’une organisation et de les faire connaître La collecte de données : il est possible de collecter des données sur leurs clients Une disponibilité commerciale illimitée : les clients peuvent accéder à une vitrine virtuelle ouverte tous les jours 24h/24 pour acheter des produits. Une augmentation du chiffre d'affaires de 10 à 15 % grâce à leur site Web La mise à jour en temps réel : pour les sites disposant d’une interface administrateur, il est possible de modifier les informations en temps réel (informations, tarifs, quantités, produits), c'est-à-dire que la modification est immédiatement en ligne On distingue plusieurs catégories de sites web, selon l’objectif poursuivi : Les sites vitrines sont des sites dont l'objectif est de mettre en avant l'image de marque de la société, en présentant par exemple ses produits ou ses services Les sites catalogues sont des sites visant à présenter l'offre de l'entreprise Les sites marchands sont des sites vendant directement des produits aux internautes et permettant éventuellement de payer en ligne Les sites d'information sont des sites fournissant une information particulière à un type d'internautes Catégories de sites web AU : 2020-2021 Catégories de sites web AU : 2020-2021 Les sites institutionnels sont des sites présentant l'organisation et ses valeurs. Ce type de site décrit généralement l'activité de l'organisation, des chiffres clés et donne les informations nécessaires aux clients ou aux bénéficiaires Les sites personnels (parfois pages perso) sont des sites réalisés par des particuliers pour présenter des informations personnelles. Les sites communautaires sont des sites réunissant des internautes autour d'un intérêt commun Les sites intranet sont des sites accessibles de l'intérieur d'une entreprise ou d'une direction, ayant pour objet la mise à disposition et le partage d'informations professionnelles Le webmastering AU : 2020-2021 Le webmaster est une personne en charge d'un site web. C’est la personne qui conçoit un site web et le met à jour. La vie d'un site web possède deux principales phases, chacune décomposable en étapes spécifiques : La création, correspondant à la concrétisation d'une idée en un site en ligne, référencé et visité L'exploitation, correspondant à la gestion quotidienne du site, son évolution et sa mise à jour La vie d'un site web AU : 2020-2021 Étude préalable Planification Validation Conception Maquette & Prototypes Réalisation Hébergement & Mise en ligne Promotion & Référencement Maintenance & Mise à jour Exploitation Création Étapes T emps La vie d'un site web AU : 2020-2021 La création d'un site web est un projet qui contient un grand nombre d’étapes : Conception : représente la formalisation de l'idée Réalisation : correspond au développement du site web Hébergement : la mise en ligne du site, de manière permanente La vie d'un site web AU : 2020-2021 L'exploitation du site englobe notamment les activités suivantes : Veille : permet d'assurer un suivi des technologies et un bon positionnement du site Promotion et référencement : permet de développer sa clientèle Maintenance et mise à jour : c’est le suivi quotidien du site et le maintien de son bon fonctionnement La vie d'un site web AU : 2020-2021 La mise en place d'un site web est une activité multidisciplinaire faisant appel à un grand nombre de compétences Selon l'organisation, la fonction de webmaster peut aller d'une fonction de chef de projet à celle d’homme chargé de toutes les activités allant de la conception au référencement Le terme webmastering désigne l'ensemble des tâches nécessaires à l'exploitation d'un site web La vie d'un site web AU : 2020-2021 Conception La conception d’un site web est une phase essentielle du projet, dans laquelle une réflexion globale est menée, dans un premier temps, sur les objectifs du site et la cible potentielle et, dans un second temps, sur la structure, l'ergonomie et la navigation La vie d'un site web AU : 2020-2021 Réalisation La réalisation du site concerne la création des pages web et des éléments graphiques. La création des pages web consiste à créer les fichiers statiques (HTML) et dynamiques (php, asp, …) Il existe deux façons de créer ce type de fichier : En éditant à la main le code HTML dans un fichier texte à l'aide d'un simple éditeur de texte La vie d'un site web AU : 2020-2021 En Utilisant un éditeur HTML WYSIWYG (What You See Is What You Get). Il s'agit d'un logiciel permettant de créer des pages web d’une façon visuelle en plaçant des objets et des contrôles. Le logiciel se charge de générer le code HTML automatiquement Exemple (Dreamweaver, FrontPage, T oWeb, WebCreator, WebDesignor) Un site web convivial doit contenir des images. Un logiciel de dessin sera nécessaire afin d’enrichir le site avec des images Exemple (Photoshop, Paint) La vie d'un site web AU : 2020-2021 Hébergement Consiste à publier le site sur un serveur Web. On distingue deux principales catégories d'hébergeurs : Hébergeur gratuit : il offre gratuitement un espace disque sur un serveurWeb pour créer les pages web Hébergeur professionnel : ce type d'hébergement garantit un service de qualité (bande passante) uploads/Ingenierie_Lourd/ chapitre-1 13 .pdf