Avant Propos aux TP. Présentation de Wilfrid EON Attaché de conservation du Patrimoine aux Archives départementales des Yvelines

Transcription

1 Avant Propos aux TP Concevoir un site Internet Les outils des gestionnaires de site Web Présentation de Wilfrid EON Attaché de conservation du Patrimoine aux Archives départementales des Yvelines Enseignement réalisé dans le cadre du Master (2) Métiers de la culture, archives Année universitaire

2 Les outils des gestionnaires de site Web 2.1 Editeur Web (aide à la programmation)

3 Les outils des gestionnaires de site Web 2.2 logiciel de retouche photos

4 Les outils des gestionnaires de site Web 2.3 logiciel de vectorisation

5 Les outils des gestionnaires de site Web 2.4 logiciel de créations animées

6 Les outils des gestionnaires de site Web 2.5 Administrateur d hébergeur

7 Les outils des gestionnaires de site Web 2.6 Outil(s) statistique(s)

8 Les outils des gestionnaires de site Web 2.6 Outil(s) statistique(s) 4 types d outil statistique Outil serveur Outil d analyse par session Outil d analyse de cookies Système de compte utilisateur

9 Les outils des gestionnaires de site Web 2.7 Outils de gestion pour langage serveur

10 Concevoir un site Internet De la conduite de projet à son exécution Présentation de Wilfrid EON Attaché de conservation du Patrimoine aux Archives départementales des Yvelines Enseignement réalisé dans le cadre du Master (2) Métiers de la culture, archives Année universitaire

11 Concevoir un site Internet : de la conduite de projet à sa réalisation Plan 1. Mise en place d un projet Web 2. Webdesign : ergonomie et conception visuelle

12 Concevoir un site Internet : de la conduite de projet à sa réalisation Introduction Cycle de vie d un site web Évolution des besoins Évolution technologique Structure Commanditaire Public Webmaster Forme Contenu Évolution des missions Évolution des goûts Évolution des services

13 Concevoir un site Internet : de la conduite de projet à sa réalisation I. Mise en place d un projet web 1. Intérêt du projet 1.1 Pourquoi mettre en ligne? Internet comme nouveau média Offrir un service à tous (accessibilité) Offrir un service à tout heure Offrir un service à distance Offrir un service "rapide"

14 Concevoir un site Internet : de la conduite de projet à sa réalisation I. Mise en place d un projet web 1. Intérêt du projet 1.2 Dans quel but? Dans le cadre d un projet de site d institution culturelle Présenter son institution / "Défendre une image" Donner des informations pratiques ou d actualité Dématérialiser un service existant Offrir de nouveaux services / nouveaux outils Élargir son public ex : répondre aux attentes des chercheurs le plus efficacement possible

15 Concevoir un site Internet : de la conduite de projet à sa réalisation I. Mise en place d un projet web 1. Intérêt du projet 1.3 Pour qui? Dans le cadre d un projet de site d institution culturelle Grand public des chercheurs de l amateur au professionnel Enseignants Jeune public Monde universitaire Administration et élus Possesseurs d archives D autres institutions culturelles Internautes lambdas

16 Concevoir un site Internet : de la conduite de projet à sa réalisation I. Mise en place d un projet web 2. Étapes du projets - Quand? Préparation Définition Planification - création d un comité de pilotage chargé du suivi de projet - analyse des sites existants - identification des solutions de développement - définition des objectifs en fonction des ressources et du public ciblé - élaboration d un budget - anticiper les risques juridiques et les contraintes liées à l accessibilité - choix d un mode de développement interne ou externe - définition d un planning jusqu à la date de mise en ligne Développement Structuration Conception graphique Production - gestion et adaptation du contenu - organisation et hiérarchisation des informations : rubriquage et nommage - estimation du gabarit des pages - mise au point de scenarii de navigation - création visuelle - conception de la maquette HTML - création des pages HTML - réalisation des scripts en particulier de la feuille de style - alimentation des pages - Phase test Mise en ligne Promotion Maintenance temps - Référencement - Politique de promotion interne et externe - Lancement du site

17 Concevoir un site Internet : de la conduite de projet à sa réalisation I. Mise en place d un projet web 3. Moyens 3.1 Qui? Définition d une équipe projet Animateur/chargé/coordinateur du projet Juriste Stratège - communication Groupe testeur Partie éditoriale Partie technique Partie graphique éditeurs de contenu administrateurs SGBD éditeurs encodeurs programmeurs web administrateurs serveurs HTTP webdesigners photographes infographistes

18 Concevoir un site Internet : de la conduite de projet à sa réalisation I. Mise en place d un projet web 3. Moyens 3.2 Qui? Définition d une équipe post-projet, "équipe web" Enrichissement du contenu Suivi côté client Suivi technique côté serveur Correction de l existant

19 Concevoir un site Internet : de la conduite de projet à sa réalisation I. Mise en place d un projet web 3. Moyens 3.3 Qui? Définition d une équipe post-projet, "équipe web" Définir Rôle du webmaster Circuit ou équipe éditoriale (administrateur bases, rédacteur, correcteur, "com" ) Équipe serveur HTTP Hotline Analyste statistique Enrichissement du contenu Suivi technique côté serveur Suivi côté client Correction de l existant

20 Concevoir un site Internet : de la conduite de projet à sa réalisation I. Mise en place d un projet web 3. Moyens 3.4 Comment? Moyens financiers Moyens humains / compétences Moyens technologiques > Externalisation ou pas?

21 Concevoir un site Internet : de la conduite de projet à sa réalisation I. Mise en place d un projet web 3. Moyens 3.4 Comment? > Externalisation dans la conception Maîtrise d ouvrage Groupe testeur Partie éditoriale Partie technique Partie graphique éditeurs de contenu programmeurs web photographes éditeurs encodeurs webdesigners administrateurs SGBD administrateurs serveurs HTTP infographistes

22 Concevoir un site Internet : de la conduite de projet à sa réalisation I. Mise en place d un projet web 3. Moyens 3.4 Comment? > Externalisation au quotidien Assistance en communication? Hotline Enrichissement du contenu Suivi côté client Suivi technique côté serveur Correction de l existant Maintenance hébergeurs Assistance?

23 Concevoir un site Internet : de la conduite de projet à sa réalisation II. Webdesign : ergonomie et conception visuelle Définition Le web design désigne la conception de l'interface web : l architecture interactionnelle, l organisation des pages, l arborescence et la navigation d un site web. Il s agit d une phase essentielle dans la conception d un tel site. La conception d'un design web tient compte des contraintes spécifiques du support Internet en termes d ergonomie, d utilisabilité et d accessibilité. En francophonie, le terme web design est souvent utilisé à contresens de son acception anglaise et confondu avec la seule création graphique. Or ce qui le définit n'est pas tant l'expression visuelle et/ou artistique que la formalisation de l interaction dans la pageécran.

24 Concevoir un site Internet : de la conduite de projet à sa réalisation II.A Structure et page d accueil 1. Structuration du contenu analyser l existant une structure au sein d une structure / analyse des performances passées / habitudes des internautes penser comme un internaute lambda ("FAQ", "Flux RSS", "mailing", "accessibilité" ) la structure diffère de l organigramme du service ("service éducatif et culturel" > activité éducative et manifestations culturelles ne concernent pas le même public ) la structure définit le plan indicatif du site l hypertextualité du site n est pas remise en cause

25 Concevoir un site Internet : de la conduite de projet à sa réalisation II.A Structure et page d accueil 2. Rubriquage et nommage favoriser les expressions courtes ("fonds numérisés en ligne" > "archives en ligne" ) être compréhensible par tous ("informations pratiques", "archives en ligne", "exposition virtuelle" ) s adapter à la cyber-écriture ("FAQ", "Flux RSS", "mailing", "accessibilité" ) limiter les formules récurrentes (Attention aux "en ligne", "e-", "cyber-" ) adapter les termes pour éviter les contre-sens ("manifestations", "archives", "vie du service" ) cloisonner par le nommage des rubriques ("Publications" / "Boutique"?, "Rechercher" / "Inventaires"? ) Étude de cas >

26

27

28

29

30

31

32

33 Concevoir un site Internet : de la conduite de projet à sa réalisation II.A Structure et page d accueil 3. Importance de la page d accueil La page d accueil est la vitrine de votre site Internet, d où l importance de son aspect graphique. C est un hall virtuel ouvrant vers le contenu éditorial, vers les services et l actualité du site. Son organisation n est pas obligatoirement rationnelle. Des rubriques sont valorisées, d autres placées au second plan, voire occultées (cas des rubriques transversales comme "l aide aux internautes" par exemple) Étude de cas >

34

35

36

37

38 Concevoir un site Internet : de la conduite de projet à sa réalisation II.A Structure et page d accueil 4. Réflexion autour de différents scenarii de navigation Importance d une page "plan du site" comme dans une ville qu on découvre / un des critères de web-accessibilité Concept de "l information en trois clics" possibilité d ancres nommés, raccourcis claviers, icônes Modérer le poids des images possibilité de compression, tuilage Limiter les animations attention aux chargements de plug-in Donner des informations pertinentes et essentielles un internaute passe en moyenne 3 s/page d accueil, 1min37/page informative (01.net, 02/2006) Entretenir régulièrement les pages d actualités Attention au date de mise à jour Penser au référencement automatique des MR Référencement des pages, images, méta-tags

39

40

41

42 Concevoir un site Internet : de la conduite de projet à sa réalisation II.B Conception graphique 3. l image alternative au texte Logo Icône Image

43 Concevoir un site Internet : de la conduite de projet à sa réalisation II.B Conception graphique 3. l image alternative au texte Logo Le logo ou logotype est une représentation graphique qui sert à identifier de manière unique et immédiate une société, association, institution, produit, service, événement, ou toutes autres sortes d'organisations Étude de cas >

44 Concevoir un site Internet : de la conduite de projet à sa réalisation II.B Conception graphique 3. l image alternative au texte Logo Deux lectures possibles Étude de cas

45 Concevoir un site Internet : de la conduite de projet à sa réalisation II.B Conception graphique 3. l image alternative au texte Logo Deux lectures possibles Étude de cas

46 Concevoir un site Internet : de la conduite de projet à sa réalisation II.B Conception graphique 3. l image alternative au texte Logo </> Insigne Étude de cas

47 Concevoir un site Internet : de la conduite de projet à sa réalisation II.B Conception graphique 3. l image alternative au texte Logo </> Insigne Étude de cas

48 Concevoir un site Internet : de la conduite de projet à sa réalisation II.B Conception graphique 3. l image alternative au texte Icône En informatique, une icône désigne une petite image désignant un programme, un outil ou une rubrique auquel il est associé

49 Concevoir un site Internet : de la conduite de projet à sa réalisation II.B Conception graphique 3. l image alternative au texte? Image Image porteuse d un message concret fonction introductive ou de slogan fonction de représentation (icône) fonction d illustration Image porteuse d un message abstrait fonction de modélisation Impose un "style", une identité

50 Concevoir un site Internet : de la conduite de projet à sa réalisation II.B Conception graphique 4. de l élaboration d un style graphique à la rédaction d une charte graphique (étude de cas) La charte graphique est un document de travail qui contient l'ensemble des règles fondamentales d'utilisation des signes graphiques constituant l'identité graphique du site Internet. Elle englobe éléments visuels et feuille(s) de style. Étude de cas >

51

52

53

54

55