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/

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. 2005 Rafi Haladjian commercialise le Nabaztag , objet communiquant connecté au Web, nouvelle forme d’interface entre Internet et le monde réel .

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. Justin Everett Church développe l’application mobile en temps réel NYC Traffic 2005

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. Architect : someone who knows the difference between that which could be done and that which should be done . Larry McVoy, directeur de BitMover “ ”

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. 2005 The Venice Project (Joost) supplante la télévision et l’ordinateur en créant une nouvelle forme de broadcast interactif .

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. 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. 2005 Google Earth fait entrer la géolocalisation sur le Web. Un nouveau terrain de jeu pour les Webdesigners.

14. Google Earth , nouveau support de promotion et d’information pour les marques interactives ?

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. 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. Design adds value faster than it adds costs. Joel Spolsky, ingénieur logiciel et écrivain joel.spolsky.com/ “ ”

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. 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. 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. 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. 2006 Flash Lite est disponible sur plus de 100 millions de téléphones mobiles.

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. 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. 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. 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. 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. 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. 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. Dofus, The Habbo Hotel, Taatu, CyWorld, Naughty America, Outback Online, Entropia, There, CityPixel... Les univers virtuels n’en sont qu’à leurs balbutiements!

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. Papervision 3D , Sandy , Away3D … Solutions opensources pour Flash. Une 3D pour le Web nouvelle génération.

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. 2007 Des dizaines d’expérimentations de visualisations des nouveaux flux d’informations sur Digg Labs . Design d’Information ou Web Design?

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. 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. 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. 2007 Social Design, favoriser, faciliter et organiser les interactions sociales sur le online et offline.

39. 2007 L’ I-Phone d’Apple, Samsung F700, HTC Touch, Nokia N95, LG KS20, LG Variety, Sony Ericsson P1i…

40. 2007 Microsoft Surface, une interface tactile , ‘’Multi-Touch’’ et kinésite qui offre de nouvelles perspectives en termes de design interactif.

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. 2007 Willem Velthoven de Mediamatic présente Itea, une interface RFID multi-utilisateurs connectée à Google.

43. 2007 Time Square, bilboard interactif HD pour CNN et CNN.com.

44. 2008 La boutique e-commerce Underunder reconstitue un environnement marchand du l’environnement réel en 3D temps réel .

48. Graphic Design will save the world right after rock and roll does. David Carson, designer graphique et typographe davidcarsondesign.com/ “ ”

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. ”

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. 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/

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. 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