Cours Conception des sites web

22
Enseignée par: Hichem DABBÈCHI 01/11/2013 1 Université de Sfax Ecole Supérieure de Commerce de SFAX A.U. : 2013 - 2014 Conception des Sites Web

Transcript of Cours Conception des sites web

Enseignée par: Hichem DABBÈCHI

01/11/20131

Université de Sfax

Ecole Supérieure de Commerce

de SFAX

A.U. : 2013 - 2014

Conception des Sites Web

01/11/20132

Chapitre 1: Les Sites Web

Qu’est-ce qu’un site web?

Site web institutionnel et site web e-commerce

Pourquoi avoir un site web?

Comment est fait un site web?

Plan

01/11/20133

Qu’est-ce qu’un site web?

Site web institutionnel et site web e-commerce

Pourquoi avoir un site web?

Comment est fait un site web?

Plan

01/11/20134

Qu’est-ce qu’un site web?

01/11/20135

Une page Web est une ressource du World Wide Web conçue pour être consultée

par des visiteurs à l'aide d'un navigateur Web. Elle a une adresse Web. Techniquement,

une page Web est souvent constituée d'un document en Hypertext Markup Language

(HTML) et d'images.

Un site Web est un ensemble de pages Web hyperliées entre elles et mises en ligne

à une adresse Web. On dit aussi site Internet, le World Wide Web reposant sur

Internet.

Un site web est un moyen de communication avec contenu, images, documents, un

bon design visuel, et qui a des liens avec d’autres sites web.

D’aprèsWikipédia :

- En 2006, le Web a dépassé les 100 millions de sites.

- En 2008, plus de 183 millions de sites Web.

- En juillet 2009, plus de 240 millions.

Plan

01/11/20136

Qu’est-ce qu’un site web?

Site web institutionnel et site web e-commerce

Pourquoi avoir un site web?

Comment est fait un site web?

Site web institutionnel et site web e-commerce

01/11/20137

Site web institutionnel :

La création d’un site Internet institutionnel permet de présenter une institution sur

le web.

L’institutionnel présente ses activités, ses objectifs, son planning, … Au moyen d’un

site web,

une entreprise s’ouvre sur sa clientèle et expose ses activités aux yeux de tous.

Un site web institutionnel est par exemple un site de banque, d’une chaîne de

restaurant ou des sites immobiliers.

Le site institutionnel présente également les partenaires de l’entreprise, via

notamment leurs sites web.

Un site institutionnel, est souvent la réunion de plusieurs sites web, reliés entre eux

par des liens, et présentant les différentes activités ou entreprises appartenant au

groupe.

Site web institutionnel et site web e-commerce

01/11/20138

Fonctionnalités d’un site web institutionnel :

Un site web d’une institution publique, un site institutionnel, assure les

fonctionnalités suivantes :

diffuse de l’information vers les citoyens : information administrative, politique,

pratique, …

gère l’interaction avec les citoyens au travers de formulaire de demande

d’information.

effectue des transactions au travers d’une plateforme de e-governement.

augmente la qualité de service, la perception de proximité, la transparence et aussi

la rationalisation des coûts.

Quand aux cibles, les institutions s’adressent :

aux citoyens.

aux entreprises et autres institutions..

Site web institutionnel et site web e-commerce

01/11/20139

Site Web e-Commerce

Un site web commercial :

diffuse de l’information vers les clients potentiels : description des produits

et services, promotions, etc. …

gère l’interaction avec ses clients au travers de formulaires, demande

d’information, support, FAQ, …

peut faire des transactions via une plateforme de e-commerce.

a comme concurrence d’autres sociétés actives sur le même marché avec la

même cible clientèle.

a comme objectif un retour sur investissement (ROI) : augmenter les ventes,

augmenter la qualité de service, faire baisser les coûts, …

Quand aux cibles, les sociétés commerciales s’adressent :

à des clients particuliers

à des entreprises

Plan

01/11/201310

Qu’est-ce qu’un site web?

Site web institutionnel et site web e-commerce

Pourquoi avoir un site web?

Comment est fait un site web?

Pourquoi avoir un site web?

01/11/201311

Nous présentons ci-dessous, dix raisons pour une entreprise d'investir dans la conception d'un

site Internet professionnel :

Une vitrine disponible 24h/24, 7 jours/7, 365 jours par année!

Le site Internet présente de l'information sur l’entreprise ainsi que ses produits et services et ce, en tout

temps. Internet n'est jamais fermé, il en est de même pour le site Web. Les visiteurs ont donc la possibilité

de le consulter au moment qui leur convient, peu importe les heures d'ouvertures des lieux physiques et

peu importe l'endroit où ils sont dans le monde. De plus, les visiteurs n'ont aucunement besoin de parler à

l'un des employés de l’entreprises. Si le visiteur a des questions, il aura la possibilité de contacter par

courriel l’entreprise, qui pourra y répondre quand bon lui semblera.

Une immense source d'information sur l’entreprise.

L’entreprise a la possibilité de mettre autant d'information qu’elle veut sur son site Internet, en accord à

son budget de conception. Ainsi, son site Web devient une source d'information très importante pour ses

futurs clients désirant obtenir plus d'information sur ses produits et services avant de commander en ligne

ou dans ses lieux physiques. Lorsque le site est plus imposant, il est même possible d'implanter un moteur

de recherche à l'intérieur de celui-ci afin d'aider les visiteurs à trouver l'information recherchée de façon

rapide et efficace.

Pourquoi avoir un site web?

01/11/201312

Document publicitaire évolué

Un site Web est également un document publicitaire permettant de faire connaître une

entreprise à une nouvelle clientèle en plus de votre clientèle existante. De plus,

contrairement à une publicité que le client achète dans un magazine ou un journal (visible

pendant un mois ou une journée seulement), le site Internet restera sur Internet tant que

l’entreprise le veut (autant que l’hébergement Internet demeure en règle). Internet améliore

l'étendue de la visibilité de l’entreprise en plus de donner beaucoup plus d'espace pour

présenter de l'information afin de convaincre les clients et prospects de faire affaires avec

l’entreprise.

Pour convaincre un client avant qu'il ne soit trop tard

Il est important d'être présent sur Internet et ce, le plus rapidement possible afin d'éviter que

les prospects et clients actuels aillent voir des concurrents qui auront pris le virage d'Internet

avant. De plus en plus de consommateurs surfent sur Internet avant de se présenter sur les

lieux physiques de l'entreprise. Alors, il faut éviter le risque de perdre des clients au profit des

concurrents.

Pourquoi avoir un site web?

01/11/201313

Un site Internet augmente la crédibilité de l'entreprise

Avec les nouvelles technologies de conception Internet, il est possible de

concevoir des sites de très haute qualité à la hauteur de la réputation d’une

entreprise. Le seul fait d'avoir un site augmentera sans aucun doute la

crédibilité de l’entreprise. Ses clients auront également l'impression qu’elle

n'hésite pas à investir pour mieux les servir. Ils en seront ravis!

Internet permet de réduire les coûts

En effet, l’entreprise a la possibilité de communiquer avec ses clients,

partenaires et fournisseurs via le réseau Internet par e-mail, avec un extranet,

ou autre. Ainsi, elle économise des frais téléphoniques et des frais postaux, sans

compter qu'un e-mail s'envoie de façon instantanée alors que l'envoi d'un

courrier postal prend un minimum de 2 jours ouvrables.

Pourquoi avoir un site web?

01/11/201314

Internet ouvre les portes à une vaste clientèle potentielle

Internet compte plusieurs millions d'utilisateurs dans le monde et ce nombre croît de

façon très importante à tous les jours. Avec le site Internet, une entreprise ouvre ses

portes à cette vaste communauté mondiale et ce, sans avoir à être présent ni à investir

en immobilisations dans plusieurs pays du monde.

Améliorez le service à la clientèle

Le site Internet permet d'offrir un complément au service à la clientèle en personne ou

par téléphone. En effet, en implantant une foire aux questions (FAQ) sur le site,

l’entreprise répond sans effort à plusieurs questions de ses clients. Chaque question

répondue via le site Web représente un appel téléphonique de moins. Même si le bureau

de l’entreprise est fermé, sa clientèle peut lui poser des questions et obtenir des

réponses.

Pourquoi avoir un site web?

01/11/201315

Connaître mieux ses clients

À l'aide de sondages et en analysant les statistiques de fréquentation, l’entreprise a

l'opportunité de recueillir de l'information sur les habitudes de consommation, les goûts,

etc. de ses clients et autres visiteurs. Cela lui permet ainsi d'améliorer la qualité de son

service, d'adapter les produits et services offerts par elle, etc. De plus, le site Web vous

permet de recueillir des commentaires (anonymes ou non) de la part des clients et

visiteurs. Ces derniers ont ainsi l'opportunité de suggérer des améliorations ce qui sera

très bénéfique pour l’entreprise.

Tenez les clients et prospects au courant des changements dans l’entreprise

Le site Internet permet de présenter les dernières nouvelles sur l’entreprise. Si de

nouveaux produits ou services sont offerts, une promotion spéciale pour le mois en

cours, le site est utilisé pour le faire savoir aux clients et prospects et générer de la

croissance dans vos ventes!

Plan

01/11/201316

Qu’est-ce qu’un site web?

Site web institutionnel et site web e-commerce

Pourquoi avoir un site web?

Comment est fait un site web?

Comment est fait un site web?

01/11/201317

Pour créer un site Web, il faut :

1. élaborer la structure (arborescence), le contenu des pagesWeb et la présentation ;

2. héberger le site sur un serveur Web continuellement connecté à Internet ;

3. réserver et gérer un nom de domaine (l’adresse Web à laquelle le site est accessible).

Le site web est élaboré en écrivant des pages Web (au format HTML) pour les placer

dans un dossier (site Web). Cela peut se faire :

soit de manière statique en utilisant un éditeur HTML (Dreamweaver, NVU, ...) ;

soit de manière dynamique en utilisant un CMS (de l'anglais Content Management

System = système de gestion de contenu ou SGC) : ce sont des systèmes qui

permettent de mettre en ligne des contenus.

Comment est fait un site web?

01/11/201318

Le terme serveur Web désigne un ordinateur tenant le rôle de serveur

informatique sur lequel fonctionne un logiciel serveur HTTP ;

Un serveur HTTP est un logiciel servant des requêtes respectant le

protocole de communication client-serveur HTTP (HyperText Transfer

Protocol), qui a été développé pour le World Wide Web.

La plupart des ordinateurs utilisés comme serveurs Web sont reliés à

Internet et hébergent des sites Web du World Wide Web. Les autres

serveurs se trouvent sur des intranets et hébergent des documents internes

d'une entreprise, d'une administration, etc.

Les serveurs Web comportent donc un dossier contenant les fichiers (pages

HTML, images,...) qui constituent les pages WEB d'un site.

Quelques définitions

Comment est fait un site web?

01/11/201319

Un site Web statique est un site où chacune des pages

est créée en HTML. Un ordinateur qui se connecte au

serveur, demande une page. Celle ci lui est

directement servie (elle est stockée toute prête sur le

serveur) :

Site Web Statique

Comment est fait un site web?

01/11/201320

Par opposition, un site Web dynamique est un site Web dont les pages sont générées

dynamiquement à la demande. Le contenu est obtenu (par exemple) en combinant

l'utilisation d'un langage de scripts ou de programmation et une base de données. Il s'agit

souvent de PHP pour le langage et MySQL pour la base de données. Dans les sites

dynamiques, le contenu (articles) est séparé de l'habillage (modèles ou squelette).

La figure suivante illustre la demande d’envoi d’une page dynamique.

Site Web dynamique

Comment est fait un site web?

01/11/201321

Les deux figures suivantes illustrent la communication du serveur web avec un serveur de

Base de Données lors de l’affichage des pages d’un site dynamique.

Site Web dynamique

Comment est fait un site web?

01/11/201322

La figure suivante illustre les différentes tâches à accomplir depuis la demande d’une page

dynamique.

Site Web dynamique