Slide 1

Slide 1 text

Interface Culture (Hildesheimer Trilogie in 4 Teilen) Matthias Müller-Prove // mprove.net HAWK Hildesheim, 24.4.2018

Slide 2

Slide 2 text

» –Peter Weiss in Abschied von den Eltern, 1961 [[pbas -]]Als[[pbas +]] ich an Haller schrieb, war dies ein Versuch aus meiner [[emph +]]Unwirklichkeit[[emph -]] herauszukommen. Und ich erhielt [[emph +]]Antwort[[emph -]] auf meinen Brief. Da stand mein Name auf dem Umschlag, [[slnc 222]] wieder und wieder las ich ihn. [[slnc 222]] Plötzlich war ich in eine unfaßbare Beziehung zur Außenwelt getreten. [[slnc 222]]Jemand hatte meinen Namen auf einen Briefumschlag geschrieben. [[slnc 222]] Jemand glaubte an meine Existenz und richtete seine Stimme an mich.

Slide 3

Slide 3 text

Zeitreise Kulturtechniken und Medienwandel

Slide 4

Slide 4 text

Campus der HAWK Hildesheim https://mprove.de/chronohh?q=52.14456,9.95494&z=15.88&y=1694&s=1&r=-8&t=23

Slide 5

Slide 5 text

Hier und j… https://mprove.de/chronohh?q=52.14456,9.95494&z=15.88&y=1694&s=1&r=-8&t=23

Slide 6

Slide 6 text

Städtisches Krankenhaus
 Am Weinberg, Hildesheim 
 Pathologie photo cc mprove

Slide 7

Slide 7 text

Krankenhaus
 Am Weinberg
 von 1894 - 2011 photo cc mprove

Slide 8

Slide 8 text

Music-Streaming 1922
 Rundfunkübertragungen im Krankenhaus Hamburg-Barmbeck http://photo.mprove.net/dransfeld/goebel/ak-barmbek.html?i=12

Slide 9

Slide 9 text

Multimedia-Textnachricht – auch genannt: Postkarte
 Gruss aus Hildesheim 4.12.1900 http://www.ansichtskarten-center.de/hildesheim/3200-hildesheim-krankenhaus-villa-heese-villa-dyes-weinberg-preissenkung

Slide 10

Slide 10 text

Map-Service Hildesheim 1910 https://de.wikipedia.org/wiki/Hildesheim#/media/File:Hildesheim_1910.jpg

Slide 11

Slide 11 text

1597 https://www.lbrowncollection.com/cities-towns-vol-2-part-2-johannes-jannson-1597-a-2-33/

Slide 12

Slide 12 text

1450 Erfindung des Buchdrucks
 mit beweglichen Lettern
 von Johannes Gutenberg* 
 *) zuvor um 1040 in China http://en.wikipedia.org/wiki/File:Printer_in_1568-ce.png

Slide 13

Slide 13 text

vor 5.500 Jahren (3.500 BC) Erfindung der Schrift http://de.wikipedia.org/w/index.php?title=Datei:Keilschrift_2.jpg

Slide 14

Slide 14 text

Höhlenmalerei vor ~20.000 Jahren Hier: Los Caballos, Spanien http://historialuiselli.blogspot.de/2015/09/cueva-de-los-caballos-barranco-de-la.html

Slide 15

Slide 15 text

Homo Neanderthalensis vor 240.000 Jahren bis vor 40.000 Jahren arte: So entstand unsere Sprache, Crescendo Films / NHK, 2008

Slide 16

Slide 16 text

Das Gen FOXP2 mutierte und erlaubte unseren Vorfahren Laute zu bilden. arte: So entstand unsere Sprache, Crescendo Films / NHK, 2008

Slide 17

Slide 17 text

-50.000(?) 3.500 BC 15. Jhrt. 20. Jhrt. Sprechen Schreiben Buchdruck Computer Massen–medien Kulturtechniken

Slide 18

Slide 18 text

Kulturtechniken induzieren
 die Form des Zusammenlebens. Kulturtechniken induzieren Gesellschaft.

Slide 19

Slide 19 text

-50.000(?) 3.500 BC 15. Jhrt. 20. Jhrt. Sprache Schrift Buchdruck Computer Orale Kulturen Schriftkultur »Digitale Gesellschaft« Gutenberg Galaxis Massen–medien

Slide 20

Slide 20 text

» – Doug Engelbart (2000) über seine Motivation 1951 The world is so damn complex.[…] If mankind can get more capable in dealing with complex urgent problems collectively, that would be a perfect professional goal. http://www.invisiblerevolution.net/engelbart/glossary/index.html

Slide 21

Slide 21 text

Fall Joint Computer Conference in San Francisco at December 9, 1968
 The »Mother of all Demos« by Douglas Engelbart, SRI/ARC https://www.youtube.com/user/engelbartinstitute/videos

Slide 22

Slide 22 text

Fall Joint Computer Conference in San Francisco at December 9, 1968
 The »Mother of all Demos« by Douglas Engelbart, SRI/ARC https://www.youtube.com/user/engelbartinstitute/videos

Slide 23

Slide 23 text

»The Augmentation of Douglas Engelbart« (2018) Movie Trailer https://www.youtube.com/watch?v=8wnS1Pls6Fc

Slide 24

Slide 24 text

augmenting human intellect –Douglas Engelbart, 1962
 Mother of All Demos, Dec 1968

Slide 25

Slide 25 text

Digitalisierung Algorithmisierung Künstliche Intelligenz

Slide 26

Slide 26 text

Charles Babbage 1791-1871 Gottfried Wilhelm Leibniz 1646-1716 Ada Lovelace 1815-1852 Binärsystem
 00101010 = 42 1837: Analytical Engine
 1842: Erstes Programm von Ada Lovelace

Slide 27

Slide 27 text

Algorithmus für die Analytical Engine zur Berechnung von Bernoulli-Zahlen;
 von Ada Lovelace 1842 https://en.wikipedia.org/wiki/Ada_Lovelace#/media/File:Diagram_for_the_computation_of_Bernoulli_numbers.jpg

Slide 28

Slide 28 text

Algorithmus für die Analytical Engine zur Berechnung von Bernoulli-Zahlen;
 von Ada Lovelace 1842 https://en.wikipedia.org/wiki/Ada_Lovelace#/media/File:Diagram_for_the_computation_of_Bernoulli_numbers.jpg

Slide 29

Slide 29 text

Analytical Engine von Charles Babbage
 Versuchsmodell und Lochkarten
 
 –niemals vollendet– https://en.wikipedia.org/wiki/Analytical_Engine photo cc by Bruno Barral https://commons.wikimedia.org/wiki/File:AnalyticalMachine_Babbage_London.jpg photo cc by Karoly Lorentey https://commons.wikimedia.org/wiki/File:PunchedCardsAnalyticalEngine.jpg

Slide 30

Slide 30 text

Digitalisierung Schrift und Sprache wird maschinenlesbar. A = Ascii 65 = Binär 01000001 ASCII = American Standard Code for Information Interchange

Slide 31

Slide 31 text

01001000 = 72 = H 01000001 = 65 = A 01001100 = 76 = L 01001100 = 76 = L 01001111 = 79 = O

Slide 32

Slide 32 text

» –mprove ES GIBT JETZT KEINEN DIGITALEN WANDEL.
 Die Digitalisierung ist durch,
 seit wir vom Buchdruck auf DTP und von LP auf CD umgestellt haben. https://twitter.com/mprove/status/844137516760481792

Slide 33

Slide 33 text

يمزراوخلا ىسوم نب دمحم رفعج وبأ Abu Dschaʿfar Muhammad
 ibn Musa al-Chwārizmī ca. 780 - 840 cc by Dan Lundberg https://www.flickr.com/photos/9508280@N07/15635951424

Slide 34

Slide 34 text

يمزراوخلا ➙ Algorithmus FOREVER {
 IF (vorne ist kein Hindernis)
 THEN
 fahre einen Schritt gerade aus;
 ELSE
 drehe dich um einen beliebigen Winkel;
 }

Slide 35

Slide 35 text

Weg des Robo-Staubsaugers

Slide 36

Slide 36 text

Digitalisierung + Algorithmisierung Analoge Phänomene werden in numerische Daten überführt. • Musik ➙ Schallwellen ➙ mp3 ➙ Audio-Streaming • Welt ➙ Daten, Modelle und Simulationen Die Welt wird berechenbar (gemacht).

Slide 37

Slide 37 text

Computer Lib / Dream Machines, Ted Nelson, 1974 Photo von Ted Nelson aus Stephen Segaller: Nerds 2.0.1

Slide 38

Slide 38 text

Computer Lib / Dream Machines, Ted Nelson, 1974 Photo von Ted Nelson aus Stephen Segaller: Nerds 2.0.1

Slide 39

Slide 39 text

Algorithmische Ära (die technische Seite) > Algorithmen (Software) und immer leistungsfähigere Hardware > Weltweite Vernetzung (Internet) > Vernetzte Devices (IoT - Internet of Things) > Sensoren / Always On > Datenbanken ➙ Big Data ➙ Deep Data > Mustererkennung und Lernende Systeme, (KI) > Roboter, Autonome Systeme > Trust (Cryptowährungen und Blockchain)

Slide 40

Slide 40 text

De facto ist das Systemverhalten kaum noch vorhersagbar. https://twitter.com/Zwiebeltuete/status/976122076342996992 ?

Slide 41

Slide 41 text

Das menschliche Gehirn als Vorbild für Künstliche Neuronale Netze Abb. cc by Allan Ajifo https://www.flickr.com/photos/125992663@N02/14599057004

Slide 42

Slide 42 text

Aus dem Cortex einer Maus cc ZEISS Microscopy https://www.flickr.com/photos/zeissmicro/10799665915/ cc Akritasa https://commons.wikimedia.org/wiki/File:Two-layer_feedforward_artificial_neural_network.png Künstlich neuronales Netz

Slide 43

Slide 43 text

cc Akritasa https://commons.wikimedia.org/wiki/File:Two-layer_feedforward_artificial_neural_network.png 2 * 8 Zellen im Hidden Layer 8 Input Zellen ➙ ➙ 2 Output Zellen

Slide 44

Slide 44 text

8 Input Helligkeitssensoren ➙ ➙ Output ➙ horizontal vertikal

Slide 45

Slide 45 text

Stand der Forschung Google (2012): 1.7 Mrd Parameter ➙ kann Katzen in YouTube Videos erkennen Andrew Ng, Stanford Research (2013): 11 Mrd Parameter ➙ » recognize speech, objects and even cats like we do « Digital Reasoning (Franklin, Tenn., 2015): 160 Mrd Parameter https://www.popsci.com/science/article/2013-06/stanfords-artificial-neural-network-biggest-ever https://spectrum.ieee.org/tech-talk/computing/software/biggest-neural-network-ever-pushes-ai-deep-learning

Slide 46

Slide 46 text

Zum Vergleich: Menschliches Gehirn 86 Mrd. Neuronen mit ca. 7.000 Synapsen ➙ ca.100 - 500 Billionen Synapsen Außerdem Sozialisation durch Eltern, Familie, Freunde Körper, Lernen durch In-der-Welt-Sein ~20.000 Jahre Zivilisation 7.6 Mrd. Menschen auf der Erde https://www.helmholtz.de/gesundheit/wie-viele-nervenzellen-hat-das-gehirn/ https://wellcomecollection.org/works/m2d4erhg [Digital Reasoning (2015): 160 Mrd Parameter]

Slide 47

Slide 47 text

DeepDream – Visualisierung von Künstlichen Neuronalen Netzen
 Blaise Agüera y Arcas (google, 2016) https://deepdreamgenerator.com https://www.ted.com/talks/blaise_aguera_y_arcas_how_computers_are_learning_to_be_creative

Slide 48

Slide 48 text

DeepDream – Visualisierung von Künstlichen Neuronalen Netzen
 Blaise Agüera y Arcas (google, 2016) https://deepdreamgenerator.com https://www.ted.com/talks/blaise_aguera_y_arcas_how_computers_are_learning_to_be_creative

Slide 49

Slide 49 text

DeepDream – Visualisierung von Künstlichen Neuronalen Netzen
 Blaise Agüera y Arcas (google, 2016) https://deepdreamgenerator.com https://www.ted.com/talks/blaise_aguera_y_arcas_how_computers_are_learning_to_be_creative Frieder Nake @CarlCanary

Slide 50

Slide 50 text

Interface Culture

Slide 51

Slide 51 text

6 Computer-Leitthemen
 nach Bill Verplank Photo cc mprove http://photo.mprove.net/gallery/08/baychi.html?i=14

Slide 52

Slide 52 text

Media Tools People

Slide 53

Slide 53 text

Media Tools People

Slide 54

Slide 54 text

Media Tools People Fashion/
 Lifestyle Vehicle / Infrastructure Artificial Life

Slide 55

Slide 55 text

Media Tools People Fashion/
 Lifestyle Vehicle / Infrastructure Artificial Life

Slide 56

Slide 56 text

Bill Verplank: Keynote interaction 11 http://blog.mprove.net/2011/04/bill-verplank-at-interaction-11/

Slide 57

Slide 57 text

Gesellschaft ist ein System
 zwischen Menschen,
 das sich auf Vertrauen gründet. Vertrauen entsteht durch Kommunikation und Interaktion.

Slide 58

Slide 58 text

Die »digitale Gesellschaft« ist ein System
 zwischen Menschen
 via Computer und Netzwerken
 und deren Herstellern und Betreibern,
 das sich auf Vertrauen gründet.

Slide 59

Slide 59 text

Die direkte Interaktion mit dem Computer wird zunehmend ersetzt durch einen Remote- Zugriff auf »die Cloud«. http://www.23hq.com/mprove/photo/13479790

Slide 60

Slide 60 text

Es gibt keine Cloud! Die Cloud ist bloß ein Computer, der jemand anderem gehört. http://www.23hq.com/mprove/photo/13479790

Slide 61

Slide 61 text

Der Computer als Leitmedium unserer Zeit induziert die Form des Zusammenlebens in der »Digitalen Gesellschaft«.

Slide 62

Slide 62 text

global village These new media have made our world into a single unit. The world is now like a continually sounding tribal drum, where everybody gets the message all the time. –Marshall McLuhan cf. Marshall McLuhan - The World is a Global Village (CBC TV)
 https://www.youtube.com/watch?t=96&v=HeDnPP6ntic »

Slide 63

Slide 63 text

Durch die Gestaltung der Systeme
 –in Form von Infrastruktur und User Interface– haben Firmen, Entwickler und Designer einen signifikanten Einfluss auf die Interface Culture der Gesellschaft. Sie müssen sich dieser Verantwortung stellen.

Slide 64

Slide 64 text

No content

Slide 65

Slide 65 text

Anti Social – A Modern Dating Horror Story (2017) https://www.youtube.com/watch?v=GEWnXmDfVZg

Slide 66

Slide 66 text

Interface Culture – Hildesheimer Trilogie Vielen Dank. Matthias @MProve // http://mprove.de/script/18/hawk/

Slide 67

Slide 67 text

Home_ http://mprove.net Weitere Präsentationen von mprove_ http://mprove.de/about/index/presentations.html Blog_ http://blog.mprove.net @mprove_ https://twitter.com/mprove uxHH Radio_ http://uxhh-radio.blogspot.de