Internet / Web  Un environnement en perpétuelle évolution  http://www.opte.org/maps/
Sommaire 1. Internet - Origine / Arpanet - TCP / IP 2. Services pour Internet - e-mail - Web 3. World Wide Web 4. Web 2.0 Ressources http://www.technologyreview.com/read_article.aspx?id=18944&a=f
1. Internet /  a. Arpanet / 1969 Vinton Cerf et Robert Kahn
1. Internet /  b. TCP/IP 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
1. Internet /  c. Domain Name System (DNS) .com  Espaces dédiés à des pratiques commerciales .org Organisations à but non lucratif .edu Education / Enseignement .gov Institutions / Gouvernements .net Evolution d’Internet
1. Internet /  d. Internet Adresse physique : « IP »  88.164.112.135
1. Internet /  b. Routage ‘ sauts’ / traceroute
1. Internet /  c. Etendue http://www.ipligence.com/worldmap/
2. Services /  a. ftp / 1971
Ray Tomlinson  2. Services /  b. e-mail / 1971 QWERTYUIOP
2. Services /  a. usenet / 1972 http://www.sscnet.ucla.edu/soc/csoc/papers/sunbelt97/Usenet%20Data%20Structure.jpg http://fasticon.com/freeware/index.php/fly-creatures-icons/
3. World Wide Web /  a. origines http://www.flickr.com/photos/automania/97936640/
3. World Wide Web /  b. hypertexte HyperTextMarkupLangage  http://xuwenblogblogblog.blogspot.com/2007/11/hypertext-killer-of-author.html
NSCA / Mosaïc (1993)  3. World Wide Web /  c. Browsers (Navigateurs)   http://upload.wikimedia.org/wikipedia/commons/9/95/Mosaic_browser_plaque_ncsa.jpg
3. World Wide Web /  c. Browsers (Navigateurs)  (the browser wars) http://www.flickr.com/photos/loneyss/3187549235/sizes/o/
3. World Wide Web /  d. Evolution http://mikiane.com/node/2008/08/30/robert-caillau-co-inventeur-du-world-wide-web-le-de-netocratie
4. Web 2.0 /  a. définition(S) http://fr.wikipedia.org/wiki/Fichier:Carte_web_2.png
4. Web 2.0 /  b. propagation http://flickr.com/photos/loneyss/3191052349/
4. Web 2.0 /  c. Web dynamique / front-end http://laurentneyssensas.lecolededesign.com/
4. Web 2.0 /  c. Web dynamique / back-end http://laurentneyssensas.lecolededesign.com/
4. Web 2.0 /  d. mosaïque d’applications / services http://www.flickr.com/photos/briansolis/2735401175/
4. Web 2.0 /  e. blog ! Photo Christophe Maout
4. Web 2.0 /  f. wiki http://fr.wikipedia.org/wiki/%C3%89cole_de_design_Nantes_Atlantique
4. Web 2.0 /  g. Really Simple Syndication http://flickr.com/photos/loic_hay/110132453/
4. Web 2.0 /  h. RSS (agrégateur : netvibes.fr) http://flickr.com/photos/loneyss/3193995382/ Library / hypermedia http://library.lecolededesign.com/tags.php/hypermedia History of the Internet, Hypertext…  http://www.kantl.be/ctb/vanhoutte/teach/slides/hcl0502.htm
4. Web 2.0 /  i. partage et Rich Media http://flickr.com/photos/loneyss/
http://flickr.com/photos/loneyss/ 4. Web 2.0 /  j.  Commentaires, Tags et Folksonomie
http://flickr.com/photos/luc/1581226793 4. Web 2.0 /  k.  réseaux sociaux
http://flickr.com/photos/luc/1581226793 4. Web 2.0 /  l.  mash-up
http://flickr.com/photos/loneyss/ 4. Web 2.0 /  l.  mash-up
Ressources http://www.flickr.com/photos/gregoirecliquet/3021651607/in/set-72157608977955248/ History of the Internet, Hypertext…  http://www.kantl.be/ctb/vanhoutte/teach/slides/hcl0502.htm Library / hypermedia http://library.lecolededesign.com/tags.php/hypermedia Tim’Oreilly : What is Web2.0 ? (fr) http://www.eutech-ssii.com/ressources/view/1 Library / web2.0 http://library.lecolededesign.com/tags.php/web2.0

Contenu connexe

PPS
PPS
Frauen
PPT
help save the rainforest
PPT
America War
PPT
Rainforest
PPS
PPT
powerpoint:]
PPS
Frauen
help save the rainforest
America War
Rainforest
powerpoint:]

En vedette (10)

PPS
To Kinito
PPT
powerpoint:]
PDF
JavaScript-Entwicklung mit den Chrome DevTools
PPS
Petrodollars
PPT
Rainforest
PPTX
Rencontres
PPTX
Općina erdut
PPTX
3. rast i razvoj msp
PPTX
Tatoo concept
PPS
Φερδινάρδος και Φαγουρόσκονη
To Kinito
powerpoint:]
JavaScript-Entwicklung mit den Chrome DevTools
Petrodollars
Rainforest
Rencontres
Općina erdut
3. rast i razvoj msp
Tatoo concept
Φερδινάρδος και Φαγουρόσκονη
Publicité

Similaire à Internet&web (20)

PDF
CM_Web.pdf
PPT
L’édition Numérique, CNAM, Déc 2007
PDF
Cartographie des réseaux télécoms sur OpenStreetMap
PDF
Présentation et historique
PPT
Introduction aux activités du W3C (Janvier 2008)
PDF
Les extensions Firefox et Google Chrome pour naviguer efficacement
PPTX
البحث عن المعلومات على الويب
DOC
Mon Ordi, la Toile et les Seniors (avec liens actifs)
PPTX
Supports de cours
PPTX
Cours technologie web débutant CREA Digital 2 - 10/2013
DOC
My PC, the Web and the Seniors (with active links)
ODT
Formation sur le CSS
PDF
Quiz english pour les etudiants semestre 2
PDF
Web 2.0 GTI780 & MTI780 ETS A09
PDF
Cours réseaux
PDF
Coursrseaux 111019081618-phpapp01
PPT
Introduction aux concepts 2.0
PPT
Qu’est-ce que le Web 2.0 et le web 3.0 dans un contexte géomatique?
PPTX
La diffusion d'archives à l'aide du Web 2.0, exemple Musée McCord - AAQ 2013
PDF
Business Driven Information Systems Canadian 4th Edition Baltzan Test Bank
CM_Web.pdf
L’édition Numérique, CNAM, Déc 2007
Cartographie des réseaux télécoms sur OpenStreetMap
Présentation et historique
Introduction aux activités du W3C (Janvier 2008)
Les extensions Firefox et Google Chrome pour naviguer efficacement
البحث عن المعلومات على الويب
Mon Ordi, la Toile et les Seniors (avec liens actifs)
Supports de cours
Cours technologie web débutant CREA Digital 2 - 10/2013
My PC, the Web and the Seniors (with active links)
Formation sur le CSS
Quiz english pour les etudiants semestre 2
Web 2.0 GTI780 & MTI780 ETS A09
Cours réseaux
Coursrseaux 111019081618-phpapp01
Introduction aux concepts 2.0
Qu’est-ce que le Web 2.0 et le web 3.0 dans un contexte géomatique?
La diffusion d'archives à l'aide du Web 2.0, exemple Musée McCord - AAQ 2013
Business Driven Information Systems Canadian 4th Edition Baltzan Test Bank
Publicité

Plus de lecolededesign (20)

PPTX
Dessins d'espaces
PPTX
cartographie de mon habitation
PPTX
Objets/manifestes
PPTX
Jardins monochromes
PPTX
PPTX
Toc. Toc #4 - White out
PPTX
Toc. Toc #3 Suffocations
PPTX
Les anachorètes
PPTX
TOC.TOC. #1 - Bâtiment C
PPTX
Une sculpture / Un socle
PPTX
W dessin sol plafond
PPTX
Carnet de route - autoportrait
PPTX
Objets de la mort, Objets du désir (mises en scène photographiques)
PPTX
Objet mort desir 2014
PPTX
Un Matériau / Un système d'assemblage / Une forme
PPTX
Collages
PPTX
Cartographie mentale
PPTX
Banalsublime
PPTX
Orthèse
PPTX
Dessins d'espaces
cartographie de mon habitation
Objets/manifestes
Jardins monochromes
Toc. Toc #4 - White out
Toc. Toc #3 Suffocations
Les anachorètes
TOC.TOC. #1 - Bâtiment C
Une sculpture / Un socle
W dessin sol plafond
Carnet de route - autoportrait
Objets de la mort, Objets du désir (mises en scène photographiques)
Objet mort desir 2014
Un Matériau / Un système d'assemblage / Une forme
Collages
Cartographie mentale
Banalsublime
Orthèse

Internet&web

  • 1. Internet / Web Un environnement en perpétuelle évolution http://www.opte.org/maps/
  • 2. Sommaire 1. Internet - Origine / Arpanet - TCP / IP 2. Services pour Internet - e-mail - Web 3. World Wide Web 4. Web 2.0 Ressources http://www.technologyreview.com/read_article.aspx?id=18944&a=f
  • 3. 1. Internet / a. Arpanet / 1969 Vinton Cerf et Robert Kahn
  • 4. 1. Internet / b. TCP/IP 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
  • 5. 1. Internet / c. Domain Name System (DNS) .com Espaces dédiés à des pratiques commerciales .org Organisations à but non lucratif .edu Education / Enseignement .gov Institutions / Gouvernements .net Evolution d’Internet
  • 6. 1. Internet / d. Internet Adresse physique : « IP » 88.164.112.135
  • 7. 1. Internet / b. Routage ‘ sauts’ / traceroute
  • 8. 1. Internet / c. Etendue http://www.ipligence.com/worldmap/
  • 9. 2. Services / a. ftp / 1971
  • 10. Ray Tomlinson 2. Services / b. e-mail / 1971 QWERTYUIOP
  • 11. 2. Services / a. usenet / 1972 http://www.sscnet.ucla.edu/soc/csoc/papers/sunbelt97/Usenet%20Data%20Structure.jpg http://fasticon.com/freeware/index.php/fly-creatures-icons/
  • 12. 3. World Wide Web / a. origines http://www.flickr.com/photos/automania/97936640/
  • 13. 3. World Wide Web / b. hypertexte HyperTextMarkupLangage http://xuwenblogblogblog.blogspot.com/2007/11/hypertext-killer-of-author.html
  • 14. NSCA / Mosaïc (1993) 3. World Wide Web / c. Browsers (Navigateurs) http://upload.wikimedia.org/wikipedia/commons/9/95/Mosaic_browser_plaque_ncsa.jpg
  • 15. 3. World Wide Web / c. Browsers (Navigateurs) (the browser wars) http://www.flickr.com/photos/loneyss/3187549235/sizes/o/
  • 16. 3. World Wide Web / d. Evolution http://mikiane.com/node/2008/08/30/robert-caillau-co-inventeur-du-world-wide-web-le-de-netocratie
  • 17. 4. Web 2.0 / a. définition(S) http://fr.wikipedia.org/wiki/Fichier:Carte_web_2.png
  • 18. 4. Web 2.0 / b. propagation http://flickr.com/photos/loneyss/3191052349/
  • 19. 4. Web 2.0 / c. Web dynamique / front-end http://laurentneyssensas.lecolededesign.com/
  • 20. 4. Web 2.0 / c. Web dynamique / back-end http://laurentneyssensas.lecolededesign.com/
  • 21. 4. Web 2.0 / d. mosaïque d’applications / services http://www.flickr.com/photos/briansolis/2735401175/
  • 22. 4. Web 2.0 / e. blog ! Photo Christophe Maout
  • 23. 4. Web 2.0 / f. wiki http://fr.wikipedia.org/wiki/%C3%89cole_de_design_Nantes_Atlantique
  • 24. 4. Web 2.0 / g. Really Simple Syndication http://flickr.com/photos/loic_hay/110132453/
  • 25. 4. Web 2.0 / h. RSS (agrégateur : netvibes.fr) http://flickr.com/photos/loneyss/3193995382/ Library / hypermedia http://library.lecolededesign.com/tags.php/hypermedia History of the Internet, Hypertext… http://www.kantl.be/ctb/vanhoutte/teach/slides/hcl0502.htm
  • 26. 4. Web 2.0 / i. partage et Rich Media http://flickr.com/photos/loneyss/
  • 31. Ressources http://www.flickr.com/photos/gregoirecliquet/3021651607/in/set-72157608977955248/ History of the Internet, Hypertext… http://www.kantl.be/ctb/vanhoutte/teach/slides/hcl0502.htm Library / hypermedia http://library.lecolededesign.com/tags.php/hypermedia Tim’Oreilly : What is Web2.0 ? (fr) http://www.eutech-ssii.com/ressources/view/1 Library / web2.0 http://library.lecolededesign.com/tags.php/web2.0

Notes de l'éditeur

  • #3: Evolution : Découpage en période de 20 puis 15 ans, démarrage d’un nouveau type d’informatique 1945-1965 : Calculateur 1965-1980 : Gestion 1980-1995 : Personnel et Multimédia 1995-2008 : Communication et partage - 2008+ : Assistance
  • #4: Un ou plusieurs nœuds du réseau pouvait être détruits sans perturber son fonctionnement ; La communication entre machines se faisait sans machine centralisée intermédiaire ; Les protocoles utilisés étaient basiques. 4 ordinateurs connectés.
  • #5: IP / TCP / logique client-serveur
  • #6: IP / TCP / logique client-serveur
  • #9: 1,407,724,920 Internet users as of 2007, and this number is estimated to increase 25% by the end of 2008 Geographic area Number of addresses Percentage Africa 40241664 1.519% Antartica 15620 0.001% Asia 371297015 14.015% Caribbean 1681866 0.063% Central America 2557340 0.097% Europe 569838903 21.510% Middle East 12011131 0.453% North America 1481754661 55.932% Oceania 76417711 2.885% South America 93409304 3.525%
  • #11: 2008 : 80 milliards de mails envoyés dont : - 40 milliards de spam 40 milliards de mails perso et envois automatiques 1971: Ray Tomlinson 1972: Larry Roberts: read, reply, forward, save... 1976: Queen Elisabeth sent mail
  • #13: MEMoryEXtender
  • #14: Memex (1945) de Vanevar Bush W3C
  • #15: University of illinois / Mosaic National Center For Supercomputing Applications (NCSA)
  • #17: University of illinois / Mosaic National Center For Supercomputing Applications (NCSA)
  • #18: L'expression Web 2.0 a été proposée pour désigner ce qui est perçu comme un renouveau du World Wide Web1. L'évolution ainsi qualifiée concerne aussi bien les technologies employées que les usages. En particulier, on qualifie de Web 2.0 les interfaces permettant aux internautes d'interagir à la fois avec le contenu des pages mais aussi entre eux, faisant du Web 2.0 le web communautaire et interactif. Expression lancée par Tim O'Reilly en 2004, « Web 2.0 » s'est imposé à partir de 2007Leterme inventé par Dale Dougherty de la société O'Reilly Media c’est un buzzword ! illustration : d’après l’Original de Markus Angermeier. Web 1.0 // Web 2.0DoubleClick --> Google AdSenseOfoto --> FlickrAkamai --> BitTorrentmp3.com --> NapsterBritannica Online --> Wikipediasites perso --> blogsevite --> upcoming.org et EVDBspéculation sur les noms de domaines --> optimisation pour moteurs de recherchepages vues --> coût au clic« screen scraping » --> services webpublication --> participationsystème de gestion de contenu --> wikisarborescence (taxonomie) --> tags ("folksonomy")rigidité du contenu --> syndication de contenu
  • #21: Pour beaucoup de personnes, quand on parle de pages dynamiques, c'est une animation du contenu par des déplacements d'objets ou des films. Il est vrai que c'est aussi une façon de rendre une page dynamique, comme par exemple avec Flash, cependant ce n'est pas cette façon qui est abordée ici.l est en effet possible de rendre une page dynamique, par le changement de son contenu, effectué en fonction d'une action de l'utilisateur, d'une recherche dans une base de donnée ou des informations à disposition sur le visiteur ou dans un cookie.
  • #25: RSS désigne une famille de formats XML utilisés pour la syndication de contenu Web. http://www.flickr.com/photos/loic_hay/110132453/sizes/o/in/set-72057594126266788/
  • #27: Partage Rich Media = Media Enrichi Un service Rich Media intègre différents médias — son, vidéo, photo —, dont l'interactivité est simplifiée par une ergonomie s'appuyant sur l'utilisation d'animations et de ces médias. La capacité du support à synchroniser l'audio et/ou la vidéo avec les autres supports est l'une des caractéristiques du Rich Media. Le Rich Media est souvent associé à la notion d'interfaces riches (Publicité).
  • #28: Exemple delicious,library, amazon, Folksonomie est une adaptation française de l'anglais folksonomy, combinaison des mots folk (le peuple, les gens) et de taxonomy (la taxinomie). Le terme a été créé par l'architecte de l'information Thomas Vander Wal[2]. Certains auteurs utilisent à la place les termes potonomie, peuplonomie, taxinomie populaire ou encore taxionomie sociale.
  • #29: réseaux sociauxillustration http://flickr.com/photos/luc/1581226793/in/set-72157605210232207/Réseaux social de luc legay Réalisé avec TouchGraph, application de Facebook
  • #30: Une application composite (ou mashup ou mash-up) est une application qui combine du contenu ou du service provenant de plusieurs applications plus ou moins hétérogènes. On parle de mashup artistique ou de mashup technologiques.On parle de mashup dans le cadre d'une superposition de deux images provenant de sources différentes, superposition de données visuelles et sonores différentes par exemple dans le but de créer une expérience nouvelle.
  • #31: Une application composite (ou mashup ou mash-up) est une application qui combine du contenu ou du service provenant de plusieurs applications plus ou moins hétérogènes. On parle de mashup artistique ou de mashup technologiques.On parle de mashup dans le cadre d'une superposition de deux images provenant de sources différentes, superposition de données visuelles et sonores différentes par exemple dans le but de créer une expérience nouvelle. Education search : An education search tool which enables you to search by: Location, Career, Industry/Salary and provides personalized searches to save for future reference. Utilizes Flickr, Google Maps and YouTube.