View
4
Download
0
Category
Preview:
Citation preview
E-Artsup. Département Design interactif & communication visuelle.
Design interactif s.01 // Alexandre Rivaux arivaux@gmail.com
Département Design interactif & communication visuelle:
Enseignants: Nicolas BaumgartnerFélicie d’Estienne D’OrvesJonathan MunnAlexandre Rivaux
{une} histoire du design interactif
2
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
1 - {une} histoire de l’informatique.
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
4 - Bibliographie5 - Vidéothèque
1 - {une} histoire de l’informatique
4
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
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.
5
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
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.
6
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
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.
7
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
1 - {une} histoire de l’informatique1 - Théories, recherches et premiers ordinateurs
1948 la cybernétique
En 1948, Nobert Wiener fonde la cybernetique, science formalisation la notion de feedback (retro-action) qui sera utilisée notamment en informatique.
8
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
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.
9
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
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
Vidéo : Skecthpad
10
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
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.
11
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
1 - {une} histoire de l’informatique1 - Théories, recherches et premiers ordinateurs
1966Hypertext editing system
Une équipe de la Brown University réalise le premier véritable système hypertexte opérationnel : Hypertex Editing System.
12
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
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.
Vidéo : la souris de Engelbart
13
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
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
14
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
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
15
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
1 - {une} histoire de l’informatique1 - Théories, recherches et premiers ordinateurs
1982la théorie de marr
La théorie de Marr pose les base du Computer Vision
16
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
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.
17
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
1 - {une} histoire de l’informatique2 - Personnal Computer & Operating Systems
1971apple 1
Steve Job et Steve Wozniak créé l’Apple 1, il faut 20 minutes pour le démarrer.
18
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
1 - {une} histoire de l’informatique2 - Personnal Computer & Operating Systems
1977apple 2
19
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
1 - {une} histoire de l’informatique2 - Personnal Computer & Operating Systems
1981iBm sort son pc
20
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
1 - {une} histoire de l’informatique2 - Personnal Computer & Operating Systems
1982commodore 64
premier ordinateur vendu à plusieurs millions d’exemplaires - entre 17 et 25 Millions
21
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
1 - {une} histoire de l’informatique2 - Personnal Computer & Operating Systems
1983«free unix»
«Free Unix» de Richard Stallman - texte fondateur du mouvement GNU (Gnu’s Not Unix) posant les base de l’OS libre
22
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
1 - {une} histoire de l’informatique2 - Personnal Computer & Operating Systems
1983lisa de apple
Premier PC «grand public»
Vidéo : Pub Lisa
23
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
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
24
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
1 - {une} histoire de l’informatique2 - Personnal Computer & Operating Systems
1985amiga
PC abordable commercialisé entre 1985 et 1994 aux capacité multimédia plus avancé que PC IBM et Macintosh de l’époque
25
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
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…)
26
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
1 - {une} histoire de l’informatique2 - Personnal Computer & Operating Systems
1990Windows 3.0
Windows 3, la première version de windows à connaître un large succès et permettant de rivaliser avec Apple, Commodore ou Amiga
27
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
1 - {une} histoire de l’informatique3 - Software
1978Wordstar
Wordstar de John Barnaby et John Rubinstein est le premier logiciel de traitement de texte à destination commercial
28
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
1 - {une} histoire de l’informatique3 - Software
1984macpaint
Bill Atkinson réalise MacPaint pour Apple. Il s’agira du premier logiciel de dessin sur ordinateur qui posera les base des interface graphique de CAO
29
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
1 - {une} histoire de l’informatique3 - Software
1985post-script
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.
30
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
1 - {une} histoire de l’informatique3 - Software
1985pagemaker
Aldus Page Maker lance le début de PAO (publication assistée par ordinateur)
31
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
1 - {une} histoire de l’informatique3 - Software
1985Director devient lingo
Director de VideoWork devient Lingo de MacromediaDirector. Ce sera le premier logiciel de création de cd-rom interactif.
32
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
1 - {une} histoire de l’informatique3 - Software
1990photoshop 1.0
Adobe Photoshop 1.0, il deviendra la référence en matière de logiciel de CAO
33
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
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
34
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
1 - {une} histoire de l’informatique4 - Internet évolue
1993mosaic
Marc Andressen met au point une interface graphique pour le WWW permettant d’afficher Textes et Images
35
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
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.
36
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
1 - {une} histoire de l’informatique4 - Internet évolue
1994netscape
Netscape, un second navigateur web est fondé
37
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
1 - {une} histoire de l’informatique4 - Internet évolue
1994Webcrawler
WebCrawler de Brian Pinkerton devient le premier moteur de recherche web
38
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
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.
39
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
1 - {une} histoire de l’informatique4 - Internet évolue
1995 Javascript
Netscape et Sun lance Javascript
40
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
1 - {une} histoire de l’informatique4 - Internet évolue
1996 shockwave
Macromedia lance Shockwave qui permettra de lire des fichiers multimédia créé sous Director
41
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
1 - {une} histoire de l’informatique4 - Internet évolue
1996 futur splash animator
Futur Splash Animator de Futur Wave Software et le premier logiciel d’animation et programmation vectorielle simple.
42
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
1 - {une} histoire de l’informatique4 - Internet évolue
1999 google
Larry Page et Sergey Brin créés Google qui deviendra rapidement le premier moteur de recherche.
43
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
1 - {une} histoire de l’informatique4 - Internet évolue
2003flash devient un standard
Macromedia Flash et l’action script devient un des principaux standards pour les applications interactives Web
44
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
1 - {une} histoire de l’informatique4 - Internet évolue
2003Web-log et myspace
Les Web-Lob ou blog apparaissent sur internet, c’est le début de UGC (User generated content)
45
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
1 - {une} histoire de l’informatique4 - Internet évolue
2004mozilla firefox
Mozilla Firefox, navigateur web open source, innove avec la mise en place d’onglet de navigation et d’utilisation d’extension
46
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
1 - {une} histoire de l’informatique4 - Internet évolue
2004facebook
lancement de Facebook, qui changera radicalement le secteur de communication (CRM notamment).
47
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
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
48
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
1 - {une} histoire de l’informatique4 - Internet évolue
2006twitter
49
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
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
50
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
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.
51
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
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.
Vidéo : Jefferson Han, Ted 2006
52
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
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é.
53
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
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)
54
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
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 programmation
56
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
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.
57
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
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
et Tome Love (HL - 1983)
58
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
2 - {une} histoire de la programmation3 - De 1980 à nos jours
1980 à nos joursÀ destination des concepteurs
Au début des années 90 les langages de programmation à destination de la création commencent à faire leur apparition avec :
1. Lingo de Director (HL - 1986) ancêtre de Flash 2. Max/MSP et Pure-Data langages nodal dédiés à la
création musicale (HL 1990) 3. Python de Guido van Rossum servant notamment à la
programmation 3D (HL 1991) 4. OpenGL (HL - 1992) 5. Java de James Gosling, PHP de Rasmus Lerdof et
Javascript de Brendan Eich (HL 1995) 6. Action Script 1 (HL - 1998) 7. VVVV, langage nodal dédié à la création visuelle (1998) 8. Design by Number de John Maeda (MIT) (HL - 1999) 9. Processing de Ben Fry et Casey Reas (MIT) (HL - 2001) 10. Action Script 2 (HL - 2003) 11. OpenFramework (HL - 2004) 12. Arduino (HL - 2005) 13. Action Script 3 (HL - 2006) 14. OpenCV (HL - 2008) 15. Cinder de Barbarian group (HL - 2013)
3 - Design graphique et interactivité
60
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
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.
61
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
3 - Design graphique et interactivité2 - MIT Media Lab & GUI
1961 à 1975John Whitney
John Whitney réalise diverse animation informatique tel que Catalogue (1961), Matrix (1970) ou Arabesque (1975)
Vidéo : John Whitney - CatalogueJohn Whitney - Matrix
John Whitney - Arabesque
62
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
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
Vidéo : Norman McLaren - Synchronomy
63
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
3 - Design graphique et interactivité2 - MIT Media Lab & GUI
1972ed catmull et fred parke
Edwin Catmull et Fred Parke créés le premier film 3D sur ordinateur.
Catmull fondera par la suite le studio Pixar puis deviendra président de Disney Feature Animation en 2006
Vidéo : Ed Catmull & Fred Parke 3D Film
64
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
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
65
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
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
66
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
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
67
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
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.
68
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
3 - Design graphique et interactivité2 - MIT Media Lab & GUI
1993information landscape
1993 David Small, Suguru Ishizaki et Muriel Cooper conçoivent information landscape, un système de visualisation typographique en 3D temps réel.
Vidéo : Information Landscape
69
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
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
Vidéo : Murielle Lefèvre, Jean-Jacques Birgé, Frédérice Durieu - Alphabet (1999)
70
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
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.
Vidéo : John Maeda - Reactive Books
71
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
3 - Design graphique et interactivité4 - Internet
1998l’internet experimental
À 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.
72
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
3 - Design graphique et interactivité4 - Internet
2000vers l’internet experientielle
1. 2000 Hi-res sort un site expérimental pour le film Requiem for a dream
2. 2000 - 2007 Etienne Mineur signe les site de Issey Miyake pour Incandescence
3. 2000 sortie du site theFWA (Flash Website Awards puis Favorite Website Award) récompensant les meilleur site web (design, experience, contenu)
4. 2000 lookAndFeel est le premier site à être nommé Site of the Year http://michaelchatten.com/demosites/laf/
5. 2001 Hi-Res signe le site du film Donnie Darko et Center of the World (http://archive.hi-res.net/donniedarko/ http://archive.hi-res.net/center/)
6. 2010 Wilderness Downtown est le premier site HTML5 à est nommé Site of the Year http://www.thefwa.com/site/the-wilderness-downtown?c=SOTYPCA
Vidéo : Etienne Mineur - Issey Myiake
73
{une} histoire du design interactif
E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux
Contact
Alexandre RivauxVisual Designer & Partner Bonjour, interactive Lab
www.bonjour-lab.comarivaux@gmail.com
Recommended