E-ARTSUP. DÉPARTEMENT DESIGN INTERACTIF & COMMUNICATION VISUELLE. Design interactif S.01 // Alexandre Rivaux [email protected]Département Design interactif & communication visuelle: Enseignants: Nicolas Baumgartner Félicie d’Estienne D’Orves Jonathan Munn Alexandre Rivaux {une} histoire du design interactif
73
Embed
{une} histoire du design interactif - [IxD].educationixd.education/wp-content/uploads/2014/10/00-UHDDI-72dpi.pdfune histoire du design interactif-rsu - un sor u sn nr. Design Interactif
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
E-Artsup. Département Design interactif & communication visuelle.
1 - Théories, recherches et premiers ordinateurs2 - Personnal Computer & Operating Systems3 - Softwares4 - Internet évolue5 - Le mobile se connecte6 - Les capteurs apparaissent
2 - {une} histoire de la programmation informatique
1 - Concept et cartes perforées2 - De 1940 à 19803 - De 1980 à nos jours
3 - Design graphique et interactivité
1 - Animation et cinéma2 - MIT Media Lab & GUI3 - Les CD-Rom4 - Internet
1 - {une} histoire de l’informatique1 - Théories, recherches et premiers ordinateurs
1942allan turing pose les basesde l’informatique moderne
Allan Turing est considéré comme le père officiel du premier ordinateur. Il est également l’inventeur de la Bombe, la première machine ayant cassé le code de la machine Enigma dans la Seconde Guerre Mondiale.
Il pose les base de l’informatique moderne et de la programmation, avec des concept tel que «La Machine de Turing», modèle abstrait d’un ordinateur en tant que machine de calcul.
Il est également l’inventeur du «Test de Turing», qui propose de tester une intelligence artificiel via une série de questions.
1 - {une} histoire de l’informatique1 - Théories, recherches et premiers ordinateurs
1944l’architecture de von neumann
En 1944 John Von Neumann conçoit l’architecture qui sera utilisée dans la quasi-totalité des ordinateurs aujourd’hui. Elle décompose l’ordinateur en 4 parties distinctes :
1. L’unité arithmétique et logique (ALU) qui effectue les opérations de bases.
2. L’unité de contrôle, qui séquence les opérations.
3. La mémoire, contenant à la fois les données et les programmes. Elle se décompose en deux parties. La mémoire volatile (programmes et données en cours de fonctionnement) et la mémoire permanente (programmes et données enregistrées)
4. Dispositif d’entrée et de sortie permettant de communiquer avec l’extérieur.
1 - {une} histoire de l’informatique1 - Théories, recherches et premiers ordinateurs
1945 le memex de vannevar Bush
En 1945, l’ingénieur Vannevar Bush annonce l’apparition de l’ordinateur dans un article0qu’il publie sous le nom de «As we may think» dans le magazine Atlantic Monthly.Dans ce texte, il décrit une machine imaginaire, le Memex, capable d’associer différents types d’informations et servant de mémoire étendue à l’homme.
Cette machine théorique pose ainsi les bases de la notion d’hypertexte ainsi que les fondements de l’informatique moderne.
1 - {une} histoire de l’informatique1 - Théories, recherches et premiers ordinateurs
1962la courbe de Bézier
En 1962, Pierre Bézier (ingénieur chez Renault) décrit la coubre polynomiales paramétrique, ou courbe de Bézier, qui intégrera rapidement l’ensemble des outils de CAO. Pierre Bézier souhaitait proposer un modèle simple et puissant de modélisation de forme via des machine informatique. Ses recherches aboutirent au logiciel Unisurf en 1971, base de CAO d’aujourd’hui.
1 - {une} histoire de l’informatique1 - Théories, recherches et premiers ordinateurs
1963sketchpad
En 1963, Ivan Sutherland présente SketchPad, le premier programmes de dessin 3D sur ordinateur (CAO). À cette même époque la souris d’un pas encore présenté comme interface de pointage. Shuterland présente un interface intuitive se basant sur un crayon optique afin d’obtenir une plus grande intuitivité dans l’utilisation de son programme
1 - {une} histoire de l’informatique1 - Théories, recherches et premiers ordinateurs
1965Xanadu
1965, Ted Nelson publie un article sur les données informatiques reliées entre-elles. Il introduit pour la première fois les mot «hypertexte» et «hypermedia» qui fut des notion envisagé dans le Memex de Vannevar Bush. Il lance au début des année 60 le projet Xanadu, un projet de partage instantané et universel de données informatiques. Il imagine une machine permettant à chacun de stocker des données et de les mettre à disposition de tous. Un simple clic sur un mot permet de naviguer sur une texte situé sur un autre ordinateur. Il s’agit ici de la base du peer-to-peer.
1 - {une} histoire de l’informatique1 - Théories, recherches et premiers ordinateurs
1968«augment» & souris
En 1968, Douglas Engelbart, chercheur au Stanford Reserach Institute, présente «Augment», un système hypertexte. Il présente également la première souris comme interface de pointage. Dans sa démonstration, Englebart montre l’utilisation de la souris dans un environnement graphique possédante des fenêtre manipulable.
1 - {une} histoire de l’informatique1 - Théories, recherches et premiers ordinateurs
1967 à 1976arpanet
Lawrence G. Robert publie les plan de l’ARPANET «Advanced Research Projects Agency Network», l’ancêtre de l’internet. Il s’agit du premier système mettant des ordinateur en réseau et permettant l’échange de paquet (information). En septembre 1969 seul deux ordinateurs sont reliées, un à l’UCLA puis un second à la Stanford Research Institue chez l’équipe d’Engelbart. Deux plus seront reliés avant la fin de l’année. 1971, l’ARPANET compte 23 ordinateurs sur 15 sites différents.
1972 Ray Tomlison réalise le premier logiciel d’échange de courrier électronique via ARPANET
1976 ARPANET compte 11 ordinateur et inclut les liaison satellite et radio à son système
1 - {une} histoire de l’informatique1 - Théories, recherches et premiers ordinateurs
1970 à 1975le parc Xerox
Xeros créer le centre de recherche PARC (Palo Alto Research Center). De 1970 à 1975 le PARC Xeros sera l’inventeur de concepts tel que le WYSIWYG (What You See Is What You Get), développement des concept d’Engelbart (souris, multifenêtrage…), Super paint, Post-Script… autant de concept souvent attribué à Apple par erreur. 1973 : Dick Shoup réalise Superpaint, logiciel de DAO en couleur et intégrant pour la première fois des effets vidéo
1974 : Premier ordinateur possédant un interface graphique
1975 : Charles Simonyi présente le WYSIWYG On attribut également au PARC l’invention de l’encre électronique et de l’internet des objets.
Vidéo : Xeros User Interface 1/2Xerox User Interface 2/2
1 - {une} histoire de l’informatique1 - Théories, recherches et premiers ordinateurs
1988l’informatique ubiquitaire
Mark Weizer créer la notion d’informatique ubiquitaire. L´informatique ubiquitaire est la troisième ère de l’histoire de l’informatique, qui succède à l’ère des ordinateurs personnels et celle des mainframe. Dans cette ère l’utilisateur a à sa disposition une gamme de petits appareils informatiques tels que smartphone ou assistant personnel, et leur utilisation fait partie de l’ordinaire de sa vie quotidienne. Ces appareils rendent l’accès à l’information facile pour tout le monde, n’importe où et n’importe quand. Les utilisateurs ont alors la possibilité de s’échanger des données facilement, rapidement et sans effort, quel que soit leur position géographique. Cette omniprésence de l’accès à l’information a un fort impact sur la société, modifie les habitudes de travail et de vie privée.
1 - {une} histoire de l’informatique2 - Personnal Computer & Operating Systems
1984macintosh d’apple
Le Macintosh d’Apple intégrant Mac Paint de Bill Atkinson. Mac paint permettra de mettre en place les première interfaces de logiciel de CAO d’Adobe (pot de peinture, bitmap, trame, lasso…)
Vidéo : Présentation du macintoshPub 1984 de Ridley Scott
1 - {une} histoire de l’informatique2 - Personnal Computer & Operating Systems
1985atari(s)
ATARI(s) ST (Sixteen/Thirty-Two - en référence à l’architecture 16/32Bits du processeur). Il y eu de nombreuses version des ATARI, tous possédant leur propre avantage (capacité graphique et sonore, lecteur disquette, mémoire vive…)
Adobe lance le Post-Script initié au PARC Xerox. Ils ‘agit d’un langage de description de page permettant d’obtenir une qualité alors inégalée sur les première imprimantes laser de l’époque. Ce langage permettra la création de police de caractère de qualité permettant de rivaliser avec la composition typographique de l’époque.
1 - {une} histoire de l’informatique4 - Internet évolue
1983 à 1990internet se met en plance
1983 : En Août, 562 machines sont connectées à Internet
1985 : En Octobre, 1961 machines sont connectées à Internet
1986 : En Février, 2308 machines sont connectées à Internet
1986 : En Novembre, 5089 machines sont connectées à Internet
1990 : Tim Barners-Lee met en place le base du web via le World Wide Web (protocole HTTP, HTML…). Le premier site web est toujours en ligne : http://info.cern.ch/hypertext/WWW/TheProject.html
1 - {une} histoire de l’informatique4 - Internet évolue
1994W3c
W3C ou le World Wide Web Consortium est fondé pour promouvoir la compatibilité des technologies du web tel que ; HTML, XHTML, XML, RDF, CSS, PNG, SVG… il définie et régule les standard de développement.
1 - {une} histoire de l’informatique4 - Internet évolue
1995 altavista
Altavista devient le moteur de recherche le plus important au monde. Il est conçu à l’initiative du Français Louis Monier, qui travailla par la suite chez Google.
1 - {une} histoire de l’informatique4 - Internet évolue
2005google & co.
Google Print (ou Books) permettant de faire des recherches en ligne dans le contenu de livres numérisés.
2005 est l’année Google. Google est partout avec Google vidéo, Google Earth, Gmail, Google Calendar, Blogger, Picasa, Google Talk, Google Desktop, Google Analytics, Google trends, Google earth, google maps, Google AdsSense...
Lancement des plateforme de vidéo en ligne Youtube, dailymotion… qui vont crée un changement radicale dans le secteur de la communication via l’apparition du Buzz et de l’Advertainment.
C’est également l’apparition de Podcast et de la VOD
1 - {une} histoire de l’informatique4 - Internet évolue
2011google +
Lancement de google+ permettant d’intégrer le resulat des recherches de vos amis dans vos resultat. La recherche devient alors plus pertinente et personnelle
1 - {une} histoire de l’informatique5 - Le mobile se connecte
2005 à 2006evolution mobile
De 2005 à 2006 le mobile évolue à grande vitesse. Entre l’évolution des écrans qui passe en couleur, l’augmentation des capacités des réseaux, la mise en place du sms et mms, le mobile subit de grande évolution. Avant 2005, les constructeur et opérateur mobiles commencent déjà à connecter les devices à des services internet via le WAP (Wireless Application Protocol) Toujours avant 2005, de nombreuses marques tel que Archos, Palm ou microsoft voit notamment le potentiel du mobile comme assistant personnes. On découvre l’alors l’apparition d’application de gestion (Agenda, Notes, Tableurs, Video montage, photo…). L’apparition de ces interfaces posent alors le problème de l’utilisation via des touches directionnelles et le clavier. L’apparition du stylet devient alors une réponse à ces problématiques.
1 - {une} histoire de l’informatique5 - Le mobile se connecte
2006le multitouch
Février 2006, Jefferson Han présente les recherches sur les surfaces tactiles multipoint haute résolution. Il présente alors des nouvelles gestuelles permettant de manipuler diverses application et fait alors un faire un bon en avant aux surface tactiles existante depuis les années 80.
1 - {une} histoire de l’informatique5 - Le mobile se connecte
2007iphone d’apple
2007 Apple sort l’iPhone et révolutionne l’univers du mobile en appliquant les recherches de Jefferson Han à l’univers applicatif mobile déjà en place. Le smartphone devient réalité.
1 - {une} histoire de l’informatique5 - Le mobile se connecte
2007 à nos joursl’ère smartphone
Le développement des smartphone permettront par la suite le développement d’autre secteur tel que ceux de l’application mobile ou du casual gaming. Il permettra également de créer de nouveaux systèmes économiques tel que les micro-paiement ou le Free-to-Play. L’avènement du mobile permettra également une évolution des standards du web et du responsive design. Il seront également l’un des tueurs de Flash (pour cause de poid et de ressources)
Devenu véritable extension de l’utilisateur, le téléphone devient un MPC (Mobile Personnal Computer). On retrouve donc la mise en place d’OS tel que Windows Phone, Android ou IOS. Enfin la miniaturisation de l’électronique permet également l’intégration de capteur afin que le téléphone puissent s’adapter à l’utilisateur et à ses temps d’utilisation. Ils intègre désormais des capteurs biometriques, des capteur de lumière, des capteur NFC ou ibeacon, accéléromètre ou gyroscope… Le smartphone devient «télécommande universelle)
1 - {une} histoire de l’informatique6 - Les capteurs apparaissent
2005 à nos joursl’ère des capteurs
2005 : création d’Arduino 2005 : Prime Sense développe une camera sur la base de la profondeur d’image via analyse infrarouge. Leur capteur permet ainsi de détecter et détourer un corps humain dans une image temps réelle. Elle permet également la reconnaissance d’un squelette. 2009 : MakerBot présente son imprimante 3D 2010 : Microsoft lance Kinect équipé de la technologie Primesens 2010 : Leap motion est fondé et travail sur un device de tracking de main et de doigts 2011 : Faceshift lance le tracking facial temps réel via Kinect et son application 2012 : Oculus Rift présente son dispositif de réalité virtuelle remettant au goût du jour l’utilisation de cette technologie
2 - {une} histoire de la programmation1 - Concept et cartes perforées
Dès 1840...la programmation par perforation
Si le design interactif est intiment lié à l’histoire de l’informatique et d’internet, il est également lié à l’histoire de la programmation qui précède celle de l’informatique. 1842 - Ada Lovelace (ou Augusta Ada King, comtesse de Lovelace) est à l’origine du «Principe de la machine à calculer» qu’elle compose de la sorte : un dispositif permettant d’introduire les données numériques (cartes perforées, roues dentées...), une mémoire pour conserver les valeurs numériques entrées, une unité de commande grâce à laquelle l’utilisateur va indiquer à la machine les tâches à effectuer, un «moulin» chargé d’effectuer les calculs, un dispositif permettant de prendre connaissance des résultats (imprimante...). Elle introduit ainsi de principe d’iteration Jusqu’à l’invention des premier ordinateur, de nombreux programmes apparaissent sous forme de carte performés. Par exemple en 1801 le métier Jacquard permet, grâce à des cartes perforées de programmé un motif à tisser. Ce principe de carte perforée servit également de base à la machine de Turing qui imagine alors une machine autonome possédant un ruban perforé infini.
2 - {une} histoire de la programmation2 - De 1940 à 1980
1940 à 1980À destination des ingénieurs
Il existe en programmation de type de langage, le langage High-Level dont la syntaxe se rapproche de la syntaxe linguistique (anglais notamment) et le langage Low-Level dont la syntaxe se rapproche de celle des machine (binaire). Des années 1940 à 1980, langage informatiques étaient destiné aux ingénieur et programmeur en plaine invention et découverte de l’informatique. Ainsi on voit apparaître des langages tel que :
1. Forban, Lips et Cobol (HL - 1957 - 59) 2. Pascal de Niklaus Wirth (HL - 1970) 3. C de Denis Ritchie (HL - 1972), il introduit notamment le
paradigme de la programmation orientée objet 4. C++ de Bjarne Stroustrup et l’Objective C de Brad Cox
3 - Design graphique et interactivité2 - MIT Media Lab & GUI
1922telephone picture
Si l’apparition de l’informatique à très vite fait apparaître la CAO, DAO et PAO, elle a également très rapidement intéressée visuellement les artistes, développeurs, studio graphique… En 1922, avant l’apparition du numérique, l’artiste Laszlo Moholy-Nagy imagine le «Telephone Picture». Il s’agit une manière simple de numériser son travail à travers un téléphone. Par le biais d’instruction simple et à partir d’une grille identique que possèdent les deux interlocuteurs, l’artiste fait reproduire son œuvre à son imprimeur. Beaucoup plus tard, avec l’apparition des premier ordinateur, les animateur traditionnelle se rapproche des développeurs pour concevoir les première animation sur ordinateur.
3 - Design graphique et interactivité2 - MIT Media Lab & GUI
1971norman mclaren
Norman McLaren présente Synchromy, chef d’œuvre d’animation expérimentale sur pellicule. Son travail sera une grande source d’inspiration pour de nombreux animateur sur écran
3 - Design graphique et interactivité2 - MIT Media Lab & GUI
1980l’avénement des vfX
À partir des année 80 de nombreux studios expérimentent l’animation sur ordinateur afin de donner vie aux films de science fiction notamment.
Sorti en 1982, Tron, de Steven Lisberger, marque un tournant dans l’industrie du cinéma avec l’utilisation plus que prépondérante de l’animation généré par ordinateur. Ce film fut également la sources de nombreuses innovations mathématique appliquées à l’image.
(Nota Bene : 1982, la souris est seulement présenté au PARC XEROX - invente en 1962 elle ne sera disponible que en 1983. Ces VFX sont donc entierement en ligne de commande)
Vidéo : Steven Lisberger - Tron numerisation - extraitSteven Lisberger - Tron lightcycles - extrait
LucasFilm - Star Trek 2 - La colère de Khan - Making of the Genesis Sequence
3 - Design graphique et interactivité2 - MIT Media Lab & GUI
1986Boids de craig reynolds
1986 Craig Reynolds, infographiste et informaticien travaillant sur la simulation de comportement, écrit l’algorithme «Boids» ayant pour but de simuler le déplacement et le comportement d’une nuée d’oiseau. Il réalisa le film Stanley and Stella in : Breaking the Ice entièrement généré par code informatique qui fut présenté au festival Siggraph’87.
En 1992 il travaillera sur Batman Return de Tim Burton afin de réaliser la simulation de chauve souris au dessus de Gotham City. Son algorithme est aujourd’hui encore très utilisé.
Vidéo : Stanley & Stella in Breaking the IceTim Burton - Batman Return - Flocking bat in Gothaml
3 - Design graphique et interactivité2 - MIT Media Lab & GUI
1973visual language Workshop
1973 Muriel Cooper qui fut Directrice artistique de MITPress - dont elle conçu le logo en 1963 - fonde le Visual Language Workshop avec Ron MacNeil au MIT. Elle travaillera notamment sur la visualisation de donnée au MIT Media Lab
3 - Design graphique et interactivité2 - MIT Media Lab & GUI
1983 gui
1983 Susan Kare dessine les polices de caractère et les Icône du Macintosh d’Apple. Elle travaillera chez Apple de 83 à 86 puis dessina les icones de Windows 3.0 pour Microsoft en 1987. Elle est la première graphiste à dessiner de la typographie pour écran tel que les célèbre San Fransisco, Monaco et Chicago.
3 - Design graphique et interactivité3 - Les CD-Rom
1990l’ère du cD-rom
1990 marque l’époque du CD-Rom interactif, souvent à destination culturel. Sur ces CD-Rom se trouve des applications, souvent développé sous Director (en Lingo) permettant d’intégrer du média (son, video, image) ainsi que de l’interaction (clavier, souris par exemple). Un exemple marquant est «Alphabet» de Jean-Jacques Birgé, Murielle Lefèvre et Frédéric Durieu en 1999
3 - Design graphique et interactivité3 - Les CD-Rom
1995 - 1999reactive Books
1995-1999 John Maeda publie ses reactive books, des livres numériques sous disquette autour d’expérimentation visuelle et interactive. Chaque livre est dédié à un périphérique d’entrée tel que le son, la souris, le temps, le clavier et la vidéo.
À la fin des année 90, le CD-Rom commencent à laissé leur place au projet on-line, l’évolution des standard du web, la mise en place de flash et javascript permettent alors de nouvelle expérimentations. On découvre alors l’apparition des sites expérientiels. De nombreuses marque et agence de communication commencent alors à développer des campagne web innovante
1. 1998 : http://wwwwwwwww.jodi.org/ site expérimentale travaillant sur la relation possible entre le code HTML et la création artistique
2. 1998 : Joshua Davis lance praystation.com, un site sur lequel il publie chaque jour une expérimentation flash et en distribue le code.