Universit PAUL CEZANNE AIX MARSEILLE III Facult des Sciences et Techniques Anne universitaire 2008 - 2009

METHODOLOGIE DE CONDUITE DE PROJET WEB

MEMOIRE DE STAGE

Prsent pour lobtention du Master 1 Sciences de lInformation et des systmes, mention veille technologique et innovation.
Site Internet ralis : www.saint-junien-tourisme.fr

Prpar sous la direction de Monsieur Jean-Claude Rocher Vice-prsident de lOffice de Tourisme de Saint-Junien Prsent par Dimitri Ange NIOSSOBANTOU

Remerciements

A loffice de tourisme de la commune de Saint-Junien, pour mavoir permis deffectuer ce stage au sein de cette structure jeune et dynamique. A milie Boyer, pour son soutien, ses conseils et toutes ces heures de relecture.

SOMMAIRE

INTRODUCTION .

Page 5

PARTIE I : LE PROJET WEB 1 Dfinition du projet ...

Page 7 Page 7

1.1- Les questions importantes : QQOQCP ? .. Page 7 1.2- Les diffrents types de sites Web Page 8 1.3- Lappel doffre . Page 11 2 Le pilotage du projet .. Page 12 2.1- Les acteurs du projet . Page 12 2.2- Lestimation budgtaire . Page 14 2.3- Le planning .. Page 15 3 Les diffrents types de projets et les intervenants Page 17 3.1- Les petits projets .. Page 17 3.2- Les moyens projets .. Page 17 3.3- Les projets importants .. Page 18

PARTIE II : LA GENESE ET LA STRATEGIE DU PROJET Page 19 1 Le lancement du projet Page 19 1.1- Lexpression et lanalyse des besoins .. Page 19 1.2- Le cahier des charges fonctionnel . Page 25 1.3- La feuille de route ou Roadmap .. Page 29 2 Les premiers lments intgrer . Page 29 2.1- Lhbergement .. Page 29 2.2- Lergonomie (organisation de linformation) .. Page 30 2.3- Le rfrencement Page 31

PARTIE III : LES ETAPES DE LA REALISATION . Page 32 1 Modlisation et conception technique de lapplication .. Page 32 1.1- Conception fonctionnelle et visuelle Page 32 1.2- Conception technique et ralisation de lossature Page 34 1.3- Production en beta-test : Rapport de tests et correctifs .. Page 35

2 Mise en ligne de lapplication . Page 36 2.1- Prparation lexploitation : prise en main et outils danalyse daudience .. Page 36 2.2- Questions administratives et juridiques Page 38 2.3- La publication officielle du site Internet Page 38

CONCLUSION .. Page 39 BIBLIOGRAPHIE .. Page 40 ANNEXES .. Page 41

INTRODUCTION

Dans le cadre du master 1 Sciences de linformation et des systmes, spcialit veille technologique et innovation de luniversit Paul Czanne dAix Marseille III, jai effectu du 15 mars au 15 juillet 2009 un stage au sein de loffice de tourisme de la commune de SaintJunien (en Limousin) en tant que responsable de projet Web. Ce stage a t une grande tape dans le cadre de ma formation. Jai eu loccasion de mettre en pratique de nombreuses notions acquises au cours du master. Jai surtout eu lopportunit de travailler la tte dun projet de conception de site Internet. Le prsent mmoire est le condens des travaux raliss pendant la priode de stage. Lobjectif est de prsenter la mthode utilise dans le cadre du projet de cration du site Internet de loffice de tourisme, dou son intitul: Mthodologie de conduite de projet Web . Ce mmoire dcrit la mthode de gestion de projet Web utilise pendant mes quatre mois de stage. Il sadresse dune part aux personnes qui se posent des questions sur la conception de site Internet, dautre part aux concepteurs de site Internet, qui je le souhaite, trouveront des lments intressants pour la gestion de leur projet. Avec ce mmoire, jai souhait mettre en avant la gestion de projet web, car on oublie bien souvent que construire un site Internet passe avant tout par une tude et une planification des tches. Les personnes dsireuses dobtenir un site Internet ne mesurent pas toujours le travail effectuer. Les prestataires de service ou les responsables de projet web sont souvent confronts limpatience de clients qui ne mesurent pas toujours la quantit de travail ncessaire pour la conception dun site Internet. Les clients sont bien souvent aveugls par ce que je nomme leffet technologie qui fait tout et pensent quil suffit de quelques clics pour construire un site Internet. Pour nombre dentres eux, il est difficile de penser que pour la cration dun site Web, quelque soit sa taille ou son objectif, il est ncessaire de faire une tude, de mobiliser des ressources et au besoin mener des enqutes. En bref il sagit de travailler sur les mmes bases que nimporte quel projet. Lchec de certains sites Internet est le plus souvent d la ngligence des aspects essentiels comme par exemple la simple tude de faisabilit du projet. Cette maladresse est souvent le fait dune erreur des concepteurs de sites Internet qui promettent des dlais de livraison extrmement courts et ne prennent pas le temps dtudier lensemble des besoins formuls par le client et, de limpatience des clients qui veulent tout, tout de suite. Il y a quelques annes, il suffisait de quelques clics sur un logiciel pour crer son site Web. Cette mthode existe encore, mais elle sest rvle assez fastidieuse pour la gestion des pages conues via ces programmes. Aujourdhui la conception de sites Internet a considrablement volu. On parle de plus en plus de systmes de gestion de contenu qui permettent de grer les sites Internet de faon automatique. De nouveaux langages de programmation (orients web) ont vu le jour et lactivit de cration de site Internet connat un meilleur encadrement.

Mme sil est encore possible pour une personne de grer elle seule lensemble des activits de la production dun site Internet, pour les trs gros projets, il est ncessaire de faire intervenir des comptences bien spcifiques. Je parlerai dans ce mmoire des nouveaux mtiers qui fleurissent dans le domaine du Web. Ce mmoire est constitu de trois grandes parties. Son objectif nest pas de dcrire pas pas les diffrentes actions menes pendant le stage, mais de prsenter les lments essentiels et indispensables de la gestion de projet Web. Jessaierai dillustrer chacune des parties par des documents produits au cours du stage tout en vitant les concepts purement techniques qui pourraient ennuyer les lecteurs. La premire partie sera ddie la dfinition dun projet Web. Il sagit dune sorte davantprojet dans laquelle on est cens rassembler tous les lments ncessaires pour la ralisation du projet. On parlera dtude de faisabilit, dlaboration de budget et de bien dautres choses. Dans la deuxime partie, on commencera parler du traitement de linformation ainsi que de llaboration du cahier des charges. On parlera galement des lments essentiels et obligatoires intgrer au projet avant son lancement. Pour finir, dans la troisime partie, on parlera de ralisation technique, de la publication en ligne ainsi que des lments essentiels lexploitation du site Internet. Ce mmoire est le rsultat de lexprience acquise durant mes annes de formation, mais aussi la synthse de nombreuses mthodes que lon peut trouver dans divers ouvrages ddis la gestion de projet web. Jose esprer que grce ce mmoire jaurais russi sensibiliser le plus grand nombre de personnes la gestion de projet web.

PARTIE I : LE PROJET WEB

1 Dfinition du projet
Le mot projet vient du mot latin projectum de projicere qui veut dire aller vers lavant. On dfinit un projet comme une action temporaire qui a pour but de crer une activit ou un produit innovant. Un projet est une activit encadre avec des objectifs prcis et des tapes planifies. Lencyclopdie en ligne Wikipdia dfinit la gestion de projet comme une dmarche visant structurer, assurer et optimiser le bon droulement dun projet, lobjectif tant dobtenir un rsultat de qualit pour le moindre cot et dans le meilleur dlai possible . Le projet de cration de site Internet nchappe pas aux rgles de la gestion de projet. En effet construire ou faire construire un site Internet est avant tout un projet qui doit tre crit, planifi et surtout valu. Il sagit de se fixer des objectifs, trouver des acteurs, rpartir des tches, dfinir des tapes et aussi des chances. Lorsque lon souhaite crer un site Internet, la premire des choses est de dfinir son projet. Il ne sagit pas forcment dcrire des centaines de pages ou de se lancer tout de suite dans une tude dtaille. Lobjectif est de se poser les bonnes questions et dessayer dy rpondre. La perception dun projet est essentielle pour sa russite. En effet de nombreux projets web chouent cause dun mauvais cadrage ou dune mauvaise dfinition du projet. Il est donc important de dfinir la dimension dun projet avant son lancement. Lobjectif dun site Internet nest jamais le mme suivant que lon est un particulier, une association ou une entreprise. Cest la raison pour laquelle une tude prliminaire est indispensable.

1.1 - Les questions importantes : Qui ? Quoi ? O ? Quand ? Comment ? Pourquoi ?

Le but dune tude prliminaire est de dterminer les primtres du projet en se posant des questions toutes simples et en essayant dy rpondre. Lobjectif de cet exercice indispensable est de se donner une premire ide du projet : - Pourquoi ai-je besoin dun site Internet ? - Comment faire pour lobtenir ? - Quelle sera ma cible ? - O vais-je hberger mon site Internet ? - Combien suis-je prt investir pour ce projet ? - A quelle date je souhaite publier mon site en ligne ? - Comment vais-je faire connatre mon site Internet ? - Existe t-il des sites concurrents ? - Qui va assurer la gestion du site Internet ? Cette liste de questions non-exhaustive est la cl du succs. Elle permet de dfinir les contours du projet, mais surtout de connatre les contraintes. Grce cette liste on va pouvoir rdiger le premier document du projet. Ce document est dans la plupart des cas rdig par le client (matrise duvre). Mais dans le cas contraire, le chef de projet (matrise douvrage), peut galement prendre linitiative de soumettre ces questions au client afin de pr-valuer le projet. Il ne sagit pas encore du cahier des charges. Pour le client (matrise duvre), cest le document qui permet de lancer lappel doffre, mais pour le chef de projet (matrise douvrage), cest le document qui permettra de se donner une ide du projet.

Il peut arriver quen tant que responsable de projet, on soit oblig de poser dautres questions afin de clarifier les besoins du client. Dans le cadre du stage, loffice de tourisme avait suffisamment travaill sur ces questions. Un document ma t remis ds la premire runion de travail. Sur ce document taient indiques : - La liste des personnes du groupe de travail charges de rflchir sur le projet - Les dates des diffrentes runions - Les dcisions des diffrentes runions - La liste des besoins pour le site Internet - Les rubriques du site Internet avec une partie du contenu Il nexiste pas de document type, le document prsent par loffice de tourisme tait un bon exemple. Le seul lment manquant ce document tait lestimation budgtaire. Pour des raisons de confidentialit, ce document ne sera pas joint lannexe de ce mmoire.

1.2 - Les diffrents types de sites Web

Il existe plusieurs raisons qui peuvent pousser la cration de sites Internet. Ce sont bien souvent ces raisons qui dterminent le type de site Internet mettre en place. Il est vident quun particulier na pas les mmes besoins quune association ou une institution. De mme quune association ou une institution na pas les mmes besoins quune entreprise. Lobjectif ici est de classer le projet web dans une catgorie bien prcise car les projets peuvent tre diffrents suivant le type de site Internet. Il existe trois grandes catgories de sites Internet :

CATEGORIE

DESCRIPTION ET EXEMPLES
Ils reprsentent 70% voire 80% du web. Il sagit de sites Internet sur lesquels les internautes se connectent pour rcuprer des informations (formelles ou informelles). Exemples : Le site de la mairie de Limoges, le portail dun fournisseur daccs Internet, le site luniversit Paul Czanne dAix-Marseille III et autres Il en existe de plus en plus, ils permettent aux Internautes de se divertir uniquement. Cest le cas des sites Internet de musiques ou de films en streaming ou des sites de jeux en ligne Exemple : jeuxflashfr.com

Les sites Internet dinformation

Les sites Internet de divertissement

Les sites Internet dinformation et de divertissement

Il sagit de sites Internet sur lesquels, suivant lutilisation, on peut se divertir mais aussi sinformer Exemples : Les sites de vidos en ligne comme Youtube, dailymontion et autres.

Outre ces trois grandes catgories, on distingue galement diffrents types de sites Internet :

TYPES DE SITES

DESCRIPTION
Ils permettent lachat et la vente de produits et services en ligne. On peut galement accder au catalogue dune entreprise. Exemple : Ebay.com, cdiscount.fr

Les sites marchands

Les sites Institutionnels

Ils permettent daccder des informations sur les entreprises, les collectivits locales, les organisations Internationales ou les organisations gouvernementales Exemples : www.education.gouv.fr, www.who.int/en/

Il sagit de sites Internet traitant de sujets bien prcis comme la scurit informatique, la cuisine italienne ou lart numrique Les sites thmatiques Exemples : securiser.com, artnumerique.net

Les portails dentreprise

Il sagit de sites Internet dentreprise ouvert aux salaris ou aux clients de lentreprise. On parle dIntranet lorsquil permet daccder au systme dinformation de lentreprise. Les clients peuvent galement accder un espace ddi pour effectuer des oprations varies comme la consultation de facture ou accder aux diffrentes commandes.

Les portails gnralistes

Les portails gnralistes traitent de tous types dinformation : actualit, dossiers et autres Exemples : linternaute.com

Les sites dassociations

Les sites dassociations sadressent le plus souvent un grand nombre de personnes qui sintressent des activits spcifiques, comme le tourisme, la randonne et autres. Exemple : Le site de loffice de tourisme de la commune de Saint-Junien : www.saintjunien-tourisme.fr

Les sites promotionnels ou vnementiels

Ils font la promotion dun vnement particulier, leur dure de vie peut tre en fonction de la dure de lvnement

Les sites de streaming

Permettent dcouter de la musique ou de voir des films en ligne. Exemple : Deezer.com

Les communauts virtuelles ou les rseaux sociaux

Ils donnent la possibilit aux Internautes de se runir autour de la toile et dchanger sur des sujets particuliers Exemples : Le clbre site Facebook.fr ou hi5.fr

Les Blog ou les pages perso

Les blog permettent aux internautes de sexprimer librement sur la toile. Ils peuvent donner leur avis sur des questions politiques, des vnements, et autres. Cest une sorte de journal intime, plus ou moins ouvert. Il existe galement des blog trs srieux qui permettent de suivre linformation. Le but est de faire ragir les lecteurs aux publications (ou billets) grce un systme de commentaires. Exemple : blog.wendze.com

Les books ou les portfolios

Les books et les portfolios permettent aux artistes de se faire connatre. Le book est souvent utilis par les mannequins tandis que les portfolios sont utiliss par les artistes ou par des tudiants souvent la recherche demploi. Le but est de mettre en avant leurs ralisations ou travaux. Exemple : http://dimitri.wendze.com

Lorsque lon dmarre un projet de site Web, il est important de dfinir la catgorie de son futur site Internet. Cela permet de se donner une ide sur le budget allouer au projet. Le projet dun site dinformation ne sera pas le mme que celui dun site de divertissement.

10

Pour un site de divertissement, comme un site de jeux en ligne par exemple, il va falloir faire appel des comptences spcifiques, notamment dans la programmation et lanimation en 3D. Pour ce type de projet, il faudra galement investir dans un serveur qui sera en mesure de supporter les diffrents besoins en bande passante. Alors que dans la catgorie des sites dinformation, le projet dun site dassociation, ne mobilise pas les mmes ressources. On na pas forcment besoin danimation en 3D ou de programmation spcifique. Il est donc important de prendre en compte tous les paramtres avant de rdiger votre projet.

1.3 - Lappel doffre

Lorsquon a rpondu aux questions pralables au lancement du projet on peut lancer un appel doffre pour sa ralisation. Lappel doffre consiste faire appel un prestataire pour la ralisation du projet. Le plus souvent, il sagit dun document qui rsume les travaux prliminaires du projet. Dans ce document on note les grandes lignes du projet et les attentes du client. Lappel doffre peut galement tre une annonce de recrutement dun stagiaire, comme a a t le cas dans le cadre du stage loffice du tourisme. Il peut galement sagir du recrutement dun contrat dur dtermin ou dun intrimaire pour la ralisation du projet. Dans lannonce de recrutement devront figurer lensemble des besoins ainsi que les attentes par rapport au projet. Il est galement important de mentionner les comptences requises pour les personnes qui devront travailler sur le projet. Dans le cas o lon dsire raliser soit mme son site Internet, on na pas besoin de lancer dappel doffre mais il est important de dfinir ses limites afin de faire appel dautres comptences si besoin. Exemple : Vous dsirez travailler sur un projet de cration dune communaut virtuelle de musique classique. La premire des choses est de dfinir les fonctionnalits de votre site Internet : - Espace dadministration - Espace public ddi la publication dinformation - Forum de discussion ouvert la communaut Vous disposez de comptences pour la mise en place des espaces dadministration et de publication dinformation. Par contre vous tes un peu limit pour la mise en place du forum. Il est important de faire appel des comptences externes pour cette partie de votre projet. Vous pourrez faire appel une personne de votre entourage susceptible de vous aider ou de voir avec un freelance ou une entreprise. Avant de vous lancer dans la ralisation de votre projet, pensez faire un appel doffre pour la ralisation de cette fonctionnalit, ncessaire la russite de votre projet. Il existe toujours des comptences pour vous aider. Si vous avez des difficults trouver de laide ou si vous navez pas les moyens de financer cette partie du projet, pensez revoir les fonctionnalits de votre site Internet, mais ne vous lancez jamais sans runir toutes les conditions ncessaires la russite.

11

2 Le pilotage du projet
Piloter un projet, cest choisir les diffrentes personnes dont on va avoir besoins sur le projet. Il peut sagir de personnes en interne mais aussi de personnes externes.

2.1- Les acteurs du projet : maitrise douvrage et maitrise duvre

Avant de lancer un projet, il est important de faire linventaire des diffrentes personnes qui vont travailler sur le projet. Les acteurs sur un projet varient en fonction du type du projet. Avec les nouveaux services Internet, on voit naitre de nouveaux profils et nouveau mtiers. Voici la liste non exhaustive de personnes susceptibles de travailler sur un projet web :

FONCTION

RLE

Un Chef de projet

Il coordonne lensemble des activits et assure la liaison entre le client et les quipes travaillant sur le projet.

Un assistant au chef de projet

Il assiste le chef de projet sur lensemble du projet.

Un dveloppeur

Il programme les applications, il peut y avoir plusieurs dveloppeurs sur un projet car les langages de programmation peuvent tre diffrents en fonction des projets.

Un webdesigner

Il est spcialis dans le dessin numrique et soccupe du design des sites Internet.

Un intgrateur

Il fait la liaison entre le dveloppeur et le designer. Son rle est de dcouper le design fabriqu par le webdesigner pour lintgrer au programme.

Un ergonome

Il soccupe de lergonomie des applications et met laccent sur les questions daccessibilit trs en vogue depuis quelques annes maintenant.

12

Un ingnieur rseaux

Il soccupe de lhbergement du site Internet ainsi que de la scurit du serveur.

Un charg de contenu

Il soccupe de la rdaction du contenu du site Internet.

Un charg de rfrencement

Il soccupe du rfrencement du site Internet, dfinit les mots cls et travaille en troite collaboration avec le charg de contenu. Il est charg de mettre en place les diffrentes techniques de rfrencement pour assurer une meilleur position du site Internet sur les moteurs de recherches.

Un consultant trafic management

Il est charg de mener les campagnes publicitaires du site Internet et faire des analyses du trafic gnr.

Un Charg de veille

Il est important de connatre les ventuels concurrents ou les techniques actuelles. Le rle du charg de veille est de traquer linformation sur le web, afin de mieux dfinir la politique du site Internet.

Un community manager

Il intervient gnralement sur les sites communautaires, son rle est dassurer la gestion de ces sites en dirigeant lensemble de la communaut.

Il faut galement noter que les mtiers cits ci-dessus sont ceux que lon rencontre dans les trs grosses agences web. Dans la majorit des structures une personne peut incarner deux, trois voir quatre des fonctions elle toute seule. Il existe galement un profil un peu particulier, il sagit du profil de Webmaster. Cest la fonction historique dans le domaine de conception de site Internet. Le webmaster nest pas forcment spcialis sur un mtier mais il sait faire un peu de tout, il est capable de grer 13

lui tout seul un projet de bout en bout. Dans le cadre de mon stage, outre les responsabilits inhrentes la gestion du projet, jai galement travaill en tant que webmaster. Ce qui ma donn lopportunit dtre sur toutes les tapes du projet. Les acteurs du projet peuvent galement tre des personnes externes. Il est important de les inclure dans la liste des acteurs du projet. Exemple : En tout dbut de stage, loffice de tourisme a manifest le besoin dintgrer sur le site la base de donnes LEI. Cette base de donnes contient des informations intressantes (vnements, activits, locations,) pour les offices de tourisme. Jai t amen collaborer avec le responsable de la base de donnes LEI qui est une personne externe loffice. Mais cette personne a t un acteur du projet car il a contribu la russite de celui-ci.

2.2 - Lestimation budgtaire

Une fois que lon a mont lquipe qui travaillera sur le projet, il est important de chiffrer le projet. Le budget nest jamais le mme suivant les projets. Il existe donc diffrents types de budget en fonction du prestataire. Le budget ne doit pas seulement se limiter aux frais de conception et de mise en service ; il faut galement inclure les frais de maintenance, dvolution et danimation. Voici les diffrentes classes de budget pour un projet de site Internet :

BUDGET CLASSE 1 : BUDGET FAISANT APPEL A UNE AGENCE WEB Cest le budget le plus lev, il sexplique par le cot en maitrise duvre et en gestion des quipes. Il faut donc rmunrer les comptences qui interviennent sur le projet. En contrepartie, faire appel une agence web garantit un rsultat soign et respectueux des normes du web. Les budgets en agence peuvent varier de 1000 500.000 euros voire plus suivant les projets et les agences web.

BUDGET CLASSE 2 : BUDGET FAISANT APPEL A UN INDEPENDANT (FREELANCE ou CONSULTANT) Faire appel un indpendant peut tre une solution idale pour les projets qui ne demandent pas diffrentes technologies spcifiques. Il faut se renseigner sur les comptences du prestataire avant de lengager. Il nest pas obligatoire de confier lensemble du projet un indpendant, on peut ne lui confier quune partie du projet si on le souhaite. Le cot est trs variable suivant les prestataires. Pour les freelances ou les indpendants comme les auto-entrepreneurs, il faut compter 40 , 50 ou 500 euros par jour. Ils facturent galement en fonction du nombre de pages du site. Cest une solution idale pour les petits et moyens projets. Pour ce qui est des consultants, il sagit le plus souvent dexperts qui travaillent sur des missions. Ils sont rmunrs autour de 500 voir 1500 euros/jours.

BUDGET CLASSE 3 : BUDGET FAISANT APPEL A DES COMPETENCES EN INTERNE Cette solution est trs intressante, mais elle peut coter trs chre en termes de cot de formation. Cependant elle permet de faire des conomies sur la dure, car il sagit de former des salaris de lentreprise la gestion de projet web. Il faut calculer les cots de formation par salari. Il est difficile de chiffrer ce type de budget car tout dpend de la taille de lentreprise et des besoins. Il faut compter 2000 6000 pour la formation dun salari.

14

Il faut galement noter que les salaires de webmaster varient de 30 45K par an. Ce budget sapplique galement lorsque vous dsirez vous mme construire votre site Internet. Il est important de chiffrer votre formation si vous en avez besoin ou chiffrer lensemble de vos besoins pour la ralisation du projet.

BUDGET CLASSE 4 : BUDGET FAISANT APPEL A UN CDD, UN INTERIMAIRE OU UN STAGIARE Cest la solution idale pour les petits budgets. En termes de conception les cots ne sont pas trs levs, il faut prvoir un salaire ou une indemnit verser durant la priode de conception. Le cot peut varier de 1000 8000 en fonction de la dure de la conception. Il faudra par contre penser un budget pour la gestion du site Internet. Personnellement, jai t recrut comme tudiant stagiaire. Le projet est donc inscrit dans la classe 4 des budgets de projets Web. Dans mon cas, le budget du projet a t inclus dans celui de la mairie de la commune car loffice de tourisme est en partie financ par celle-ci. Je nai donc pas pu me procurer la copie du budget.

Pour llaboration, il faut rpartir les charges sur diffrents tableaux - Charges par poste de travail : Pour la rmunration des acteurs du projet - Charges par activits : Pour chiffrer lensemble de lactivit (Logiciels, hbergement et autres) - Charges dexploitation : Pour chiffrer les frais de maintenance, de promotion, dentretien, dvolution et autres

2.3 - Le planning
On pose toujours la question suivante : combien de temps faut-il pour construire un site Internet ? Il ne faut jamais rpondre cette question avant davoir pris en compte ltude prliminaire du projet. Cest en effet le seul indicateur susceptible de vous informer sur la quantit de travail ncessaire pour la ralisation du projet. En effet la dure du projet va dpendre de cette quantit de travail. Alors que certains sites Internet peuvent prendre une semaine, dautres projets peuvent stendre sur une voire deux annes. Personnellement on ma pos la question de savoir de combien de temps jaurais besoin pour faire le site de loffice. Aprs lecture du document du groupe de travail, jai estim le temps ncessaire la ralisation du projet 4 mois. a a t une erreur car javais sous estim la quantit de travail. Jaurai d prvoir 5 mois. Cest la raison pour laquelle il faut toujours se donner une marge supplmentaire afin de raliser votre travail en toute srnit. Personnellement, mme si jai russi respecter le planning fix au dpart, je tiens prciser que le stress ma accompagn certains moments du projet car il a fallu intensifier le travail pour terminer dans les temps. Il faut galement viter de se donner une trop grande marge, de peur de tomber dans un excs de confiance qui peut vous surprendre.

15

Voici une copie du planning ralis dans le cadre du stage :

16

On peut galement utiliser le diagramme de Gantt pour crire son planning.

Exemple du diagramme Gantt

3 Les diffrents types de projets et les intervenants

Construire ou faire construire un site Internet est avant tout un projet qui demande une planification et une mobilisation de ressource. Quelque soit la taille ou les objectifs du site construire, on parle de projet web. La diffrence de ces projets se situe au niveau des ressources mobiliser.

3.1- Les petits projets

Ce sont des projets qui ne demandent pas de gros budgets. Il sagit gnralement de la conception dune page personnelle pour faire connatre soit une activit, soit une passion ou tout autre chose. Les sites sont le plus souvent conus sur quelques pages seulement. Il ny a pas de langage de programmation complexe. Au niveau du budget, les charges sont faibles car il y a souvent une voire deux personnes sur le projet. Aussi le projet ne ncessite pas de gros investissements au niveau des charges dactivits et dexploitation. Exemple type de petit projet : Un professeur de musique qui souhaite se faire connatre, pour vendre ses services, va crer une page ou deux quil hbergera sur un serveur gratuit. Pour cela, il va se former la conception de site Internet et va certainement demander conseil son neveu qui travaille dans linformatique. Il pourra galement, sil le souhaite, faire appel un indpendant (freelance ou consultant) pour raliser le projet.

3.2 - Les moyens projets

Il sagit de projets plus ou moins importants qui ncessitent un minimum dinvestissement. Ces projets peuvent tre raliss en interne, par agence web, par des indpendants, ou par un stagiaire. Il ne sagit pas de projet de deux ou trois pages hberger sur un hbergement gratuit. Lorsquon parle de projets moyens on pense : - Un hbergement mutualis et payant - Des pages dynamiques - Une programmation - La participation de plusieurs acteurs - un budget plus ou moins important. Le projet de loffice de tourisme sur lequel jai travaill est un bon exemple de projet moyen.

17

3.3 - Les projets importants

Ce type de projet est gnralement ralis par une agence web. Peuvent tre invits travailler sur le projet des consultants ou des stagiaires. Les projets importants ncessitent diverses comptences car il sagit parfois de mettre en place des services complexes. Les charges sont le plus souvent leves. Lorsquon parle de projets importants on pense : - Un serveur ddi - Des pages dynamiques - Une programmation complexe - La participation obligatoire de plusieurs acteurs - Un budget important de classe 1 Exemple de projet important : La conception dun site communautaire de partage de vido.

18

PARTIE II : LA GENESE ET LA STRATEGIE DU PROJET

Dans cette deuxime partie du mmoire, nous allons aborder la deuxime phase de la gestion de projet Web. Il sagit dune tape purement thorique qui consiste rdiger le cahier des charges qui servira de guide pour la conception du site Internet.

1 Le lancement du projet
Il ne sagit pas du lancement du projet au sens stricte du terme car le projet a t amorc en partie avec ltude prliminaire et la constitution des quipes. Ici on parle de lancement de projet, car il sagit dun lancement effectif de lactivit. On va mener une tude dtaille afin dcrire le projet dans les moindres dtails.

1.1 - Lexpression et lanalyse des besoins

Lorsquon arrive sur un projet, on a le plus souvent accs ltude prliminaire qui a t mene en amont. Cette tude peut tre rdige dans un document, comme a a t le cas pour mon stage loffice de tourisme de Saint-Junien, ou elle peut tre verbale comme cest trs souvent le cas pour les petits et moyens projets. Ltude prliminaire nest pas suffisante pour la ralisation du projet car elle ne prsente que les grandes lignes. Il va falloir la complter par des entretiens, et/ou la ralisation dune enqute. Il sagit de raliser une tude afin de ressortir le plus dinformations possible. Les tudes peuvent varier suivant les projets. Dans le cadre du stage lOT de Saint-Junien, jai t amen raliser plusieurs entretiens avec le groupe de travail. Jai galement ralis une enqute auprs des personnes se rendant physiquement loffice du tourisme, et une enqute en ligne auprs du personnel de loffice qui ne faisait pas partie du groupe de travail. Ces enqutes mont permis de recueillir le maximum dinformations pour la rdaction du cahier des charges. Notons que la mthode nest pas toujours la mme sur tous les projets web. Il faut tenir compte de la nature du projet. Certains se limiteront aux entretiens, cest gnralement le cas des petits et moyens projets. Alors que pour les gros projets, on peut faire appel un expert en traitement de linformation pour mener diffrentes enqutes. Tout ce travail servira rdiger le cahier des charges. Les entretiens se droulent lors des sances de travail. Il est important de toujours avoir sur soi un bloc notes et un crayon afin de noter les informations. Il sagit de rcuprer le plus dinformations possible pour llaboration du cahier des charges. Il faut donc tre rapide dans la prise de notes car les ides sont le plus souvent mises au cours des discussions. Pour tre efficace, Il faut apprendre abrger et synthtiser les phrases. Pour ce genre dexercice je choisi le plus souvent de synthtiser mes phrases en ne notant que les grandes lignes. Voici ci-dessous une de mes prises de notes ralise au cours dune runion pendant mon stage.

19

Document scann le 12 Aot 2009

On voit sur ce document que seules les grandes lignes ressortent. Cette runion a dur plus de 2h mais je me suis arrang la synthtiser en seulement quelques lignes. Jaurais mme pu faire mieux si javais essay dabrger certaines expressions. Lexercice consiste couter son interlocuteur tout en essayant de prendre le plus de notes possible. Il ne faut jamais se dconnecter de la conversation, cela peut tre interprt comme un manque de professionnalisme.

20

Pour lexpression des besoins, il existe galement les questionnaires dont voici deux exemples : QUESTIONNAIRE 1 : Imprim adress aux personnes se rendant physiquement loffice de tourisme
Nous envisageons de prsenter les activits de loffice du tourisme sur Internet. Pour se faire, nous sommes en train de mettre en place le site Internet de loffice du tourisme. Afin de nous aider la ralisation de ce projet nous sollicitons votre participation travers ce questionnaire. Nous vous garantissons que les informations recueillies resteront confidentielles et ne serviront qu la ralisation du projet.

1 - quelle tranche dge appartenez-vous ? 18-24 ans 45-54 ans 25-34 ans 55-64 ans 35-44 ans 65 ans

2 Habitez-vous Saint-Junien ou ses environs ? OUI NON

3 Disposez-vous dun accs Internet ? OUI NON

4 Que pensez-vous de lide dun site Internet pour loffice du tourisme ? Important Plus ou moins Important Pas important Sans avis

5 Si vous approuvez lide dun site Internet pour loffice du tourisme, seriez-vous prt le consulter ? OUI NON

6 Si OUI, quelle frquence ? Rgulirement Une fois par mois Jamais

7 - Quel type d'informations viendriez-vous chercher sur ce site Internet ? Actualit Information sur la commune Agenda des vnements Autres, prcisez : _________________________________________________________________________ _________________________________________________________________________

8 - Quels seraient daprs vous les services que devrait proposer le site de loffice du tourisme ?

21

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------Merci pour votre participation.

QUESTIONNAIRE 2 : Questionnaire en ligne adress au personnel de loffice de tourisme. Le questionnaire est disponible ladresse suivante : http://monstage.wendze.com/OT/Questionnaire/questionnaire.html

22

23

Ces exemples sont les deux questionnaires qui mont permis de rcuprer les informations ncessaires la rdaction du cahier des charges. Avec le questionnaire 1, jai souhait faire participer le plus grand nombre de personnes au projet. Jai donc imprim un questionnaire qui a t mis la disposition des personnes se rendant physiquement loffice de tourisme. Lobjectif tait de faire participer les futurs visiteurs du site Web. Pour un projet de site Internet, il est important de connatre la population qui viendra visiter le site. Cela permet de connatre les attentes des visiteurs mais aussi dadapter le design et le contenu en fonction de la catgorie des visiteurs. Lavis des personnes extrieures au projet est trs important. Certains projets nont pas vu le jour parce que ltude de faisabilit montrait quaucune personne externe ne semblait sintresser au projet. Prenons pour exemple un boulanger qui veut faire construire un site Internet pour vendre son pain sur Internet. Si aprs enqute, 95% des personnes interroges affirment quelles ne sont pas prtes acheter du pain sur Internet, il est prfrable pour le boulanger de prendre en compte cette information et dabandonner son projet de site Internet. Pour ce qui est du questionnaire 2, je lai publi en ligne et le lien a t communiqu tous les membres du conseil dadministration de loffice afin de les faire participer au projet. Lobjectif est toujours le mme, faire participer le plus de personnes possible afin dobtenir le maximum dinformations. Mais il faut faire attention ne pas tre trs vite submerg par une quantit dinformation que lon pourrait avoir du mal traiter. Mener des entretiens ou concevoir des questionnaires nest pas lobjectif premier du projet Web. Il faut se fixer une limite et travailler sur un chantillon bien prcis. Dans le cadre du stage, jai fix la limite 20 personnes pour le questionnaire 1 et 10 pour le questionnaire 2. Je ne pouvais pas analyser plus denqutes car la question la plus importante est de traiter linformation recueillie. Pour cela il faut disposer doutils de traitement et danalyse de linformation. Il faut tre en mesure de retirer les doublons, de synthtiser les rsultats, tout a de faon automatique. Il existe de nombreux logiciels de traitement de linformation, mais dans le cadre du stage loffice de tourisme, jai travaill sur des feuilles Excel et je me suis servi des tableaux croiss dynamiques pour extraire les informations ncessaires llaboration du cahier des charges. Pour le questionnaire 1, jai entr les donnes manuellement mais pour le questionnaire 2 a a t encore plus simple. Jai implant un script PHP sur mon questionnaire qui ma permis de rcuprer les informations sur une base de donnes MySQL. Jai ensuite rcupr ces informations sous forme de fichier XML que jai pu ouvrir sous Excel 2007. Il ne me restait plus qu croiser les donnes. Grce toutes ces donnes, jai pu rdiger le cahier des charges et rdiger le tableau des besoins exprims pour le site Internet. Vous trouverez dans lannexe 1, page 42 le rsultat de lenqute mene au cours du stage loffice de tourisme.

24

1.2 - Le cahier des charges fonctionnel

Une fois lenqute termine je suis pass la rdaction du cahier des charges. Il sagit du document qui reprend tous les besoins exprims ainsi que toutes les futures fonctionnalits du site Internet. Voici pour exemple le tableau des besoins et fonctionnalits extrait du cahier des charges du projet du site de loffice de tourisme.

BESOINS

FONCTIONNALITES

CRITERES DE PERFORMANCE

Mise jour de linformation en temps rel (actualisation)

Intgration dun systme de gestion de contenu.

Accs protg par un mot de passe

Optimisation du site Internet

Respect des normes W3C

Visibilit du site Internet (Rfrencement)

Choix des mots cls mettre dans les balises Meta (arrire plan = partie non visible) du site Internet

Pas plus de 25 mots

Enregistrement dans les annuaires

Enregistrement manuel dans 10 annuaires (les plus connus)

Possibilit de mettre en tlchargement des documents ou images

Mettre en place une option de publication des documents en ligne

Types de documents accepts : PDF, WORD, Excel, Power Point

25

Faciliter laccs linformation

Intgration dun moteur de recherche afin de faciliter la recherche dans le site

Voir la possibilit deffectuer des recherches avances partir dun mot cl, une date, ou par rubrique

Cration de diffrents profils Administrateur : pour la gestion totale et sans restriction du site. Possibilit de mettre en place un profil administrateur et un profil rdacteur pour la gestion du site Rdacteur : afin de donner la possibilit dautres personnes de grer le site Internet Attribution de codes daccs diffrents selon le profil (administrateur ou rdacteur)

Pour scuriser les informations et laccs ladministration du site Internet, les mots de passe seront de plus de 8 caractres, en combinant de lalpha numrique

Expression des associations

Cration dun formulaire en ligne pour la publication des activits associatives

- Accs au questionnaire : ouvert au public - Modration et validation des informations avant publication sur le site Internet.

Connaitre le nombre de visites du site Internet

Intgration dun outil danalyse du trafic

- Affichage dtaill des statistiques : - Nombre et dure moyenne des sessions - Nombre de visiteurs - Nombre de pages vues - Provenance des visiteurs

26

Mettre des photos de la commune sur le site Internet

Autoriser la possibilit duploader des images via le systme de gestion de contenu

Formats souhaits pour les images : JPEG, PNG Rsolution maximum des images : 500*500 Pixels

Rcuprer les donnes de la base de donnes LEI

Prvoir un espace sur le site pour accueillir les donnes de la base de donnes

Gestion et optimisation des flux XML

Attention : Le cahier de charges ne se limite pas seulement au tableau des besoins et fonctionnalits. Il reprend tous les lments essentiels la ralisation du projet comme : - Les chances respecter - Les outils utiliser pour la conception - Les critres de performance - Le cahier des charges pour la conception dun site Internet, peut galement prsenter la structure du plan du futur site Internet. Dans mon cas, le plan tait dj dfini par le groupe de travail charg de mener ltude prliminaire du projet. Cela ne ma pas empch de faire quelques propositions sur le plan et de les insrer dans le cahier des charges.

27

Exemple : Plan du site Internet de loffice de tourisme de Saint-Junien

Page daccueil
Prsentation de la ville

Informations pratiques

Patrimoine et traditions

Manifestations

Mtiers dart

Loisirs et dcouverte

Restauration Et gastronomie

Nos suggestions

Hbergement

Brochures tlcharger

Espace associations

Nos partenaires

Contact

SOUS-RUBRIQUES __________________ - La biennale - Foires et marchs - Manifestations de lOT - Les calendriers

SOUS-RUBRIQUES __________________ - Le centre aqua-rcratif - Le golf - Laroclub - Le paint-ball - La randonne pdestre - Les activits sportives - Art et spectacle - Les visites guides de lOT - La pche - La randonne VTT - Cano St-Victurnien

SOUS-RUBRIQUES __________________ - Sjour nature - Sjour patrimoine et savoir-faire SOUS-RUBRIQUES __________________ - Htels - Camping - Auberges de jeunesse - Gtes ruraux - Chambres dhtes

DANS LA RUBRIQUE __________________ - Le livret touristique - Vide-grenier - Revue sur le patrimoine de Saint-Junien (Le chercheur dor) DANS LA RUBRIQUE __________________ - Formulaire en ligne ouvert aux associations

DANS LA RUBRIQUE __________________ - La mairie - OT du pays de la mtorite - PNR, POL

SOUS-RUBRIQUES __________________ - Un peu dhistoire - Les ostensions - Patrimoine bti - Patrimoine naturel (La valle de la Glane) - Circuit historique

SOUS-RUBRIQUES __________________ - Annuaire (Lien vers les mtiers dart) - Les mtiers du cuir (Un peu dhistoire, la ganterie, la mgisserie) - Lmail - La porcelaine

SOUS-RUBRIQUES __________________ - Restaurants - Spcialits locales

28

1.3 - La feuille de route ou Roadmap

On peut intgrer la feuille de route dans le cahier des charges, mais jai prfr la sortir sur un document indpendant afin de mieux me reprer. La feuille de route permet dassurer la qualit du processus de dveloppement du projet. Elle dfinit les diffrentes comptences (dveloppeurs, webdesigners, intgrateurs) qui vont intervenir sur le projet. Le but est surtout de fixer des chances en prenant en compte les dpendances de chacun. Je veux dire par l que lintgrateur ne pourra pas commencer son travail avant que le dveloppeur ait termin le sien. La feuille de route est une sorte de plan assurance qualit. Son objectif est de faciliter la cohrence et le travail de groupe. Dans ma feuille de route, javais quelques personnes avec lesquelles je devais travailler comme le personnel de la cyber base de la ville. Il devait intervenir comme bta-testeur du site avant sa publication. Malheureusement cela na pas pu se faire car lhbergement na t disponible que quelques semaines avant la publication officiel du site. Cest la raison pour laquelle je tenais parler des lments intgrer en priorit ds le dbut du projet.

2 Les premiers lments intgrer

Une fois le cahier des charges termin, il est impratif de sassurer que toutes les conditions sont runies pour dbuter la conception en toute srnit. Voici trois lments dfinir en premier avant de dbuter la phase de conception.

2.1- Lhbergement
Il existe plusieurs possibilits dhbergement de sites Internet :

TYPE

AVANTAGES

INCONVIENIENTS

Hbergement gratuit

Aucun frais

Publicit, nom de domaine avec les extensions de lhbergeur du type http://votresite.free.fr ou http://pagepersoorange.fr/votresite

Hbergement mutualis

Pas de publicit et nom de domaine de son choix en .fr, .com ou .org (sous rserve de disponibilit)

Abonnement mensuel ou annuel suivant lhbergeur et trafic souvent limit. Cette solution ne convient pas aux sites qui gnrent de gros trafic

29

Serveur ddi

Pas de publicit et nom de domaine de son choix en .fr, .com ou .org (sous rserve de disponibilit). Trafic illimit et possibilit de configurer son serveur en fonction de ses besoins

Abonnement mensuel ou annuel trs couteux.

Je dconseille fortement les hbergements gratuits. Ils ne sont pas assez optimiss pour le rfrencement des sites Web, et la publicit peut trs vite devenir embarrassante pour les lecteurs. Il faut penser lhbergement ds le lancement de la ralisation technique. Une fois que les critres de performances sont dfinis, on peut estimer la capacit de disque dur dont on va avoir besoin pour le site Internet. On peut donc sinscrire auprs dun hbergeur. Cela permet de tester le serveur pendant plusieurs jours avant sa publication.

2.2 - Lergonomie
Lergonomie est le deuxime lment prendre en compte. On nen parle malheureusement trs peu sur les projets web, mais cest un lment trs important pour la russite dun site Internet. Les internautes daujourdhui ne sont pas novices. Ils ragissent trs vite des sites pas ergonomes. Personnellement je change rapidement de site lorsque je ne trouve pas linformation au troisime clic. La rgle des trois clics na pas t invente pour amuser le monde. Il sagit de questions essentielles et cela va de la russite du projet. Lobjectif est de permettre aux internautes se retrouver facilement sur le site Internet. Lergonomie passe par le choix des couleurs, la position des menus, le choix de la police, la structure du contenu, mais aussi par le respect de la norme W3C et la validation des pages Web. Tous ces lments sont dune faon ou dune autre prciss dans le cahier des charges. Mais lergonomie peut aller plus loin, elle doit garantir : - Laccessibilit - Lutilisabilit - Lefficacit - La satisfaction - Lefficience Sur un projet Web, il nexiste pas une phase rserve lergonomie. La question de lergonomie dun site doit tre aborde toutes les phases du projet. Pour le charg dtude (ou chef de projet) : lergonomie passe par le choix des couleurs. Pour le webdesigner, lergonomie passe par lapplication des couleurs. Pour le dveloppeur : lergonomie passe par lcriture du code.

On doit donc parler dergonomie sur toute la dure du projet. Un site pas ergonome peut connatre de petits soucis de rfrencement sur les moteurs de recherches.

30

2.3 - Le rfrencement
On voit que tous ces lments sont troitement lis. Il y a quelques annes le rfrencement des pages se faisait le plus souvent par la lecture des mots cls insrs dans les balises du code. Actuellement, les moteurs de recherche sont bien plus intelligents, ils vrifient lensemble du code de la page pour pouvoir le rfrencer dans leurs bases de donnes. La structure et le contenu de la page Web jouent normment dans le rfrencement do lintrt dtre attentif lergonomie de son site. Comme pour lergonomie, le rfrencement dun site Internet se fait toutes les tapes de la ralisation. Il ne sagit pas simplement de choix de mots cls. Il faut apprendre rdiger son contenu, respecter les standards du Web, nouer des partenariats avec dautres sites Web. La question que posent tous les clients, et que lon ma bien souvent pose, est de savoir comment faire pour tre en premire page sur les moteurs de recherches. A mon avis il ny a pas de solution miracle. Le rfrencement se fait avec le temps et tout passe par une optimisation du site Internet. Mais on peut toujours choisir de payer une rgie publicitaire pour se faire connatre. Il existe galement des logiciels de soumission aux moteurs de recherches. Mais les spcialistes sont tous daccord pour dire quun bon rfrencement, passe par une meilleure optimisation du site. Pour finir cette deuxime partie, on aurait pu ajouter un quatrime lment intgrer prioritairement. Il sagit de la scurit. La scurit dun site Internet se fait chaque tape de la conception du site Web. Tous les acteurs du projet sont responsables de la scurit. La faille peut passer par un code ou un mauvais paramtrage du serveur.

31

PARTIE III : LES ETAPES DE LA REALISATION

1 Modlisation et conception technique de lapplication

La modlisation consiste dfinir les diffrentes fonctions du site Web en simulant le comportement des futurs utilisateurs. Cest la premire tape de la conception technique du site Web. Dune manire gnrale, le recours la modlisation vise mettre en uvre les diffrentes fonctionnalits du site. Elle permet de le structurer, de dfinir les formes, les rubriques ainsi que la position des diffrentes pages.

1.1- Conception fonctionnelle et visuelle

Les conceptions fonctionnelle et visuelle permettent de dterminer la structure du site web. Cette tche est le plus souvent ralise en troite collaboration entre lergonome et le webdesigner. La conception fonctionnelle consiste planifier le comportement des utilisateurs. Cette tape nest pas obligatoire pour tous les projets Web, mais elle reste vivement conseille. Dans le cadre du stage loffice de tourisme, jai eu loccasion de raliser la conception fonctionnelle du site Web. Ci-dessous la conception fonctionnelle du site de loffice :

32

Cette conception permet de dfinir les diffrents profils ainsi que les diffrentes interactions qui devront se faire sur le site Web. Elle se base sur les recommandations du cahier des charges. La modlisation dun site nest jamais la mme en fonction des projets. Cest le cas pour les sites de e-commerce o la modlisation peut tre bien plus complexe que celle ralise pour le site de loffice de tourisme. Il existe de nombreux logiciels qui permettent de modliser un site Internet. On peut utiliser un logiciel du type StarUML ou ArgoUML. Pour les gros projets, comme les sites de e-commerce, il est indispensable de faire appel un spcialiste, car la modlisation est un langage qui demande des comptences particulires. Notons galement que le plan (ou structure du site Internet) se fait gnralement pendant la phase de conception fonctionnelle. Ce qui na pas t le cas pendant le stage loffice de tourisme. Cette exception vient du fait que la structure avait dj t conue par le groupe de travail qui a men ltude prliminaire du projet. Il ny avait plus ncessit travailler dessus. La conception visuelle quant elle, consiste reprsenter les diffrentes parties ou zones du site sous forme de trames. Lobjectif est de dfinir ce qui va apparatre sur le site Internet. Voici pour exemple la conception visuelle du site Internet de loffice de tourisme :

33

Il sagit dune conception faite rapidement la main. Lobjectif est de se faire une ide de ce que sera le site Internet. Cette conception peut tre ralise avec un logiciel de faon mieux ressortir les informations visuelles.

1.2- Conception technique et ralisation de lossature

Cette phase du projet est le plus souvent ralise en troite collaboration entre le dveloppeur, le webdesigner et lintgrateur. La ralisation technique consiste faire des choix purement techniques pour les fonctionnalits du site Internet. Il peut sagir du choix du langage de programmation utiliser pour une fonctionnalit, comme du choix du systme de gestion de contenu qui rpondra le mieux lensemble des besoins exprims dans le cahier des charges. Linconvnient des CMS (systme de gestion de contenu) est quils ne satisfont pas toujours lensemble des besoins. Il faut souvent reprogrammer une partie du logiciel afin dobtenir entire satisfaction. Aussi les systmes de gestion de contenu ne sont pas forcment adapts tous les projets, notamment les gros projets, sur lesquels il est prfrable de programmer chacune des fonctionnalits de faon indpendante. Pour la conception technique, lobjectif est de prendre en compte les spcifications fonctionnelles du site pour dvelopper lensemble des fonctionnalits. Ce travail est la charge du dveloppeur. Il va tre complt par le webdesigner qui, grce aux fonctionnalits visuelles et aux lments du cahier des charges, va concevoir la maquette graphique du site Internet. Le programme et le graphisme raliss vont tre mis ensemble par lintgrateur pour crer lossature du site. Pendant le stage loffice de tourisme, jai eu loccasion de raliser toutes ces tches. Mais il est important de faire valider chaque ralisation par le groupe de travail. Il faut galement noter que les novices en la matire ne ralisent pas forcment la quantit de travail ainsi que la dpendance de chaque tape. Il ne faut donc pas hsiter insister auprs du groupe de travail. Lapprobation de toute lquipe est un gage de russite et aidera lquipe respecter les chances fixes pour la livraison du site Internet. Dans le cadre du stage, une bonne partie du contenu du site Internet tait rdig pendant la premire phase du projet. Jai donc pu raliser lossature et intgrer tout de suite une partie du contenu pour avoir un meilleur rendu du site Web. Aussi, je nai volontairement pas prvu de partie ddie la rdaction du contenu pour la simple raison que dans le cadre du stage, je navais pas la responsabilit du contenu. Jai t assist par une collgue qui a travaill tout au long du projet sur la rdaction du contenu. Assurer la rdaction du contenu sur un projet web est une tche assez difficile car cela ncessite de connatre parfaitement la structure pour laquelle vous travaillez. Il ntait pas possible pour moi de rdiger le contenu du site car je navais que 4 mois pour la ralisation du projet. Il existe galement des spcialistes en rdaction de contenu pour le Web. Ils sont spcialiss dans la rdaction de contenu optimis pour le rfrencement sur les moteurs de recherche. On rencontre souvent ce profil sur les projets importants.

34

Voici une copie dcran de lossature ralis dans le cadre du stage loffice de tourisme :

1.3- Production en beta-test : Rapport de tests et correctifs

Une fois la conception technique du site termine, il ne reste plus qu linstaller sur un serveur web pour le mettre en phase test. Lidal est de linstaller plusieurs jours avant sa publication officielle. Il faudra ensuite slectionner un nombre de bta-testeur pour effectuer des tests sur le site. Les testeurs peuvent tre des personnes externes du groupe de travail. Ils donnent leur avis sur certaines fonctionnalits du site et peuvent aider corriger les dfauts.

35

Dans le cadre du stage de loffice de tourisme, cette phase tait prvue dans le planning, mais na pas pu se faire car le serveur web a t mis ma disposition avec un peu retard. Do limportance de choisir son hbergeur en dbut de projet. Jaurais certainement d insister sur cette question en dbut de projet. Lorsquon travaille sur cette phase du projet, il faut absolument un carnet sur lequel on pourra noter chacune des erreurs enregistres pour pourvoir ensuite les corriger. Pour faciliter le retour dinformations des bta-testeurs, on peut penser mettre un mini-formulaire en ligne qui servira envoyer toutes les erreurs enregistres. Ce formulaire devra tre simple et comporter au moins un champ pour les rponses ouvertes, afin de laisser aux bta-testeurs la possibilit de sexprimer librement. Voici lexemple dun carnet pour la rception des rapports derreurs.

ERREURS ENREGISTREES
Message derreur sur la page XYZ

ACTIONS A FAIRE

RESOLUTION

Corriger le script du module XYZ

OK Ralis le 8/09/2008

Absence de contenu sur la page ZZY

Voir avec le responsable du contenu pour la mise disposition du contenu

En cours

La rsolution de limage de la page YYZ nest pas correcte

Adapter limage au web

OK Ralis le 12/09/2008

Le carnet denregistrement des rapports derreurs permet de travailler efficacement sur le projet. Il doit tre mis la disposition de tous les acteurs du projet de faon assurer un meilleur suivi de lactivit. Une fois toutes les erreurs corriges, il ne reste plus qu se prparer lexploitation du site Internet.

2 Mise en ligne de lapplication

La mise en ligne consiste installer le site sur son serveur dfinitif. Mais avant, il faut sassurer que toutes les conditions sont remplies pour lexploitation du site Internet.

2.1- Prparation lexploitation : Prise en main, outils danalyse daudience

Pour se prparer lexploitation du site Internet, il faut sassurer que les deux conditions suivantes sont runies : Premire condition : La prise en main Il sagit de sassurer que le site Internet va pouvoir tre gr par une autre personne que vous quand vous ne serez plus l. Cette ou ces personnes sont gnralement dsignes en dbut de projet. Mais il est important de mettre en place une formation afin de leur permettre de prendre en main le site Internet.

36

Dans le cadre du stage loffice de tourisme, jai ralis plusieurs sances de formation aux deux salaris de loffice de tourisme qui seront amenes grer le site Internet. Pour appuyer cette formation, jai ralis un petit guide de prise en main du logiciel. Vous trouverez ce guide dans lannexe 2 la page 52. Deuxime condition : Lanalyse daudience Il faut galement sassurer que les futurs responsables du site seront en mesure de connatre le nombre de visiteurs gnr par le site Internet. Cette question est de plus en plus importante car elle permet de dfinir la politique du site Internet. Dans certaines entreprises, ou dans les agences web, il existe des consultants trafic management chargs de surveiller lactivit du site Internet et de faire des propositions dvolution. Pour le site de loffice de tourisme, jai install un script du programme Google analytics qui permet de rcuprer un maximum dinformations sur lactivit du site Internet. Les salaris de loffice ont galement t forms lutilisation de cet outil dont voici quelques copies dcran.

Sur cette copie dcran, on constate quentre le 9 Aot et le 8 septembre 2009, le site a enregistr 465 visites, mais le nombre de visite est en lgre baisse. Le pourcentage des nouvelles visites est stable 72,69%. En fonction de ces informations un consultant trafic management dira certainement que le site a besoin dtre boost, notamment en ce qui concerne les nouvelles visites. Il va peut-tre falloir faire plus de publicit sur le site ou mettre en place un partenariat avec dautres sites pour faire monter le taux de rebond qui, lui aussi reste stable 52.26%.

37

2.2- Questions administratives et juridiques

Avant la publication dun site Internet, il faut galement sassurer que tous les aspects administratifs et juridiques ont t pris en compte. Il sagit de : - Sassurer du respect de la lgislation en vigueur - Sassurer de la dclaration la CNIL si besoin - Dfinir les conditions dutilisation du site Internet - La protection du nom de domaine

2.3- La publication officielle du site Internet

La publication officielle du site Internet doit tre faite dans le cadre dune opration de communication. Il ne faut pas hsiter choisir une date et inviter le plus grand nombre de personnes possible. La prsentation consiste prsenter les fonctionnalits du site Internet. Il faut viter de tout prsenter. Lobjectif est de donner envie aux personnes de venir visiter le site Web. Il faut trouver les mots ou les moyens pour inciter ces personnes parler du site dautres personnes. Pour cela il ne faut hsiter distribuer des tracts mentionnant ladresse du site Internet. Pour le site de loffice de tourisme, la prsentation officielle sest faite dans les locaux de la mairie de la ville, devant le maire, le conseil dadministration de loffice et la presse locale. Une runion supplmentaire est prvue fin septembre 2009 avec les associations et les adhrents de loffice de tourisme. Il sagit dune opration de communication dont lobjectif principal est de faire connatre le site Internet. Lorsque le site est publi officiellement, il ne reste plus qu organiser une runion du groupe de travail pour la clture du projet. Cette runion sert gnralement faire le point sur ce qui a fonctionn ou pas. Il sagit galement de voir si le budget a t respect. Cest galement au cours de cette runion que se dfinit la politique dexploitation du site Internet.

38

CONCLUSION

On retiendra de ce mmoire quune tude de faisabilit est indispensable avant le dveloppement dun site Internet. En effet, la cration dun site Internet nest pas une activit prendre la lgre, elle mrite dtre suivie et encadre. Les quatre mois passs travailler avec loffice de tourisme, mont permis de raliser que le projet dun site Internet est la somme de plusieurs actions (ou tapes) planifies et dpendantes les unes des autres. Toutes les tapes de ce projet mont permis denrichir mon exprience. On retiendra galement quun projet de site Internet demande une bonne organisation et une cohrence entre les diffrents acteurs du projet. Les tapes du projet sont presque toutes dpendantes les unes des autres. Avant de passer ltape suivante, il faut, avant tout, valider ltape prcdente. Ce quil y a de plus catastrophique pour un projet est de revenir sur une tape aprs validation. Il est donc important de faire valider chaque tape du projet lors des sances de travail et en prsence de tous les membres du groupe de travail. Toutefois cela ne doit pas empcher les acteurs du projet de faire preuve douverture desprit. Pour la conduite dun projet web, comme pour tous les autres projets, on est souvent oblig de faire des arbitrages ou daccepter des changements de dernire minute. La modification des choix initiaux peut intervenir nimporte quel moment du projet et peut influencer les dlais, les cots ou bien dautres facteurs. Pour conclure, il est important de prciser que la mthode propose dans ce mmoire est le fruit dune exprience durant laquelle jai moi mme eu loccasion dapprendre normment. Le but est de partager cette exprience en esprant quelle pourra inspirer les personnes qui souhaitent sinformer sur la conception de sites Internet.

39

BIBLIOGRAPHIE

- OUVRAGES Russir un projet de site Web, 5e ditions. Editions EYROLLES, Paris, 2008 Conduite de projet Web, 4ieme ditions. Editions EYROLLES, Paris, 2008 Ergonomie Web : pour des sites Web efficaces. Editions EYROLLES, Paris 2008 Zro prise de tte : Quelques rgles simples et un zeste de bon sens pour concevoir des sites Web intuitifs et efficaces. Editions DUNOD, Paris, 2001 Les sites Web : conception, description et valuation. Editions Hermes Sciences, Paris, 2005. Conduite de projets en cration numrique. Editions EYROLLES, Paris, 2005

Nicolas Chu :

Stpane Bordage :

Amlie Boucher :

Steve Krug :

Peter Stockinger :

Grgory Guneau :

Peter Morville et Lou Rosenfeld :

Architecture de linformation pour le Web, Editions OREILLY, Paris, mars 2007 Lcrit web : traitement de linformation sur Internet. CFPJ Editions, Juillet 2007

Jol Ronez :

SITES INTERNET -

Wikipdia :

Encyclopdie [en ligne] disponible ladresse suivante : http://wikipdia.fr Pages consultes : http://fr.wikipedia.org/wiki/Projet http://fr.wikipedia.org/wiki/Gestion_de_projet

Webmarketing :

Budgter un site Web [en ligne]. Disponible ladresse http://www.webmarketing-projet.com/budget/budget_web.htm

40

ANNEXES
Annexe 1 : Rsultat de lenqute du projet du site Internet de loffice de tourisme p.42

Annexe 2 : Guide de prise en main du site Internet de loffice de tourisme

p.52

41

ANNEXE 1 : Rsultat de lenqute du projet du site Internet de loffice de tourisme

Introduction
Dans le cadre du projet de cration du site Internet de loffice du tourisme de SaintJunien, nous avons ralis une enqute afin de pouvoir recueillir lensemble des besoins pour le futur site mettre en place. Entre le 15 mars et le 10 avril 2009, deux enqutes ont t ralises. Une premire enqute nous a permis dinterroger les personnes qui se sont rendues dans les locaux de loffice du tourisme pendant cette priode. Lobjectif tait davoir lavis des futurs visiteurs du site Internet sur le projet. Cette enqute nous a permis de connatre les principaux besoins des futurs visiteurs et elle nous permet galement dadapter le site Internet en fonction de la catgorie des personnes susceptibles de venir visiter le site Internet. Une deuxime enqute nous a permis de recueillir les besoins du personnel de loffice du tourisme. Elle complte les diffrents entretiens dj raliss et nous permet dlaborer le cahier des charges. Ce document prsente le rsultat de ces diffrentes enqutes. Il ne sagit en aucun cas du cahier des charges. Il sagit de reprendre chaque lment de lenqute et de donner des orientations pour le futur site Internet.

ENQUTE I

Ralise auprs des personnes susceptibles de venir consulter le site Internet

Au cours de cette enqute, vingt (20) personnes ont t interroges. Les sorties Excel cidessous permettent dapprcier le rsultat de cette enqute. 1 Tranche dge des personnes susceptibles de venir visiter le site Internet
HABITANT_STJUNIEN (Tous)

Nombre de AGE 7

ACCES INTERNET OUI

2 3

NON

2 3 1 2

4 1

1 0 18-24 25-34 35-44 AGE 45-54

55-64

65-PLUS

42

Les 25-54 ans sont ceux qui ont le plus rpondu lenqute. La moiti dentre eux (7 sur 14) disposent dun accs Internet et sont susceptibles de venir sur le site Internet. Information prendre en compte : la structure et le design du site devront tre adapts pour les plus de 25 ans. Il ne sagit pas dexclure les moins de 25 ans, mais de mettre en place un site plus ax sur linformation. 2 Comment les personnes enqutes peroivent lide du site Internet
HABITANT_STJUNIEN (Tous)

4,5 4 3,5 3 2,5

Nombre de AGE 4 4 4

IDEE SITE IMPORTANT 2 2 PLUSOUMOINS SANS_AVIS

2 1,5 1 1 0,5 0 18-24 25-34 35-44 AGE 45-54 55-64 65-PLUS 1 1 1

En moyenne, l'ide du site Internet est bien perue par les personnes interroges, les 25-34 et 55-64 considrent que lide dun site est importante. Seules 2 personnes sur les 20 personnes interroges nont pas davis sur le projet. Information prendre en compte : Lide du projet est la bienvenue, cela garantit le succs du site Internet.

43

3 Consultation et taux de frquentation du site Internet

HABITANT_STJUNIEN (Tous)

Nombre de AGE 4,5

3,5

2,5

CONSULTATION FREQUENCE PAR MOIS OUI - 1FOIS

OUI - REGULIEREMENT

1,5

0,5

0 18-24 25-34 35-44 45-54 55-64 65-PLUS

AGE

Ce graphique confirme les informations du prcdent. Lide du projet est bien accepte et toutes les personnes interroges affirment quelles sont prtes visiter le site Internet, les 35-44 ans affirment quils viendront rgulirement sur le site. Information prendre en compte : adapter le contenu du site Internet en fonction des personnes susceptibles de venir le plus souvent sur le site.

44

4 - Propositions des personnes enqutes

HABITANT_STJUNIEN (Tous)

Nombre de AGE RAS 55% RENSEIGNEMENTS 10% AVIS ACHAT EN LIGNE EVENEMENTS ACHAT EN LIGNE 5% METEO RAS RENSEIGNEMENTS

METEO 5%

EVENEMENTS 25%

Les personnes interroges au cours de cette enqute demandent plus d'informations sur les vnements ainsi que des informations pratiques sur la ville. 55% ne se prononcent pas mais on retient une proposition intressante : celle de la mto sur le site. Informations prendre en compte : Dvelopper du contenu sur les vnements dans la rgion, Mettre en vidence les rubriques en rapport avec les informations sur les vnements Voir la possibilit technique de mettre la mto de la rgion sur le site. Pour lachat en ligne, sauf avis contraire, nous ne pouvons pas prendre en compte cette proposition tant donn que loffice du tourisme na pas le statut de commerant.

45

ENQUTE II

Ralise auprs du personnel de loffice du tourisme

Pour cette enqute cinq (5) personnes ont t interroges. 1 Le graphique 1 : La catgorie des personnes ayant particip lenqute La raison du site Internet Le choix du type de site Internet

TYPE_SITE Informatif infoPublic_contact

Nombre de TITRE

Salarie

TITRE

RAISON_SITE Responsable 3 infoPublic_contact

bnvole

0,5

1,5

2,5

3,5

Graphique 1

DECODAGE : InfoPublic_Contact = Mettre linformation la disposition du public et donner un moyen de nous contacter. Informations retenir : Pour les cinq personnes (1 salari, 1 bnvole et 3 responsables) interroges au cours de cette enqute, lobjectif principal du site est de mettre plus dinformations disposition du public et de donner un autre moyen de contacter loffice du tourisme. Le site est dfinit comme un site informatif.

46

2 Le graphique 2 : La cible principale du site Internet Lindice de russite du site Internet

INDICE Traffic+

Nombre de TITRE

Salarie Tourist_Particulier

TITRE

Touristes Responsable Tourist_Particulier

CIBLE Touristes Tourist_Particulier

bnvole Tourist_Particulier

0,5

1,5

2,5

Graphique 2 DECODAGE : Tourist_Particulier = Touristes et particuliers Toutes les personnes interroges expriment le besoin de voir un trafic important. Les Touristes et les particuliers sont la cible principale du site Internet. Informations retenir : Adapter le contenu aux besoins des touristes et, mettre en place une politique de rfrencement pour une meilleure visibilit sur le web. Afin danalyser le trafic qui sera gnr par le site, il faudrait penser intgrer une analyse de trafic afin de fournir un rapport rgulier des frquentations.

47

3 Le graphique 3 La frquence des mises jour du site Internet Le type et la quantit de donnes du site
MISE_A_JOUR 2_ou_3

Nombre de TITRE

Img_photo_text Salarie

TITRE

Img_photo_text Responsable Img_photo

DONNEES Img_photo_text Img_photo

Img_photo_text bnvole

0,5

1,5

2,5

Graphique 3

DECODAGE : Img_photo_text = des images ou photos ainsi que du texte / Img_photo_text = des images ou photos uniquement.

Informations retenir : - Prvoir un espace disque capable daccueillir des images ou des photos. - Privilgier les formats JPEG moins gourmands en espace - Le contenu ne prend pas beaucoup despace, il ny a pas de soucis se faire pour ce type de donnes.

48

4 Evolution du contenu et de la structure du site

Dposer champs de page Ici

Nombre de TITRE

Salarie rubrique

TITRE

rubrique_contenu Responsable rubrique

EVOLUTION rubrique_contenu rubrique

bnvole rubrique

0,5

1,5

2,5

DECODAGE : rubrique_contenu = rubrique et contenu Informations retenir : Le site est susceptible dvoluer, il est important de prvoir la possibilit dajouter des rubriques partir du systme de gestion de contenu. 5 Choix des couleurs du site Internet
COULEUR (Tous)

Nombre de TITRE 3,5 3 2,5 2 1,5 1 0,5 0

_o ra n ge
v er jau t_b ne leu _v _ro ert ug _ro e_J ug aun e

COULEUR_SITE vert_bleu_rouge_Jaun vert_bleu_rouge vert_bleu_orange jaune_vert_rouge

_ro ug e

ve rt_ ble u

bnvole

Responsable TITRE

ve rt_ ble u

Salarie

49

DECODAGE : Vert_bleu_orange = vert, bleu et orange Vert_bleu_rouge_jaune = Vert, bleu, rouge et jaune Vert_bleu_rouge = Vert, bleu et rouge Jaune_vert_rouge = Jaune, vert et rouge 0 = Pas davis

La question des couleurs du site Internet va se dcider au cours dune runion, car les informations recueillies ne permettent pas de se prononcer. VERT = 3/5 BLEU = 3/5 JAUNE = 2/5 ORANGE = 1/5 ET ROUGE = 3/5

6 Choix du graphisme du site Internet

Dynamique Responsable Responsable Responsable Salari Bnvole OUI OUI OUI OUI OUI

Sobre NON NON NON NON NON

Toutes les personnes interroges optent pour un graphisme dynamique. Cette information est prendre en compte lors de la conception graphique du site Internet.

Dposer champs de page Ici

7 Choix du nom de domaine du site Internet
Nombre de TITRE 2,5

2 2

1,5

NOM_SITE choix_1 1 1 1 choix_2 ot-saint-junien.fr

0,5

0 bnvole Responsable TITRE Salarie

50

DECODAGE : Choix_1 = www.saint-junien.tourisme.fr Choix_2 = www.tourisme.saint-junien.fr Proposition : www.ot-saint-junien.fr

Informations retenir : Sauf avis contraire, le choix_1 (3/5) sera retenu pour le choix du nom du site Internet. Le site pourrait donc tre disponible ladresse suivante : www.saint-junien.tourisme.fr

8 Choix des mots cls du site Internet Voici la liste des mots cls intgrer au site Internet pour favoriser le rfrencement sur les moteurs de recherches : htels Saint-Junien, restauration Saint-Junien, manifestations Saint-Junien, location Saint-Junien, Visiter Saint-Junien, Mtiers dart et patrimoine, capitale du gant de peau, valles de la Vienne et de la Glane, naf, Corot, cuire.

9 Choix de la licence

CHOIX Responsable Responsable Responsable Salari Bnvole Statistiques : Choix_3 = 2/5 Choix_2 = 2/5 Choix_1 = 1/5 Choix_3 Choix_3 Choix_2 Choix_2 Choix_1

Dcodage Le contenu est votre proprit et aucune modification ni rutilisation n'est autorise Le contenu est votre proprit et aucune modification ni rutilisation n'est autorise Le contenu peut tre rutilis avec votre accord Le contenu peut tre rutilis avec votre accord Le contenu peut tre rutilis sans votre accord

La question du choix de la licence du site Internet va se dcider au cours dune runion, car les informations recueillies ne permettent pas de se prononcer.

51

ANNEXE 1 : Rsultat de lenqute du projet du site Internet de loffice de tourisme

GUIDE DADMINISTRATION DU SITE INTERNET DE LOFFICE DE TOURISME DE SAINT-JUNIEN www.saint-junien-tourisme.fr

1 Lespace administration
1.1 Se connecter lespace dadministration Lespace dadministration est invisible au grand public et permet de grer le site Internet. Pour accder lespace dadministration, tapez ladresse suivante : http://www.saint-junien-tourisme.fr/administrator Vous devrez avoir accs la page suivante.

Pour se connecter, entrez votre identifiant et mot de passe de connexion dans les espaces ddis.

52

1.2 Les outils de ladministration

Sur la page daccueil dadministration, vous avez accs lensemble des outils dadministration du site Internet. Lensemble des outils est disponible dans la zone A (entour en rouge), vous avez galement un rappel de ces outils sur la zone B (encadr en bleu). Des outils supplmentaires sont disponibles dans la zone C (entour en orange).

ZONE A

Ajouter un article : Pour ajouter un article. Gestion des articles : Permet de grer (supprimer/ajouter/modifier) lensemble des articles. Gestion de la page daccueil : Permet de grer le contenu de la page daccueil du site. Gestion des sections : Cette fonction est dsactive sur le site (Pas besoin de sen servir). Gestion des catgories : Permet de grer les catgories du site Internet. Gestion des mdias : Permet dajouter multimdia. ou supprimer des images, des fichiers PDF ou fichiers

53

Gestion des menus : Permet de grer (supprimer/ajouter/modifier) les menus du site Internet. Gestion des langues : Permet de grer (ajouter ou supprimer) les langues du site Internet. Gestion des utilisateurs : Permet de crer et dattribuer des droits (Administrateur, rdacteur et autre) un nouvel utilisateur pour le site Internet. Configuration : Permet de mettre le site hors ligne ou grer les mots cls pour le rfrencement du site.

ZONE B

Il sagit dun rappel de la zone A, lexception de quelques lments comme : Composants : Il permet de grer les composants supplmentaires installs sur le site comme lajout des vnements sur lagenda, la traduction des textes ou lajout dimage sur le diaporama de la page daccueil. CONSEILS : Il est recommand de vider rgulirement le cache de la navigation du systme, afin daugmenter la vitesse du chargement des pages du site Internet. Pour vider le cache, cliquez sur OUTILS NETTOYER LE CACHE Cocher lensemble des lments puis cliquez sur SUPPRIMER (en haut droite). Ensuite : OUTILS PURGER LES FICHIERS EXPIRES DU CACHE Puis en haut droite cliquez sur PURGER LES EXPIRES Nous vous recommandons de renouveler cette opration une fois tous les deux (2) mois.

ZONE C

La zone C permet de : Choisir la langue par dfaut pour lespace dadministration Prvisualiser le site Internet aprs une modification Voir le nombre de rdacteur connect sur le site Se dconnecter de lespace dadministration.

2 Gestion des rubriques (Menus)

Il existe deux types de menus prendre en compte pour le site de lOffice du tourisme. Dans la zone B (ou Zone A), allez sur menu (Ou gestion des menus pour la zone A) puis slectionnez Main menu pour grer le menu horizontal ( droite) du site ou Top menu pour grer le menu vertical (en haut) du site Internet. Ne pas prendre en compte User menu et menudroit. Ces deux menus ne sont pas utiliss sur le site Internet de lOffice du tourisme.

54

La gestion des menus permet de supprimer, modifier, ajouter ou mettre hors-ligne (dpublier) un menu. La gestion se fait grce aux outils placs en haut droite du site Internet.

ATTENTION : Pour agir sur une rubrique, il faut la slectionner (en cliquant sur les cases cocher)

Ci-dessous, un exemple dune rubrique slectionne (en rouge).

La gestion des menus permet galement de faire passer une rubrique ou sous-rubrique en-dessus ou en-dessous dune autre. Pour le faire il faut agir sur les boutons ordre entour ci-dessus en gris.

3 Gestion des articles

La gestion des articles permet de grer le contenu du site Internet. IMPORTANT : Article = Contenu dune rubrique Pour accder la gestion des articles, cliquez sur Gestion des articles (dans la Zone A) ou partir de la zone B allez dans CONTENU GESTION DES ARTICLES

3.1 mise en forme

La mise en forme du contenu des articles se fait grce aux outils standards disponibles sur chaque article

55

Copie dcran de larticle = Camping de la rubrique Hbergement

RECOMMANDATION : Il est important davoir une mme police pour tout le contenu du site Internet. Il sagit des normes du Web quil est important de prendre en compte. Pour le site Internet de loffice du tourisme de Saint-Junien, les paramtres retenus sont les suivants : Taille de la police : 10px Police : Arial Format : paragraphe ou div suivant la mise en page Styles : Tool-text suivant la mise en page.

3.2 crer un lien

Pour crer un lien, slectionnez la phrase sur laquelle vous souhaitez inclure un lien puis cliquez sur loutil cration de lien ci-dessous entour en rouge :

Vous devrez avoir la fentre ci-dessous. Dans la zone URL, entrez le lien que vous souhaitez ajouter. Dans la partie Cible, toujours choisir loption : Ouvrir dans une nouvelle fentre pour ouvrir le lien sur une autre page Web.

56

Cliquez sur INSRER pour insrer votre lien.

Pour permettre au systme de prendre en compte votre modification toujours cliquer sur le bouton APPLIQUER situ en haut droite.

Une fois que vous avez termin de travailler sur larticle, cliquez sur FERMER pour sortir et retourner la page ddie la gestion de tous les articles.

57

3.3 Ajouter une image

Pour ajouter une image un article, cliquez sur IMAGE en bas gauche

Cliquez sur parcourir (en bas gauche) pour rcuprer limage partir de votre disque dur.

Une fois que vous avez slectionn limage importer, cliquez sur Lancer le transfert pour rcuprer limage. Pour insrer limage, il vous suffit de slectionner limage dans la liste des images importes, puis cliquer sur INSRER (en haut droite de la boite de dialogue) RECOMMANDATION : Utiliser les images JPG ou GIF de prfrence Les dimensions des images pour les rubriques hbergement (Htels, Chambres dhtes, Gtes ruraux) sont 286 pixels en longueur. Ne jamais mettre daccents et despaces pour les noms des images Exemple : Mettre rivieredulac.jpg la place de rivire du lac.jpg

58

3.4 Ajouter un fichier PDF

Pour ajouter un fichier PDF, il faut respecter le mme principe que lajout dimage, notamment au niveau de la gestion du nom du fichier. Il est recommand dviter les accents et les espaces. Il faut donc prendre le soin de renommer les fichiers PDF que lon souhaite ajouter. Lajout dun fichier PDF se fait en deux tapes : a Lajout du fichier PDF dans le dossier PDF Pour ajouter le fichier, il faut aller laccueil de ladministration, ensuite dans la Zone A allez dans GESTION DES MEDIAS

Dans Gestion des mdias, allez dans le dossier PDF, ensuite cliquez sur Parcourir pour importer le fichier PDF que vous souhaitez ajouter. Noubliez pas de cliquer sur Lancer le transfert pour lancer limportation du fichier.

59

Copie dcran du dossier PDF (Gestion des mdias)

b Lajout du fichier PDF dans larticle Pour ajouter le fichier PDF sur votre article, il faut simplement respecter le mme principe que la cration dun lien (Cf. partie 3.1 Crer un lien). En fait il sagit simplement de crer un lien vers le PDF.

Slectionnez le texte sur lequel vous souhaitez ajouter le fichier PDF, ensuite cliquez sur loutil qui permet la cration de liens HyperText.

Dans lURL, tapez ladresse suivante : http://www.saint-junien-tourisme.fr/images/PDF/LE_NOM_DE_VOTRE_FICHIER_PDF_ICI.pdf Noubliez pas de mettre .PDF la fin du nom de votre fichier. Noubliez pas galement de prendre comme cible : Ouvrir dans une nouvelle fentre pour ouvrir le lien sur une autre page Web.

4 Gestion de lagenda
Lagenda permet de grer la liste des vnements afficher sur le site Internet (sous-rubrique Lagenda dans la rubrique Manifestations)

4.1 Grer les vnements

Pour grer la liste des vnements, partir de la zone B

Cliquez sur COMPOSANT ensuite EVENTLIST

60

Pour grer les vnements actuellement en ligne, il faut cliquez sur EVENTS (entour ci-dessous en rouge)

Dans EVENTS, vous pourrez supprimer les vnements qui nont plus lieu dtre sur la liste (si les dates sont passes). Vous pourrez galement modifier un vnement (ajouter ou supprimer une information).

4.2 Ajouter un vnement

Pour ajouter un vnement cliquez sur ADD EVENT (entour ci-dessous en bleu)

Lorsque vous ajoutez un vnement, pensez marquer les dates de lvnement. Le classement se fait automatiquement en fonction des plus rcentes.

61

5 Gestion de lAffiche du moment

Copie dcran du site Internet

Grer laffiche du moment demande un peu plus de manipulations, mais lopration nest pas impossible.

5.1 Modifier limage

La modification de limage se fait en deux tapes : a Lajout de limage dans le dossier Evnements Pour ajouter limage, il faut allez laccueil de ladministration, ensuite dans la Zone A allez dans GESTION DES MEDIAS

62

Ajouter limage afficher dans le dossier Evnements. Le principe est le mme que pour lajout de fichier PDF. Allez dans le dossier Evnements, cliquez sur Parcourir pour rcuprer limage importer, puis cliquez sur Lancer le transfert pour lancer limportation. IMPORTANT : Bien vrifier que limage est ajoute dans le dossier Evnements Utiliser les images JPG de prfrence Ne pas mettre daccent et despace sur le nom du fichier. Les dimensions des images afficher sont obligatoirement de 177 pixels en longueur. Bien retenir le nom du fichier (de limage) pour la prochaine tape.

Une fois limportation de limage termine, passons ltape suivante. b Modification de limage afficher. Dans la ZONE B

Cliquez sur EXTENSIONS GESTION DES MODULES

Commencez par afficher tous les modules (En bas de page)

Sur la droite de votre cran, sur la liste des TYPES des modules, rechercher le module nomm :

mod_random_image

63

Une fois que vous trouvez le module nomm (Type) mod_random_image, cliquez dessus (Il faut cliquer sur lapostrophe gauche) pour accder la configuration du module. La configuration du module se fait sur trois (3) niveaux. Niveau 1

Ne rien toucher sur cette partie de la configuration, sauf si vous souhaitez nafficher aucune affiche sur le site. Il faudra slectionner le bouton NON la place de OUI sur ACTIV Niveau 2

64

Ne rien toucher sur ce niveau de la configuration, il permet de faire en sorte que limage saffiche sur toutes les rubriques du site. Niveau 3

Cest ce niveau que se fait la configuration du module. Pour changer limage, il faut simplement modifier le nom de limage dans le champ TYPE DIMAGE. Dans notre cas, Il faut remplacer estivale.jpg par le nom de limage que vous venez dajouter dans le rpertoire Evnements. IMPORTANT : Il ne faut pas oublier de mettre lextension de votre image .jpg Dans le champ Lien , vous pouvez mettre un lien vers le descriptif de lvnement. Si vous navez aucun lien ajouter pour lvnement, il faut penser supprimer le lien actuel en laissant vide le champ. Pour terminer, noublier pas de cliquez sur APPLIQUER en haut droite de votre page.

5.2 Modifier le contenu

Modifier le contenu qui accompagne lvnement du moment est quasiment identique la gestion de limage. Dans la ZONE B

Cliquez sur EXTENSIONS GESTION DES MODULES

65

Commencez par afficher tous les modules (En bas de page)

Sur la gauche de votre cran, sur la colonne NOM DU MODULE , cherchez le module nomm ANNONCE AGENDA

Une fois dans le module, allez directement dans la partie Paramtres

Pour modifier le texte, il suffit de modifier le champ TEXTE DE PIED DE PAGE Pensez cliquer sur APPLIQUER afin de permettre au systme de prendre en compte votre modification.

6 Le systme de traduction (French, English, Allemand)

Le systme de traduction permet de traduire le contenu du site Internet en Anglais ou en Allemand. Pour lancer une traduction, partir de la ZONE B

Cliquez sur COMPOSANTS JOOM!FISH TRANSLATION

66

6.1 Traduction des menus

Pour traduire les menus, slectionnez la langue (Allemand ou Anglais) avec laquelle vous souhaitez travailler. La slection se fait en haut droite de votre page

Pour traduire les menus, slectionnez MENU dans la liste CONTENT ELEMENTS

Vous devrez accder la liste des menus du site Internet, pour faire les traductions, il suffit de cliquer sur le menu que vous souhaitez traduire, et entrez la traduction.

67

Noubliez pas de cocher la case PUBLISHED et de cliquer sur APPLIQUER (en haut droite de votre page) pour valider et mettre en ligne votre traduction.

6.2 Traduction des articles

La traduction des articles se fait sur le mme principe que celle des menus. Pour traduire les articles, slectionnez la langue (Allemand ou Anglais) avec laquelle vous souhaitez travailler. La slection se fait en haut droite de votre page

68

Pour traduire les menus, slectionnez CONTENTS dans la liste CONTENT ELEMENTS

Vous devrez accder la liste des articles, pour faire les traductions, il suffit de cliquer sur larticle que vous souhaitez traduire. A NOTER : Pour la traduction du contenu, lespace Label: Introtext correspond au texte original. La traduction doit se mettre dans lespace Label: Fulltext

6.3 Traduction des modules

Pour traduire les modules comme le texte accompagnant laffiche du moment, il suffit de slectionner module dans la liste CONTENT ELEMENTS

69

Rechercher dans la liste des modules, le module nomm ANNONCE AGENDA et effectuer librement la traduction du contenu.

7 - Gestion des utilisateurs

Le systme install sur le site Internet permet de grer les utilisateurs du site Internet. On peut grce au systme crer ou supprimer des utilisateurs ou dfinir diffrents profils pour chaque utilisateur.

Pour Grer les utilisateurs, partir de la ZONE A

Cliquez sur GESTION DES UTILISATEURS Vous pourrez grer les utilisateurs du site Internet en modifiant leur mot de passe ou leur profil (Super-administrateur, administrateur, rdacteur, Editeur, Gestionnaire). Pour crer un nouvel utilisateur, cliquez sur NOUVEAU en haut droite. Entrez son nom, son mot de passe et toutes les donnes ncessaires. ATTENTION : Le profil de super-administrateur donne un accs total au site Internet. Il ne faut pas lattribuer tout le monde.

8 Gestion du diaporama de la page daccueil

Le diaporama permet dafficher les images sur la page daccueil du site Internet. Nous allons apprendre ajouter ou supprimer une image du diaporama. Pour ajouter un diaporama, partir de la ZONE B

Allez dans : COMPOSANTS _SIMPLE FLASH GALERIE PICTURES Pour supprimer une image, il suffit de slectionner limage que lon souhaite supprimer et cliquez sur REMOVE PICTURES (en haut droite) Pour ajouter une image, il suffit de cliquer sur UPLOAD PICTURES

70

Ensuite cliquez sur parcourir pour rcuprer les images sur votre disque dur. Pour importer les images slectionnes, il faudra cliquer sur Upload Pictures. IMPORTANT : Utiliser les images JPG de prfrence Les dimensions des images sont 600 ou 700 pixels en longueur. Ne jamais mettre daccent et despace pour les noms des images

9 Configuration Gnrale du site Internet Si vous rencontrez un problme technique, vous pouvez choisir de mettre le site Internet hors-ligne. Pour cela, il faudra aller dans la configuration du site Internet. Dans la ZONE A

Cliquez sur CONFIGURATION

71

Pour mettre le site hors ligne, slectionnez le bouton OUI dans la partie Paramtres du site. Vous pouvez galement Modifier les messages que vous souhaitez afficher lorsque votre site est hors ligne. La configuration gnrale vous permet galement dajouter, supprimer ou modifier les mots cls. Allez dans la partie Paramtres des mtadonnes

Dans le champ MOTS CLES DU SITE (Meta Keywords), vous pouvez supprimer ou ajouter des mots cls. IMPORTANT : Toujours cliquer sur APPLIQUER pour valider votre modification.

10 Analyse du trafic du site

Lanalyse du trafic du site Internet est gre par un outil en ligne appel Google Analytics. Pour accder votre compte Google analytics, allez ladresse suivante :

http://www.google.com/analytics/
Cliquez sur ACCEDER A GOOGLE ANALYTICS ENTREZ VOS PARAMETRES DE CONNEXION (Identifiant et mot de passe) Ensuite cliquez sur AFFICHER LE RAPPORT pour accder aux informations trafic de votre site Internet.

Vous pouvez galement exporter lensemble de vos rsultats en PDF en cliquant sur Exporter

Dautres options sont galement dcouvrir directement partir de loutil.

72