Plan

  • Histoire d'Internet.
  • Fonctionnement : Réseau, Protocole, DNS.
  • Le Web et HTTP.
  • Cas pratique.
  • Les solutions.
  • Cas pratique.

mteneur@gmail.com

@latenaille



Prémices

Internet avant 1990

  • 1962 : En pleine guerre froide ...
  • 1969 : ARPANET, une première solution.
  • 1972 : Premier client d'e-mail.
  • 1972 : Protocole TCP / IP : Améliorer le réseau.
  • 1984 : DNS. Gestion des noms de domaines.
  • 1988 : Première connexion en France.


Après 90

Après 90

  • 1980 -> 1990 : World Wide Web  (Tim Berners-Lee).

1991 : WebCam

1993 : Premier Navigateur web (Mozaic).

  • 1994 : Premiers FAI en France.
  • 1995 : Le terme "Internet" est officiel.
  • 1999 : Premier virus de masse : Melissa.

Histoire des plateformes

  • 1998 : Yahoo - Entrée en bourse
  • 1999 :  Plus de 60 M de pages indexées par Google
  • 2001 : Wikipedia
  • 2004 : Facebook
  • 2005 : Youtube
  • 2006 : Twitter
  • 2008 : Première campagne politique 

Gouvernance

3 acteurs majeurs internationaux :

  • Internet Corporation for Assigned Names and Numbers (ICANN), sous la tutelle du Département du Commerce des États-Unis.

  • Internet Engineering Task Force (IETF) qui s'occupe des aspects architecturaux et techniques.

  • Internet Society (ISOC). Gouvernance politique et plaidoyer.

Gouvernance

Le WorldWideWeb Consortium : W3C.


Définit les standards techniques et fonctionnels du web.

Architecture

Un réseau

Un réseau de noeuds

Protocole

 "un protocole de communication est une spécification de plusieurs règles pour un type de communication particulier."

Le protocole: la couche de communication entre deux logiciels / applications



www : HTTP

Mail : smtp, pop ...


Internet n'est pas le www


Le protocole DNS 

Localiser un ordinateur / un noeud

  • Les adresses réseaux et machines :
    • Adresse MAC : adresse physique, unique et attachée au materiel.
    • Adresse IP : Adresse numérique, lisible.

  • Les adresses lisibles, "humaines" :
    • Nom de domaine : Adresse textuelle.
    • Sous domaine : sous-adresse textuelle.
    • ex : http://blog.lemonde.fr

Les DNS (Domain Name Server)

Correspondance entre une addresse IP et un nom de domaine et sous domaines.


Table de traduction entre les adresses machines et adresses textuelles

Acheter et configurer un nom de domaine

Protocole HTTP 

à la base du web

Une page web :


  • Structure HTML.
  • Un simple fichier texte.
  • La structure HTML est interprétée par le navigateur.

HTTP et le web

Une page web est un ensemble de composants et de ressources médias: html, feuille de styles css, polices, images, vidéos...

Les contenus et ressources web sont servis au navigateur par un serveur.


Les communications suivent le protocole HTTP.


Chaque ressource correspond à un requête HTTP.


Une page web = un ensemble de requêtes HTTP

Les navigateurs (browser)

Résumé : le navigateur web

  1. Le navigateur demande au DNS l'adresse réelle du serveur qui contient le site web.

  2. Le navigateur envoie une requête HTTP au serveur pour lui demander de lui envoyer une copie du site web.

  3. Si le serveur accepte la requête émise par le client, le serveur envoie un message « 200 OK » au client. 

  4. Le navigateur télécharge l'ensemble des ressources.

  5. Le navigateur affiche et "met en forme" les différents éléments.

Les différents types de navigateurs

Safari (Apple) - Google Chrome - Firefox - IE - Opera 

Lynx

Navigateurs pour accessibilité.


Chaque navigateur possède son propre moteur de rendu.

Exercice

Le développement web

Le développement web

"Développer des briques fonctionnelles dans un langage de programmation à destination d'un environnement d'exécution."

La programmation

  • Pour écrire un programme, on utilise un langage de programmation. 
  • Un logiciel est un ensemble de programmes (qui peuvent être écrits dans des langages de programmation différents) dédié à la réalisation de certaines tâches par un (ou plusieurs) utilisateurs du logiciel.


"La programmation représente donc la rédaction du (ou des) code source d'un logiciel."


Note : On parle aussi de développement (c'est plus moderne) !

Un développeur web ?

(Ux designer, Graphiste)

Développeur Front, Intégrateur,  ...

Développeur backend, ... 

Architecte,

Administrateur système, Ops ...

Un développeur web : son rôle

Analyse

Conception

Construction / Programmation

Collaboration

Livraison 

Recette

Application web : le Serveur

Les applications serveur : backend

Certaines tâches ne peuvent pas être executées directement par un navigateur.

Un serveur d'application

  • Réceptionne la requête HTTP.


  • Réalise des traitements :
    • Envoyer des mails.
    • Ecrire des fichiers.
    • Poster des status sur FB.
    • ....
  • Renvoie la réponse HTTP après traitement.

Application web: les technos

 Language :
PHP

Java

Ruby

Python

NodeJs

....

Base de données: Mysql, PostgreSQL

Chaque techno possède un ecosytème d'outils


  • Les frameworks
Briques techniques pour le développeur.



  • Solutions et applications "pré-cablées" à intégrer
Plateforme de blog, CMS, solutions de e-commerce....

Des solutions populaires...

Blog / CMS :
Wordpress, Drupal


Ecommerce :

Magento, Prestashop


Exercice

Create a presentation like this one
Share it on social medias
Share it on your own
Share it on social medias
Share it on your own

How to export your presentation

Please use Google Chrome to obtain the best export results.


How to export your presentation

KEDGE - PART 1

by mteneur

17 views

Public - 4/24/16, 4:03 PM