Concevoir et réaliser un site Internet pour l'association Océan

HAL Id: dumas-01557285

https://dumas.ccsd.cnrs.fr/dumas-01557285

HAL is a multi-disciplinary open access

archive for the deposit and dissemination of sci-entific research documents, whether they are pub-lished or not. The documents may come from teaching and research institutions in France or abroad, or from public or private research centers.

L’archive ouverte pluridisciplinaire HAL, est destinée au dépôt et à la diffusion de documents scientifiques de niveau recherche, publiés ou non, émanant des établissements d’enseignement et de recherche français ou étrangers, des laboratoires publics ou privés.

Concevoir et réaliser un site Internet pour l’association

Océan

Émilie Muffat-Gendet

To cite this version:

Émilie Muffat-Gendet. Concevoir et réaliser un site Internet pour l’association Océan. Sciences de l’information et de la communication. 2002. �dumas-01557285�

Muffat-Gendet Emilie

N° étudiant: 99006239

Concevoir et

réaliser

un site Internet pour

Vassociation

Océan

Maîtrise de Sciences de

_{l'Information}

_et

_{de la}

_{Documentation}

Sommaire

Introduction 1

1 L'association OCEAN etson_{public 2}

1.1 Présentation_générale : mode de fonctionnement d'une association 1.2 Présentation de l'associationOCEANetdeson_public

1.3 Les_{supportsdocumentaires}

1.4 Raison d'être du_{projet: concrétisationd'uneidée}

2 Les_{enjeux d'Internetpourl'associationetle choix de format du siteweb 4} 2.1 Unnouveau_{public à prendreenconsidération: les utilisateurs d'Internet}

2.2 Réflexionautourdu choix du format du siteInternet

3 _{Méthodologie de conception et d'organisation 5}

3.1 Modalités_{organisationnelles 5}

3.1.1 Les_{responsabilitésetlespostes de travail}

3.1.2 _{Analyse de l'organisation (dans laquelleseréalisele projet)}

3.1.3 Les_{avantagesetles inconvénients d'un telprojet: analyse des besoins} 3.1.4 Constitution d'un_{planning d'actions}

3.2 Modalités de_{conception 8}

3.2.1 Collecte des documentsetrédaction de résumés 3.2.2 Constitutiond'un album_{photo numérique}

4 Le cahier des _{charges 10}

4.1 Contexte 10

4.1.1 Nouveaux_{objectifsde l'association} 4.1.2 _{Objectifs de lamissionproposée}

4.2 _{Rappel de l'analyse 11}

4.2.1 _{Descriptifducorpus} 4.2.2 _{Difficultés rencontrées}

4.2.3 Eléments denormalisation de l'écriture

4.3 _{Objectifs del'application 14}

4.3.1 Public visé

4.3.2 _{Typed'utilisation envisagée}

4.4 _{Descriptif de l'application 15}

4.4.1 Architecture_{générale dusite}

4.4.2 Présentation des_{rubriques duservice}

4.5 _{Synopsis général de navigation 17}

4.5.1 Scénario_{général de navigation} 4.5.2 _{Ergonomiegénérale}

4.6 _{Description détaillée, contraintestechniques 19} 4.6.1 Scénario détailléde_navigation

4.6.2 Charte_graphique

4.6.3 Volumeet_{formats des éléments multimédias}

5 Bilan du_{projet 24}

5.1 Les_{aspectspost-réalisation 24}

5.1.1 Les_{étapes demaintenance}

5.1.2 La_{politique depromotionduserviceweb}

5.2 Suivi du_{projet 24} 5.2.1 Autonomie_technique 5.2.2 Autonomie_opératoire Conclusion 26 Bibliographie 27 Annexes 28

Introduction

Une_{quantité énorme d'informationsestdisponible surInternet.Celasechiffre actuellementen}

tera-octets._{D'ailleurs,nedit-onpas quel'on "trouvetoutsurlenet"?}

De_{plus enplus de personnesontrecours àce nouvel outilpourfaire desrecherches, tantau} niveau _{personnel qu'au niveau professionnel. Ainsi, de nombreuses entreprises sont maintenant} représentéessurle web afin de répondre àunedemande desusagers.

Ce_{phénomène d'expansion dépasse le niveaurégional.}

Ainsi, les écoles, les mairies de petites communes, les hôpitaux et autres établissements à fréquentation moyenne se mettentau goût du jour etcréer leur site Internet. La ville de FOURMIES (59), qui sesitue dans l'Avesnois,propose la ligne Internet Haut Débitdepuis juillet2002. "On assiste à un début de désenclavement de FOURMIES par le biais des nouvelles technologies. L'arrivée de

l'A.D.S.L. va nous _permettre d'être connecté à Internet dans les meilleures conditions possibles. Ce

type de réalisation est essentiel pour notre

avenir."1

révèlent_{l'importancequeprend Internetauniveaulocal.}

Les _{plus petites entreprises ont recours à ce nouvel outil de communication. L'association}

OCEAN,basée dansun gîtede groupe à SAINS DU NORD dansunvillage voisin de FOURMIES, a

pris consciencedu développement desnouvelles technologiesetasouhaitésejoindre à la communauté

d'Internet. _{Ainsi, j'ai participé à la mise enplace d'un site Internet à faible budget, caractérisé parle} désir de se faire connaître comme association _{(interactive. Je me suis alors posé les questions}

suivantes : comment mettre en _{place un service compétent avec peu de moyens techniques et}

financiers? Commentconcilier les activités de l'associationaveccelles du _{gîte? L'objectif final adonc}

été de proposer aux membres d'OCEAN un site simple, permettant une distribution d'informations claireet_{répondantenpriorité àla demande communicationnelle.}

La mission_{qui m'a été confiéeestla conception etla réalisationd'un site Internetconcernant} l'association OCEAN. Plusieurs _{étapes ont été nécessaires pour mener àbien ce projet. Unepremière}

phase a consisté à faire le point sur le contexte à prendre en compte (organisation et public de

l'association). Le mode de fonctionnement d'une association est différent d'une entreprise

traditionnelle, ainsinous vousleprésenteronspourmontrerla double fonctionproblématique de Anne

TANCREZ,responsabledu projet.

Dans un deuxième _{temps, il a fallu dégager les enjeux principaux qui} sous-tendent l'arrivée

d'Internet et réfléchir au format à _{adopter pour le site. Ensuite, une approche} plus théorique _et

méthodologique a permis d'éclairer et d'approfondir la réflexion qui, au final, a mené à la mise en

place du cahierdes charges puis à la réalisationeffective du site.

1

1 L'association OCEAN et son

public

1.1

Présentation générale

mode de fonctionnement d'une

Une association est "la _{convention par laquelle deux ou plusieurs personnes mettent en}

commun, d'une façon permanente, leurs connaissances ou leur activité dans un but autre que de

partagerdes bénéfices" (art. 1erde la loi du 1erjuillet 1901).

Lecontratd'associationn'est soumisàaucunformalisme_particulier.

Cesontles statuts_{qui fixent librement l'étendue descompétencesdesorganesde l'association.}

Lemodede fonctionnement interne d'une association_{s'organisecommetel:}

Le _{pouvoir de décision relatifauprojet de conception d'un site web concernant l'association} relève donc du_{président dubureauetdudirecteur salarié de l'entreprise.}

1.2

Présentation de

l'association

public

L'association OCEAN _{(Optimisme Créativité Echange Accueil Nature) est née en décembre}

1997,elleestactuellementsousla direction deAnneTANCREZ, quiemploie également deux emplois Jeunes. Le conseil d'administration _{compte 8 membres : une présidente, une vice-présidente, une}

trésorière,unevice- trésorière,unesecrétaire,unevice- secrétaire.

Cette association a vu le _{jour suite au constat du «mal des jeunes, qui rencontrent des}

difficultés,notamment dans leurs relations avec les adultes qui ne sont pas si évidentes», etdu désir de _{changer ces relations (propos émanant de la présidente de l'association). Elle met en place une}

structure d'accueil fondée sur la créativité et_{l'échange des savoirs, tout en profitant de la région de}

l'Avesnoisetses fêtescommunales.

Les _{objectifs d'OCEAN sont de "créer entre les adolescents et les adultes un climat de}

confiance à travers des activités concrètes, basées sur l'investissement personnel, la créativité, le

respectde lanature ;de proposerdes idées dans le domaine cultureletmenerdes actions de diverses

façons permettant de révéler des talents parfois cachés ; d'échanger des savoirs ; de s'épanouir à

traversuneactivité choisie _{;dedévelopper descentresd'intérêt qui pourraientaboutir à des formations} oudes

emplois."2

En_{janvier 2001,l'association prend place dansuneancienne maison de retraite à SAINS DU}

NORD, devenue ungîte de séjour. Les diverses manifestations sont l'occasion de faire découvrir ce Gîtedestroubadours, lieu à la foisludiqueetfonctionnel.

Les adhérents sont _{principalement des conseillers municipaux relatifs aux activités de loisirs}

de la _{commune, les directeurs d'écoles et de CLSH, d'hôpitaux, de maisons de retraite. Ils doivent} adhérer àl'association_{pourbénéficier d'une animation oud'un spectacle, à l'occasion d'une fête locale}

oude find'aimée ou_{pourtoute autremanifestationculturelle. Cesclients sontpourla plupart situés à}

moins de50kilomètres de SAINSDUNORD, oùestbasée

l'association.3

Les démarches àeffectuer_{pourréserver une activité sont assez simples, elles s'effectuentpar}

courrier. Il suffit de _{remplir un bon de réservation et de choisir l'activité parmi les animations} originales proposées dansundépliant.

1.3

Les

_supports

_{documentaires}

Les _{supports d'information existants à ce jour se présentent sous la forme de différents} dépliants publicitaires (format A4) dontles deux principauxsont:

Un _{premier concernant exclusivement le gîte des Troubadours et contenant une} description assezcomplètedes possibilités d'hébergementet d'animations àproximité, les

tarifsetun_{plan d'accèsau}

gîte.4

Le second décrivant sur le recto les différentes _{possibilités d'animations offertes par} l'association _{OCEAN, agrémenté d'illustrations et des tarifs des prestations proposées, le}

verso_{présentantunedescription sommaire des} fonctionnalités du gîte. Ce dépliant lie ainsi

lesdeuxfonctions del'associationOCEAN.5

D'autres _{dépliantsmettentl'accentsurles différentes activités proposées, les animationsponctuellesou} régulières, ilspeuventfaire office debon de réservationoude simple

publicité.6

2

Voirannexe _{1,lesobjectifs d'Océan} 3

Voirannexe_{2,les lieux de prestationde l'association Océan} 4

Voirannexe3a,les Troubadours, Gîtedegroupes

5

Voirannexe_{3b, OCEAN Optimisme, Créativité, Echange, Accueil, Nature} 6

Voirannexe_{3c, OCEAN}vousinviteàsonassembléegénérale, OCEAN Atelier théâtre, OCEAN Animations

Réservation.

1.4 Raison

d'être du

concrétisation

d'une

idée

L'association OCEAN travaille en _{partenariat avec les artisans et musées de l'Avesnois dans}

le cadre de l'animation etde _{l'hébergement des classes vertes. Unami ayant desrelations avec cette} association dans lecadre deson_{emploim'aparlédu désir de celle-ci decréersonpropresite Internet.}

La_{prisede conscience de l'importance des nouvelles technologies de lapart desmembres de}

l'association et _{l'opportunité qui leur était offerte de s'abonner à un opérateur Internet a permis la}

validationdu_{projetparlebureau.}

J'ai donc contacté la _{responsable de l'association qui m'a expliqué qu'en effet, la seule}

communication _{possible sur le web pour l'instant était l'hébergement parle site des gîtes de France} des références du _{gîte des troubadours où est basée l'association, qui leurpermetune réservation en}

ligne. Malheureusement, l'association attachée au gîte n'a pas l'occasion de s'exprimer sur ces quelquespages.

L'objectif decestage estdonc de concevoirun siteweb dépendantouindépendant (à voir) du site _{gîte deFrance concernant à la fois l'associationetl'hébergement, sachant que le budgetalloué à}

ce_{projetestminime. Lapossibilité} d'hébergement de quelques_{pages par}le site Gîte de France paraît unbon_compromis.

2 Les

_enjeux

_d'Internet

_{l'association}

_et

le choix de format du site web

2.1 Un nouveau

public

à prendre

considération: les utilisateurs

d'Internet

En avril _{2002, l'association OCEAN adécidé de s'affilier à l'Association des Gîtes de France}

du Nord.

Celle-ci l'a invitée à_{joindre quelques photographies afin de les faire figurer sur leur site web}

pour permettre aux futurs touristes de visualiser le lieu d'hébergement sur Internet. Elle a proposé également la possibilitéd'effectuer des réservations enligne,prenantencharge le coût de

l'opération.7

publicetpermettreainsi unepluslarge diffusion de l'information.

La double fonction d'Anne _{TANCREZ, à savoir gestionnaire du gîte des Troubadours et}

directrice del'association OCEANentre alors en considération. Si la mise en _{ligne du gîtepermetde}

toucher un _{plus large public, la conception d'un site Internet décrivant l'association permettrait}

égalementuneplus largediffusion de l'informationconcernantcelle-ci.

Les _{objectifs de l'association OCEAN quant à la diffusion de l'information sont clairs: elle}

souhaite toucherun_{public plus large, susceptible d'être}intéressé_parla réalisation d'animations_oude

spectaclespourtoutesmanifestationsd'ordre publicouprivé.

Mais comment concilier un site concernant les activités de l'association et la _promotion commercialedu _{gîteoùelle estbasée?}

7

Voirannexe _{4, courrier}de l'Association des _Gîtesde _Francedu Nord à l'attention de Mme TANCREZ, le 2

2.2

Réflexion

du

format

du

Internet

Il a été décidé la _{conception d'un site Internet décrivant la vie de l'association OCEAN à} travers _{plusieurspagescontenantdes lienshypertextes, interneset externes.}

Il a été _{prévu la réalisation d'une ou deux pages concernant le gîte des Troubadours et} contenant surtout des _{photographies descriptives,} avec un ou plusieurs liens vers le site Internet de

l'association des Gîtes de France du Nord _{qui permettra aux visiteurs de réserver en ligne à partir du} site de l'association OCEAN.

La mise en _{ligne des pages du site ainsi réalisées off line peut être effectuée à l'aide d'un}

opérateurproposant unassistantpourPages Perso. Ceci pourplusieurs raisons:

Le_{budget alloué}auprojet estfaible etl'inscription àundomaine.com ou .fra un coûtnon négligeable. Deplus,ellen'apasétéjugée nécessairepar le bureau.

La _{rubrique Pages Perso de différents opérateurs propose un assistanat gratuit. Il permet} d'apprendre certaines démarches de miseen ligne etde référencement très pratiques. Cela

permet une inscription rapide et un référencement optimal, notamment grâce auxtests de

pages

html.8

Les différentes _{étapes de maintenance ne peuvent pas être réalisées par les membres de} l'association étant donné leur faible niveau _{informatique. Par conséquent, une inscription} chez _{Lycos(moteur de recherche)permetun suivi assistéau niveau de la validité des liens}

ou de la_{position du site dans unmoteurde recherche, par}

exemple.''

En concertation avec les membres du bureau, il a donc été décidé de mettre en _{ligne le site}

réalisé _{par le biais de www.multimania.lycos.fr. qui donnera l'adresse url suivante:} http://membres.lvcos.fr/assocean

Cecinous amène àconstruire la_{méthodologie inhérenteàla conception du site.}

3

_{Méthodologie}

_{d'organisation}

_et

_de

conception

3.1 Modalité

organisationnelle

3.1.1 Les

_{responsabilités,}

_les

_{de travail}

L'équipe projetest constituée de différents membres de l'association, et plus particulièrement de la directrice et de la _{présidente qui sont chefs de projet. La conception et la réalisation du projet} nécessitent des _{compétences techniques qui incombent au stagiaire, sous les directives des}

responsables. La structure décisionnelle est la suivante : la stagiaire, en collaboration avec la

directrice, réalise un cahier des charges spécifiant les différentes étapes de conception du projet. Ce document est soumis aux membres de _{l'association, qui décident des éventuels changements à}

effectuer avant la réalisation du _{projet. Suite à la validation des choix commence la réalisation (sous} forme de _{maquette) du document. L'acceptation du projet par le bureau entraîne ensuite la mise en} ligne du sitesurInternet.

Diagramme des flux

1) Réalisation d'un cahier des charges, descriptif et problématisation des opérations relatives au projet. Soumission du cahier des chargesauxmembres du bureau.

8

Voirannexe5, Promouvoirsonsite, comprendre le référencement, http://www.multimania.lycos.fr/...

9

Voirannexe6, Promotionetamélioration devotresite, http://www.multimania.lycos.fr/... 5

2) Concertation autour du projet, réunion du bureau, rectifications éventuelles puis validation du

contenu.

3) Conception du projet : réalisation du site informatique à l'aide de logiciels Dreamweaver 3.

Soumission du_{projetréalisé off lineauxmembres du bureau} 4) Validationetréalisationdu projet, miseenligne, référencement.

Lesressources nécessaires sont un ordinateuravec une _{configuration minimum Windows 98,} un_{scanner, éventuellementune imprimante,un appareil photo numériqueetun logiciel quipermet la}

conception de pages web tel que Dreamweaver 3. La possibilité d'utiliser un logiciel de retouches d'images et de photographies et/ou de conception d'animations susceptibles de figurer sur une page

web tel_{queAdobePhotoshop 6.0estenvisageable.}

Le choix des _{principaux points de contrôle et de décision} est primordial. Il convient de

contrôler la_{progressiondu projet à chaque étape, avec l'aide du comité de pilotage. Les modalités de}

communication au sein de l'association sont _{simples, il est question d'Optimisme, de Créativité,}

d'Echange, d'Accueil et de Nature. Ces substantifs, reflet dunom de l'association, reflète tout aussi bien_{l'esprit qui règne dans l'entreprise.}

Les indicateurs de_{performance serontprésents tout aulong du stage, grâce à plusieurs mises}

au_{point avec les membres de l'association etdes réajustements} théoriques _{etpratiques durant toutes}

les _étapes.

3.1.2

_{Analyse de}

_{l'organisation (dans laquelle}

_{réalise le projet)}

Il semble nécessaire _{d'analyser le type de changement etles difficultés prévisibles du projet} pour en dégager lesaspectspositifsetnégatifs.

La_{conception d'un site webpermetd'accroître la communication ausein del'association} par le biais des nouvelles _{technologies, en accompagnement de la diffusion de l'information par presse}

écrite, qui semble insuffisanteetne touchepas une certaine catégorie de public ciblé. Le changement opéré par le projet d'un site est plutôt basé sur la restructuration de l'information en vue d'une catégorisation desactivités possibles.

Membres dubureau,dontla

Ackerman Anderson Li.dans La _{question du changement dans les}

_{organisations'0,}

informatisations et diversifications" _{grâce à la gestion de deux structures parallèles: l'une assurant la}

continuité de _{fonctionnement, l'autre dirigeant le changement. L'idée est de superposer à un "mode} opératoire antérieur" un nouveaumodeavecunerupturede charges minimum.

Ainsi, l'innovation réside dans le développement d'un nouveau service à l'aide de nouvelles technologies non encore exploitées par l'association. Cette nouvelle construction de l'information va néanmoins bouleverser lesstructures

_{établiegyèn}

_recherchant

_{l'attrait d'un}

nouveau

public, les relations

chercher _{l'information, d'oùla mise} en_{place d'un plan d'actions}pourguider les initiatives: formation technique et réalisation d'un cahier des charges concernant la conception et la réalisation du site Internet.

3.1.3 Les _{avantages et}

_les

_{inconvénients d'un tel projet: analyse des besoins}

Unsite Interneta_{l'avantage d'êtreunoutil de communication attractifetpeucoûteuxaux yeux}

de_{l'association,capable demontrerle dynamisme de l'entreprise àtraversunemise enpagedifférente} descontenusdeses _{supportsd'informations (version papier).}

Mais au niveau_{technique, la difficulté à tenir à jour le serveur, à changer quelques éléments}

des_{pages selon les événements de l'année ou en vue d'une mise à jourposentproblème: les membres}

de l'association ont un niveau informatique qui ne leur permet pas de réaliser les tâches de

maintenance._{Malgré cela, OCEANadécidé de faire l'acquisition d'un siteInternetde quelquespages}

présentant l'association dans son ensemble, et s'engage à faire appel à un étudiant ou un spécialiste pourles problèmes de maintenance, si besoinest.

Le service webest avant toutun_{moyen de se faire connaître, pourcelanous devonsréfléchir} au _{projet en présentant les missions de l'organisme, le public cible,} les objectifs _{et les missions} du

serviceweb_{quiserontdéveloppés dans le cahier des charges.}

L'organisme doit se demander si les nouvelles possibilités offertes par Internet peuvent être

utilisées à son_{profit, si le fait de construire un serviceweb luipermettra de répondre au mieux à un}

besoin,une demandeou unemissionparticulière (préexistantsounon).

Le site doit être réalisé en fonction de l'environnement et des _{caractéristiques internes de}

l'entreprise.

La baisse du nombre de demandes d'animations durant les mois d'avril et mai a _inquiété

l'association OCEAN. Dès _{lors, ilsontdécidé de tenterd'acquérirun nouveaupublic parle biais d'un}

site Internet. Laméthode_{principale derecrutement de clients oud'adhérents était le bouche à oreille,}

la communication de _{proximité. OCEAN a souhaité élargir ce public, à travers quelques pages}

informatives _{quipermettront auxadhérentsactuels deseteniraucourantdesnouvelles activités mises}

en _{place et aux usagers cherchant une association réalisant des animations et spectacles de faire}

connaissanceavecOCEAN.

3.1.4 Constitution d'un

_{planning d'actions}

Planification du travail,miseenplaced'un calendrier (duréeet contenu des étapes)

Les trois _{premières semaines du stage seront consacrées à la réalisation d'un cahier des}

charges reprenant les différentes étapes de conception et réalisation du projet, son but est de tendre

vers l'exhaustivité et d'aborder tousles_{points essentiels du développement du service. Saréalisation} s'effectuera en collaboration avec la directrice d'OCEAN _{qui se chargera de définir les enjeux et}

objectifs del'association.

En_{parallèle, nous débuterons la collecte de documents relatifs au contenu inhérent du futur site et}

commenceronsl'indexation des informations.

10

Pendant les deux semaines _{suivantes, la mise} en place d'une maquette électronique sera

effectuée,reprenantles spécifications décrites dansle cahier des charges. La maquettereprésentera la miseen_{place del'architecture, du graphisme, de l'ergonomie réellequel'onretrouveradansle service}

final mais surun ensemble de_{pages limité. Laconformité de lamaquetteparrapport aux spécificités}

du cahier des _{charges sera évaluée, elle sera testée en interne et en externe au niveau des liens,}

notamment.

Lestrois semaines suivantes seront_{employées àla réalisationdu site web dans sonintégralité}

après accorddu comité surla maquette. La mise en œuvre du projet, à la fois auniveau de la mise à jour duserviceetauniveaude lapolitique de promotion du site (référencement) seraeffectuée ensuite. La dernière _{étape, etnon des moindres, est l'évaluation du service. Elle consiste à vérifier si} les _{objectifs ont été remplis, et éventuellement à proposer des solutions aux problèmes qui} apparaissent...

3.2

Modalité de

_conception

Le _{problème de la conception d'un siteweb se pose endeux questions : quelles informations}

mettreen_{ligneetsousquelle forme ?}

Lors de la création d'un site Internet, l'objectif est de diffuser l'information auprès d'un public. L'information est au cœur du service web, la réflexion sur le contenu doit donc être

approfondieetdétailléeafin d'aboutiràunevisiond'ensemble du futur service. Les _{grands thèmes devant êtreabordés dans le site web seront:}

La _{présentation de l'association avec notamment les actions d'animations actuelles et à} venir.

Les deux _{objectifs ponctuels à développer sont l'idée des carnavals dans les villages avec un}

partenariat écoleoumairiesetles samedis spectacles (activitéeffectuéeàl'intérieur du gîte).

L'enrichissement de l'association _{grâce à l'apport de nouvelles idées émanant d'unnouveau}

public.

L'ouverture de la structure versles autres. L'idée est_{que chacunpeut apporter ses idées et}

disposer des locauxpour servir de nouveaux projets (concept d'association comme tremplin,

mise à _{disposition d'un lieu etd'un service). OCEAN souhaite également ouvrir laporte aux}

artisans, faire dugîteunlieu d'échanges grâce àdivers intervenants.

Le _{développement de la communication autour du gîte des Troubadours et ses animations}

telles _{que les soirées animées avec différents partenaires associatifs ainsi que les classes} vertes,avecprogrammation à lacarte (selon les demandes).

L'organisation et la présentation des informations sont détaillées dans le cahier des charges qui contient notamment le contenu, l'organisation, la hiérarchisation, la charte graphique,

l'ergonomie,... du projet. L'acceptation du cahier des charges par le bureau permet la réalisation

pratiquedu service.

3.2.1 Collecte des documents etrédaction des résumés

En arrivantdans_{l'association,j'ai pris connaissance desdifférents documents existantsrelatifs}

à l'association _{(étude de l'existant). Ceux-ci étaient classés de manière chronologique pour certains,}

thématiquespourd'autres,unchangementde classement étaiten cours. Ce sontdes archivesd'articles

des _{spectacles, desacteurs de l'association, des documents relatifsau gîte (photographies descriptives} du_cadre,de l'environnement),dessins telsque logos du site,destracts...

La constitution d'un dossier _{reprenant les informations concernant l'association et le gîte}

permetde construire les textes qui figureront sur le site internet etla mise en place du descriptif des

activités, desobjectifs de l'association, des demandes formuléesquantaucontenudu site àtravers les objectifs de communication (descriptif, explicatif, publicitaire) en association avec le directeur d'OCEAN.

Certains dossiers contiennent des informations sur toutes les activités déjà effectuées et à

venir, d'un point de vue théorique (mise en place du déroulement de l'activité, scénario, idée de

création pourlesdécors et costumeséventuels, regroupementd'extraits de manuelsd'animationsurun

thème, d'idéespouvantservir àuneanimation prochaine...).

D'autres dossiers rassemblent les _{coupures de presse qui font suite à un spectacle, en}

animations extérieuresou dans le cadre du_{gîte, classées chronologiquementet}riches _eninformations

surle_{développement del'association,ses objectifs.}

Lebureaucontient_{également des dossiersadministratifs, auxquels j'aiéventuellement accès.} 3.2.2 Constitution d'un album

_numérique

ç?

Celui-cicontient_{plusieurs photos d'activités quipermettrontde visualiserles animations déjà}

effectuées. Cës_{photographies sontenregistrées auformat jpeg (Join Photographie Expert Group, type} de formatde_{compressionde donnéespourles images)etrépertoriées dansundossierimages.}

4 Le cahier des

_charges

Lecahierdes _{chargespermetde formaliser surpapier la vision du service web, de la préciser}

et de la détailler au maximum. C'est à _{partir de celui-ci que se fera la construction finale du site}

Internet.

C'estle document de _{référence, il inclut lesproblèmes possibles concernantlamise enplace,}

les solutions _{envisageables (acquisition d'outils de développement, sous-traitance de certaines}

tâches...)

La _{conception et la réalisation du site Internet s'effectuent après validation du cahier des} chargesparle bureau de l'association.

4.1

Contexte

Nous ne _{reprenons pas ici la présentation de l'association déjà décrite dans le paragraphe 1.2.}

Néanmoins, ilnous semble nécessairede_préciserle contexterelatif àla prise de décision de créerun site Internet.

4.1.1 Nouveaux_{objectifs de l'association}

Les _{objectifs de l'association pour 2002 sont à la fois d'améliorer l'information pour les} différents _{spectacles, ainsique ledéveloppement des activitésenpriorité dans les écoles, les hôpitaux,} lesmaisons deretraiteetde_{développer l'accueil des classes vertes.}

Elle voudrait _{égalementmettre aupointun programme interactif quipermet de présenter aux}

enfants venus _{séjourner dans l'Avesnoisles différents intervenantspendant les classes vertes, utiliser}

lesnouvelles_{technologies de manière ludique.}

4.1.2 _{Objectifs de la mission proposée}

La _{conception d'un siteweb relatif à la fois au gîteet à l'association OCEAN permettraune} plus large diffusion de l'information sur son double aspect ludique et fonctionnel. La demande

effectuée fait suiteàune_{prise de conscience de lapartde la directrice del'association de l'importance}

desnouveauxmédiasdans lacommunication.

Eneffet la_{possession d'un site Internetpermet de présenter l'ensemble des activités proposées}

ausein del'associationetles différentes_{prestations offertesdans le cadre du gîte. L'usageraura accès}

aux activités déjà effectuées, il _{pourraainsi se} faire _une idée des animations disponibles. De plus, il

pourra consulter le planning des différents ateliers prévus et prendre un premier contact avec l'association pourobtenirde plus amples informations.

Au niveau du _{gîte, l'usager aura la possibilité d'une visite virtuelle à travers un panel de} photographiesdécrivant le siteetsonenvironnement.

Unsite Internet a_{l'avantage demontrerla dynamique de l'entreprise.}

L'association, en bénéficiant d'unnouveau support de communication, optimise les relations

avec les_{clients, qu'elleveutinteractives. Ellefavorise le dialogue et permetde donneruneimageplus}

4.2

_{Rappel de l'analyse}

4.2.1 _{Descriptifdu corpus}

al l'association OCEAN

Le_{premier atelier entré en activité fut le théâtre Bleu Marine qui propose des spectacles de}

marionnettes, d'ombres chinoises et des pièces de théâtre, des contes animés, des représentations thématiques comme les sorcières d'Halloween ou les clowneries de Bidule et Balown. Il permet de favoriser l'éveil de l'enfant à travers des activités _{ludiques accompagnées parfois d'un support} pédagogiqueenpartenariatavec lesenseignants.

Le théâtre se _{déplace au gré des demandes dans les écoles, les mairies, les entreprises...et}

offrentauxadultes comme auxenfantsun_{spectacle divertissant.}

Les _{propositions d'activités ne manquent pas. Voici un échantillon des possibilités}

d'animationdel'associationOCEAN.

Des animations scolaires

Les_{animateurs, costumés selonle thème choisi, organisent unemise en scène à l'intérieur de}

l'école, afin desurprendreetsensibiliser l'enfant.

Les animations visent à découvrir des _{sujets variés d'une manière ludique et pédagogique,}

grâce à des discussions, des activités, des jeuxetdes spectacles. Des_{spectaclesetanimations festives}

Pourlesfêteset les_{temps forts de l'année (carnaval, Halloween, St Nicolas, Noël, kermesses,} fêtes _{d'écoles, etc.), OCEAN anime des stands créatifs et met en place des spectacles adaptés aux} enfants. Les_spectacles *_Marionnettes * _{Lessorcières} * Clowneries * Ombres chinoises *_Les contes b) Le gîte

Le _{gîte des troubadours comporte 40 couchages individuels, répartis en 9 chambres. Il est} également composé d'une salle de réceptionetd'une salle àmanger,d'unjardin.

Aucœur de_{l'Avesnois, cette grande maisonpermetl'accueil des groupes et des particuliers pourles}

fêtes, les réunionsetséminaires,pour leweek-end, les classesvertes,lesvacances.

4.2.2 Difficultés rencontrées

Plusieurs _problèmes se sont présentés durant la phase de réflexion concernant à la fois la conceptionet la réalisation du siteenaccord avec mesacquis théoriques et les volontés pratiques des

membresde l'association. Les difficultés rencontréessontde _{plusieurs ordres : eneffet, elles peuvent}

représenterunproblème de fond (a), oude forme (betc).

a) Le gîteetl'association : deux entités, unseul lieu

La_{première interrogationconcernela manière d'articulerles activités de l'associationetcelles}

du _{gîte de séjourtouten les différenciant. Ces deux fonctions sont dissociables, l'associationpeut se}

déplacer pour produire ses spectacles, le gîte peut accueillir des groupes qui ne profitent pas des activités_{proposéesparOCEAN.}

La _{particularité de ce travail est de développer à la fois le côté associatif et l'aspect} commercialdu _{gîte dans un mêmesite.}

Le _{premier objectif de l'organisme est néanmoins de mettre en ligne des informations sur ses} activités etde faciliter les relations avec son _{public. Lapolitique communicationnelle de l'association}

estdéfinie_{par uneouverture surl'avis (la vie) desautres, chacuna la possibilité deproposerdes idées,}

des _{projets de développement pour l'association, celle-ci s'adapte en fonction des besoins des} adhérentset autresdemandeurs. Son_objectif estde fairepasser un message de solidarité, d'entraideet

d'écoute. Elle donne la _{possibilité de réunir enfants et adultes au cours d'activités divertissantes et} ludiques.

La _{politique commercialese situe plutôtau niveau du gîte de séjour. En effet, l'établissement} doit être _{rentabilisé, il accueille des locatairestoutau long de l'année. 11 est ouvertàtoutes catégories} de _{public, des groupes (scolaires, familiaux, réunions...) aux individuels. Il existe également la} possibilité de louertoutoupartie du gîte (cuisineetsalle uniquement,parexemple).

Le rattachement récent du _{gîte à l'association des Gîtes de France du Nord offre à cet}

établissement une nouvelle notoriété, un _{dispositif de jugement instauré} par un label reconnu à

l'échelle nationale. Nous _{rappelons que l'association des Gîtes de France propose l'hébergement de} deux pages concernant le gîte des troubadours. Elle nous invite à ce sujet à leur envoyer 6 photographies afin de permettentaux futurs touristes de visiter le lieu d'hébergement sur Internet. Elle propose également la possibilité d'effectuer des réservations en ligne, prenant en charge le coût de l'opération.

Cette solution _présente un intérêt commercial non négligeable. En effet, la collaboration avec

une _{grande enseignepeut amenerdes clientset permettre ainsi de développer l'accueil des touristes en}

Avesnois. De_{plus, cette prestation permetà l'association dese décharger du travail de réservations et} de _{publicités (valorisations commerciales) afin de s'occuper plus pleinement des contrats effectifs} d'animations et des _{spectacles programmés au sein du gîte ou à l'extérieur. L'objectif premier du site} Internet n'estdonc pasd'avoirunrôle commercial en cequiconcerne le gîte, celui-ci est rempli par le site www.gites-de-france-nord.fr

Néanmoins, on peut s'intéresser à la politique marketing qui entoure le service web. En effet, si la communicationet la diffusion de l'informationreste la raison _{principale de la conception d'un site}

Internet pour l'association, l'aspect mercatique a son importance. Le marketing est l'ensemble des actions coordonnées _{(étude de marché, publicités, ...) qui concourent au développement des ventes} d'un service_{(déf. Larousse, 1999).}

Au-delà de latransmission d'information, le site a unefonction d'appel : il a pour butd'inciter les _{personnes le visitant à avoir envie de contacter l'association pour plus de renseignements}

concernant ses diverses activités. Le sitea _{également pourobjectifconcret d'augmenter le nombre de}

contratsavec un_plusgrand nombre d'établissements tels _queleshôpitaux, les entreprises, les écoles.

On _peut se rendre compte de la difficulté à allier les différentes politiques

communicationnelle, commerciale et marketing pour deux entités distinctes dans un même site Internet. Encollaboration avecla directrice de _{l'association,}nous avonsdécidé de concevoirunservice

web pour l'association OCEAN, avec la possibilité pour les usagers d'accéder aux pages du site des

gîtesde Franceconcernant le gîte des troubadours.

Inversement, pour que les clients éventuels comprennent que le gîte et le local où siège

l'association sont un même lieu, _un lien du site_concernant le gîte des troubadours _{sera en} négociation avec les _{prestataires du site de l'association des Gîtes deFrancevers le site de l'association OCEAN.}

Ainsi, les deux entitésserontenperpétuelle relationtouten conservantleurscaractéristiqueset

b) Latypographie : bleusurfond bleu?

Il _existe, sur un service web comme dans les imprimés, des règles typologiques àrespecter : dans les deux cas le texte est le _{principal vecteur d'informations. Latypographie doit permettre une} meilleure_{qualité de lectureetassure quelemessage quel'on diffuse soit bien}

_perçu.11

Pour conserver l'état d'esprit d' OCEAN _{et la} configuration actuelle des iconographies de

l'association, la directrice a suggéréune police decaractères dégradéesur lestonsbleus, qui rappelle la mer, lesvagues, lemouvement et unecertaine continuité avec les dépliantset autres brochures déjà disponibles relatifsàl'association.

De _{plus, elle propose d'harmoniser les couleurs par un fond d'écran bleu, uni ou dégradé. Sur} le_{plan théorique, "bleu} surfond bleu" ne sera pastrès lisible, cela risque de lasser lesusagers.

Pourtant, lefait de laisser unegrande place auxphotographies (voir ci dessous)permetd'opter pour une écriture bleue en dégradé sur un fond bleu uni plus clair ou une autre couleur s'accordant

avec la _{typographie. L'impression de mouvement est accentuée par le changement de couleurs d'une}

ligneà l'autre, la lisibilité semblefacileetle fond d'écran passe inaperçu.

c) La_{place desphotographies et autresillustrations}

L'objectifdu siteest de montrerles différentes activités possibles de l'association. Pourcela, il

nous semble_{judicieux d'opter pour un site plutôt visuel, riche en illustrations et en photographies.}

Néanmoins, le temps de téléchargement d'une image peut être assez longue. Pour remédier à ce problème technique,nous publierons des images scannées à échelle 1:1 aveccompression jpg, sachant que l'ensemble d'unepage nedoit pasdépasser80 Kopour ne pasêtretrop lourd à charger.

4.2.3 Eléments de normalisation de récriture

Au niveau des contenus

Cette _{partie permet d'opérer une transition entre les connaissances de l'association, ses} besoins etses _{objectifset lesupport multimédia.}

Les actions de l'associationsontnombreusesetnécessite uneclassification_{systématique.Nous}

avons donc décidé de créer des_{rubriques contenant plusieurs activités. Cela permet un repérage plus} facile pour l'usagerau niveau des contenus, etfacilite la navigation dans le site. Ainsi, l'usager du site Internet a la_{possibilité de} cibler_sademande_en fonction de _ce qu'il cherche. Par exemple, la rubrique

Théâtre Bleu Marine regroupe tous les spectacles actuellement disponibles et réalisables par les membresde l'association. La recherche d'uneanimation _{spectacleest rapide.}

De _{plus, il nous semble pertinent de faire apparaître sur le site l'histoire de l'association, son} développement ainsi que ses objectifs afin de mieux renseigner l'usager et de le mettre en confiance. La directrice Anne TANCREZ _{prend la responsabilité de la correspondance (à travers les mails mais} également partéléphone etcourrier) avec les éventuels contactsdemandantquelques renseignements

ou_{pourenvoi dedocumentation.}

Au niveau de _l'ergonomie

Larecherche d'une meilleure_{qualité de lecture}passe par une réflexion surl'ergonomie du site. Il existe _{quelques recommandations pour la conception de site web qui permettent de "faciliter la}

navigation des visiteurs dans le site en leur fournissant un environnementconvivial, une organisation

11

LEGUELVOUITArnaud, Commentconcevoirunserviceweb, de la théorie à la pratique,ADBS: éd. Paris,

1999,p.99.

cohérente, desrepères visibles, de faciliter leur accès à l'information, d'optimiser la visite du site tout

enla rendant

agréable."12

La volonté de l'association est de _{présenter ses activités de manière visuelle, aérée et}

distrayante. Lerôle (important) des photographies estde"montrer" les activités auxusagersplutôtque de les "décrire", même si letexte resteunvecteur d'information danslesens où ilexplicite le contenu

des_images,il aiciunrôle voulu secondaire.

Afin deconserverles_{caractéristiquesvisuelles d'OCEAN, le logo de l'association ainsi quela} mise en forme des textes_présents sursupportpapier sonttransposés au supportmultimédia. En effet, l'objectif du site est de refléter l'esprit de l'association, déjà représenté dans la mise en forme des

courrierset autres_{correspondances, à savoir:}

Les connotations_{marines, telles que lavague que représente le logo OCEAN, la couleur} bleue_{omniprésente...}

Lesconnotations_{clownesquesvuesnotammentdans les illustrationsetle logo...}

L'impressiondemouvementsàtraversles changementsde couleurset autresdégradés...

4.3

_{Objectifs de}

_{l'application}

4.3.1 Publicvisé

Définition de la cible

Il semble _{pertinent d'adresser ce site à la fois aux détenteurs potentiels d'Internet jouant un} rôle dans _{l'acquisition de contrats échéants à l'association tels que les enseignants, les directeurs}

d'entreprises, d'hôpitaux... ainsi qu'aux personnes susceptibles d'être intéressées par le

développementdu secteur tourisme en Avesnoispar le biais d'animations autourde l'artisanat de la

région, notamment. L'esprit de créativité est mis en avant afin d'attirer également les individuels

recherchant un lieu convivial et accueillant pour les vacances ou autres événements ponctuels nécessitantun_gîte.

L'association est désireuse de se faire mieux connaître, de s'ouvrir davantage _et d'étoffer son équipe. Elle invite toutes les personnes susceptibles d'être intéresséespar ses différentes actions à la

rejoindre. Ceciafficheunevolontéde toucherunpublicassezlarge.

Les enfants sont _{également une cible potentielle de demandes d'activités, ainsi le site sera}

caractérisé_{parunenavigationsimpleetuneinterfaceattrayante.}

4.3.2 _{Typed'utilisation envisagée}

L'utilisation_{principale du site OCEANestenmode consultatif: Il estdestiné auxutilisateurs}

qui souhaitent se laisser guider à travers le site comme une ballade virtuelle informative sur les

différentesactivités de l'association.

Néanmoins, le mode recherche n'est pas absent du site. En effet, une personne recherchant

une association _{susceptible d'animer un goûter d'anniversaire par} exemple _{peut trouver son}bonheur

sur ce site. La _{catégorisation par rubriques prépare la fonction} en mode recherche : l'usager peut

choisirentreles différentes_{catégories,ilnedoitpasrespecterunordreprédéfini.Lanavigationdans le}

siteestlibre de toutescontraintes, savolonté estde faire découvrir, chacun àsonrythmeetcomme il le_désire,l'associationetsesactionsauxusagers.

De_{plus, onpeutenvisagerunerubrique interactive où lesusagerspourraient donner desidées}

d'animationoudesconseils,_{donner leur}avissur les prestationsetspectacles après avoirfaitappelaux

12

services de l'association. Cette démarche serait effectuée à_{partirde larubrique Contactsetpermettrait}

unsuivi des différents_{prestatairesetunefidélisation éventuelle.}

4.4

_{Descriptifde l'application}

Architecture_{générale du site internet}

Danscedocument multimédiaon _line,nousallons_développerun principe d'interactivitégrâce

àla fonction_{hypertexte. Plutôt}quede garderuntexteavec une structure linéaire classique,on propose

une structure entre différents textes, entre différentes pages en laissant le choixau lecteur du passage d'une _{partie à l'autre, pendant la lecture. Les liens hypertextes, mis} en valeur (affichés d'une autre

couleur que lerestedu texte) donnentlastructuredu documentcomplexe ainsi forméet permettentdes parcoursde lecture différents.

D'un _{pointdevue global, différents lienssontpossibles, ils peuvent:}

meneràla page _{suivante,àuneautrepage interne,}

mener au texte_{par une photographieou uneimage survolée,} mener aux_{photographiespar un lien hypertexte,}

meneràdes sitesexternes_{tels quewww.gites-de-france-nord.com} menerdu_{généralauparticulier,}

permettre l'accès à l'adresse mail de l'association...

Présentation des _{rubriques du service}

Nous avons _{opéré une catégorisation des activités développées au sein de l'association. Elle}

permet unenavigation plus simple à travers le site. Cetteclassification contientle nom des différentes rubriques ainsi que la liste des activités qui s'yréfèrent:

1) Historiqueetobjectifs de l'association : Qui sommes-nous?

Cette _rubrique a pourbut de dévoiler les objectifs de l'association ainsi que la raison de son existence. Elle _{présente OCEAN, à travers un texte écrit par Anne TANCREZ, la directrice de} l'association. On_{ytrouve également les diverses activités possibles avec uncommentaire d'une ligne}

ou deux_qui incite _levisiteur_àvouloir_en savoir_plus...en cliquant _surles liens qui _{correspondentaux}

pagesconcernant les intitulés.

2) Nosactivités

Ces _{rubriques présentent les différentes activités possibles menées par l'association OCEAN.}

Pour _{plus de facilité au niveau de la lisibilité des informations, nous avons choisi de diviser ces}

activités en sous _{catégories, à savoir: les ateliers tout en cool 'heures, les activités diverses (ou}

personnalisées) et le théâtre Bleu Marine. Cette dernière catégorie est la plus importante pour l'association. En effet, elleconcerneles animationsetspectacles, fréquemment sollicitéspourdiverses occasions. La volonté d'OCEAN est de la mettre en valeur et d'informer le _{public sur ses capacités}

d'animations àthème,création despectaclessurcommande...

A titre de_{description du contenudes rubriques, voici l'inventaire non exhaustif des différentes} activités _{possibles, dont certaines sont illustrées dans le site. L'organisation et la présentation des} informations serontdétaillées dans lescénario de _navigation.

Les ateliers "tout en cool'heures" : ce sont des animations faisant _{participer des intervenants}

extérieurs(artisans, associations...) : Arts plastiques, Atelier Cuisine et Confitures, Décoration florale, Découverte de lanature,Jeux desociété, Poterie, Sculpture, Théâtre,Travauxmanuels, Vannerie...

Les animations diverses Les activités

Animation et Création sur les thèmes _{proposés par l'organisateur, Création de décors, Création de}

déguisements et costumes de fête, Expression corporelle et psychomotricité, Goûter créatif, Jeux extérieurs, Le plaisir de lireet conter,Maquillage, Mini-stages théâtre et arts plastiques, Organisation de _{grandsjeux, Parcoursludiques, Pâte à sel, Sculpturesurballons...}

Les spectacles personnalisés

Boum _{animée, Chorégraphies et défilés, Divers concours proposés, Grands jeux : Enquêtes} policières,..., Jeux d'animations, Soirée cabaret : animation d'un repas à thème avec différents jeux

musicaux, Soirées_{déguisées, Veillée animée...}

Les animations thème à lacarte,activités ponctuelles

Carnaval, Clowneries: Bidule etBalown, Fête du livre, Fêtes de Noël et de Saint Nicolas, Halloween:

Détestineet _{Virginiasse, Spectacles à thème...}

Et aussi...

Possibilité de mettre en _{place des expositions, des cours et conférences, l'organisation de} toutes manifestations _{culturelles, festives, humanitaires, des stages ou des cours de formation,} création de _{spectacleset toutesformes d'activités relativesàla créativité.}

Lethéâtre Bleu Marine

Présentation du théâtre Bleu marine : en_{quelquesmots, quelquesprécisions...}

Lesateliers théâtre: OCEAN _{organise des ateliers théâtre les mercredis après-midiouvert} auxenfants de 8 à 14ans.

Les _{spectaclesetanimations : les marionnettes, les clowneries, les ombres chinoisesetle}

spectacle des sorcières...

Thème àlacarte:_{possibilité de créationde spectaclessur unthème donnésurdemande.}

Cette _{catégorisation permet de répertorier les diverses activités possibles. Néanmoins, une} rubrique devra être créée afin d'informer les usagers des activités ponctuelles: soirées spectacles à venir, mini-stages de théâtre, fête du livre... Celle-ci devra être miseàjourparles membres salariés de

l'association dans le cadre de la_{politique communicationnelleprécédemment citée.}

Cette_rubriquesera amenée àchangersouventdecontenus. Pour dynamiser le site etlerendre

plus attractif, je propose de faire apparaître dès la page d'accueil un accès aux nouveautés et aux prochaines animationsprévues.

Cette _{présentationcomporteun avantage supplémentaire : comptetenu du niveau informatique} des membres de _{l'association, la mise àjour de la page samedis spectacles dans un premier temps} pourraêtre considéré comme unapprentissage, afin de réaliserpar la suite la miseàjour detoutes les pagesdu site.

3) Le gîte de séjour

Cette _{rubrique permet aux usagers de faire le lien entre l'association OCEAN et le gîte des} Troubadours. Elle offre une _{description du gîte et de ses fonctionnalités illustrés par quelques}

photographies et un lien vers le site officiel des gîtes de France pour plus de précision et

éventuellementuneréservationen_ligne.

4) Contacts

Cette_{rubrique estconsacrée àla correspondance. L'usager}ala possibilité decontacterl'associationpar le biais dece _{service, à l'adresse suivante: océan.associationÇatiscali. frou parcourrier.}