support de présentation #1 Atelier Initiation Numérique

1. Partie 1 : Histoire de l’Internet
INITIATION AU NUMERIQUE
The
Opte
Project A1
-­‐
Ini(a(on
au
numérique
2011-­‐2012
h"p://www.opte.org/maps/ F.Michel - L. Neyssensas - C.Thiery

2. Partie 1 : Histoire de l’Internet
INITIATION AU NUMERIQUE
Sommaire
1. DEFINITIONS & RAPPELS
- ORIGINE
- RFC
- TCP/IP
- DNS
- ROUTAGE
2. PROTOCOLE & SERVICES
- E MAIL
- FTP
- USENET
- IRC
- GOPHER
3. WORLD WIDE WEB
- PRINCIPE
- HTTP/HTML
-
4. RESSOURCES
A1
-­‐
Ini(a(on
au
numérique
2011-­‐2012
DIno
.
Dino
F.Michel - L. Neyssensas - C.Thiery
http://www.flickr.com/photos/loneyss/2862366316/in/set-72157609816817388

3. The Internet
1. Définitions & Rappels
The
IT
Crowd-­‐
Series
3
-­‐Episode
4
:
The
Internet A1
-­‐
Ini(a(on
au
numérique
2011-­‐2012
hFp://www.youtube.com/watch?v=iDbyYGrswtg F.Michel - L. Neyssensas - C.Thiery

4. The Internet
1.1 Origine # 1969
Vinton
Cerf
et
Robert
Kahn
A1
-­‐
Ini(a(on
au
numérique
2011-­‐2012
F.Michel - L. Neyssensas - C.Thiery

5. The Internet
1.1 Origine
Février 1966 ARPANET A1
-­‐
Ini(a(on
au
numérique
2011-­‐2012
F.Michel - L. Neyssensas - C.Thiery

6. The Minitel
1.1 Origine # 1980
Google
à
la
mode
Minitel A1
-­‐
Ini(a(on
au
numérique
2011-­‐2012
hFp://www.dinoutoo.com/3615google.fr/ F.Michel - L. Neyssensas - C.Thiery

7. The Internet
1.2 Request For Comments (RFC)
RFC1149
A1
-­‐
Ini(a(on
au
numérique
2011-­‐2012
http://www.flickr.com/photos/25031226@N04/2395295683/sizes/l/in/photostream/ F.Michel - L. Neyssensas - C.Thiery

8. The Internet
1.3 TCP / IP #1974
IP / TCP /
logique client-serveur
Classe A
de 1.0.0.0 à 126.255.255.255
128 domaines (réseaux) et
16.777.216 machines / domaine
Classe B
127.0.0.0 à 191.255.255.255.
16.000 domaines et 65.536
machines / domaine
Classe C
192.0.0.0 à 223.255.255.255.
2.000.000 domaines et 254
machines / domaine
A1
-­‐
Ini(a(on
au
numérique
2011-­‐2012
F.Michel - L. Neyssensas - C.Thiery

9. The Internet
1.3 Internet Protocol- Adresse IP
"
IP-­‐Adresse
als
Des(na(onsangabe?
" A1
-­‐
Ini(a(on
au
numérique
2011-­‐2012
hFp://www.flickr.com/photos/lender/3220610925/sizes/o/in/photostream/ F.Michel - L. Neyssensas - C.Thiery

10. The Internet
1.4 DNS ( Domaine Server Name ) # 1983
Jon.Postel.jpg
.com
Espaces dédiés à des pratiques commerciales
.org
Organisations à but non lucratif
.edu
Education / Enseignement
.gov
Institutions / Gouvernements
.net
Evolution d’Internet
IP
/
TCP
/
logique
client-­‐serveur A1
-­‐
Ini(a(on
au
numérique
2011-­‐2012
F.Michel - L. Neyssensas - C.Thiery

11. The Internet
1.5 Routage
A1
-­‐
Ini(a(on
au
numérique
2011-­‐2012
F.Michel - L. Neyssensas - C.Thiery

12. The Internet
1.5 Routage
A1
-­‐
Ini(a(on
au
numérique
2011-­‐2012
F.Michel - L. Neyssensas - C.Thiery

13. The Internet
1.5 Etendue
A1
-­‐
Ini(a(on
au
numérique
2011-­‐2012
F.Michel - L. Neyssensas - C.Thiery

14. SERVICES
2.1 E Mail # 1971
QWERTYUIOP @
A1
-­‐
Ini(a(on
au
numérique
2011-­‐2012
F.Michel - L. Neyssensas - C.Thiery

15. SERVICES Une règle informelle, puis une charte : elle définit les règles de
conduite et de politesse recommandées sur les 1er médias de
2.1 La netiquette - RFC 1855 communication mis à disposition par internet
( Source Wikipedia )
A1
-­‐
Ini(a(on
au
numérique
2011-­‐2012
F.Michel - L. Neyssensas - C.Thiery

16. SERVICES
2.2 File Transfer Protocol # 1971
File
Transfer
Graffi.
A1
-­‐
Ini(a(on
au
numérique
2011-­‐2012
h0p://www.flickr.com/photos/christyramsey/2845991866/
F.Michel - L. Neyssensas - C.Thiery

17. SERVICES
2.2 File Transfer Protocol # 1971
File
Transfer
Graffi.
A1
-­‐
Ini(a(on
au
numérique
2011-­‐2012
h0p://www.flickr.com/photos/christyramsey/2845991866/
F.Michel - L. Neyssensas - C.Thiery

18. SERVICES
2.3 Usenet # 1979
A1
-­‐
Ini(a(on
au
numérique
2011-­‐2012
h0p://www.google.com/googlegroups/archive_announce_20.html F.Michel - L. Neyssensas - C.Thiery

19. [ 02:08:17 ] [ yoda ] im just playin
SERVICES [ 02:08:19 ] [ yoda ] but whats in the bottles
[ 02:08:20 ] [ yoda ] really
[ 02:08:20 ] [ %Pnutbot ] really is there any place on the
net that I can read where others have put
2.4 Internet Relay Chat # 1988 brain power into devising ways to grow weed subversively?
[ 02:08:23 ] [ yoda ] im not watching that shit anymore
[ 02:08:24 ] [ ripper ] klono, methadone, restoril, inderal,
weed, kb
[ 02:08:26 ] [ @phalaris ] you need to shave your head
[ 02:08:30 ] [ grphish ] kb?
[ 02:08:35 ] [ yoda ] kind buds?
[ 02:08:35 ] [ ripper ] yoda: methadone in bottles
[ 02:08:35 ] [ yoda ] :p
[ 02:08:40 ] [ ripper ] kind buds yes
[ 02:08:41 ] [ yoda ] methadone
A1
-­‐
Ini(a(on
au
numérique
2011-­‐2012
Lol
‘laughing
out
loud)
Manuel
Schmals(eg
2005
F.Michel - L. Neyssensas - C.Thiery

20. SERVICES
2.5 Archie & Gopher # 1991
Copié
écran
client
Gopher
1994 Copié
écran
client
Archie
1990 A1
-­‐
Ini(a(on
au
numérique
2011-­‐2012
F.Michel - L. Neyssensas - C.Thiery

21. World Wide Web
3. Définition
22102008291. A1
-­‐
Ini(a(on
au
numérique
2011-­‐2012
h0p://www.flickr.com/photos/loneyss/2963371937/
F.Michel - L. Neyssensas - C.Thiery

22. World Wide Web
3.1 Historique
CERN control Room
illustration : nnova (cc)
Vannevar_Bush Ted Nelson Douglas Engelbart Tim Berners Lee Robert Caillau
A1
-­‐
Ini(a(on
au
numérique
2011-­‐2012
F.Michel - L. Neyssensas - C.Thiery

23. World Wide Web
3.1 Historique
Douglas Engelbart A1
-­‐
Ini(a(on
au
numérique
2011-­‐2012
F.Michel - L. Neyssensas - C.Thiery

24. World Wide Web
3.1 Historique
Vannevar_Bush
Douglas Engelbart A1
-­‐
Ini(a(on
au
numérique
2011-­‐2012
F.Michel - L. Neyssensas - C.Thiery

25. World Wide Web
3.2 Hyper Text Transfert Protocol
HTTP://
Devin
Chalmers
:
HyperCard2010
A1
-­‐
Ini(a(on
au
numérique
2011-­‐2012
hFp://www.flickr.com/photos/igalko/4662812043/in/faves-­‐loneyss/
F.Michel - L. Neyssensas - C.Thiery

26. World Wide Web
3.3 Uniform Resource Locator et Hyperlien
URL de cette page sur Wikipédia :
http://fr.wikipedia.org/wiki/Uniform_Resource_Locator
URL de Wikipédia : http://fr.wikipedia.org/
URL d'un lien (mailto) vers une adresse courriel :
mailto:Quidam.no-spam@example.com
URL d'un site Gopher :
gopher://gopher.quux.org/
http://m1p.fr/8OK
http://w1p.fr
URL d'un forum de discussion de Usenet :
news:fr.comp.infosystemes.www.auteurs
http://w1p.fr/33898
URL d'un fichier sur un site FTP :
ftp://ftp.rfc-editor.org/in-notes/rfc2396.txt
URL A1
-­‐
Ini(a(on
au
numérique
2011-­‐2012
hFp://www.flickr.com/photos/sqrt/473472892/in/photostream/ F.Michel - L. Neyssensas - C.Thiery

27. World Wide Web
3.3 Uniform Resource Locator et Hyperlien
A1
-­‐
Ini(a(on
au
numérique
2011-­‐2012
F.Michel - L. Neyssensas - C.Thiery

28. World Wide Web
3.3 Uniform Resource Locator et Hyperlien
404 sobriety not found error @trevoro A1
-­‐
Ini(a(on
au
numérique
2011-­‐2012
F.Michel - L. Neyssensas - C.Thiery
http://www.flickr.com/photos/boris/5986663228/

29. World Wide Web
3.3 Uniform Resource Locator et Hyperlien
A1
-­‐
Ini(a(on
au
numérique
2011-­‐2012
F.Michel - L. Neyssensas - C.Thiery

30. World Wide Web
3.4 HyperTextMarkupLanguage
A1
-­‐
Ini(a(on
au
numérique
2011-­‐2012
F.Michel - L. Neyssensas - C.Thiery

31. World Wide Web
3.4 HyperTextMarkupLanguage
A1
-­‐
Ini(a(on
au
numérique
2011-­‐2012
F.Michel - L. Neyssensas - C.Thiery

32. World Wide Web
2. FAI
Floppy Diskovery
A1
-­‐
Ini(a(on
au
numérique
2011-­‐2012
http://www.flickr.com/photos/binaryape/3625043250/sizes/o/in/photostream/ F.Michel - L. Neyssensas - C.Thiery

33. World Wide Web
3.5 Serveur
1er serveur Web Musée du CERN
A1
-­‐
Ini(a(on
au
numérique
2011-­‐2012
http://fr.wikipedia.org/wiki/Fichier:First_Web_Server.jpg F.Michel - L. Neyssensas - C.Thiery

34. World Wide Web
3.6 Navigateur
1er Navigateur Web
A1
-­‐
Ini(a(on
au
numérique
2011-­‐2012
http://fr.wikipedia.org/wiki/Fichier:WorldWideWeb.gif F.Michel - L. Neyssensas - C.Thiery

35. World Wide Web
3.6 Navigateur
NSCA / Mosaïc (1993)
A1
-­‐
Ini(a(on
au
numérique
2011-­‐2012
http://upload.wikimedia.org/wikipedia/commons/9/95/Mosaic_browser_plaque_ncsa.jpg F.Michel - L. Neyssensas - C.Thiery

36. World Wide Web
3.6 Navigateur
NSCA / Mosaïc (1993) A1
-­‐
Ini(a(on
au
numérique
2011-­‐2012
F.Michel - L. Neyssensas - C.Thiery

37. World Wide Web
3.6 Navigateur
NSCA / Mosaïc (1993)
A1
-­‐
Ini(a(on
au
numérique
2011-­‐2012
F.Michel - L. Neyssensas - C.Thiery

38. World Wide Web
3.6 Navigateur
http://evolutionofweb.appspot.com/
A1
-­‐
Ini(a(on
au
numérique
2011-­‐2012
F.Michel - L. Neyssensas - C.Thiery

39. World Wide Web
3.6 Site Web
A1
-­‐
Ini(a(on
au
numérique
2011-­‐2012
F.Michel - L. Neyssensas - C.Thiery

40. World Wide Web
3.6 Site Web
A1
-­‐
Ini(a(on
au
numérique
2011-­‐2012
http://explomap.free.fr/index.php/2007/08/13/world-web-map/#more-5 F.Michel - L. Neyssensas - C.Thiery

41. World Wide Web
3.6 Site Web
http://wayback.archive.org/web/20010801000000*/http://www.lecolededesign.com A1
-­‐
Ini(a(on
au
numérique
2011-­‐2012
F.Michel - L. Neyssensas - C.Thiery

42. World Wide Web
3.6 Moteur de recherche
Selon une étude du cabinet Comscore réalisée en août 20074:
• Google : environ 36 milliards de recherches, soit 60 % des 61 milliards de recherches sur
Internet
• Yahoo : 8,5 milliards de recherches, soit 14 % du total
• Baidu : « le Google chinois », : 3,3 milliards de requêtes, soit 5,4 % du total, mais également
73 % du marché chinois (450 millions d'internautes) en 2011.
• Bing, remplaçant de Live Search, (Microsoft) : 2,1 milliards de recherches, soit 3,4 %.
A1
-­‐
Ini(a(on
au
numérique
2011-­‐2012
Copie écran www.google.fr 31 Janvier 2009 F.Michel - L. Neyssensas - C.Thiery

43. World Wide Web
Vannevar_Bush Douglas Engelbart
A1
-­‐
Ini(a(on
au
numérique
2011-­‐2012
F.Michel - L. Neyssensas - C.Thiery

44. RESSOURCES
Histoire d’internet
Timeline
History of the Internet, Hypertext…
Moteur de recherche http://www.kantl.be/ctb/vanhoutte/teach/slides/hcl0502.htm
search engine history
Frise Internet /Chrome The IT Crowd
evolutionofweb.appspot.com/ The IT Crowd- Series 3 -Episode 4 : The Internet
Texte sur le Memex
http://www.hypertexte.org
Statistiques sur Internet
http://www.internetworldstats.com/stats.htm
Chiffre clés sur internet
http://www.journaldunet.com
Library / histoire
http://www.comicsblog.fr
Film / Voyage en cybernetique
Pearltrees.com
Bu
Rennes A1
-­‐
Ini(a(on
au
numérique
2011-­‐2012
http://www.flickr.com/photos/loneyss/4572021092/in/set-72157609816817388/ F.Michel - L. Neyssensas - C.Thiery

45. A1
-­‐
Ini(a(on
au
numérique
2011-­‐2012
F.Michel - L. Neyssensas - C.Thiery

46. Sources
CNet | The 50 most significant moments of Internet history
http://crave.cnet.co.uk/software/0,39029471,49299033-1,00.htm
BBC | 15 years of the web
http://news.bbc.co.uk/2/hi/technology/5243862.stm
Little History of the World Wide Web
http://www.w3.org/History.html
Vanity Fair | An Oral History of the Internet
http://www.vanityfair.com/culture/features/2008/07/internet200807?
currentPage=1
The roads and crossroads of Internet history
http://www.netvalley.com/intval/07262/main.htm?sdf=1
Wikipedia
http://fr.wikipedia.org/wiki/Web#Chronologie– « Internet & Web » – G. Cliquet / L. Neyssensas / C.Thiery /
design d’interactivité
2010

47. Titre
1. DEFINITIONS & RAPPELS
Heinz
von
Foerster
Voyage
en
Cyberné(que
(Das
Netz
-­‐
La
toile)
film
de
Lutz
Dammeck
(2003) A1
-­‐
Ini(a(on
au
numérique
2011-­‐2012
hFp://www.pearltrees.com/#/N-­‐u=1_266110&N-­‐p=20830826&N-­‐s=1_2849905&N-­‐f=1_2849905&N-­‐fa=2708231 F.Michel - L. Neyssensas - C.Thiery

48. Titre
1. DEFINITIONS & RAPPELS
App
Store A1
-­‐
Ini(a(on
au
numérique
2011-­‐2012
hFp://www.flickr.com/photos/cris(ano_beFa/2909483129 F.Michel - L. Neyssensas - C.Thiery