[PDF] Projet de refonte du site web de lassociation CRIAS Mieux Vivre

View - Download Projet de refonte du site web de lassociation CRIAS Mieux Vivre

Previous PDF

Next PDF

école nationale supérieure des sciences de l'information et des bibliothèques

Mémoire de stage / Juin 2009D

iplôme national de masterD omaine - sciences humaines et socialesM ention - sciences de l'information et des bibliothèquesS pécialité - gestion et traitement de l'information spécialiséeP rojet de refonte du site web de l 'association CRIAS Mieux VivreM yriam BurnyS ous la direction de Éric GuichardM aître de conférences - ENSSIB

RemerciementsM

erci à l'équipe de CRIAS Mieux Vivre, pour avoir su m'accueillir et répondre à mes n ombreuses questions tout au long de ces quatre mois qui m'ont appris à découvrir le milieu a ssociatif et ses problématiques. J e suis reconnaissante à tous les salariés et stagiaires qui ont pris sur leur temps pour me d onner leur avis sur l'avancée de mon travail et m'apporter leur aide dans le projet : M arylène Kuntz, Pascale Genton, Isabelle Juquel, Johanna Chassing, Guy Ehretsmann, Terry C am, Camille Chevalier, Freddy Vignassou, Sabrina Loison, Elodie Davin et Clémence A rnould. M erci aussi aux membres qui m'ont apporté leur soutien et leur profonde connaissance de l 'association et de son histoire, et plus particulièrement à Jean-François Thivend dont les v isites régulières m'ont donné un autre regard sur CRIAS Mieux Vivre.U n merci plus particulier à Eliane Vaudo, qui s'occupait du précédent site web, pour m

'avoir fait part de son expérience sur cet outil et pour sa perspicacité face au nouvel outil.M

erci à la direction pour son intérêt pour mon travail.M erci à Éric Bondar pour son soutien, son dynamisme et son oreille attentive tout au long d e mon stage.M erci à Éric Guichard pour la confiance qu'il m'a accordée et pour la pertinence de son r egard.M erci enfin à Morgane Chioetto pour sa relecture et ses conseils avisés ainsi qu'à Florent B onjour pour son soutien technique et moral.B URNY Myriam | Master SIB | Mémoire de stage | Juin 2009- 3 -

Résumé :

L a présence sur l'internet est devenue une priorité et une nécessité pour toute s tructure possédant une mission d'information. La refonte du site web de l 'association CRIAS Mieux Vivre a permis une analyse des méthodes de d éveloppement d'un web accessible tant au niveau des acteurs que du public, et s ur les outils à utiliser pour y parvenir.D escripteurs : G estion de contenu, Ressources internet, Communication. Transfert de l'information, F ormats. Langages de balisage. Codification. Conversion, Aspects ergonomiques, Interfaces. L ogiciels, Edition, diffusion et reproduction de l'information, Droit de la communication, E ducation, formation. A bstract : B eing on the internet has become a priority and a need for any organization a iming at giving information. Renovating CRIAS Mieux Vivre's website has a llowed an analysis of the programming methods and the tools to use for an a ccessible web, both concerning the doers and the audience.K eywords : C ontents management, Internet ressources, Communication. Information transfer, Formats. M arkup languages. Codification. Conversion, Ergonomic aspects, Interfaces. Software., I nformation publishing, dissemination and reproduction, Communication law, Education, E-l earning, training.D roits d'auteursC ette création est mise à disposition selon le Contrat : P aternité-Pas d'Utilisation Commerciale-Pas de Modification 2.0 France d isponible en ligne http://creativecommons.org/licenses/by-nc-nd/2.0/fr/ ou par courrier postal Creative Commons, 171 Second Street, Suite 300, San Francisco, California 94105, USA.B URNY Myriam | Master SIB | Mémoire de stage | Juin 2009- 4 -

Table des matièresI

G

ADRE DE LA MISSION..........................................................................................13L

'ASSOCIATION CRIAS MIEUX VIVRE.........................................................................................13L

e résultat d'une fusion.....................................................................................................13L

e CRIAS......................................................................................................................13R

hône-Alpes Mieux Vivre............................................................................................14U

ne mission d'information................................................................................................14D

eux méthodes..............................................................................................................14U

ne association divisée.................................................................................................15V

ers l'harmonisation des pratiques................................................................................15O

bjectifs du stage.............................................................................................................15U

ne mission de communication....................................................................................15O

bjectif principal : la refonte du site web.....................................................................15M

ission secondaire : création d'une charte graphique..................................................16M

ission connexe : formation du personnel...................................................................16AD

APTATION DU PROJET À L'ENVIRONNEMENT.................................................................................17U

ne association en doute .................................................................................................17U

n contexte économique difficile.................................................................................17U

ne activité morcelée....................................................................................................17L

e passage au numérique.................................................................................................18P

roduits documentaires.................................................................................................18U

n fonds documentaire mixte.......................................................................................18L

'association sur le web................................................................................................19P

lace du projet dans ce contexte...................................................................................20H

armonisation du message...............................................................................................20LE

S CHOIX TECHNIQUES..............................................................................................................21L

e monde de l'Open Source..............................................................................................21D

'informatique à CRIAS Mieux Vivre..........................................................................22U

n premier pas vers le monde du libre.........................................................................22L

épondre à la mission de l'association..........................................................................22D

éfinition de l'accessibilité web...................................................................................23F

reins à la création d'un site labellisé AccessiWeb.......................................................23C

ontent Management System (CMS)................................................................................23P

rincipe général.............................................................................................................23F

rontend / Backend.......................................................................................................24I

e choix du CMS..........................................................................................................24M

STION DE PROJET....................................................................................................................25D

éfinition du projet...........................................................................................................25A

nalyse formelle...........................................................................................................25B

URNY Myriam | Master SIB | Mémoire de stage | Juin 2009- 5 -

Analyse informelle........................................................................................................25É

cueils à éviter.................................................................................................................26U

n nécessaire passage par les mots...............................................................................26P

rivilégier l'humain.......................................................................................................26L

imites de la méthode.......................................................................................................26N

écessité de souplesse dans la planification.................................................................26L

'importance du décisionnel.........................................................................................27OR

GANISATION DU TEMPS DE TRAVAIL...........................................................................................27P

articipation à la vie de l'association..............................................................................27V

ie du centre documentaire...........................................................................................27V

ie associative...............................................................................................................29T

ravail personnel..............................................................................................................29F

ROULEMENT DU STAGE............................................................................................................30A

nalyse préalable.............................................................................................................30A

nalyse de l'existant......................................................................................................30C

ahier des charges.........................................................................................................31P

hase pratique..................................................................................................................32F

ournées de formation...................................................................................................33M

ISE EN PRATIQUE.................................................................................................35CO

NCEPTION GRAPHIQUE.............................................................................................................35C

réation du logo...............................................................................................................35C

ahier des charges du logo...........................................................................................35C

ropositions et choix du modèle...................................................................................36C

harte graphique..............................................................................................................36P

laboration du " template »..........................................................................................37H

armonisation de l'image.................................................................................................37C

onception des supports...............................................................................................37M

étiers de l'édition........................................................................................................38JO

n outil imposé mais adapté............................................................................................38U

n outil simple..............................................................................................................38U

ne communauté réactive.............................................................................................39U

n outil plus que complet.................................................................................................39V

ers l'exhaustivité.........................................................................................................39L

'apport des extensions supplémentaires......................................................................40F

aire correspondre l'outil aux besoins.............................................................................40D

es compromis nécessaires...........................................................................................40C

ontourner le système...................................................................................................40B

riques additionnelles...................................................................................................41L

ise en oeuvre...................................................................................................................41S

pécificités de l'accessibilité web.................................................................................41P

roduire un site conforme.............................................................................................42B

URNY Myriam | Master SIB | Mémoire de stage | Juin 2009- 6 -

Formation du personnel................................................................................................42I

mportance des normes et ignorance................................................................................43C

MS, LE SITE WEB FACILE?.................................................................................45CR

ÉER SANS CONNAÎTRE.............................................................................................................45U

n outil " accessible »?....................................................................................................45U

n entretien aisé............................................................................................................45U

ne création facilitée....................................................................................................45L

imites du système............................................................................................................46Q

uel code ?....................................................................................................................46L

es fonctionnalités additionnelles.................................................................................47C

réation difficile pour utilisation facile........................................................................47L

es permissions de fichiers...........................................................................................47U

n outil en constante évolution........................................................................................48BA

RRIÈRE ET AIDES À L'ACCESSIBILITÉ..........................................................................................49L

a mode du 2.0.................................................................................................................49L

es outils de l'accessibilité...............................................................................................50D

e faux outils................................................................................................................50A

ide à la conception......................................................................................................50L

es dilemmes................................................................................................................51P

aradoxes de la normalisation du W3C...........................................................................52PL

URIDISCIPLINARITÉ DE LA CRÉATION DE SITE WEB.........................................................................52G

URNY Myriam | Master SIB | Mémoire de stage | Juin 2009- 7 - .IntroductionI l y a encore quelques années, la possession d'un site web était l'apanage de quelques p assionnés ou spécialistes. Aujourd'hui, il est rare de rencontrer un organisme ne possédant p as de vitrine sur le web, une telle absence faisant encourir le risque de devenir invisible pour t oute une partie de la population. Le réflexe a été pris de commencer toute recherche d 'informations par une interrogation des moteurs de recherche, le fait de ne pas apparaître p armi les résultats peut donc devenir handicapant.D e ce point de vue, l'association CRIAS Mieux Vivre est arrivée tôt sur le web et b

énéficiait jusqu'à aujourd'hui d'une bonne visibilité grâce à son site, en ligne depuis 2002. Il

n e suffit pourtant pas de posséder un site pour que la communication sur le web soit efficace. C elle-ci dépend de l'actualisation du portail, de son référencement, de l'ergonomie de l 'interface, des graphismes utilisés, de l'organisation des éléments et de bien d'autres p

aramètres encore. C'est de ces éléments que découlera l'impact produit sur le public, au-delà

m

ême de la pertinence du contenu.D

e nombreux outils se développent aujourd'hui pour faciliter la mise en ligne d 'informations sur le web : il est devenu aisé de créer un blog, une page, de laisser son avis s ur un site communautaire, bref, de participer à la construction d'internet. Dans cette m ouvance, les Systèmes de Gestion de Contenus, plus connus sous le sigle de CMS, p articipent à la démocratisation du développement web en permettant l'installation sur les s erveurs de sites " prêts à l'emploi ».M

issionnée par le Conseil Général du Rhône pour apporter une information spécialisée

d ans le domaine de la perte d'autonomie, l'association CRIAS Mieux Vivre travaille a ujourd'hui à l'amélioration de ses techniques de communication afin d'informer le public de s on action. La refonte du site web pour le rendre plus accessible et conforme aux normes a

ctuelles, ainsi que la création d'une nouvelle charte graphique, sont des éléments centraux de

c ette tâche et ont fait l'objet d'un stage de fin d'études d'une durée de quatre mois.L

e présent rapport se propose de revenir sur cette expérience à travers le travail fourni, les

r ésultats obtenus et les réflexions initiées durant la mission.D ans un premier temps, nous ferons le point sur le cadre du stage et sur son insertion dans l

'action de l'association. Cela nous permettra de redéfinir les objectifs fixés à l'origine du

p rojet.D ans un deuxième temps, nous pourrons revenir sur la gestion de projet menée et les m éthodes appliquées pour répondre au mieux aux besoins de l'association. Il s'agira de m ontrer les avantages des processus choisis mais aussi de souligner leurs limites dans un c adre professionnel.N

ous pourrons ensuite décrire les différentes étapes de la conception du site et des éléments

g raphiques, en se penchant plus précisément sur l'organisation du temps et les tâches e ffectuées. E

nfin, nous reviendrons sur les éléments problématiques de la mission. La volonté d'utiliser

u n outil qui rende la collaboration possible sur le nouveau site a mené au choix du CMS J oomla. A l'issue de ce stage, il convient de s'interroger sur le développement web : est-il B URNY Myriam | Master SIB | Mémoire de stage | Juin 2009- 9 -

possible à tous aujourd'hui de mener à bien la création d'un portail grâce aux outils proposés

e

n Open Source ? Les sites web suivraient-ils le modèle de la culture " fastfood » où tout doit

tre prêt vite pour être consommé immédiatement, au mépris de la qualité ? Un Internet ainsi

c

réé peut-il rester accessible, et qu'est-ce que l'accessibilité numérique aujourd'hui ? Quelles

c onnaissances sont convoquées pour maîtriser l'ensemble des processus de création ? A utant de questions ayant jalonné le parcours jusqu'à la création du site : w ww.criasmv.asso.frB URNY Myriam | Master SIB | Mémoire de stage | Juin 2009- 10 -

Glossaire.G

lossaireA

ccessiblité : possibilité d'accéder. Dans notre cas l'accessibilité du web désigne le fait

d

'adapter les sites de façon à ce que toute personne, quel que soit son handicap, la technologie

q

u'elle utilise, sa langue ou son lieu d'accès, puisse interagir de la même manière avec la page

c onsultée. A ccessiWeb : système de labellisation mis en place par l'association BrailleNet et qui juge d e l'accessibilité des sites selon un ensemble de critères prédéfinis.A ide Technique : appareil visant à compenser une incapacité, un handicap, afin d'aider le p atient à retrouver une partie de son autonomie.B ackend : dans notre cas, backend d'un CMS. Désigne la partie à accès restreint du site et q ui permet son administration. Aucune traduction française ne semble recouvrir la s ignification de ce terme.C HMOD : abréviation de " CHange MODe ». Commande Unix qui permet de changer les p

ermissions d'accès des fichiers. Notamment utilisé pour limiter l'accès à des fichiers sur un

s erveur web.C ICAT : Centre d'Information et de Conseil sur les Aides Techniques.C MS : Content Management Système, aussi appelé Système de Gestion de Contenus en f rançais. Désigne une application destinée à gérer des portails web.C omposants : dans notre cas, utilisé pour désigner une brique logicielle pouvant être i nstallée au sein de Joomla pour en augmenter les fonctionnalités.C RIAS : Centre du Rhône d'Information et d'Action Sociale en faveur des retraités, des p ersonnes âgées et des personnes handicapées.C SS : Cascading Style Sheets. Langage utilisé pour modifier la présentation (le style) d'un d ocument écrit en langage à balises. Couramment associé avec le HTML ou le XHTML, peut a ussi servir pour du SVG ou du XML.D ébogage : action de rechercher et corriger les erreurs dans un programme.D SI : Diffusion Sélective de l'Information. Action qui consiste à diffuser des informations s

électionnées en fonction de profils.e

m : unité de mesure relative, utilisée en CSS. Elle permet notamment d'obtenir une page w

eb s'adaptant à la taille de caractères de base choisie par l'utilisateur dans son navigateur.E

rgothérapie : profession de santé visant à améliorer l'autonomie des patients à l'aide de

r ééducation et en adaptant leur milieu de vie.F

avicon : icône destinée à apparaître là où le site est cité (notamment dans les favoris).F

lash : Adobe Flash. Technologie utilisée notamment pour programmer des animations, e ncoder des vidéos, voire même maintenant développer des sites web.F rontend : dans notre cas, frontend d'un CMS. Partie du site visible pour les visiteurs, en o pposition au backend. B URNY Myriam | Master SIB | Mémoire de stage | Juin 2009- 11 - .htaccess : fichier de configuration utilisé sur les serveurs Apache. Il permet notamment l 'URL rewriting mais aussi de limiter l'accès du site à certains utilisateurs.H TML : HyperText Markup Language. Langage à balises conçu pour représenter des pages w eb. Il s'agit à la fois d'un langage de structuration et de mise en forme des données.J oomla : CMS Open Source et gratuit issu de Mambo, développé en PHP et utilisant une b ase de données MySQL.L

ecteur d'écran : aide technique destinée à compenser les déficiences visuelles, qui utilise

u ne synthèse vocale pour lire les informations affichées à l'écran.M

odule : dans notre cas, utilisé pour décrire un bloc d'éléments pouvant être placé sur la

p age d'un site conçu avec Joomla.M ontée de version : passage à une version plus récente d'un logiciel utilisé.M ySQL : système de gestion de bases de données utilisant le langage SQL.O pen Source : désigne la libre diffusion du code source d'un logiciel.P AO : Publication Assistée par Ordinateur. Ensemble des ressources informatiques pquotesdbs_dbs18.pdfusesText_24

[PDF] exemple note de communication

[PDF] exemple notice mémoire dec

[PDF] exemple objet d'étude eco droit bac pro gestion administration

[PDF] exemple offre d'emploi originale

[PDF] exemple oral brevet

[PDF] exemple oral brevet 2017

[PDF] exemple oral brevet parcours avenir

[PDF] exemple ordre de mission ? l'étranger

[PDF] exemple pdf interactif

[PDF] exemple petite annonce emploi

[PDF] exemple phrase avec point virgule

[PDF] exemple phrase d accroche droit administratif

[PDF] exemple plan d'action marketing pdf

[PDF] exemple ppe terminale si

[PDF] exemple présentation oral concours adjoint administratif