SlideShare a Scribd company logo
1 of 20
VA2440 Class 02 Short History of Interactive Media
Cybernetics A feedback loop
Command line In the beginning was the command line
Eliza Joseph Weizenbaum http://jerz.setonhill.edu/if/canon/eliza.htm
Xerox Star The first graphical user interface, developed at Xerox Parc
Apple Lisa The first commercial personal computer with a graphical user interface
Multimedia authoring Apple’s HyperCard and MacroMind’s Director
Multimedia production In the beginning most interactive media productions treated interactivity as the navigation of digital archive of traditional media
Multimedia production We can have a look of the Louvre Museumcd-rom, which was an award winning item in the 90s.
Gerald Van DerKaap Around 1993, a Dutch artist Gerald Van DerKaap created a useless CD-ROM, the BlindRomv 0.9 – The Prototype http://www.xs4all.nl/~00kaap/blindrom.html It has been packaged in the Mediamatic magazine in Amsterdam. http://www.mediamatic.net/article-5877-en.html
Gerald Van DerKaap Let’s try out a rescued version of the BlindROM.
Anti-ROM Anti-Rom, an art group in London published a number of CD-ROMs and websites which have no functions but playful. http://www.antirom.com/antirom01/ It becomes the later Tomato Interactive. And Andy Cameron leads the interactive department in Fabrica, Benetton, Italy
John Maeda John Maeda from MIT Media Lab created the Reactive Books series, which challenged the traditional multimedia products and treated computation as a creative and aesthetics platform.
John Maeda Let’s have a look of some demonstration of John Maeda’s works.
Grahame Weinbrem Grahame Weinbren worked on interactive video, which is a form of storytelling and did a number of works which we’ll talk about it in the Interactive Narrative class.
Hung Keung & Bryan Chung In the Heritage Museum opening exhibition, Hung Keung and Bryan Chung used a number of infra-red light sensors to detect participants motion in order to trigger various video display.
David Rokeby Very Nervous System – an interactive musical performance
Greyworld A UK artist group Greyworld produced The Source for the London Stock Exchange building, as an information visualization project.
Karl Sims Karl Sims produced a number of animations of artificial evolution.
Participatory media I like to include participatory media like Web 2.0, cosplay, parody, tactical media as various forms of interactive media.

More Related Content

What's hot

Cyborg Art
Cyborg ArtCyborg Art
Cyborg Art
ohjujube
 
Photography timeline
Photography timelinePhotography timeline
Photography timeline
joshh12
 
photography through the ages!
photography through the ages!photography through the ages!
photography through the ages!
cocknoodle456
 
Unit 9: Photography Techniques
Unit 9: Photography TechniquesUnit 9: Photography Techniques
Unit 9: Photography Techniques
peatyj
 
Unit 9 Photography Techniques - Camera Timeline
Unit 9 Photography Techniques - Camera Timeline Unit 9 Photography Techniques - Camera Timeline
Unit 9 Photography Techniques - Camera Timeline
andygoldman21
 

What's hot (20)

Cyborg Art
Cyborg ArtCyborg Art
Cyborg Art
 
media homework
media homeworkmedia homework
media homework
 
Understand Digital Art Instantly
Understand Digital Art InstantlyUnderstand Digital Art Instantly
Understand Digital Art Instantly
 
Film editing powerpoint.
Film editing powerpoint.Film editing powerpoint.
Film editing powerpoint.
 
Urban Media & The Public Sphere
Urban Media & The Public SphereUrban Media & The Public Sphere
Urban Media & The Public Sphere
 
Camera timeline – BTEC Home Learning
Camera timeline – BTEC Home LearningCamera timeline – BTEC Home Learning
Camera timeline – BTEC Home Learning
 
Camera timeline
Camera timeline Camera timeline
Camera timeline
 
Camera timeline
Camera timelineCamera timeline
Camera timeline
 
History of documentaries
History of documentariesHistory of documentaries
History of documentaries
 
Photography timeline
Photography timelinePhotography timeline
Photography timeline
 
photography through the ages!
photography through the ages!photography through the ages!
photography through the ages!
 
Media hw
Media hwMedia hw
Media hw
 
Camera timeline
Camera timelineCamera timeline
Camera timeline
 
Unit 9: Photography Techniques
Unit 9: Photography TechniquesUnit 9: Photography Techniques
Unit 9: Photography Techniques
 
Unit 9 photography camera timeline hw
Unit 9 photography camera timeline hwUnit 9 photography camera timeline hw
Unit 9 photography camera timeline hw
 
The lumiere brothers powerpoint
The lumiere brothers powerpointThe lumiere brothers powerpoint
The lumiere brothers powerpoint
 
Unit 9 Photography Techniques - Camera Timeline
Unit 9 Photography Techniques - Camera Timeline Unit 9 Photography Techniques - Camera Timeline
Unit 9 Photography Techniques - Camera Timeline
 
Camera timeline
Camera timelineCamera timeline
Camera timeline
 
Camera timeline
Camera timelineCamera timeline
Camera timeline
 
Media timeline
Media timelineMedia timeline
Media timeline
 

Viewers also liked

Viewers also liked (15)

FS1 Discussion Brief
FS1 Discussion BriefFS1 Discussion Brief
FS1 Discussion Brief
 
Analyzing petabytes of smartmeter data using Cloud Bigtable, Cloud Dataflow, ...
Analyzing petabytes of smartmeter data using Cloud Bigtable, Cloud Dataflow, ...Analyzing petabytes of smartmeter data using Cloud Bigtable, Cloud Dataflow, ...
Analyzing petabytes of smartmeter data using Cloud Bigtable, Cloud Dataflow, ...
 
Location
LocationLocation
Location
 
Kumuwuki Call to Arms
Kumuwuki Call to ArmsKumuwuki Call to Arms
Kumuwuki Call to Arms
 
Sample 1 of Survey Results
Sample 1 of Survey ResultsSample 1 of Survey Results
Sample 1 of Survey Results
 
code lab live Google Cloud Endpoints [DevFest 2015 Bari]
code lab live Google Cloud Endpoints [DevFest 2015 Bari]code lab live Google Cloud Endpoints [DevFest 2015 Bari]
code lab live Google Cloud Endpoints [DevFest 2015 Bari]
 
Businessday okt 2016 - Kyocera
Businessday okt 2016 - KyoceraBusinessday okt 2016 - Kyocera
Businessday okt 2016 - Kyocera
 
Unidades básicas de la ecología y relaciones ecologicas
Unidades básicas de la ecología y relaciones ecologicas Unidades básicas de la ecología y relaciones ecologicas
Unidades básicas de la ecología y relaciones ecologicas
 
12. lavado de manos por friccion
12. lavado de manos por friccion12. lavado de manos por friccion
12. lavado de manos por friccion
 
Banana Trends. KFC Russia Charity project and Teens. Case Study
Banana Trends. KFC Russia Charity project and Teens. Case StudyBanana Trends. KFC Russia Charity project and Teens. Case Study
Banana Trends. KFC Russia Charity project and Teens. Case Study
 
My senses
My sensesMy senses
My senses
 
PRINCIPIOS EN BIOSEGURIDAD. LICENCIADA GABRIELA MERETA CURSO 2016-05-20
PRINCIPIOS EN BIOSEGURIDAD. LICENCIADA GABRIELA MERETA CURSO 2016-05-20PRINCIPIOS EN BIOSEGURIDAD. LICENCIADA GABRIELA MERETA CURSO 2016-05-20
PRINCIPIOS EN BIOSEGURIDAD. LICENCIADA GABRIELA MERETA CURSO 2016-05-20
 
Everything you always wanted to know about Distributed databases, at devoxx l...
Everything you always wanted to know about Distributed databases, at devoxx l...Everything you always wanted to know about Distributed databases, at devoxx l...
Everything you always wanted to know about Distributed databases, at devoxx l...
 
Google Cloud Platform Introduction - 2016Q3
Google Cloud Platform Introduction - 2016Q3Google Cloud Platform Introduction - 2016Q3
Google Cloud Platform Introduction - 2016Q3
 
Общественно-политическое развитие СССР в середине 1960-х - начале 1980-х гг.
Общественно-политическое развитие СССР в середине 1960-х - начале 1980-х гг.Общественно-политическое развитие СССР в середине 1960-х - начале 1980-х гг.
Общественно-политическое развитие СССР в середине 1960-х - начале 1980-х гг.
 

Similar to VA2440 Class 02

The creative internet: 106 things
The creative internet: 106 things The creative internet: 106 things
The creative internet: 106 things
Shane Smith
 
Virtual environments in design education
Virtual environments in design educationVirtual environments in design education
Virtual environments in design education
Shubh Cheema
 
New media studio 2 veerle van der sluys
New media studio 2   veerle van der sluysNew media studio 2   veerle van der sluys
New media studio 2 veerle van der sluys
MADNewMedia
 
Hyper-interactivism- ArtRadar: Contemporary Trends in Art
Hyper-interactivism- ArtRadar: Contemporary Trends in ArtHyper-interactivism- ArtRadar: Contemporary Trends in Art
Hyper-interactivism- ArtRadar: Contemporary Trends in Art
Coach Hall
 
Cory arcangel
Cory arcangelCory arcangel
Cory arcangel
amoakler
 

Similar to VA2440 Class 02 (20)

Interactive Arts - Class 02
Interactive Arts - Class 02Interactive Arts - Class 02
Interactive Arts - Class 02
 
KhK winter semester 2018: Screenology block
KhK winter semester 2018: Screenology blockKhK winter semester 2018: Screenology block
KhK winter semester 2018: Screenology block
 
The creative internet: 106 things
The creative internet: 106 things The creative internet: 106 things
The creative internet: 106 things
 
Virtual environments in design education
Virtual environments in design educationVirtual environments in design education
Virtual environments in design education
 
Wgong 2012
Wgong 2012Wgong 2012
Wgong 2012
 
Michael Naimark
Michael NaimarkMichael Naimark
Michael Naimark
 
New media studio 2 veerle van der sluys
New media studio 2   veerle van der sluysNew media studio 2   veerle van der sluys
New media studio 2 veerle van der sluys
 
Beyond Open Access: Creating Culture By, With, and For the Public
Beyond Open Access: Creating Culture By, With, and For the PublicBeyond Open Access: Creating Culture By, With, and For the Public
Beyond Open Access: Creating Culture By, With, and For the Public
 
New Materialities of the Book
New Materialities of the BookNew Materialities of the Book
New Materialities of the Book
 
The Creative Internet
The Creative InternetThe Creative Internet
The Creative Internet
 
Hyper-interactivism- ArtRadar: Contemporary Trends in Art
Hyper-interactivism- ArtRadar: Contemporary Trends in ArtHyper-interactivism- ArtRadar: Contemporary Trends in Art
Hyper-interactivism- ArtRadar: Contemporary Trends in Art
 
Techology is the new creative
Techology is the new creativeTechology is the new creative
Techology is the new creative
 
Cory arcangel
Cory arcangelCory arcangel
Cory arcangel
 
Mapeh 10 unit 2 lesson 1_arts
Mapeh 10 unit 2 lesson 1_artsMapeh 10 unit 2 lesson 1_arts
Mapeh 10 unit 2 lesson 1_arts
 
Glitch Aesthetics: Exhibiting Video Conference
Glitch Aesthetics: Exhibiting Video ConferenceGlitch Aesthetics: Exhibiting Video Conference
Glitch Aesthetics: Exhibiting Video Conference
 
SXSW 2017: Weird And Wonderful Insights
SXSW 2017: Weird And Wonderful InsightsSXSW 2017: Weird And Wonderful Insights
SXSW 2017: Weird And Wonderful Insights
 
The Journey of Digital Art
The Journey of Digital ArtThe Journey of Digital Art
The Journey of Digital Art
 
Open sourcepres eva2013
Open sourcepres eva2013Open sourcepres eva2013
Open sourcepres eva2013
 
Introduction to Multimedia.pptx
Introduction to Multimedia.pptxIntroduction to Multimedia.pptx
Introduction to Multimedia.pptx
 
Asp New Media Art 2
Asp New Media Art 2Asp New Media Art 2
Asp New Media Art 2
 

More from Bryan Chung

More from Bryan Chung (20)

Be a Hong Kong Patriot, Part 3, The Red Scout
Be a Hong Kong Patriot, Part 3, The Red ScoutBe a Hong Kong Patriot, Part 3, The Red Scout
Be a Hong Kong Patriot, Part 3, The Red Scout
 
Fiction and Film
Fiction and FilmFiction and Film
Fiction and Film
 
MAVA Information Seminar 2019
MAVA Information Seminar 2019MAVA Information Seminar 2019
MAVA Information Seminar 2019
 
MAVA Studio Project Introduction 2018
MAVA Studio Project Introduction 2018MAVA Studio Project Introduction 2018
MAVA Studio Project Introduction 2018
 
MAVA Orientation 2018
MAVA Orientation 2018MAVA Orientation 2018
MAVA Orientation 2018
 
Class 11 - Social impacts of videogames
Class 11 - Social impacts of videogamesClass 11 - Social impacts of videogames
Class 11 - Social impacts of videogames
 
Class 10 - Simulation games
Class 10 - Simulation gamesClass 10 - Simulation games
Class 10 - Simulation games
 
Class 12 - Videogames technology in art
Class 12 - Videogames technology in artClass 12 - Videogames technology in art
Class 12 - Videogames technology in art
 
Glass 09 - Online game and virtual environment
Glass 09 - Online game and virtual environmentGlass 09 - Online game and virtual environment
Glass 09 - Online game and virtual environment
 
Class 07 - Game and space
Class 07 - Game and spaceClass 07 - Game and space
Class 07 - Game and space
 
Class 06 - Game and narrative
Class 06 - Game and narrativeClass 06 - Game and narrative
Class 06 - Game and narrative
 
Class 02 - Interactivity, games and arts
Class 02 - Interactivity, games and artsClass 02 - Interactivity, games and arts
Class 02 - Interactivity, games and arts
 
Class 01 - Introduction to Videogames and Arts
Class 01 - Introduction to Videogames and ArtsClass 01 - Introduction to Videogames and Arts
Class 01 - Introduction to Videogames and Arts
 
Digital Art ToolKit
Digital Art ToolKitDigital Art ToolKit
Digital Art ToolKit
 
Digital Image Workshop
Digital Image WorkshopDigital Image Workshop
Digital Image Workshop
 
Class 03 - Formal Elements of Game/Play
Class 03 - Formal Elements of Game/PlayClass 03 - Formal Elements of Game/Play
Class 03 - Formal Elements of Game/Play
 
Class 05 - Art Game and Game Art
Class 05 - Art Game and Game ArtClass 05 - Art Game and Game Art
Class 05 - Art Game and Game Art
 
Augmented Reality and Visual Arts
Augmented Reality and Visual ArtsAugmented Reality and Visual Arts
Augmented Reality and Visual Arts
 
Movement in Space Project Launch Seminar
Movement in Space Project Launch SeminarMovement in Space Project Launch Seminar
Movement in Space Project Launch Seminar
 
Design for Hypermedia - Class 08 (2015B)
Design for Hypermedia - Class 08 (2015B)Design for Hypermedia - Class 08 (2015B)
Design for Hypermedia - Class 08 (2015B)
 

Recently uploaded

Gardella_PRCampaignConclusion Pitch Letter
Gardella_PRCampaignConclusion Pitch LetterGardella_PRCampaignConclusion Pitch Letter
Gardella_PRCampaignConclusion Pitch Letter
MateoGardella
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
ciinovamais
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
QucHHunhnh
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
PECB
 

Recently uploaded (20)

PROCESS RECORDING FORMAT.docx
PROCESS      RECORDING        FORMAT.docxPROCESS      RECORDING        FORMAT.docx
PROCESS RECORDING FORMAT.docx
 
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptx
 
fourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writingfourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writing
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104
 
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
 
Advance Mobile Application Development class 07
Advance Mobile Application Development class 07Advance Mobile Application Development class 07
Advance Mobile Application Development class 07
 
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
 
Gardella_PRCampaignConclusion Pitch Letter
Gardella_PRCampaignConclusion Pitch LetterGardella_PRCampaignConclusion Pitch Letter
Gardella_PRCampaignConclusion Pitch Letter
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
Class 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfClass 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdf
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..
 
Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptx
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
 

VA2440 Class 02

  • 1. VA2440 Class 02 Short History of Interactive Media
  • 3. Command line In the beginning was the command line
  • 4. Eliza Joseph Weizenbaum http://jerz.setonhill.edu/if/canon/eliza.htm
  • 5. Xerox Star The first graphical user interface, developed at Xerox Parc
  • 6. Apple Lisa The first commercial personal computer with a graphical user interface
  • 7. Multimedia authoring Apple’s HyperCard and MacroMind’s Director
  • 8. Multimedia production In the beginning most interactive media productions treated interactivity as the navigation of digital archive of traditional media
  • 9. Multimedia production We can have a look of the Louvre Museumcd-rom, which was an award winning item in the 90s.
  • 10. Gerald Van DerKaap Around 1993, a Dutch artist Gerald Van DerKaap created a useless CD-ROM, the BlindRomv 0.9 – The Prototype http://www.xs4all.nl/~00kaap/blindrom.html It has been packaged in the Mediamatic magazine in Amsterdam. http://www.mediamatic.net/article-5877-en.html
  • 11. Gerald Van DerKaap Let’s try out a rescued version of the BlindROM.
  • 12. Anti-ROM Anti-Rom, an art group in London published a number of CD-ROMs and websites which have no functions but playful. http://www.antirom.com/antirom01/ It becomes the later Tomato Interactive. And Andy Cameron leads the interactive department in Fabrica, Benetton, Italy
  • 13. John Maeda John Maeda from MIT Media Lab created the Reactive Books series, which challenged the traditional multimedia products and treated computation as a creative and aesthetics platform.
  • 14. John Maeda Let’s have a look of some demonstration of John Maeda’s works.
  • 15. Grahame Weinbrem Grahame Weinbren worked on interactive video, which is a form of storytelling and did a number of works which we’ll talk about it in the Interactive Narrative class.
  • 16. Hung Keung & Bryan Chung In the Heritage Museum opening exhibition, Hung Keung and Bryan Chung used a number of infra-red light sensors to detect participants motion in order to trigger various video display.
  • 17. David Rokeby Very Nervous System – an interactive musical performance
  • 18. Greyworld A UK artist group Greyworld produced The Source for the London Stock Exchange building, as an information visualization project.
  • 19. Karl Sims Karl Sims produced a number of animations of artificial evolution.
  • 20. Participatory media I like to include participatory media like Web 2.0, cosplay, parody, tactical media as various forms of interactive media.