Vor 40 Jahren (und 2 Monaten), im Dezember 1968, präsentierte Douglas Engelbart sein System NLS, das seither als Meilenstein der Computergeschichte gilt. PCs mit ihren Computer-Desktop-Oberflächen waren die direkte Folge. 20 Jahre später in Genf reichte Tim Berners-Lee einen Projektantrag ein, der zur Entwicklung des World Wide Web führte. Beide Innovationen haben unsere (Arbeits-)Welt nachhaltig verändert. Der Vortrag fasst die historischen Entwicklungen zusammen, aus denen sich Einsichten für einen kompetenten Umgang mit den neuen Medien ableiten lassen. http://www.mprove.de/script/09/iwm/index.html

1. Neue Medien Kompetenz –
ein Blick über den Desktop-Rand
Matthias Müller-Prove
Dipl.-Inform.
User Experience Architect, Sun Microsystems
iwm, Tübingen, 3. Februar 2009

2. Inhalt
Was bisher geschah…
PC und WWW
Warum einfach…?
Desktop und Web
Neue Medien Kompetenz
The Medium is the Message

3. 1. Was bisher geschah…
Personal Computing
Hypertext & World Wide Web

4. Douglas C. Engelbart

5. NLS/Augment
Maus (1963)
Chording-Keyset
Fenster
Interaktives Text- und Outline-Editing
Hypertext
E-Mail
Time-Sharing System
Video-Konferenz und CSCW
–
ARPANet

6. Computer Supported Cooperative Work

7. Alan Curtis Kay

8. Das Interims-Dynabook, der Xerox Alto

9. Xerox PARC – 1970er
Objektorientierte Programmierung
Smalltalk
Grafische Benutzungsoberfläche
Fenster, Icons, Menüs, Desktop-Metapher
Netzwerk
Ethernet
Laser-Drucker

10. Personal Computer – Macintosh 1984

11. 1. Was bisher geschah…
Personal Computing
Hypertext & World Wide Web

12. Theodor Holm Nelson

13. Hypertext (1965)

14. Tim Berners-Lee

15. WorldWideWeb (1990)

16. 1993 von Marc Andreessen

17. 1990er

18. Anfang 2000er

19. Heute – das Mitmach-Web

20. 2. Warum einfach?
Interaktionsdesign
Desktop vs. Web

21. Bill Verplank – Interaktionsdesign

22. 2. Warum einfach?
Interaktionsdesign
Desktop vs. Web

23. Schreibtisch-Metapher

24. WIMP-Desktop Paradigma

25. Surfen ?

26. Datenautobahn ?

27. Web-Metapher

29. Web-Browser

30. 3. Neue Medien Kompetenz
Kulturtechniken
Werkzeug und Medium

31. Buchdruck
➚
Schrift
➚
Sprache
-100.000
-5.000
15. Jhrt.

32. Digitalisierung
➚
Buchdruck
➚
Schrift
➚
Sprache
-100.000
-5.000
15. Jhrt.
20. Jhrt.

33. 3. Neue Medien Kompetenz
Kulturtechniken
Werkzeug und Medium

34. Personal Computing
➚
Großrechner
1960/70er
70/80er

35. Der Computer als Werkzeug
Berechnungen
Simulationen
Steuerungen
Datenbanken
Text-, Bild-, Audio-, Videobearbeitung
Auch ein Lernwerkzeug?

36. Soziale Webdienste
➚
Informationen im Netz
➚
Personal Computing
➚
Großrechner
1960/70er
70/80er
90/2000er
heute

37. Der Computer als Medium
Informationsrecherche im Netzt
Marktplatz
E-Mail, Chat und Foren, Social Web
Telefon (VoIP), Radio (Podcasts), TV (Webcasts)
Der Computer ist ein universelles Medium.
Auch ein Lernmedium?

38. Person
einseitig
Brief
beidseitig
Telefon
SMS / IM
E-Mail
Gruppe
Massen
Buch
Radio
TV
Web
E-Mail
Social Web:
Chat
Wikis, Blogs,…
Social Intranet
Vermittelte Kommunikation

40. Fazit
PC-Desktop, Info-Web und Social-Web
existieren neben einander.
Konkurrierende Interaktionsparadigmen
ergeben ein zu kompliziertes System.
Kreatives Arbeiten ist möglich, die
Funktionen dafür sind aber nur latent
vorhanden.

41. Ted Nelson 1974

42. Matthias Müller-Prove
www.mprove.de

43. Bildnachweis
Folie 4 - Doug Engelbart: http://flickr.com/photos/nilsohman/511128120/
Audio: http://www.invisiblerevolution.net/engelbart/glossary/index.html
Folie 6 - Engelbart und Mitarbeiter
Folie 7 - Alan Kay: http://flickr.com/photos/jeanbaptisteparis/3097764055/
Folie 8 - Xerox Alto, Christian Wurster: Computer. Eine Illustrierte Geschichte. Taschen, 2002, S. 228
Folie 9 - Film
Folie 10 - Film
Folie 12 - Apple Macintosh: http://flickr.com/photos/luxuryluke/73908545/
Folie 14 - Ted Nelson: http://flickr.com/photos/25705032@N02/2422831206/
Folie 15 - Hypertext: Ted Nelson: Literary Machines. 93.1. Mindful Press, Sausalito, CA, 1981.
Folie 16 - Tim Berners-Lee: http://flickr.com/photos/f7oor/405046410/
Folie 17 - WorldWideWeb Browser: http://www.w3.org/MarkUp/tims_editor.jpg
Folie 18 - Mosaic: http://docs.rinet.ru/uHTML/f2-9.gif
Folie 23 - Bill Verplank: Interaktionsdesign:
http://ccrma.stanford.edu/courses/250a/lectures/IDSketchbok.pdf
Folie 25 - Schreibtisch: http://flickr.com/photos/bombardier/44428620/
Folie 26, 30, 31 - Der Autor
Folie 27 - Surfer: http://flickr.com/photos/tk_five_0/1310759230/
Folie 28 - Datenautobahn: http://flickr.com/photos/gammateilchen/433560321/
Folie 29 - Paris: http://www.fotocommunity.de/pc/pc/cat/575/display/5805058
Folie 35 - Hammer, Telephon: http://flickr.com/photos/scoobay/299465324/
http://flickr.com/photos/juliensart/2554393480/
Folie 41 - Conversations: http://www.briansolis.com/2008/08/introducing-conversation-prism.html
Folie 43, 44 - ComputerLib: http://www.digibarn.com/collections/books/computer-lib/index.html