Successfully reported this slideshow.
WEBDESIGN | Part3 PASS É , PR É SENT ET… PR É SENT Une présentation de Benoit Duverneuil | Tubatomic Worldwide Webdesign F...
2005 Rafi Haladjian  commercialise le  Nabaztag , objet communiquant connecté au Web, nouvelle forme d’interface entre  In...
ADOBE + MACROMEDIA <ul><li>Un événement de taille pour  l’industrie  de la création Web.  </li></ul><ul><li>Une accélérati...
2005 La  visite virtuelle interactive  franchit une nouvelle étape  avec la réalisation d’ AgencyNet  qui permet à l’utili...
Justin Everett Church développe l’application mobile  en temps réel   NYC Traffic 2005
2005 Nouvelle expérience utilisateur immersive avec le site de présentation de l’agence  Leoburnett.ca  avec l’utilisation...
Architect : someone who knows the difference between that which  could be done  and that which  should be done . Larry McV...
2005 Développement des  RIA  (Rich Internet Applications) dont le terme a été inventé en 2002. Adobe  Flex , Mozilla  XUL ...
2005 The Venice Project  (Joost) supplante la télévision et l’ordinateur en créant une nouvelle forme de  broadcast intera...
L’entreprise Japonaise NTT  développe    le 1 er  réseau local humain   (“réseau local humain” (Human Area Network, HAN)  ...
Design and programming are human activities ; forget that and all is lost. Bjarne Stroustrup, Professeur et chercheur  en ...
2005 Arial Malka , expert israélien en  processing  développe une nouvelle forme de lecture des Parchemins de la Mer Morte...
2005 Google Earth  fait entrer la  géolocalisation  sur le Web.  Un nouveau terrain de jeu pour les Webdesigners.
Google Earth , nouveau support de promotion  et d’information pour les  marques interactives ?
Habillage de  contenus  d’actualité, archives de documents historiques… Nécessité d’inventer de nouveaux codes de lecture,...
2006  Google a racheté  @Last Software  qui a créé un plugin pour permettre d'obtenir un  rendu 3D  dans Google Earth.   D...
Design adds  value  faster than it adds costs. Joel Spolsky, ingénieur logiciel et écrivain joel.spolsky.com/   “ ”
2006 La société de prêt-à-porter   American Apparel   est la première à créer une boutique virtuelle dans  2 nde  Life . B...
2006  Impact avéré du haut-débit -  Démocratisation  du Web et du haut débit. 80 % des accès à Internet à domicile sont de...
2006  Fort développement du marché  de la publicité interactive Démultiplication des formes et des supports Bannières Flas...
2006 Advergaming , publicités dans les  jeux en ligne . Dynamic in-game advertising, plot integration, inter-level adverti...
2006 Flash Lite  est disponible sur plus de  100 millions  de téléphones mobiles.
2006 ETSY , site e-commerce avec interface innovante, utilisant Flash et des technologies  2.0 . Moteur de recherche des p...
2006 Le site  Spamrecycling.com  remet  l’art génératif  au goût du jour en transformant le spam des utilisateurs en créat...
2006 Pileus  est un parapluie connecté à Internet qui projette à sa surface des images issues du Web. Equipé d’un GPS il p...
2006 Le site lancé pour la campagne 2006 Nike Air est non-seulement un réussite esthétique et  immersive , mais aussi une ...
2007 Le groupe canadien  Arcade Fire  relance les expérimentations en matière d’ hypervidéo . Le concept a été inventé en ...
2007 La vidéo  Haute-Définition  envahit le Web. Jusqu’à une définition en 1920 x 1080. Relance de la course au  très haut...
2007 Second Life  ne fait plus recette.   American Apparel   ferme son île. Seulement 40 000 personnes sont connectées en ...
Dofus, The Habbo Hotel, Taatu, CyWorld, Naughty America, Outback Online, Entropia, There, CityPixel...  Les  univers virtu...
Everyscape , promenade virtuelle en  trois dimensions  générée par les utilisateurs.  Virtuel  et  réel  se confondent de ...
Papervision 3D ,  Sandy ,  Away3D …  Solutions  opensources  pour Flash.  Une 3D pour le Web nouvelle génération.
2007 Aaron Koblin  et la  Yahoo! Design Innovation Team  mettent en ligne  Yahoo! Traffic Map , représentation en temps ré...
2007 Des dizaines  d’expérimentations  de visualisations des nouveaux flux d’informations sur  Digg Labs . Design d’Inform...
2007 Trésor in Love ,  campagne de  Lancôme  associe interface en  3D temps réel  et contenus générés par les utilisateurs.
Après les Rich Internet Applications, les  Rich Desktop Applications  sont l’un des phénomènes du Web 2007.  Adobe Air  et...
Le  browser  n’est plus la limite du Web! Embryon des concepts  Web 3.0  :  Widgets , applications bureau riches, supports...
2007 Social Design,  favoriser, faciliter et organiser les  interactions  sociales sur le online et offline.
2007 L’ I-Phone  d’Apple, Samsung F700, HTC Touch, Nokia N95, LG KS20, LG Variety, Sony Ericsson P1i…
2007 Microsoft Surface,  une interface  tactile , ‘’Multi-Touch’’  et  kinésite  qui offre de nouvelles perspectives en te...
2007 City Wall   par le groupe de recherche  Ubiquitous Interaction  de l’Institut pour les Technologies  de l’Information...
2007 Willem Velthoven  de  Mediamatic  présente   Itea,  une interface  RFID  multi-utilisateurs connectée à Google.
2007 Time Square,  bilboard interactif HD  pour CNN  et CNN.com.
2008 La boutique e-commerce  Underunder  reconstitue  un  environnement marchand  du l’environnement réel  en  3D temps ré...
Corée du Sud,  la ville de New Songdo   Ubiquitous   computing   <ul><li>Etre connecté, 24h24, 7/7j, 365j/an </li></ul><ul...
Réseaux sans fils, IPV6, objets connectés, portabilité de l’information, nanotechnologies…   <ul><li>Web Design  –  Web  =...
Il n'existe pas de définition unique du design . Son sens varie selon les époques, les cultures et les individus.   Pour l...
Graphic Design  will save the world right after  rock and roll  does. David Carson, designer graphique et typographe   dav...
Comme les autres formes de  Design ,  l’évolution  et la  reconnaissance   passera par  la  définition  et la  compréhensi...
”
<ul><li>Inventer des process adaptés aux nouveaux enjeux. </li></ul><ul><li>Elargir le champ d’application des standards. ...
<ul><li>Les idées, les concepts, l’expérience utilisateur d’abord, les outils et les langages ensuite. </li></ul><ul><li>S...
Bibliographies et références <ul><li>Minitel </li></ul><ul><li>http://fr.wikipedia.org/wiki/Minitel </li></ul><ul><li>Comp...
Bibliographies et références The Flash Video Gallery http://www.adobe.com/devnet/flash/samples/video_gallery_as2/ Red Bull...
Bibliographies et références Le Web HD http://www.beet.tv/2007/10/breaking-akamai.html Rich Desktop Applications http://ww...
Crédits Photographiques <ul><li>Minitel </li></ul><ul><li>http://www.flickr.com/photos/lhochet/675518054/ </li></ul><ul><l...
Crédits Photographiques Nabaztag http://www.wifi-idf.info/wp-content/uploads/images/nabaztag-fondblanc.jpg http://www.viea...
Restons en contact www.tubatomic.com  [email_address] www.6usiness.eu    [email_address] www.cre824.com  [email_address] w...
Upcoming SlideShare
Loading in …5
×

Webdesign Passe Present et... Present Part3

4,847 views

Published on

2ème partie "Webdesign Passé, Présent et... Présent" une présentation de Benoit Duverneuil lors de la 3ème édition du Festival de Webdesign de Rouyn-Noranda (Québec).
Consultez la première partie : http://www.slideshare.net/bduverneuil/webdesign-pass-prsent-et-prsent-part1/

Published in: Technology
  • intéressant, i'll come back to read that
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Cette présentation est disponible en 3 parties, toutes disponibles sur Slideshare. La version intégrale sera disponible au téléchargement sur www.webevangelists.net.
    Un slidecast est également en cours d'enregistrement.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Consultez la deuxième partie :
    http://www.slideshare.net/bduverneuil/webdesign-passe-present-et-present-part2
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Consultez la première partie : http://www.slideshare.net/bduverneuil/webdesign-pass-prsent-et-prsent-part1/
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Webdesign Passe Present et... Present Part3

  1. 1. WEBDESIGN | Part3 PASS É , PR É SENT ET… PR É SENT Une présentation de Benoit Duverneuil | Tubatomic Worldwide Webdesign Festival | Rouyn-Noranda | Novembre 2007 http://creativecommons.org/licenses/by-sa/3.0/
  2. 2. 2005 Rafi Haladjian commercialise le Nabaztag , objet communiquant connecté au Web, nouvelle forme d’interface entre Internet et le monde réel .
  3. 3. ADOBE + MACROMEDIA <ul><li>Un événement de taille pour l’industrie de la création Web. </li></ul><ul><li>Une accélération des regroupements </li></ul><ul><li>et de la compétitions entre grands groupes. </li></ul><ul><li>Mise en place d’une stratégie concurrentielle </li></ul><ul><li>chez Microsoft: Silverlight . </li></ul>2005
  4. 4. 2005 La visite virtuelle interactive franchit une nouvelle étape avec la réalisation d’ AgencyNet qui permet à l’utilisateur de découvrir de l’intérieur l’agence et ses services.
  5. 5. Justin Everett Church développe l’application mobile en temps réel NYC Traffic 2005
  6. 6. 2005 Nouvelle expérience utilisateur immersive avec le site de présentation de l’agence Leoburnett.ca avec l’utilisation d’espaces multidimensionnelles .
  7. 7. Architect : someone who knows the difference between that which could be done and that which should be done . Larry McVoy, directeur de BitMover “ ”
  8. 8. 2005 Développement des RIA (Rich Internet Applications) dont le terme a été inventé en 2002. Adobe Flex , Mozilla XUL , Microsoft Silverlight , les API Google… les démocratisent.
  9. 9. 2005 The Venice Project (Joost) supplante la télévision et l’ordinateur en créant une nouvelle forme de broadcast interactif .
  10. 10. L’entreprise Japonaise NTT développe le 1 er réseau local humain (“réseau local humain” (Human Area Network, HAN) <ul><li>RedTacton utilise un transmetteur et des récepteurs pour faire passer des données via le faible champ électrique généré par le corps. </li></ul><ul><li>Le corps humain, nouvelle interface pour Webdesigners? </li></ul>2005
  11. 11. Design and programming are human activities ; forget that and all is lost. Bjarne Stroustrup, Professeur et chercheur en technologies informatiques à l’Université A&M du Texas Research.att.com/ “ ”
  12. 12. 2005 Arial Malka , expert israélien en processing développe une nouvelle forme de lecture des Parchemins de la Mer Morte. www.chronotext.org
  13. 13. 2005 Google Earth fait entrer la géolocalisation sur le Web. Un nouveau terrain de jeu pour les Webdesigners.
  14. 14. Google Earth , nouveau support de promotion et d’information pour les marques interactives ?
  15. 15. Habillage de contenus d’actualité, archives de documents historiques… Nécessité d’inventer de nouveaux codes de lecture, de nouvelles interfaces d’accès aux contenus.
  16. 16. 2006 Google a racheté @Last Software qui a créé un plugin pour permettre d'obtenir un rendu 3D dans Google Earth. Des possibilités de créations 3D illimitées.
  17. 17. Design adds value faster than it adds costs. Joel Spolsky, ingénieur logiciel et écrivain joel.spolsky.com/ “ ”
  18. 18. 2006 La société de prêt-à-porter American Apparel est la première à créer une boutique virtuelle dans 2 nde Life . Budget $15 000 pour une campagne média sans précédent pour la marque.
  19. 19. 2006 Impact avéré du haut-débit - Démocratisation du Web et du haut débit. 80 % des accès à Internet à domicile sont des connexions ADSL ou câble. - Professionnalisation des agences interactives. - Plus d’1 milliard d'euros dépensé par les annonceurs . - En un an, le temps passé sur Internet a augmenté de près de 4 heures.
  20. 20. 2006 Fort développement du marché de la publicité interactive Démultiplication des formes et des supports Bannières Flash transparent Expand Banner Twin ads Self advertising Ad blogging Publicité sur Internet mobile Marketing Viral Advergaming Social banners Publicité avec interactions gestuelles et sonores Hypervidéo Mini-sites User generated campaigns
  21. 21. 2006 Advergaming , publicités dans les jeux en ligne . Dynamic in-game advertising, plot integration, inter-level advertising, Pre-roll, product placement, sponsoring et partenariats.
  22. 22. 2006 Flash Lite est disponible sur plus de 100 millions de téléphones mobiles.
  23. 23. 2006 ETSY , site e-commerce avec interface innovante, utilisant Flash et des technologies 2.0 . Moteur de recherche des produits par couleurs, par géolocalisation…
  24. 24. 2006 Le site Spamrecycling.com remet l’art génératif au goût du jour en transformant le spam des utilisateurs en création graphique non-linéaire .
  25. 25. 2006 Pileus est un parapluie connecté à Internet qui projette à sa surface des images issues du Web. Equipé d’un GPS il permet la géolocalisation via Google Earth.
  26. 26. 2006 Le site lancé pour la campagne 2006 Nike Air est non-seulement un réussite esthétique et immersive , mais aussi une révolution technique avec du motion design interactif .
  27. 27. 2007 Le groupe canadien Arcade Fire relance les expérimentations en matière d’ hypervidéo . Le concept a été inventé en 1988 au MIT Media Lab .
  28. 28. 2007 La vidéo Haute-Définition envahit le Web. Jusqu’à une définition en 1920 x 1080. Relance de la course au très haut-débit .
  29. 29. 2007 Second Life ne fait plus recette. American Apparel ferme son île. Seulement 40 000 personnes sont connectées en direct. La Bulle marketing éclate.
  30. 30. Dofus, The Habbo Hotel, Taatu, CyWorld, Naughty America, Outback Online, Entropia, There, CityPixel... Les univers virtuels n’en sont qu’à leurs balbutiements!
  31. 31. Everyscape , promenade virtuelle en trois dimensions générée par les utilisateurs. Virtuel et réel se confondent de plus en plus.
  32. 32. Papervision 3D , Sandy , Away3D … Solutions opensources pour Flash. Une 3D pour le Web nouvelle génération.
  33. 33. 2007 Aaron Koblin et la Yahoo! Design Innovation Team mettent en ligne Yahoo! Traffic Map , représentation en temps réel de l’état du trafic routier aux USA.
  34. 34. 2007 Des dizaines d’expérimentations de visualisations des nouveaux flux d’informations sur Digg Labs . Design d’Information ou Web Design?
  35. 35. 2007 Trésor in Love , campagne de Lancôme associe interface en 3D temps réel et contenus générés par les utilisateurs.
  36. 36. Après les Rich Internet Applications, les Rich Desktop Applications sont l’un des phénomènes du Web 2007. Adobe Air et les autres plateformes révolutionnent le design Web.
  37. 37. Le browser n’est plus la limite du Web! Embryon des concepts Web 3.0 : Widgets , applications bureau riches, supports mobiles et autres typologies d’interfaces.
  38. 38. 2007 Social Design, favoriser, faciliter et organiser les interactions sociales sur le online et offline.
  39. 39. 2007 L’ I-Phone d’Apple, Samsung F700, HTC Touch, Nokia N95, LG KS20, LG Variety, Sony Ericsson P1i…
  40. 40. 2007 Microsoft Surface, une interface tactile , ‘’Multi-Touch’’ et kinésite qui offre de nouvelles perspectives en termes de design interactif.
  41. 41. 2007 City Wall par le groupe de recherche Ubiquitous Interaction de l’Institut pour les Technologies de l’Information d’Helsinki. Interface urbaine, tactile, interactive et collaborative .
  42. 42. 2007 Willem Velthoven de Mediamatic présente Itea, une interface RFID multi-utilisateurs connectée à Google.
  43. 43. 2007 Time Square, bilboard interactif HD pour CNN et CNN.com.
  44. 44. 2008 La boutique e-commerce Underunder reconstitue un environnement marchand du l’environnement réel en 3D temps réel .
  45. 45. Corée du Sud, la ville de New Songdo Ubiquitous computing <ul><li>Etre connecté, 24h24, 7/7j, 365j/an </li></ul><ul><li>Des interfaces mélangés à notre quotidien. </li></ul><ul><li>La fin de l’ordinateur écran ? </li></ul><ul><li>En construction à 60 kilomètres de Seoul, la ville occupera en 2014 </li></ul><ul><li>les 600 hectares d’une île artificielle. </li></ul>En cours…
  46. 46. Réseaux sans fils, IPV6, objets connectés, portabilité de l’information, nanotechnologies… <ul><li>Web Design – Web = Design? </li></ul><ul><li>Web Design aujourd’hui = Design demain ? </li></ul>Disparition de l’Internet
  47. 47. Il n'existe pas de définition unique du design . Son sens varie selon les époques, les cultures et les individus. Pour les anglo-saxon, le design est davantage une conception, une idée, une intention ou un projet. En français, c'est une recherche d'harmonie entre les formes et les fonctions de l'objet. <ul><li>Le design est une activité créatrice dont le but est de présenter les multiples facettes de la qualité des objets, des procédés, des services et des systèmes dans lesquels ils sont intégrés au cours de leur cycle de vie. </li></ul><ul><li>C’est pourquoi il constitue le principal facteur d’humanisation innovante des technologies et un moteur essentiel dans les échanges économiques et culturels . </li></ul>Définition du Design
  48. 48. Graphic Design will save the world right after rock and roll does. David Carson, designer graphique et typographe davidcarsondesign.com/ “ ”
  49. 49. Comme les autres formes de Design , l’évolution et la reconnaissance passera par la définition et la compréhension de process adaptés .
  50. 50.
  51. 51. <ul><li>Inventer des process adaptés aux nouveaux enjeux. </li></ul><ul><li>Elargir le champ d’application des standards. </li></ul><ul><li>Penser convergence et plus seulement plurimédia. </li></ul><ul><li>Oublier le support écran du micro-ordinateur, envahir d’autres espaces d’interactions. </li></ul><ul><li>Rechercher du sens encore et toujours. </li></ul><ul><li>Faire entrer les contenus dans l’ère de la sémantique. </li></ul><ul><li>Organiser le design collaboratif. </li></ul>Des défis à relever aujourd’hui!
  52. 52. <ul><li>Les idées, les concepts, l’expérience utilisateur d’abord, les outils et les langages ensuite. </li></ul><ul><li>Sortir du Web, allez-chercher l’inspiration ailleurs. </li></ul><ul><li>Cultiver le sens, réussir à présenter ses concepts. </li></ul><ul><li>Apprendre la collaboration et travaillez le process. </li></ul><ul><li>Se spécialiser, ne pas avoir peur de ne pas tout savoir. </li></ul><ul><li>Ne plus se limiter au browser. </li></ul><ul><li>Se confronter à d’autres cultures. </li></ul>Quelques conseils
  53. 53. Bibliographies et références <ul><li>Minitel </li></ul><ul><li>http://fr.wikipedia.org/wiki/Minitel </li></ul><ul><li>Compuserve </li></ul><ul><li>http://fr.wikipedia.org/wiki/CompuServe </li></ul><ul><li>Muriel Cooper </li></ul><ul><li>http://www.aiga.org/content.cfm/medalist-murielcooper </li></ul><ul><li>Bill Atkinson </li></ul><ul><li>http://en.wikipedia.org/wiki/Bill_Atkinson </li></ul><ul><li>McPaint </li></ul><ul><li>http://en.wikipedia.org/wiki/MacPaint </li></ul><ul><li>Tim Berners Lee </li></ul><ul><li>http://www.w3.org/People/Berners-Lee/ </li></ul><ul><li>http://fr.wikipedia.org/wiki/Tim_Berners-Lee#_note-0 </li></ul><ul><li>Adobe Photoshop </li></ul><ul><li>http://fr.wikipedia.org/wiki/Adobe_Photoshop </li></ul><ul><li>Virtools </li></ul><ul><li>http://www.3d-test.com/interviews/virtools_1.htm </li></ul><ul><li>http://www.afjv.com/press0507/050727_virtools_dassault_systemes.htm </li></ul><ul><li>Marc Andressen </li></ul><ul><li>http://en.wikipedia.org/wiki/Marc_Andreessen </li></ul><ul><li>John Maeda </li></ul><ul><li>http://fr.wikipedia.org/wiki/John_Maeda </li></ul><ul><li>http://www.fluctuat.net/2769-Portrait-John-Maeda-2--selection-de-sites </li></ul><ul><li>http://weblogs.media.mit.edu/SIMPLICITY/ </li></ul><ul><li>http://en.wikipedia.org/wiki/John_Maeda </li></ul><ul><li>http://fr.wikipedia.org/wiki/John_Maeda </li></ul><ul><li>http://www.maedastudio.com/ </li></ul><ul><li>http://mitpress.mit.edu/catalog/item/default.asp?ttype=2&tid=3498 </li></ul><ul><li>http://plw.media.mit.edu/people/maeda/bio.html </li></ul><ul><li>Netscape </li></ul><ul><li>http://en.wikipedia.org/wiki/Mosaic_Communications_Corporation </li></ul><ul><li>W3C </li></ul><ul><li>http://www.w3.org/ </li></ul><ul><li>http://fr.wikipedia.org/wiki/World_Wide_Web_Consortium </li></ul><ul><li>http://en.wikipedia.org/wiki/W3C </li></ul><ul><li>JavaScript </li></ul><ul><li>http://fr.wikipedia.org/wiki/JavaScript </li></ul><ul><li>http://en.wikipedia.org/wiki/Javascript </li></ul><ul><li>Brendan Eich </li></ul><ul><li>http://fr.wikipedia.org/wiki/Brendan_Eich </li></ul><ul><li>Le Deuxième Monde </li></ul><ul><li>http://fr.wikipedia.org/wiki/Le_Deuxi%C3%A8me_Monde </li></ul>QR Code http://en.wikipedia.org/wiki/QR_Code http://www.journaldunet.com/0607/060705-mobiletag.shtml http://www.hebiflux.com/blog/2006/11/09/mobile-tag-hotscan-activeprint-et-shotcode-bonnet-blanc-et-blanc-bonnet/ Adobe Shockwave http://en.wikipedia.org/wiki/Adobe_Shockwave http://fr.wikipedia.org/wiki/Adobe_Shockwave Adobe Director http://fr.wikipedia.org/wiki/Adobe_Director Think Tank Adobe http://www.adobe.com/designcenter/thinktank/makingdo/ Larry McVoy http://www.bitmover.com/lm/ Jonathan Gay http://en.wikipedia.org/wiki/Jonathan_Gay Adobe Flash http://en.wikipedia.org/wiki/Adobe_Flash The Remedi Project http://www.theremediproject.com/ http://www.designinteract.com/sow/051898/ Joe Cartoon http://www.joecartoon.com/ http://en.wikipedia.org/wiki/Joe_Cartoon Joshua Davis http://www.once-upon-a-forest.com/ Echarpe communicante Electronic Shadow http://www.electronicshadow.com/mediacol/story/synop.htm Yugo Nakamura http://yugop.com/ver2/ Theban Mapping Project http://www.thebanmappingproject.com/ Quantapoint http://www.quantapoint.com/ Processing http://en.wikipedia.org/wiki/Processing_%28programming_language%29 http://www.ecole-art-aix.fr/article203.html http://fr.wikipedia.org/wiki/Processing
  54. 54. Bibliographies et références The Flash Video Gallery http://www.adobe.com/devnet/flash/samples/video_gallery_as2/ Red Bull Copilot http://www.redbullcopilot.com/ Enre Electronique http://www.wired.com/science/discoveries/news/2001/03/42056 http://www.eink.com/index.html http://fr.wikipedia.org/wiki/Papier_%C3%A9lectronique http://www.zdnet.fr/actualites/informatique/0,39040745,39128944-3,00.htm SWFObject http://wiki.mediabox.fr/documentation/swfobject Nabaztag http://fr.wikipedia.org/wiki/Nabaztag http://www.01net.com/editorial/289117/nabaztag-le-petit-lapin-communicant-fait-son-trou-en-france/ http://www.atelier.fr/inventions/10/23092005/nabaztag-wifi-30461-.html Marumushi http://www.zazieweb.fr/site/reagir.php?num=64309&readonly=true http://www.marumushi.com/apps/newsmap/newsmap.cfm?layout=0&selected=fr&categories=world,nation,business,technology,sports,entertainment,health Google Earth http://www.clubic.com/article-33638-1-google-earth-le-guide-du-voyageur.html http://www.infos-du-net.com/actualite/10322-darfour-google-earth.html http://www.ecrans.fr/Darfour-Google-Earth-temoin.html http://fr.wikipedia.org/wiki/Google_Earth http://www.sqli-agency.com/blogs/emarketinggarden/index.php?2007/10/16/ 182-google-maps-google-earth-lavenir-du-e-tourisme Iphone http://blogs.laprovence.com/comptes/gvanlede/index.php/post/10/11/2007/ LiPhone-face-a-ses-concurrents http://www.journaldugeek.com/?2007/06/19/7339-l-iphone-face-a-ses-concurrents Bill Curtis http://www.borland.com.tr/tr/company/leadership/management.html Chip Rosenthal http://www.unicom.com/chrome/ Page de Mark Weiser sur l’informatique omniprésente http://sandbox.xerox.com/ubicomp Tangible Media Group, MIT Media Lab, http://tangible.media.mit.edu E-Zpass, http://en.wikipedia.org/wiki/E-ZPass Ville de New Songdo, http://www.new-songdocity.co.kr Xerox PARC, http://sandbox.xerox.com/parctab/ Plancher intelligent de Georgia Tech, http://www-static.cc.gatech.edu/fce/smartfloor/ RedTacton, http://www.redtacton.com/en/ NYU ITP, http://itp.nyu.edu/ Web 2.0 http://fr.wikipedia.org/wiki/Web_2 http://www.rubyonrails.org/ Institut de design interactif Ivrea, http://www.interaction-ivrea.it Rich Internet Applications http://blog.aysoon.com/post/Que-sont-les-applications-riches-RIA-Partie-1-Definition-et-usages-195 SpamRecycling http://www.spamrecycling.com/ Hypervideo http://en.wikipedia.org/wiki/Hypervideo http://www.canal-ntic.com/blog/navigation-immersive.php Second Life http://fr.wikipedia.org/wiki/Second_Life http://www.fredcavazza.net/2007/03/05/pourquoi-je-ne-crois-plus-en-second-life/ http://www.fredcavazza.net/2007/02/01/hypotheses-d-evolution-pour-les-univers-virtuels/ http://www.infos-du-net.com/actualite/9986-second-life-outback-online.html American Apparel http://www.journaldunet.com/diaporama/0611-secondlife/3.shtml http://secondworld.wordpress.com/2006/08/ http://www.michelleblanc.com/2007/04/04/5-conseils-marqueteurs-second-life/ http://pages.usherbrooke.ca/gcorriveau/?p=21 http://gromike.wordpress.com/2007/07/23/ http://images.google.fr/imgres?imgurl=http://www.3pointd.com/wp-content/uploads/2006/06/aaday.jpg&imgrefurl=http://www.3pointd.com/20060615/american-apparel-to-open-in-second-life/&h=347&w=480&sz=72&hl=fr&start=1&um=1&tbnid=RV2jq0RmVNT3RM:&tbnh=93&tbnw=129&prev=/images%3Fq%3Dsecond%2Blife%252Bamerican%2Bapparel%26svnum%3D10%26um%3D1%26hl%3Dfr%26lr%3Dlang_fr%26sa%3DG Yahoo ! Design Innovation Team http://design.yahoo.com/index.php#projects PaperVision http://www.youtube.com/watch?v=B3G9VdzGSl8
  55. 55. Bibliographies et références Le Web HD http://www.beet.tv/2007/10/breaking-akamai.html Rich Desktop Applications http://www.fredcavazza.net/2006/10/15/apres-les-ria-les-rda/ http://blog.aysoon.com/post/Que-sont-les-applications-riches-RIA-Partie-2-Technologies-et-exemples-concrets-199 http://www.fdeshayes.net/index.php?2007/04/09/88-bilan-de-la-montee-des-rich-desktop-applications http://raphaelbriner.electronlibre.com/?p=181 http://www.libert-fr.com/blog/post/2007/10/31/Prism-%3A-le-Web-est-enfin-sur-votre-bureau City Wall http://www.hiit.fi/uix http://citywall.org/pages/about iTea http://www.mediamatic.net/artefact-22745-en.html Semapedia, http://www.semapedia.org Codes QR, http://www.denso-wave.com/qrcode/qrfeature-e.html Yellow Arrow, http://yellowarrow.net David Carson http://www.davidcarsondesign.com/ Underunder http://www.underunder.com/store/
  56. 56. Crédits Photographiques <ul><li>Minitel </li></ul><ul><li>http://www.flickr.com/photos/lhochet/675518054/ </li></ul><ul><li>http://fr.wikipedia.org/wiki/Image:BretagneVTX.jpg </li></ul><ul><li>http://eureka.rxl1.com/mmag.jpg </li></ul><ul><li>Compuserve </li></ul><ul><li>http://www.ibiblio.org/GameBytes/issue18/editor/logos.gif </li></ul><ul><li>Bill Atkinson </li></ul><ul><li>http://www.flickr.com/photos/bitmuster/1256627950/ </li></ul><ul><li>McPaint </li></ul><ul><li>http://www.d4.dion.ne.jp/~motohiko/graphicdock/macshow.gif </li></ul><ul><li>Cern </li></ul><ul><li>http://info.cern.ch/NextBrowser.html </li></ul><ul><li>http://info.cern.ch/NextBrowser1.html </li></ul><ul><li>Thomas Knoll </li></ul><ul><li>http://www.photoshopsoup2nuts.org/archives/2005soup2nuts/presenters/knoll.jpg </li></ul><ul><li>John Knoll </li></ul><ul><li>http://www.studiodaily.com/images/articles/6838_1153846873.jpg </li></ul><ul><li>Adobe Photoshop </li></ul><ul><li>http://www.egbox.co.kr/lec_free/images/abc/photo1/photoshop1.gif </li></ul><ul><li>Virtools </li></ul><ul><li>http://www.tdt3d.com/shared_files/uploaded/1490/7147_1_o.jpg </li></ul><ul><li>Marc Andressen Time Magazine </li></ul><ul><li>http://img.timeinc.net/time/magazine/archive/covers/1996/1101960219_400.jpg </li></ul><ul><li>Mosaic Navigator </li></ul><ul><li>http://content.answers.com/main/content/img/CDE/_MOSAIC.GIF </li></ul><ul><li>John Maeda </li></ul><ul><li>http://www.flickr.com/photos/curiouslee/17741746/ </li></ul><ul><li>http://www.opossum.ca/guitef/archives/retro2006_nov2.jpg </li></ul><ul><li>http://www.designverb.com/2007/09/08/john-maeda-key-cover-design-process/ </li></ul><ul><li>http://www.nytimes.com/pages/realestate/key/index.html </li></ul><ul><li>Netscape Navigator </li></ul><ul><li>Brendan Eich </li></ul><ul><li>http://www.flickr.com/photos/oreilly/6629035/ </li></ul><ul><li>http://sunsite.uakom.sk/sunworldonline/swol-10-1995/navscrnshot.gif </li></ul><ul><li>Larry McVoy </li></ul><ul><li>QR Code </li></ul><ul><li>http://www.pdafrance.com/articles/images/mobiletag_explain.jpg </li></ul><ul><li>http://www.hebiflux.com/blog/images//2007/09/hotelrue.jpg </li></ul><ul><li>FutureSplash Animator </li></ul><ul><li>http://pagus.de/seminar/skript/img/futuresplash.png </li></ul><ul><li>Joe Cartoon </li></ul><ul><li>http://www.joecartoon.com/ </li></ul>Macromedia Shockwave http://www.oreillynet.com/network/2005/06/20/graphics/figure1.jpg http://www.katcaverly.com/mt-static/archives/images2/audits.gif http://blog.loaz.com/media/hangzhou_3d_road02.jpg http://www.siamflashgames.com/games/flashgames/screenshot/0118.gif http://weblogs.macromedia.com/thiggins/Phosphor.jpg/Phosphor.jpg http://www.fluidforms.at/shop/catalog/images/DRIFT_teaser400px_1.gif http://www.linux-mag.com/images/2000-04/img/opensource_evol_01.jpg I-Mode http://www.flickr.com/photos/gigijin/52546413/ Yugo Nakamura http://yugop.com/ver2/ FlashForward http://blog.flashforwardconference.com/wp-content/uploads/flashback-ff.jpg Joshua Davus http://2007.vidfest.com/wp-content/uploads/2007/05/joshua_davis.JPG Echarpe communicante Electronic Shadow http://www.electronicshadow.com/mediacol/story/synopsis/photo6argent%E9e.jpg http://www.electronicshadow.com/mediacol/veste/collar-white.jpg The Flash Video Gallery http://www.adobe.com/devnet/flash/samples/video_gallery_as2/ Red Bull Copilot http://www.redbullcopilot.com/ Jakob Nielsen http://en.wikipedia.org/wiki/Image:Jakob_Nielsen_1.jpg Bill Cutis http://jax.de/static/konferenzen/jax2005/images/851.jpg Chip Rosenthal http://www.unicom.com/people/chip/graphics/photo-class.jpg David Carson http://www.artgraphics.ru/images/identity/best2007/david_carson.jpg Encre Electronique http://eink.com/technology/images/technology_inkballs3.jpg Matthew Mullengweg http://en.wikipedia.org/wiki/Image:Mullenweg_matt.jpg Tantek Celik http://fr.wikipedia.org/wiki/Image:Tantek_%C3%87elik.jpg Eric Meyer http://en.wikipedia.org/wiki/Image:Eric-meyer.jpg Diagramme Microformats traduit du Portugais Henrique Costa Pereira http://www.revolucao.etc.br
  57. 57. Crédits Photographiques Nabaztag http://www.wifi-idf.info/wp-content/uploads/images/nabaztag-fondblanc.jpg http://www.vieartificielle.com/images_nouvelle/2%20lapinsmodif.jpg http://img.neteco.com/photo/015E000000422215.jpg Justin Everett Church http://www.flickr.com/photos/mattvoerman/313526422/ NYC Traffic http://www.blogs.s60.com/tommi/images/snap005.jpg Arial Malka Chonotext http://www.chronotext.org/Isaiah/index.htm Web 2.0 http://img197.imageshack.us/img197/5332/logo207id.jpg http://www.zezel.net/blog/images/Logos/web_20_france_logos.jpg http://www.web20badges.com/images/badge-round-corners.jpg http://www.webscriptlab.com/design/images/script_title_ajaxload.gif http://www.roundedcornr.com/images/roundedcornr_869301.gif http://www.stripegenerator.com/images/stripegenerator2.gif http://creatr.cc/creatr/ http://www.eclaireur.net/mode-internet/10-sites-ou-services-pour-faire-du-web-design-20/ http://www.peutetreunereponse.net/article-5169419.html Google Earth http://www.emob.fr/dotclear/images/avril2007/google_earth_darfour.jpg http://www.svmlemag.fr/files/Google%20earth_07.jpg http://www.lesnumeriques.com/images/1/dossier/2006/01/google_earth_3d.jpg http://www.7-dragons.com/images/planet01.jpg http://www.kerignard.com/blog2/uploaded_images/tour_eiffel-745630.JPG http://www.flickr.com/photos/antoon/547515506/ SpamRecycling http://pinkmaniacs.h-art.it/wp-content/uploads/2007/10/recycledimage.jpg Nike Air http://www.bigspaceship.com/archive/nikeair/ CityPixel http://www.vincenzo.be/images/mondes-virtuels/citypixel2.png Dofus http://www.toocharger.com/img/logiciels/c6835.jpg Habbo Hotel http://picnic.ciao.com/fr/24530444.jpg Cyworld http://www.3pointd.com/wp-content/uploads/2006/04/minihompy.jpg Taatu http://www.frankwatching.com/wordpress/wp-content/uploads/pivot/taatukaart.jpg Flash Light http://www.letsgodigital.org/images/artikelen/63/adobe-flash-lite-3.jpg Second Life http://gromike.files.wordpress.com/2007/07/americanaffaire.jpg http://rohitbhargava.typepad.com/photos/uncategorized/secondlife_americanapparel.jpg http://images.grosbill.com/newsimages/SecondLife.jpg http://www.3pointd.com/wp-content/uploads/2006/06/pirate.jpg http://slgames.files.wordpress.com/2007/01/skateboarding.jpg Naughty America http://www.foxnews.com/images/199329/1_21_onlinesexgame.jpg Entropia http://www.showstoppers.com/newsdesk/images/Entropia%20EU_Vexed-Generation-Shop-1.jpg Everyscape http://explorersonthemoon.files.wordpress.com/2007/10/everyscape.jpg Flash 3D http://webdesign.2803.com/wp-content/uploads/2007/10/nike-sweetspots.jpg Rich Internet Applications http://www.simonwhatley.co.uk/blog/wp-content/uploads/2007/06/ria-venn-diagram_small.jpg Yahoo! Traffic Map http://www.blacksworld.net/images/yahoo_traffic_animation_screenshot.png Widgets http://www.nathanheleine.com/widgets.jpg Iphone http://blogues.cyberpresse.ca/technaute/mckenna/wp-content/uploads/2007/06/iphone_home.jpg HTC Touch Dual http://www.totalpda.co.uk/img/blog/Touch-dual.jpg Samsung F700 http://blogs.laprovence.com/comptes/gvanlede/public/.samsung_s.jpg Nokia N95 http://blogs.laprovence.com/comptes/gvanlede/public/.nokia_s.jpg LG Viewtee KU990 http://blogs.laprovence.com/comptes/gvanlede/public/LG.jpg Social Design http://www.felixheinen.de/020.html Itea http://fast.mediamatic.nl/f/sjnh/image/22825-500-387.jpg Underunder http://www.underunder.com/store/ Process http://flickr.com/photos/stillburning/174041250/
  58. 58. Restons en contact www.tubatomic.com [email_address] www.6usiness.eu [email_address] www.cre824.com [email_address] www.webevangelists.net Skype : Duverneuil Benoit www.viaduc.com/fr/profile/benoit.duverneuil www.linkedin.com/in/bduverneuil www.myspace.com/bduverneuil www.facebook.com/bduverneuil www.wallop.com/bduverneuil

×