plan recette assurance qualite 2011-07-18 v05

Plan dassurance qualit : recette, scnarios de tests,

outils, mthodologie et suivi, environnement informatique

Juillet 2011 Nom du projet #projet#

Client #client#

Document Plan Assurance Qualit V4.0

Date de dernire modification 00/00/2011

Auteur(s) #auteur#

Statut Diffusable

Pour nous contacter Latis Place de lglise 12120 Arvieu Tel. : 05 65 74 70 97 Fax. : 05 65 74 70 98 Web : www.laetis.fr E-mail : [email protected]

Donnes administrativesSARL SCOP capital variable

Siret : 418 436 580 00017 RCS RodezCode APE : 6201Z N URSSAF : 120 65 74NTVA intracommunautaire : FR63418436580Organisme de formation N : 73.12.0032212

Vos contacts : Vincent BENOIT ([email protected]), Florence LATAPIE ([email protected]) Rf. projet : glp0000, plan-recette-assurance-qualite_2011-07-18_v05.doc

Plan dassurance qualit Auteur(s) : Vincent BENOIT, Florence LATAPIE Recette, scnario de tests, outils, mthodologie et suivi, environnement informatique - Ref. projet glp0000

plan-recette-assurance-qualite_2011-07-18_v05.doc p. 2/32

Sommaire

I.1. Tables des rvisions ........................................................................................................3 I.2. But, porte du plan dassurance qualit.............................................................................3 I.3. Terminologies.................................................................................................................4 I.4. Les critres qualits orients rsultats et e-tourisme ..............................................................5

II. Le mode de fonctionnement Projet .................................................................................6 II.1. Organisation humaine du projet.......................................................................................7 II.2. Cycle de vie dun projet en 7 tapes.................................................................................9 II.3. Conduite de projet........................................................................................................10 II.4. Gestion de projet, organisation de la production et dlais de ralisation habituels ...............11 II.5. Phase de ralisation : versions livres de la maquette la version finale .............................12 II.6. Phase de suivi : gestion des volutions et modifications .....................................................13 II.7. Dlais dintervention pour la maintenance et le suivi .........................................................15 II.8. Reproduction, protection et codes sources .......................................................................15

III. Recette et contrle qualit : normes, outils, mthodes .......................................................16 III.1. Qualit ergonomique, usabilit , tests utilisateurs..........................................................17 III.2. Compatibilits : OS, navigateurs, taille dcrans, priphriques web et mobiles ..................19 III.3. Code HTML : accessibilit, normes W3C, structure smantique des pages, rfrencement ....20 III.4. Visibilit et rfrencement de vos informations (moteurs de recherche, SEO ) ...............21 III.5. Phase de ralisation : contrle qualit et outils utiliss .......................................................23 III.6. Plan de test typique sur un support numrique e-tourime ....................................................24 III.7. Phase de suivi : contrle qualit et outils utiliss ...............................................................25 III.8. Normes documentaires et de programmation...................................................................26 III.9. Documentation produite et livrable pour le suivi qualit.....................................................27

IV. Environnement informatique et outils de production..........................................................28 IV.1. Hbergement haute disponibilit de vos sites web ............................................................29 IV.2. Outils pour le dveloppement informatique et multimdia ..................................................30 IV.3. Outils bureautiques et collaboratifs, gestion de projet, travail distance, mobilit................31 IV.4. Matriels et logiciels du studio multimdia Latis ..............................................................32



I.1. Tables des rvisions

Version Date Modifications

1.0 00/00/11 Cration du document

I.2. But, porte du plan dassurance qualit

Objectif du document Le plan dassurance qualit (PAQ) a pour but de dfinir les mthodes et outils utiliss par le projet, ainsi que les mesures prendre et les tapes pour contrler et sassurer de la qualit du projet. Il dfinit lensemble des moyens mis en uvre par Latis avec son client.

Porte du document Ce document est destin :

#client# lquipe du projet

Responsabilits associes Le responsable qualit est charg de la rdaction du prsent PAQ ainsi que de veiller son application et son volution, en collaboration avec le chef de projet. Cest lui de dcider des actions entreprendre si le PAQ nest pas appliqu.

Procdure dvolution du PAQ Le PAQ est labor au dbut du projet. A chaque tape, il est susceptible dtre modifi, auquel cas la modification sera indique dans la table de lhistorique.



I.3. Terminologies Les termes suivant sont les termes spcifiques utiliss dans le PAQ :

Vocabulaire gnral CdC : Cahier des Charges NdC : Note de Cadrage DCG : Dossier de conception globale DCD : Document de Conception Dtaille DSE : Dossier de Spcifications Externes PAQ : Plan dAssurance Qualit MOA : Matrise douvrage MOAd : Matrise douvrage dlgue MOAda : Maitrise douvrage dlgue assistance MOE : Matrise duvre MOEd : Matrise duvre dlgue Mq : Maquette CV : Cycle de vie

Vocabulaire e-tourisme SIT : systme dinformation touristique (Tourinsoft, Constellation, Caravelis, LEI, SITRA,

systmes Tourinfrance) OI : objet dinformation touristique : donne descriptives, adresse, contacts, critres,

golocalisation, tarifs, outils rsa pour tout type dobjet (Htels, Manifestation, Activit, Restaurant)



I.4. Les critres qualits orients rsultats et e-tourisme

Des critres qualit orients rsultats Plus de visibilit, plus de visiteurs : optimisation globale pour les moteurs de recherche,

pour les rseaux sociaux, Meilleure ergonomie et simplicit : les interfaces sont sans cesse repenses pour faciliter la

vie de linternaute, Plus de rapidit et indpendance maximale vis--vis des ralentissements des SIT, Plus grande qualit graphique et multimdia : la qualit de prsentation augmente de plus

de 30 % lefficacit la vente (diaporamas, vidos...)

Principe 1 : lutilisateur est souverain Lutilisateur est souverain : seuls les usages et les rsultats obtenus sur une priode assez longue ont valeur de preuve. Les thories ergonomiques, graphiques et technologiques sont confrontes la ralit. Nous les adaptons aux besoins exprims et aux comportements observs. La seule sanction positive, cest la satisfaction de lutilisateur final en lien avec votre stratgie.

Principe 2 : le contenu est roi Sur la plupart des sites et notamment le vtre, le contenu est roi , quil soit texte ou multimdia. En effet, la recherche de contenus pertinents reste la premire motivation de tout internaute. Nous structurons les contenus suivant les schmas de vos cibles.





II. Le mode de fonctionnement Projet



II.1. Organisation humaine du projet

Matrise douvrage

MOA : La matrise douvrage est #client# et son reprsentant est #reprsentant#

Matrise duvre

MOE : La matrise duvre est Latis et son reprsentant Vincent BENOIT.

Equipe projet L'quipe de production sera compose:

Dun chef de projet : Vincent BENOIT Dun responsable qualit : Vincent BENOIT Lquipe #client# est compose des personnes suivantes : fixer lors de la runion de

cadrage.

Chef de projet Le chef de projet sera Vincent BENOIT pour la dure du projet. Le chef de projet est responsable :

du respect du planning et du budget, du contrle de lavancement du projet de veiller la diffusion et au respect des rgles particulires au projet de la mobilisation des moyens ncessaires, de la communication au sein de lquipe Latis et

de la coordination des travaux de chacun

Responsable qualit Le responsable qualit sera Vincent BENOIT pour l'ensemble du projet. Le responsable qualit a pour mission de :

dfinir les rgles de retour arrire et les procdures de modification grer lvolution du PAQ et sa bonne application superviser les actions de vrification et de validation permettant de juger la qualit des

produits, mettre en uvre les scnarios de tests, et vrifier leurs rsultats avec lquipe technique Latis.



Comit de pilotage

Comit de pilotage Positionn aux tapes cls du projet

Acteurs #client# o A fixer lors de la runion de cadrage.

Acteurs Latis : Chef de Projet, Responsable Qualit, Responsable suivi ditorial Objectif : dfinit les objectifs, suit lavancement du projet, gre les arbitrages et prend les

dcisions ayant un impact sur le cadre du projet. Ordre du jour type : point davancement, suivi qualit du projet (rcapitulatif des actions et des

modifications en cours), suivi des risques, gestion des ressources projet, arbitrages (fonctionnels, techniques, ), situation contractuelle, questions diverses

Ordre du jour et compte-rendu Chaque comit fera lobjet :

dun ordre du jour rdig par Latis ou #client# transmis au plus tard 48h avant latelier dun compte-rendu rdig par Latis et transmis 48h aprs leur tenue



II.2. Cycle de vie dun projet en 7 tapes La mthodologie de dveloppement de Latis sappuie sur les principes suivants :

Le client (matrise d'ouvrage) est trs impliqu dans le suivi de projet, grce des points projet (toutes les 1 3 semaines). Il a une vision prcise et une possibilit d'agir sur le contenu tout moment durant la phase de conception.

L'quipe Latis livre dabord une premire maquette, et les livraisons de nouvelles versions s'enchanent ensuite un rythme soutenu pour obtenir un feedback maximal sur l'avancement des dveloppements et lintgration du contenu.

L'quipe Latis s'organise elle-mme pour atteindre ses objectifs, en favorisant une collaboration maximale entre ses membres.

L'quipe Latis met en place des tests automatiques pour toutes les fonctionnalits qu'elle dveloppe, ce qui garantit au produit un niveau de robustesse trs lev.

Les dveloppeurs amliorent sans cesse la structure interne du site pour que les volutions y restent faciles et rapides

Phases du cycle de vie Le projet sera constitu de 7 tapes :

Le cadrage La conception La production Le recettage La livraison Intgration des langues autres que la langue de dveloppement (franais) Suivi, maintenance, et mise jour du support numrique

Descriptions des tapes du cycle de vie 1. Le cadrage verra la cration de la note de cadrage et du PAQ 2. La conception sera constitue de la conception graphique et ergonomique 3. La production sera constitue du dveloppement et de l'intgration. 4. Le recettage sera constitu du recettage interne et externe : le recettage interne sera effectu

par Latis et aura pour but de vrifier le respect du cahier des charges et du PAQ dans un cadre d usine , le recettage externe sera effectu par #client et aura pour but de vrifier le respect du cahier des charges et du PAQ dans un cadre utilisateur ainsi que de valider dfinitivement le module de formation.

5. La livraison dune version du site sera soumise une validation ou invalidation concerte entre MOA et MOE.

6. Lintgration des autres langues seffectuera aprs la validation de la version non-localise. Les vrifications dimplmentation de ces langues seront effectues par #client .

7. Le suivi, maintenance, et mise jour du support comprennent la mise en uvre dvolutions normales dans la vie dun site :

o mise en place dun patch scurit li de nouvelles menaces, o modification dun paramtre de votre site pour une meilleure optimisation, o mise jour de contenus sur lesquels vous ne pouvez pas tre autonomes (ex :

animation flash haut de gamme), o mise jour des logiciels fournis (Ex. Content Manager) o modification de la programmation lie lapparition de nouveaux navigateurs (ex :

HTML5 avec Google Chrome), ou de nouveaux priphriques (ex : iPad 2) (Voir loffre dtaille pour connatre la liste des prestations prvues dans le suivi)



II.3. Conduite de projet

Cadrage Cette phase a pour objectif de dterminer avec prcision les besoins du client, de mettre au point le planning et le budget dfinitif. Y interviennent le client, le chef de projet prestataire et le commercial prestataire. Cette phase s'achve par la livraison de la note de cadrage et du PAQ. Dans la plupart des projets, la note de cadrage est majoritairement ralise en amont, lors de la remise du cahier des charges et dans loffre et note technique dtaille de Latis.

Maquettage Cette phase a pour objectif de concevoir le storyboard dtaill ainsi que les templates graphiques qui seront utiliss dans le site. Y interviennent lergonome, le graphiste et le chef de projet. A l'issue de cette phase, est livre la maquette du site.

Production Cette phase a pour objectif la ralisation du projet. Y interviennent le dveloppeurs, intgrateurs, webmarketers, de Latis. A l'issue de cette phase la version finale du site est livre.

Recette Cette phase a pour objectif de vrifier la conformit du site avec les attentes du client. Pour cela le client effectuera une srie de tests en suivant le Plan de tests dacceptation, pralablement conu par le prestataire et valid par le client.

Plan dassurance qualit Auteur(s) : Vincent BENOIT, Florence LATAPIE Recette, scnario de tests, outils, mthodologie et suivi, environnement informatique - Ref. projet

plan-recette-assurance-qualite_2011-07-18_v05.doc p. 11/32 1-07-18_v05.doc p. 11/32

glp0000

II.4. Gestion de projet, organisation de la production et dlais de ralisation habituels II.4. Gestion de projet, organisation de la production et dlais de ralisation habituels

Mise en ligne du site aprs relecture et tests clients + BAT

Analyse, conception, gestion de projet

Cration graphique, ergonomie, mise en page

Recueil information, intgration contenu

Multimdia, interactivit, vidos, animations

Dveloppement informatique, base de donnes

Installation, paramtrage, progiciels, tests

Formation, conseil, sensibilisation

Promotion, marketing, rfrencement

Suivi, hbergement

Pages daccueil et crans termins Validation de la maquette graphique 2 4 allers-retours prvus

Validation de loffre, choix des options. Paiement de lacompte prvu. Validation de la structure dtaille et de larborescence. Choix des fonctionnalits et options. Identifier les contenus manquants. Planifier leur rdaction.

Validation des principaux crans des animations Validation du scnario et du story-board de lanimation

Choix des principaux mots cls Validation de la stratgie de rfrencement Demande dchanges de liens avec vos partenaires

Choix des dates et lieux de formation

Fourniture des fichiers, cd-rom/DVD. Accs aux donnes et systmes infos ncessaires notre quipe.

Intgration des contenus rdigs et valids par vos soins Validation dfinitive des textes en franais avant traduction

Fournitures de lensemble des sources images, photothque. Documents papiers existants mis disposition : brochures, catalogue, papier entte

Paramtrage de Content Manager Dveloppement des modles et validation Intgration des outils et plugins (ex e-tourisme)

Installation et configuration de vos postes info.

Mettre jour tous les supports existants pour la promotion du site : plaquettes, cartes de visite, brochures, papier entte, message rpondeur, revues, presse

Lgende

Type de prestation ralise

Tches et tapes vous concernant

Prestations ralises par Latis

Dlai global prvisible au lancement du site : 90 120 jours Dlais non garantis dans la mesure o ils dpendent dtapes vous concernant.

Si cartographie interactive dveloppement, validation des fonds et interprtation marketing

Dveloppements informatiques : exploitation webservices Tourinsoft, Forums, sondages, formulaires, flux RSS, magazines interactifs, newsletters

Brief graphique Identification de lesprit / identit.

Validation dcoupexhtml/css/wai/W3Csur dmo on-line

Validation vous concernant

Mise en place de la plateforme test sur nos serveurs. Rglages et configurations avec notre quipe ou votre prestataire.

Mise en place de la plateforme test sur nos serveurs : demo#N#.laetis.fr

Accessiweb Pr-tests. Demande ventuelle de labellisation

Mise en uvre de la stratgie marketing + web 2.0

Quinzaine 1 Mois 1 Quinzaine 3 Mois 2 Quinzaine 5 Mois 3

Nom de domaine Config emails + Google Apps

Lecture et validation du contrat de maintenance Contractualisation du suivi et de lhbergement Vrification de la configuration correcte de vos postes

Dmonstration de formation et de sensibilisation Formation du personnel charg de la mise jour. Paramtrage prise de main distante.

II.5. Phase de ralisation : versions livres de la maquette la version finale

Au cours du projet, le produit passera par plusieurs tapes qui seront :

Versions / tapes Maquette Livrable

Dmonstration en ligne Livrable Version finale

(Version grand public, rfrence sur les moteurs)

Livrable

Dfinition des versions Maquette : avant-projet dun site pour juger de son aspect avant ralisation complte. Elle

montre les intentions dinteractions. Elle sera livre sous forme de sries de planches graphiques jpg accessibles on-line sur http://www.laetis.fr/extranet/#nom-client-nom-projet# . On parle aussi de Wireframe.

Dmonstration en ligne : version du site qui correspond, du ct pratique, la version finale ou stable du dit site. Elle est mise disposition des fins de tests de dernire minute visant dceler les toutes dernires erreurs subsistantes au sein du programme. Elle subit les recettes utilisateurs. Elle est oprationnelle et hberge sur http://demo#N#.laetis.fr

Version finale : quand un site peut accomplir toutes les tches prvues, il arrive sa version finale ou stable en langue native. C'est cette version qui est gnralement mise en exploitation.



II.6. Phase de suivi : gestion des volutions et modifications Les volutions et modifications concernent lensemble des lments suivants : code source excutable, outils de dveloppement et de test utiliss, documents et donnes.

Outils utiliss grer le travail collaboratif

SVN (subversion) Cet outil permet de partager le code source dun site et dintgrer facilement les modifications de fichiers dun dveloppeur avant de les mettre disposition des autres utilisateurs. Il permet galement de disposer dun historique de toutes les modifications et des diffrentes versions du projet. Le retour une version prcdente en cas de problme est facilit.

Redmine Cet outil de tracking permet de reporter les erreurs et les volutions de l'application et de suivre leurs mises jour. Il est principalement utilis par l'quipe de test, les quipes de production et le comit de pilotage du client.

Variante RedMine : Google docs



Procdure de modification Les modifications peuvent avoir deux origines :

Dtection dune anomalie Demande dvolution

Dans le cas dune dtection danomalie, il faut en trouver la source puis la corriger dans les plus brefs dlais. Dans le cas dune demande dvolution du site par le client, il faut dans un premier temps raliser une tude de faisabilit, pour ensuite modifier le site en consquence si cela savre ralisable dans les dlais impartis. Les membres du MOEd (lquipe projet de Latis) sont responsables de la mise en uvre de ces modifications.

Caractrisation dune anomalie Lorsquune anomalie est dtecte, il faut en trouver la source ou dlimiter un cadre dans lequel elle se reproduit. Les informations dfinissant ce cadre sont ensuite reports dans une fiche danomalie sous le logiciel online Redmine ou autres outils de suivi correspondant aux outils choisis par le client.

Rgles dvolution des numros de version de lapplication Documents et applications sont identifis par un numro de version, un numro de rvision et un numro de correction comme suit : NumroVersionNumroRvisionNumroCorrection .

Ex configuration du site: www.mon-site.com/incs-100/... (le dossier incs contient les codes lis au dveloppement et la configuration du site)

Ex outil e-tourisme Diffusio : www.mon-site.com/laetis-libs/diffusio-212... Ex outil CMS ContentManager : www.mon-site.com/laetis-libs/content_manager-312...

Trois cas peuvent ncessiter un changement de version.

Une nouvelle livraison version finale de lapplication ou du document : o On incrmente le numro de version. Les numros de rvision et de correction

reviennent zro. Une volution :

o On incrmente le numro de rvision. Le numro de correction revient zro. Une correction danomalie(s) : On incrmente le numro de correction

Rgles dvolution du statut des documents Pour chaque document, un statut doit tre mentionn. Celui-ci peut-tre :

Initial : Le document est en cours de rdaction, il nest pas diffusable, mme en interne (v00.extension)

Diffusable : Le document est rdig, il peut tre diffus en interne mais il na pas encore t valid.

Final : Le document a t valid. Il peut tre consult ou livr



II.7. Dlais dintervention pour la maintenance et le suivi

Dysfonctionnement dun existant A partir de la demande du client, confirme par un mail ou par tlcopie qui devra dcrire la nature du dysfonctionnement, LATIS fera ses meilleurs efforts pour comprendre la nature et lorigine du dysfonctionnement et le rsoudre ou proposer une solution de contournement acceptable du point de vue du client. A ce titre, suivant le type danomalie, LATIS sengage intervenir au plus tard dans les dlais suivants :

sil sagit dune anomalie bloquante, dans les 24 heures ouvres suivant la tlcopie ou le mail du client.

sil sagit dune anomalie semi bloquante, dans les 72 heures ouvres suivant la tlcopie ou le mail du client.

sil sagit dune anomalie non bloquante, dans les 8 jours ouvrs suivant la tlcopie ou le mail du client.

Processus dvolution la demande du client Sera dfini sur devis et aprs rencontre avec le commercial rfrent.

II.8. Reproduction, protection et codes sources

Droits et proprit intellectuelle Dans le projet dcrit, Latis nexercera pas ses droits de proprit intellectuelle sur les lments fournis ou travaills dans le cadre dune utilisation sur tout support numrique cr et diffus avec les moyens (techniques, humains ou financiers) de notre client.

Livraison et utilisation des codes sources, A votre demande, les codes sources applicatifs peuvent tre livrs (CD-DVD) puis utiliss par vos soins. Le client est propritaire de lapplication pour son usage et dans le cadre de ce projet uniquement. En aucun cas les codes sources ne peuvent tre transmis des socits ou organismes tiers qui en feraient un usage autre quau bnfice de ce projet. Lapplication est destine lusage du client et ne peut tre redistribu des fins commerciales.

Proprit des donnes saisies Bien entendu le client est propritaire des donnes quil saisit et peu en assurer lui-mme des sauvegardes indpendantes avec les outils fournis.





III. Recette et contrle qualit : normes, outils, mthodes



III.1. Qualit ergonomique, usabilit , tests utilisateurs Le succs dun support numrique nest pas li uniquement sa technicit mais aussi son adaptation aux besoins et aux comptences des internautes cibls, en dautres termes son utilisabilit. Lergonomie devient aussi un facteur de fidlisation, linternaute revenant plus facilement sur un site dont il sait quil en matrisera lutilisation.

Principes ergonomiques respects

Compatibilit Le site doit sintgrer dans lactivit relle de lutilisateur cest--dire :

utiliser son langage, respecter le contexte rel dutilisation, respecter sa logique dutilisation. le contenu doit tre valid et il doit faire rfrence et utiliser des repres connus de

linternaute.

Intuitif et simple Lintuitivit est laptitude de l'interface tre comprise de faon naturelle et sans trop d'explication. Les commandes principales doivent tre identifies dans les 20 premires secondes d'utilisation.

Guidage et auto description Il sagit de tous les moyens mis en place pour faciliter lutilisation du site et son apprentissage par linternaute. On distinguera plusieurs types de guidage :

incitation faire des actions spcifiques, groupement des informations de mme type et distinction des informations diffrentes, retour utilisateur visant signaler ce que fait lapplication suite une action de linternaute, lisibilit. lauto-description : laptitude dun site fournir la description de chacune de ses fonctions

Homognit ou stabilit Lobjectif est de respecter une logique dutilisation constante, tant au niveau des commandes effectuer que de la prsentation. On parle aussi de stabilit. L'interface doit utiliser des codes visuels et sonores courants tout au long de lapplication et fixer une norme pour chaque signal.

Flexibilit Tous les utilisateurs nayant pas la mme faon de naviguer, il faut dans la mesure du possible proposer diffrentes manires darriver la mme information ou deffectuer la mme tche.

Contrle utilisateur Linternaute doit garder le contrle des processus (interrompre une recherche, sauter une introduction, court-circuiter le temps de chargement dune vido).

Traitements des erreurs Eviter les erreurs peut tre en partie pris en charge par un bon guidage. Linternaute doit aussi avoir la possibilit de corriger facilement une commande errone.

Charge mentale (concision) On cherche ici rduire le nombre dinformations que lutilisateur doit prendre en compte pour effectuer une action, viter les textes longs et indigestes.

Structuration soutenue par une charte graphique Le contenu doit tre organis, hirarchis et soutenu par une charte graphique efficace.



Les tests utilisateurs pour vrifier la simplicit dutilisation Dans la pratique, comment procde-t-on pour valuer lergonomie des applications multimdia ? Contrairement ce quon pourrait croire, il nest pas ncessaire de mettre en place une tude avec un chantillon dutilisateurs de plusieurs dizaines de personnes. J. Nielsen a montr quun test avec 5 utilisateurs permet de lever 80% des problmes !

Mthodologies de tests ergonomiques Latis Nous mettons en place des ateliers ergonomiques en amont de nos travaux : un ingnu,

un informaticien, un graphiste, le chef de projet et ventuellement le client. Nous dessinons par cycles de confrontation constructive les interfaces sur des tableaux partags. Cette mthode nous a valu le prix de linnovation pour le site www.tourisme-aveyron.com

De manire systmatique, avant soumission au client, toutes les crations graphiques sont visionnes et critiques par deux chefs de projets diffrents non impliqus dans le projet.

De manire systmatique, une fois le site ralis, nous faisons raliser des scnarios de tests (par ex : trouver le plus rapidement possible telle information) 3 personnes diffrentes.

De manire optionnelle, nous proposons des scnarios de tests (valids par vos soins) mettre en uvre auprs de 10 utilisateurs diffrents et motivs choisis avec vous.

De manire systmatique, nous vous faisons valider les crations graphiques et les applications.



III.2. Compatibilits : OS, navigateurs, taille dcrans, priphriques web et mobiles

Compatibilit multi plateformes pour les sites web Pour garantir le bon fonctionnement du site, nous effectuons de nombreux tests utilisateurs. Nous testons les sites web sur PC et Mac avec diffrentes configurations. Nous assurons ainsi une compatibilit pour lecture de bonne qualit pour les navigateurs suivants :

PC : IE7 et sup., Firefox 2 et sup., Google Chrome, Safari 4 (IE6 en option en 2011). Mac : Safari 3 et suprieur, Firefox 2 et suprieur. Linux : le respect des normes W3C et des contraintes typographiques suffisent assurer la

compatibilit avec Opera. Pour la liste des compatibilits web mobile, nous contacter.

Tailles dcran cibles pour lecture sur cran dordinateur Pour les applications Internet et cd-rom destins au grand public, nous prvoyons une compatibilit pour des tailles dcrans en 1024x768 pixels et parfois en 800x600 pixels si ncessaire.

Adaptation des sites aux smartphones Si loption est intgre dans cette offre, pour des crans de smartphones (iPhone, etc.) nous dveloppons des versions spciales de vos contenus adaptes lusage en mobilit.

Plugins additionnels. Nous veillons ne pas utiliser de plugins additionnels qui bloqueraient lutilisation du site par linternaute. Les plug-in standards proposs sont dj installs sur plus de 95% du parc machine.



III.3. Code HTML : accessibilit, normes W3C, structure smantique des pages, rfrencement

Structurer les pages html pour les rendre Google friendly Tous les contenus sont intgrs de faon smantique , cest dire en respectant le sens du langage HTML. Ceci permet aux moteurs de mieux comprendre et de mieux indexer vos pages :

: titre de page, redondant avec le title de la page : titre de partie de page : sous titre de la partie de page : paragraphe Menus de navigations structurs en liste puces () et repousss en fin de HTML Respect dune charte internationale pour les noms des styles : microformats, RDF. Consultez

par exemple : http://www.google.com/webmasters/tools/richsnippets

Url des pages et plan du site cohrents Nous veillons fournir des outils qui permettent la mise jour automatique de fichiers

importants pour les moteurs : robots.txt, sitemap.xml Nos sites sont conus avec des url explicites (adresses de vos pages web), contenant les

mots cls importants et respectent le codage linguistique international. En lisant simplement ladresse de vos pages, les moteurs ou les internautes en devinent leurs contenus. Ceci est un levier important pour un bon rfrencement. (Ex : http://www.tourisme-midi-pyrenees.com/fr/hebergement/hotels.php , http://www.ats-son-lumiere.com/fr/materiel_lumiere.php ...)

Notre CMS Content Manager est optimis pour lensemble des tches lies au rfrencement. Consultez la plaquette Le CMS Content Manager pour mettre jour votre site pour en savoir plus.

Respect des normes W3C, accessibilit, rfrencement et ouverture au monde A travers la ralisation propose, Latis sengage respecter les normes prsentes ci-dessous, grce aux outils de contrle et de validation fournis par les organismes mondiaux habilits. Les pages livres seront encodes au format XHTML 1.0 et CSS 2.0. Les pages seront testes par le W3C Markup Validation Service (http://validator.w3.org/). Les pages livres seront structures de manire smantique pour faciliter lecture et rfrencement.

Public handicap, norme WAI Si loption est intgre dans cette offre, le site respectera les recommandations pour laccessibilit du WAI (WCAG AAA) (www.w3.org/TR/WAI-WEBCONTENT/.

Obtention du label Accessiweb Nous contacter pour en savoir plus. Nhsitez pas consulter www.accessiweb.org



III.4. Visibilit et rfrencement de vos informations (moteurs de recherche, SEO )

Un site web ou mobile totalement conu pour tre bien rfrenc Nombre doutils et de techniques sont mis en place sur nos sites pour garantir lefficacit promotionnelle du support numrique en lui-mme :

La conception du site est pense pour le rfrencement : sitemap.xml, title et descriptif norms, contenu gnr en XHTML et css2, URL des contenus explicites, fonctionnalits rseaux sociaux et popularit : page un ami, favoris

Les contenus des pages sont intgrs de faon smantique : : titre de page, : titre de partie de page, , : paragraphe Ceci permet aux moteurs de mieux comprendre et de mieux indexer vos pages. Consultez les annexes pour en savoir plus.

Vous tes forms pour mettre jour votre site tout en optimisant son rfrencement. Notre CMS Content Manager est optimis pour le rfrencement : gnration durl

explicites, mise jour du siteMap.xml, logique utilisateur oriente contenus et rfrencement Consultez la plaquette Le CMS Content Manager pour mettre jour votre site pour en savoir plus.

Les outils de suivi fournis par les moteurs de recherche De mme, Latis paramtre des comptes de suivi de position, derreurs, pour les principaux moteurs : Google Webmaster Tools, Yahoo! Site Explorer et Live Search Webmaster Center. Loutil danalyse statistique Google Analytics est aussi utilis pour analyser la qualit du rfrencement de votre site.

Changer de site internet sans perdre de trafic Quand on change de site et/ou de nom de site, on peut perdre du trafic car tous les liens directs vers vos anciennes pages ne fonctionnent plus. Latis vous propose de conserver lacquis du rfrencement du site actuel grce lutilisation conjointe des outils suivants : Google Tools for webmasters, rcriture dURL sur les anciennes URL, gnration dun sitemap.xml ds le lancement du site. Avec cette mthode, les 2000 nouvelles pages du site www.audetourisme.com ont t re-rfrences par Google en moins de 3 jours.



glp0000

Mthodologie Latis pour le rfrencement web

et son suivi

Stratgie de rfrencement

Objectifs mesurables

Choisir les bons mots cls pour le site

L'optimisation du contenu et du code HTML des pages

Mthode brainstorming mot cl

Mots cls cibls (~ 10)R : PIC

Prsentation globale du site

Titre du siteR : PIC

Descriptif du siteR : PIC

Mots cls et associationsR : PIC

Optimisation des contenus

L'optimisation du contenu et du code HTML des pages

Rcriture d'URL

Optimisation du contenu d'une page / ses mots cls

Pour la page d'accueil : avec les globauxPour chaque page : avec les mots principaux des contenus de cette page cohrents avec les recherches intuitives

Saisir titres, descriptifs et mots cls pour chaque page avec vrification redondance dans les contenus

R : PIC

Gnrer le fichier siteMap.xml

R : PIC

Outils de soumissions au moteurs de recherche et annuaires

Installer XMLSitemapGeneratorGoogle Analytics

Google Adresses

1. Google webmaster tools

2. Yahoo! Site Explorer

3. Live Search Webmaster Center

4. Page de soumission Ask

Crer le cron de gnration automatique du sitemap

Moteurs

Franais

GoogleSoumis

Index

BingSoumis

Index

OrangeSoumis

Index

YahooSoumis

Index

ExaleadSoumis

Index

Espagnols

Anglais

Annuaires gnralistes pertinents

Annuaires/communiqus de presse

Annuaires gnralistes Anglais

Annuaires spcialiss

L'changes de liens

Prises de contact

Spcial boutiques

Soumission bon/code promo

Listes m iage, naissance, fte, ...ar

So ission de site et de produitsum

Productions de contenus web2.0

Sites de contenusW pdia

Sites communautaires

Partages de li

iki

ensrl.org

cious

Rse

Facebook

Twitter

OrkutQype

aux

wiki (Google toolbar)

justacote.comSites d'annonc

Campagnes publicitaires

Emailing

es

Moyens Traditionnels

Insertion l'URL sur tous les docume la socit.

dents de

R : Client

Communicatio terne (runion de salaris, intra magazine interne).

n innet,

R : Client

Citer l'existanc u site dans la prise d'appels (standa ) et sur rpondeur d'entreprise.

e drd

R : Client

Campagne marketing (public presse, brochure).it, : Client

Coupons promos.R :

Client

Le document unique de suivi : Latis met jour un document unique pour

le suivi de la stratgie mots cls, le suivi des inscriptions de votre site

sur les moteurs, annuaires, etc.



III.5. Phase de ralisation : contrle qualit et outils utiliss

Contrle amont, avant livraison du site

Outils lies la programmation PHP/javascript Plug-in Firebug pour Firefox et IE tester -> suppression des erreurs de code dont nous

sommes responsable. Adobe Dreamweaver et ses validateurs de code intgr -> traitement et corrections des

erreurs dtectes en amont suivant les navigateurs cibls.

Outils lies aux normes CSS/HTML/W3c/WAI Plug-in Firebug pour Firefox HTML Validator pour Firefox Validation accessibilit handicap (WAI) avec la webDevelopperToolBar et le site

www.cynthiasays.com.

Outils lies aux normes doptimisation web pour la rapidit et plus encore Nous appliquons au maximum les prconisations qualit suivantes :

http://developer.yahoo.com/performance/rules.html et loutil Yslow associ Firefox. http://www.google.com/support/webmasters/bin/answer.py?answer=35769 et les outils pour

dvelopper associs Chrome. http://code.google.com/speed/page-speed/ http://code.google.com/speed/articles/

Ces contrles qualits nous ont permis de diviser par 2 ou 3 les temps de rponses de sites tels que www.tourisme-aveyron.com ou www.tourismelimousin.com



III.6. Plan de test typique sur un support numrique e-tourime

Pages statiques Liens externes Liens PDF Photos lgendes Remise des saisies dcran qui attestent la validit du test final.

Moteurs de recherche par mots cls en relation avec les pages statiques et le SIT Nombre de rsultats / mots cls / comparaison avec le moteur Google grand public. Validit des rsultats par rapport linterrogation directe de la base SIT Validit des rsultats par rapport aux paramtres souhaits du client, qui effectue de son ct

quelques tests daffichage. Remise des saisies dcran qui attestent la validit du test final.

Pages de liste de rsultats issues du SIT Validit des rsultats par rapport linterrogation directe de la base de donnes du SIT Validit des rsultats par rapport aux paramtres souhaits du client, qui effectue de son ct

quelques tests daffichage. Remise des saisies dcran qui attestent la validit du test final.

Fiches dtail des rsultats issues du SIT Validit de laffichage par rapport aux critres daffichage demands Comparaison directe avec le contenu du SIT : liens externes, images, nombre dimages,

affichages de fonctionnalits connexes : rsa, avis Remise des saisies dcran qui attestent la validit du test final.

Cartes interactives multicritres Slection de tous les critres Temps de chargement < 7 secondes sur navigateur moderne (>= IE8) Zoom et ractualisation temps rel Remise des saisies dcran qui attestent la validit du test final.

Formulaires, relation utilisateur, sessions Jeux de tests : Contact, Inscription newsletter, test champ par champ et vrification modle de

rception email et enregistrement bdd. Remise des saisies dcran qui attestent la validit du test final.

Carnet de route Jeux de tests : ajout de tout Oi, suppression de tout Oi, envoi par mail Impression format A4 standard Remise des saisies dcran qui attestent la validit du test final.

Impression des pages Impression format A4 standard Remise des saisies dcran qui attestent la validit du test final.



III.7. Phase de suivi : contrle qualit et outils utiliss En phase de suivi, vous avez un accs directs et autonome aux outils de contrle qualit prsents ci-dessous :

Outils inclus dans le CMS Recherche des pages inexistantes Recherche des fichiers manquants Recherche des liens briss

-

Mon site est-il visible et bien rfrenc ? : Google Webmaster Tools et Google analytics

Suivi de position du rfrencement et des mots cls

Suivi des erreurs 404 Dtection des erreurs dans le siteMap Tags spciaux pour voir les erreurs

dans loutil statistique Google Analytics (Ex de loutil de suivi derreurs et leurs rductions ci-contre)

Autres outils de suivi utiliss :

Yahoo! Site Explorer Live Search Webmaster Center.

Mon application satisfait-elle les utilisateurs ? Mise en place systmatique et gratuite dun formulaire denqute et de satisfaction sur tous les supports numriques on-line produits.



III.8. Normes documentaires et de programmation

Rgles de prsentation Tous les documents lis ce projet devront respecter un mme modle :

Page de garde : o Nom du projet / Client / Nom du document / Date de dernire modification o Numro de version / Auteur(s) / Pied de page : nom du document

Page sommaire : table des rvisions, sommaire Pages suivantes : pied de page : nom du document , numro de page / Nombre de pages

Rgles de programmation Le systme sera dvelopp en langages PHP5, Javascript, ActionScript 3 objets . Nous adopterons donc les rgles qui sy appliquent, notamment :

En entte de classe : date de cration de la classe, auteur, historique des modifications Pour chaque mthode : description succincte de la mthode, description des paramtres

utiliss Description de la valeur de retour : convention de nommage Le nom dune classe commence par une majuscule. Si ce nom est lui-mme compos de

plusieurs noms, chacun dentre eux commence par une majuscule. Les autres lettres sont en minuscules. Exemple :

o public class Composant{} o public class TypeComposant{}

Le nom dune mthode ou dune variable commence par une minuscule. Si ce nom est lui-mme compos de plusieurs noms, chacun dentre eux commence par une majuscule. Les autres lettres sont en minuscules. Exemple :

o public void init(){} o public void doPost{}

Le nom des variables doit tre significatif pour une meilleure comprhension du code. Cette relecture du code sera assure par un dveloppeur non attach au projet, sous supervision du Responsable QA.

Normes sur les comptes-rendus de runions Chaque audit ou runion donnera lieu la rdaction dun compte-rendu. Celui-ci se compose de la manire suivante : objet-doc_glpnum-projet-laetis_nom-client_nom-projet_annee-mois-jour-vnum-version.doc Ex : runion du 3 septembre pour la refonte du site du cdt de lAude : reunion_glp1591_cdt-aude_refonte-site_2010-09-03-v01.doc

Normes sur les documents livrables Chaque document possde un numro de version de la forme x.y. Tout incrment du premier indice (x) implique un changement notoire du document. Tout incrment du second indice (y) implique une modification minime du document.



III.9. Documentation produite et livrable pour le suivi qualit A lissue de ce projet, plusieurs documents auront t produits. Certains devront tre livrs avec le produit fini, certains seront disponibles si le client les souhaite et certains ne serviront qu lquipe de dveloppement. Le tableau suivant prcise pour chaque document son statut.

Document Cahier des charges (AO) Livrable

Note de cadrage Livrable Dossier de conception dtaille Livrable

Plan dassurance qualit Livrable Plan de tests systme Livrable

Plan de tests dacceptation Livrable

Description des diffrents statuts : o Livrable : Doit tre fourni au client o Consultable : Peut tre consult par le client en prsence du chef de projet o Priv : Destin lquipe du projet uniquement

Dfinition complmentaire concernant les documents : o Plan de tests : stratgie globale mise en place pour lensemble des tests (fonctionnel,

qualit, compatibilit, localisation) o Jeu de tests : document ou checklist correspondant aux tests dune fonctionnalit ou

dun ensemble de fonctionnalit dans un scnario donn

Dfinitions de termes pour les tests Test unitaire : il s'agit pour le programmeur de tester un module, indpendamment du reste

du programme, ceci afin de s'assurer qu'il rpond aux spcifications fonctionnelles et qu'il fonctionne correctement en toutes circonstances (test dit en amont)

Test dintgration : test dintgration dun module dans le programme effectu par un programmeur de lquipe. (test dit en amont)

Test systme : test dintgration fonctionnel dans le site, effectu par un agent Qualit. Il sagit de vrifier si les fonctionnalits spcifies sont bien intgres (test dit en aval)

Test dacceptation : test dans les conditions utilisateurs, on reproduit les tests systme dans les conditions utilisateurs. On parle de recette (test dit en aval)





IV. Environnement informatique

et outils de production



glp0000

IV.1. Hbergement haute disponibilit de vos sites web Latis dispose aujourdhui dune plateforme de 5 serveurs ddis haute performance, administrs par Nexen Services dont les comptences sont parmi les meilleures pour les architectures LAMP. La majorit des rfrences prsentes bnficient de cet hbergement. Latis a confi lhbergement des sites de ses clients Nexen (www.nexenservices.com), spcialiste de la couche Linux, Apache, Php et MySQL dans un souci :

de haute disponibilit avec un taux constat de 99.98%, de haute performance. (rapidit dexcution, dbit lev de donnes).

Un systme dhbergement redondant pour une haute accessibilit Latis dispose ainsi dun systme ddi (5 serveurs), avec des redondances multiples qui garantissent laccessibilit en cas dincident :

Le systme RAID 5 permet de garantir laccessibilit mme si un disque dur devient dfaillant. Cette architecture est base sur la multiplication des disques durs dun serveur :

o la dfaillance dun des disques du serveur est pallie par les autres disques qui continuent fonctionner normalement,

o les donnes du disque dfaillant sont reconstitues partir des autres disques. Le systme de load-balancing et le doublage de chaque serveur permet de garantir le

fonctionnement permanent de toutes les applications : html, programmes Php, bases de donnes MySQL, boites aux lettres email, logiciels de statistiques, etc.

Un systme de back up volu pour la scurit des donnes Si des donnes ont t corrompues ou perdues (quelle quen soit la raison, lors de manipulations, de saisies, etc.), un systme de rcupration des donnes dorigine est mis en place. Ce back up est quotidien.



IV.2. Outils pour le dveloppement informatique et multimdia

Installs sur 120 m2, dans un cadre calme et privilgi, lentreprise possde tout le matriel et les logiciels ncessaires la ralisation de projets complets.

Un solide socle open source pour le dveloppement web + informatique

Langages informatiques utiliss PHP4, PHP5 MySQL 4 et 5 Javascript + Ajax orient objet, (Prototype + Jquery) XHTML (Iso + utf8) Feuilles de styles Css 1,2 et 3 Multimdia web, mobiles et bornes : ActionScript 3 objets + Flash Utilisation de briques existantes : TinyMCE, WordPress, Joomla, Spip, Zend Framework

Principaux logiciels utiliss PHP : PHPEdit + clipse XML : Oxygen Adobe Flex + Eclipse / Flash ActionScript 3 Objet Eclipse + SVN (Subversion) Dreamweaver CS4 : XHTML + Css

Parc des machines en production Parc PC de moins de 2 ans. 3 Macintosh pour tests. 5 serveurs de production et de tests internes. Rseau interne 1Gbits.

Les logiciels web et print : le pack adobe CS4

Cration web, priphriques mobiles, bornes interactives et print 1. Dreamweaver CS4 (web + XHTML + Css) 2. Flash CS4 Professional (visite virtuelle, animations...) 3. Photoshop CS4 Extended (image, cration) 4. Illustrator CS4 (print, logis) 5. Acrobat 9 Pro (gnration et manipulation avance de PDF) 6. Adobe Device Central CS4 (test pour smartphones) 7. InDesign CS4 (print)

Vido et son After Effects CS4 (Trucage et titrage vido) Adobe Premiere Pro CS4 (Montage vido) Soundbooth CS4 (Montage sonore, traitement du son) Encore CS4 (Titrage et interaction DVD)

Productivit Adobe OnLocation CS4, Adobe Bridge CS4, Dynamic Link, Version Cue CS4, Fireworks CS4,

Contribute CS4



IV.3. Outils bureautiques et collaboratifs, gestion de projet, travail distance, mobilit

En tant quutilisateurs avertis et aprs de nombreux tests, nous avons mis au point notre plateforme de travail collaborative qui fonctionne :

au bureau ou en mobilit, en mode connect temps rel ou en mode hors connexion synchronis, en mode priv ou collaboratif.

Les outils basiques

Solution groupware : Mails, contacts, agenda Suite Mozilla synchronise avec les Google Apps on-line et lapplication Gestion Projets Latis :

Thunderbird (solution Mails avec synchronisation Gmail pour gestion-consultation en ligne) Zindus (contacts et synchro contacts Google Contacts), Lighting (agendas partags et synchro contacts Google Agenda),

Accs aux donnes mails et agenda en mobilit (iPhone, smartphone, PC).

Bureautique : traitement de texte, tableurs, MindMaps Pack office Microsoft, Acrobat professionnel pour le PDF Open office, Google Documents : documents partags compatibilit Microsoft Office, Open Office et PDF, MindManager (ou Xmind, MindMapping version openSource) : gestion de runion,

brainstorming, arborescence de site, gestion de production et diagramme de Gant. (Compatible avec la version collaborative gratuite on-line www.mindmeister.com/ ).

Les outils de gestion de projet Application web Gestion Par Projets Latis, management par projet (contacts, suivi

projet/client, facturation, prvisionnel, gestion de production, gestion commerciale). Redmine.

Support et formation distance, runions de groupe distance Communications : Skype ou Google Talk (audio/tel ou/et vido ou/et chat texte). Partage dcrans et prise de main distante : Mikogo pour le partage dcran sur mac ou sur

PC, en mode montrer et/ou montrer et prendre la main sur lordinateur distant. Simple partage dcran on-line : http://dabbleboard.com/ . Prise de main avance pour PC Windows : http://www.teamviewer.com/fr/

Travail collaboratif, partage de document, suivi et historique des modifications : documents partags collaboratifs avec Google Documents de Google Apps.

Audio ou vido de groupe (+ de 2 lieux) : http://www.oovoo.com/ (vido), Skype (audio). Certains de nos clients bnficient de support technique, de conseil et de formation distance dans le cadre de leur dveloppement : le parc thme Micropolis (action de formation webmarketing sur 1 an), la Plate Forme Technologique "Viandes et Salaisons" de La Roque (conseil la mise en uvre dun progiciel de traabilit). Nhsitez pas nous contacter pour tester le mode de travail efficace et conomique ou pour avoir les contacts et tmoignages de nos clients.

Des gains de temps et dargent : pourquoi pas vous ? Latis propose des solutions et des formations Google Apps. Contactez-nous !



glp0000

IV.4. Matriels et logiciels du studio multimdia Latis Latis ralise avec des partenaires attitrs (cadreurs, compositeurs) des reportages multimdia. La plupart du matriel dcrit ci-dessous appartient Latis.

Pour les vues 360 Latis utilise le matriel suivant pour ses vues sphriques 360 :

Botier : Nikon D200 ou D80 Objectif : Fish Eye Nikon ; Nikkor 10mm, ouverture 2.8mm Tte sphrique : Manfrotto 303SPH Logiciel de montage : Stitcher 5.7 Photoshop CS4 depuis export Stitcher pour retouches affines Player Flash pour lecture web optimise : Flash Panorama Player

(http://flashpanoramas.com/player/ )

La prise de son dans les reportages multimdia Latis utilise le matriel suivant pour la prise de son :

Micro : Shure SM86 Enregistreur : Digital Voice Tracer 7655 Montage, finition, traitement : Adobe Soundbooth

Vido dans les reportages multimdia Le matriel utilis pour une prise de vue professionnelle. Latis utilise le matriel suivant pour ses reportages vido :

Prise de vue : SONY XD CAM PMW-EX1 - Haute Dfinition Vido / enregistrement HD nouvelle gnration. + Sony PMW-EX1 + trpied ARES aluminium tte fluide

Son : 1 micro sennheiser haute qualit MKH 416, 1 micro cravate TRAM prcable pour systme HF haute qualit

Eclairage dappoint : rflecteurs + 2 MIZAR 300-500-650W sur pied Montage : Adobe premire. Habillage, truquage si ncessaire : Adobe AfterEffects. Compression, optimisation pour flash : Adobe Media Encoder

I.1. Tables des rvisionsI.2. But, porte du plan dassurance qualitObjectif du documentPorte du documentResponsabilits associesProcdure dvolution du PAQ

I.3. TerminologiesVocabulaire gnralVocabulaire e-tourisme

I.4. Les critres qualits orients rsultats et e-tourismeDes critres qualit orients rsultatsPrincipe 1: lutilisateur est souverainPrincipe 2: le contenu est roi

Le mode de fonctionnement ProjetII.1. Organisation humaine du projetMatrise douvrageMOA: La matrise douvrage est #client# et son reprsentant est #reprsentant#

Matrise duvreMOE: La matrise duvre est Latis et son reprsentant Vincent BENOIT.

Equipe projetChef de projetResponsable qualitComit de pilotageComit de pilotageOrdre du jour et compte-rendu

II.2. Cycle de vie dun projet en 7 tapesPhases du cycle de vieDescriptions des tapes du cycle de vie

II.3. Conduite de projetCadrageMaquettageProductionRecette

II.4. Gestion de projet, organisation de la production et dlais de ralisation habituelsII.5. Phase de ralisation: versions livres de la maquette la version finaleDfinition des versions

II.6. Phase de suivi: gestion des volutions et modificationsOutils utiliss grer le travail collaboratifSVN (subversion)RedmineVariante RedMine: Google docs

Procdure de modificationCaractrisation dune anomalie

Rgles dvolution des numros de version de lapplicationRgles dvolution du statut des documents

II.7. Dlais dintervention pour la maintenance et le suiviDysfonctionnement dun existantProcessus dvolution la demande du client

II.8. Reproduction, protection et codes sourcesDroits et proprit intellectuelleLivraison et utilisation des codes sources, Proprit des donnes saisies

Recette et contrle qualit :normes, outils, mthodesIII.1. Qualit ergonomique, usabilit, tests utilisateursPrincipes ergonomiques respectsCompatibilitIntuitif et simpleGuidage et auto descriptionHomognit ou stabilitFlexibilitContrle utilisateurTraitements des erreursCharge mentale (concision)Structuration soutenue par une charte graphique

Les tests utilisateurs pour vrifier la simplicit dutilisationMthodologies de tests ergonomiques Latis

III.2. Compatibilits: OS, navigateurs, taille dcrans, priphriques web et mobilesCompatibilit multi plateformes pour les sites webTailles dcran cibles pour lecture sur cran dordinateurAdaptation des sites aux smartphonesPlugins additionnels.

III.3. Code HTML: accessibilit, normes W3C, structure smantique des pages, rfrencementStructurer les pages html pour les rendre Google friendlyUrl des pages et plan du site cohrentsRespect des normes W3C, accessibilit, rfrencement et ouverture au mondePublic handicap, norme WAI Obtention du label Accessiweb

III.4. Visibilit et rfrencement de vos informations (moteurs de recherche, SEO)Un site web ou mobile totalement conu pour tre bien rfrencLes outils de suivi fournispar les moteurs de rechercheChanger de site internet sans perdre de traficLe document unique de suivi:

III.5. Phase de ralisation: contrle qualit et outils utilissContrle amont, avant livraison du siteOutils lies la programmation PHP/javascriptOutils lies aux normes CSS/HTML/W3c/WAIOutils lies aux normes doptimisation web pour la rapidit et plus encore

III.6. Plan de test typiquesur un support numrique e-tourimePages statiquesMoteurs de recherche par mots cls en relation avec les pages statiques et le SITPages de liste de rsultats issues du SIT Fiches dtail des rsultats issues du SITCartes interactives multicritresFormulaires, relation utilisateur, sessionsCarnet de routeImpression des pages

III.7. Phase de suivi: contrle qualit et outils utilissOutils inclus dans le CMSMon site est-il visible et bien rfrenc ?: Google Webmaster Tools et Google analyticsMon application satisfait-elle les utilisateurs ?

III.8. Normes documentaires et de programmationRgles de prsentationRgles de programmationNormes sur les comptes-rendus de runionsNormes sur les documents livrables

III.9. Documentation produite et livrable pour le suivi qualitDfinitions de termes pour les tests

Environnement informatiqueet outils de productionIV.1. Hbergement haute disponibilit de vos sites webUn systme dhbergement redondant pour une haute accessibilitUn systme de back up volu pour la scurit des donnes

IV.2. Outils pour le dveloppement informatiqueet multimdiaUn solide socle open source pour le dveloppement web + informatiqueLangages informatiques utilissPrincipaux logiciels utiliss

Parc des machines en productionLes logiciels web et print: le pack adobe CS4Cration web, priphriques mobiles, bornes interactives et printVido et sonProductivit

IV.3. Outils bureautiques et collaboratifs, gestion de projet, travail distance, mobilitLes outils basiquesSolution groupware: Mails, contacts, agenda Bureautique: traitement de texte, tableurs, MindMaps

Les outils de gestion de projetSupport et formation distance, runions de groupe distanceDes gains de temps et dargent: pourquoi pas vous?

IV.4. Matriels et logiciels du studio multimdia LatisPour les vues 360La prise de son dans les reportages multimdiaVido dans les reportages multimdia