Cours01 Hrimech

Hrimech Hamid
Hrimech
Hamid, Dr
Docteur en Informatique de lENSAM Paris

Email:[email protected]
Objectif :
Maitriser des techniques permettant de dfinir lidentit
visuelle dun site web (web design) Le choix de le technologi informatique la mieux adapte en fonction de la nature du site Web Aptitude a structurer une offre de produit et la prsenter sur un site web
Pre-requis M10,M11
Lidentit
visuelle dun site web Outils de dveloppement, des logiciels et des technologie des publication spcifiques au domaine du web Structuration de linformation sur une interface web Securiser un site web
- Comprendre le rle et le fonctionnement dun site web - Savoir anticiper la mise en place dun site web - Prparer un plan de dveloppement de projet site web - Matriser les concepts de base du web design - Connatre et utiliser les outils et solutions de dveloppement - Matriser les bases de la cration de site avec Dreamweaver
Modalits
dvaluation
Contrle continu (deux contrles) Contrle continu en Travaux prariques
Un cours conu partir des ouvrages suivants :

Robin Williams : Web design workshop, Peachpit Press Frdric Reiller : Internet au lyce, Magnard Betsy Bruce : Dreamweaver, Campus press Lisa Schmeiser : Website upgrade and maintenance guide Internet marketing Internet marketing Laudon, Laudon : Essentials of management information systems
- Les conseils de Gerry McGovern, sur New thinking - Cours de web Ergonomy CRI, Montral - Cours de conception de projet web CRI, Montral
Les sites web

Le WWW est un rseau dinformation compos de sites web Un site web ou site Internet est un outil de communication Un site web se consulte avec un navigateur ou browser Un site web est compos de plusieurs types de documents Le document principal est la page web ou page HTML La page web est code en langage hypertexte Elle contient des liens vers diffrents objets Une page web na pas de limites physiques droite et en bas Chaque site web est identifi par une adresse HTTP Chaque page web est accessible sur un serveur de site web
Les sites web

Un site web se caractrise par les lments suivants : Un Un Un Un Un site site site site site est est est est est localis par une adresse http accessible 24h/24H sur Internet compos de pages web relies entre elles lisible par au moins un type de navigateur rgulirement mis jour
Les fonctions
Un site web sert essentiellement : Chercher des informations changer des messages et chatter Sinformer sur lactualit Consulter des magasins en ligne et acheter des produits Sinformer sur une entreprise et ses services Se divertir, se cultiver tudier et assurer sa formation professionnelle Collaborer entre entreprises partenaires Assurer la promotion dautres sites, de corporations
Un site rpond un besoin prcis dun utilisateur
Le contenu
Un site web contient gnralement les lments suivants : Du texte Des images, cliquables ou non Des liens hypertextes Des lments ncessitant des plugs-ins Du son De la vido Des Des Des Des programmes excutables (Java, PERL, CGI) liens avec des bases de donnes (ASP, PHP, CFL) formulaires interactifs et de recherche systmes de e-paiement
Attention : ne pas confondre les fonctions du navigateur avec les outils du site Internet
La typologie
Diffrents niveaux de dveloppement dun site Internet
Avant de commencer :
Il faut savoir que :
Un site Internet nest jamais termin Un site Internet cote plus cher en maintenance quen cration Un site Internet existant ne doit pas tre entirement modifi
La plupart des site Internet sont de mauvaise qualit

Il est impossible de faire dvelopper un site professionnel par un amateur Un site Internet est vu par des millions de gens, souvent par hasard
2 types de dveloppeurs :
Celui qui dveloppe pour sa propre entreprise : - Son client est sa hirarchie Celui qui dveloppe dans une entreprise de web design : - Son client est une entreprise Diffrences fondamentales dans : - Les processus - Les moyens et solutions techniques - La dure du projet et les dlais de dveloppement
Dfinir les objectifs

Pourquoi faire un site Internet ?
- Dfinir sa fonction - Dfinir ce que lon attend de lui - Dfinir ce quil va apporter lentreprise
Exemple dobjectifs :
Augmenter les ventes Dvelopper mon march sur tel crneau ou secteur ou pays Amliorer mon image Rendre un meilleur service mes clients
Le succs rside dans :
Les bons choix techniques Une bonne analyse Une bonne comprhension des objectifs Une adquation parfaite entre objectifs et besoins Une bonne rpartition des tches Un dveloppement mticuleux Un plan de site rigoureux, test et efficace Une valuation honnte du site produit
Objectifs, besoins, fonctions :
Jai faim : mon objectif est de manger Mon besoin est davaler des aliments Les fonctions que jutilise dans ce cas sont :
- Faire les courses - Cuisiner - Avaler

Les outils :
- Four, casserole, cuillre

Le contenu : les aliments
Dfinir les besoins

La diffrence entre un besoin et un objectif :
Un objectif a une valeur gnrique, globale. Il exprime gnralement un manque combler ou une nouvelle ide Le besoin est concret, vrifiable, calculable. Exemple de besoins : - Notre image est mauvaise : Le design du site doit tre excellent - Nos moyens sont limits : le site doit tre simple et vite produit - Notre clientle est arabophone : le site doit tre bilingue arabe Les besoins sont lexpression concrte des objectifs
Les fonctions
Chaque projet professionnel :
- est bas sur des objectifs - rpond des besoins - rempli certaines fonctions
Les fonctions, reprsentes par les outils, sont par exemple :

- Vendre sur Internet - Donner des informations jour - Prciser les dtails de chaque produit de notre catalogue
Avantages comparatifs
Analyse
Les processus dfinir

La rdaction du cahier des charges comprend les lments suivants :
Structure Dcisions Dcisions Dcisions de linformation / Plan du site techniques / Plateformes, logiciels, connexions normatives et culturelles RH / quipe de dveloppement
Les processus dfinir
Lquipe de dveloppement
Chef de projet Project manager Responsable du contenu Content manager Architecte Information designer Graphiste ergonome - Web designer Dveloppeur HTML HTML developer Programmeur et analyste BDD DBA programmer Testeur qualit et navigation QA tester Responsable marketing Site marketer Conseiller juridique - Lawyer
Besoins et choix techniques

Solution interne ou externe ? Dveloppement doutils ou achats ? Quelle plate-forme choisir ? - Hosting - Solution interne
Plan de dveloppement du site :

tape tape tape tape tape tape tape tape tape tape tape 1 : Produire le contenu : Word, Bases de donnes, images 2 : Produire le plan du site partir du contenu 3 : Valider le plan 4 : Prparer les sketchs 5 : Valider les sketchs 6 : Dvelopper les templates 7 : Dvelopper lossature du site partir des templates 8 : Finaliser le design des templates 9 : Dvelopper les pages menu et les pages daccueil 10 : Complter les pages HTML et les pages dynamiques 11 : Tester, valuer, modifier
Calendrier et moyens
Le contenu et la navigation
2 tapes du web design :
- INFORMATIONAL - VISUAL Un bon site combine les 2 aspects.
La navigation dans le site est essentielle
Elle doit tre claire et facilement lisible Les catgories et les niveaux doivent galement tre clairs Il doit toujours tre possible de se dplacer dune section lautre Il doit toujours tre possible de retourner la page daccueil La navigation doit disposer dun look standard et reconnaissable Les pages doivent gnralement se ressembler le plus possible viter les scripts ne fonctionnant que sur un seul navigateur Toujours fournir une navigation verticale dans la page Toujours fournir un menu texte (pour les sections principales) Persisent navigation www.adobe.com - www.apple.com - www.benetton.com
valuer la navigation :
Combien de temps avez-vous mis pour comprendre le SN ? Savez-vous toujours o vous vous trouvez dans le site ? Est-ce facile de retrouver son chemin en arrire sans faire back ? Avez-vous une vue claire de la structure gnrale du site ? Avez-vous vu diffrents systmes de navigation ? Les pages du site ont-elles toutes une identit graphique commune ? Les cls du succs : Une structure claire et efficace Un bon usage des graphiques et des couleurs De bons intituls de section Une localisation claire Un bon usage des outils informatiques (js, menus droulants)
Lergonomie et ladaptation culturelle

Lergonomie est la science de ladaptation aux sens humains :
- Vision - Rfrentiel - Mouvements physiques
Ladaptation culturelle permet de cibler sa clientle :

Les humains nont pas tous les mmes rfrences Les humains ne parlent pas tous la mme langue Les humains ne pensent pas tous la mme chose Certaines choses acceptables par certains ne le sont pas par dautres
La structure de linformation
Pour structurer son information :
Penser en objets Choisir sa structure : toile ou pyramide Lier les objets entre eux horizontalement et verticalement Commencer avec les catgories principales (Pas plus que 7) Ne pas aller trop loin dans le dtails (Pas plus de 4 clics) Penser aux noms des sections Faire court Penser lextension du site
La maintenance du site
Principes du marketing Internet
Promotion du site : Solutions
valuation

Cours01 Hrimech

Transféré par

Droits d'auteur :

Formats disponibles

Cours01 Hrimech

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Cours01 Hrimech

Transféré par

Droits d'auteur :

Formats disponibles

Hrimech Hamid

Docteur en Informatique de lENSAM Paris

Contrle continu (deux contrles) Contrle continu en Travaux prariques

Un cours conu partir des ouvrages suivants :

Les sites web

Les sites web

Un site rpond un besoin prcis dun utilisateur

La plupart des site Internet sont de mauvaise qualit

Dfinir les objectifs

- Faire les courses - Cuisiner - Avaler

- Four, casserole, cuillre

Dfinir les besoins

Les fonctions, reprsentes par les outils, sont par exemple :

Les processus dfinir

Les processus dfinir

Besoins et choix techniques

Plan de dveloppement du site :

Lergonomie et ladaptation culturelle

Ladaptation culturelle permet de cibler sa clientle :

Principes du marketing Internet

Promotion du site : Solutions

Vous aimerez peut-être aussi