Le web, une application d'Internet

I Internet

Internet est un système mondial d'interconnexion de réseaux informatiques, utilisant des protocoles standardisés de transfert de données.
C'est un réseau sans centre névralgique, composé de millions de réseaux aussi bien publics, privés, universitaires, commerciaux et gouvernementaux.

II Le Web

Le World Wide Web (WWW), littéralement la « toile (d'araignée) mondiale », est un système hypertexte public fonctionnant sur Internet permettant de consulter, avec un navigateur, des pages accessibles sur des sites.
Le web est une des applications d'Internet.
Il en existe d'autres telles que le courrier électronique, la messagerie instantanée ou le transfert de fichiers.

III Un peu d'histoire


 

La terminologie du web

Client / Serveur

L'environnement client / serveur désigne un mode de communication à travers un réseau entre plusieurs programmes ou logiciels : l'un, qualifié de client, envoie des requêtes ; l'autre ou les autres, qualifiés de serveurs, attendent les requêtes des clients et y répondent.


URL et nom de domaine

Une URL (Uniform Resource Locator ) pointe sur une ressource. C'est une chaîne de caractères permettant d'indiquer un protocole de communication et un emplacement pour toute ressource du Web.

Exemple : http://www.monsite.com

http : Protocole de communication
www.monsite.com : nom de domaine (adresse littérale du site sur internet)

En réalité, la véritable adresse d'un site sur internet est l'adresse IP de la machine qui l'héberge.
Elle est du type : 91.198.174.2

Un nom de domaine est un « masque » sur une adresse IP facile à communiquer.

Comment réserver un hébergement ?

Il existe des fournisseurs de nom de domaine et d'hébergement :

OVH, Gandi, 1&1, Les pages Jaunes ...

Whois ?

La base publique whois stocke et permet l'affichage de l'ensemble des données relatives à un domaine (propriétaire, contacts, statut, prestataires..)


HTTP / HTTPS

HTTP (pour HyperText Transfer Protocol) est le protocole de communication utilisé pour transférer les ressources du Web.
HTTPS est la variante sécurisée de ce protocole.



Les navigateurs

Un navigateur Web est un logiciel conçu pour consulter le World Wide Web. C'est un client HTTP.

Il existe de nombreux navigateurs web, pour toute sorte de matériels (ordinateur personnel, tablette, téléphones mobiles, smartphones etc.) et pour différents systèmes d'exploitation (Linux, Windows, Mac OS, Android).
Les plus utilisés sont Mozilla Firefox, Internet Explorer, Google Chrome, Safari et Opera


Les parts de marchés
Utilisation des navigateurs à travers le monde

HTML

HyperText Markup Language c'est le langage informatique permettant de décrire le contenu d’un document (titres, paragraphes, disposition des images, etc.) et d’y inclure des hyperliens.
Un document HTML est un document décrit avec le langage HTML.
Les documents HTML sont les ressources les plus consultées du Web.

Les liens hyper-textes permettent la navigation d'une page à une autre, d'un site à un autre.

On peut faire un lien sur un texte ou sur une image

 

Edition et publication de page web

Les documents HTML sont edités / publiés via des logiciels "propriétaires"

Le protocole ftp (File Transfert Protocole) permet le transfert des fichiers d'un poste client vers le serveur

Un site web (ou site ) est un ensemble de pages Web et d'éventuelles autres ressources, liées dans une structure cohérente, publiées par un propriétaire (une entreprise, une administration, une association, un particulier, etc.) et hébergées sur un ou plusieurs serveurs Web.

 

Les Moteurs de recherche / Le référencement

Un moteur de recherche est une application permettant de retrouver des ressources (pages web, forums images, vidéo, fichiers, etc.) associées à des mots quelconques. Certains sites web offrent un moteur de recherche comme principale fonctionnalité ; on appelle alors moteur de recherche le site lui-même (Google Video par exemple est un moteur de recherche vidéo).

Outil de recherche sur le web constitué de « robots », encore appelés bots, spiders, crawlers ou agents qui parcourent les sites à intervalles réguliers et de façon automatique (sans intervention humaine, ce qui les distingue des annuaires) pour découvrir de nouvelles adresses (URL). Ils suivent les liens hypertextes (qui relient les pages les unes aux autres) rencontrés sur chaque page atteinte. Chaque page identifiée est alors indexée dans une base de données, accessible ensuite par les internautes à partir de mots-clés.

Google analytics, un outil pour aider au bon référencement d'un site web

 



 

Le web >> Le web2

L'expression « Web 2.0 » désigne l'ensemble des techniques, des fonctionnalités et des usages du World Wide Web qui ont suivi la forme initiale du web1, en particulier les interfaces permettant aux internautes ayant peu de connaissances techniques de s'approprier les nouvelles fonctionnalités du web.

Ainsi, les internautes contribuent à l'échange d'informations et peuvent interagir (partager, échanger, etc.) de façon simple, à la fois avec le contenu et la structure des pages, mais aussi entre eux, créant ainsi notamment le Web social2.
L'internaute devient, grâce aux outils mis à sa disposition, une personne active sur la toile :


Les réseaux sociaux, les outils google sont autant d'exemple du succès du web 2.0





 



 

Les CMS, solution de developpement de sites web

Un système de gestion de contenu Content Management System ou CMS) est une famille de logiciels destinés à la conception et à la mise à jour dynamique de site Web ou d'application multimédia. Ils partagent les fonctionnalités suivantes :

>> ils permettent à plusieurs individus de travailler sur un même document ;
>> ils fournissent une chaîne de publication (workflow) offrant par exemple la possibilité de mettre en ligne le contenu des documents ;
>> ils permettent de séparer les opérations de gestion de la forme et du contenu ;
>> ils permettent de structurer le contenu (utilisation de FAQ, de documents, de blogs, de forums de discussion, etc.) ;
>> ils permettent de hiérarchiser les utilisateurs et de leur attribuer des rôles et des permissions (utilisateur anonyme, administrateur, contributeur, etc.) ;



 

L'envoi de mail

19-01-12 TP TC 1 et TC2

Progression

TP 1 / 2 heures
Introduction sur l’organisation des cours
Définition d’un site vitrine et commerce
Enumération des fonctionnalités d’un site e-commerce
Le e-marketing

TP 2 / 2 heures
Les outils pour faire du e-commerce : les CMS, les solutions proposées avec leur avantages / inconvénients
Présentation de prestashop / Installation de prestashop

TP 3 / 2 heures Prestashop :
Description des fonctionnalités offertes par le site
Les actions usuelles pour administrer un site.

TP 4 / 2 heures Prestashop :
Description de la partie administrateur (Back-office)

TP 5 / 2 heures Travail en autonomie par 2 :
Création de la boutique de leur choix
Obligation de prendre des photos
Respect des consignes données :
x clients , x commandes, …
Nb : nécessite d’installer un nouveau prestashop sans données

TP 6 / 2 heures Passage à l’oral des groupes.

TP 7 / 2 heures Outils google
référencement,
buzz avec les réseaux sociaux.

TP 8 / 2 heures

 

TP 1 / 2 heures

1 Définition d’un site vitrine et commerce

2 Enumération des fonctionnalités d’un site e-commerce

3 Le e-marketing (Les outils du e-marketing)

 

 

TP 2 / 2 heures

Les solutions pour créer des sites vitrines ou marchands

Les CMS :

Définition : Un système de gestion de contenu (Content Management System ou CMS) est une famille de logiciels destinés à la conception et à la mise à jour dynamique de site Web.

Ils ont les fonctionnalités suivantes :
· ils permettent à plusieurs individus de travailler sur un même document ;
· ils permettent de mettre en ligne le contenu des documents ;
· ils permettent de séparer les opérations de gestion de la forme et du contenu ;
· ils permettent de structurer le contenu (Classement par catégories) ;
· ils permettent de hiérarchiser les utilisateurs et de leur attribuer des rôles et des permissions (utilisateur anonyme, administrateur, contributeur, etc.) ;

 

 

 

 

 

Structure : Ils sont la plupart du temps écrits en PHP et ils intègrent une base de données MySql qui stockent les contenus des pages (textes, images, documents, médias …).dans des tables.
Celles-ci sont mises à jour lorsque le(s) rédacteur(s) interviennent sur le site.



Avant de choisir un outil plutôt qu’un autre, il faut faire attention aux points suivants

Configuration : Simple - Avancé - Entraine des difficultés

Personnalisations (Templates) : Nombreux - Payants - Gratuits - simple à modifier - Difficile à modifier

Ergonomie du back-office : Très bonne, bonne, moyenne, nulle.

Modules : Nombreux - Payants - Gratuits

Communauté - Forum : Très active, active, pauvre en français

Moyens de livraison : Transporteurs acceptés, mise en place des moyens de transports, Extensions payante ou gratuite (Chronopost, Ups, Colissimo)

Paiement : Paypal, Solution fournis par CMB, CA

 

Exemples :

Wordpress
Voir le site en démo : http://demo.wordpress-fr.net/
Accéder au backoffice de WordPress

Joomla! + Virtuemart
Voir Joomla! en démo : http://demo.joomla.org/
Voir Joomla! + Virtuemart en démo : http://virtuemart.net/home/demo

PrestaShop
Voir le site en démo : http://www.prestashop.com/fr/showcase_demo/

Installation de PrestaShop

 

 

 

 

 

 

 

 

TP 3 / 2 heures Prestashop

Description des fonctionnalités offertes par le site
Les actions usuelles pour administrer un site.


Documentation en français pour PrestaShop 1.4.x