Vorlesung. Grundlagen der Medieninformatik. Prof. Dr. Antonio Krüger.

Transkript

1 Vorlesung Grundlagen der Medieninformatik Prof. Dr. Antonio Krüger Wintersemester 2017/ 2018

2 Willkommen: Medieninformatik

3 Willkommen: Medieninformatik Medieninformatik h"p://

4 Inhalt der Vorlesung Themen dieser Vorlesung: Informationstheoretische Grundlagen, Digitalisierung Text, Typografie, Hypertext (HTML) Grundlagen zu Audio-Datenformaten Licht und Farbe, Bilddatenformate, Bildbearbeitung Grundlagen zu Video-Datenformaten Multimedia-Autorensysteme (Bsp. Flash) Mediendokumente (XML, Bsp. SMIL) Interaktive Internet-Anwendungen (Bsp. JavaScript, PHP) Grundlagen der 2D-Grafik (Bsp. SVG) Grundlagen der 3D-Modellierung (Bsp. XML3D) Weiterführende Lehrveranstaltungen: User Interface Design/Mensch-Computer-Interaktion (3. Semester) Ubiquitous Media/Interaktive Systeme (4. Semester)

5 AG Prof. Antonio Krüger Arbeitsgruppe befindet sich im neuen DFKI-Anbau (gegenüber der Mensa) auf der Ebene +1. Telefon: (Sekretariat: Iris Lambrecht, Christine Pyttlik vormittags) Termine nach Vereinbarung

6 Facebook-Seite der Informatik

7 Vorlesungsbetreuung Marco Speicher DFKI Gebäude D3 2 (Neubau), Raum Sprechstunde nach Vereinbarung marco.speicher@dfki.de Tutoren Lena Hornberger Marco Siweris Jan Ehrlich

8 Übungsgruppen (1: ROT) Dienstag 12:00-14:00 Seminarraum 016 E1.3, Lena Hornberger (2: GRÜN) Freitag 12:00-14:00 Seminarraum 016 E1.3, Marco Siweris (3: BLAU) Freitag 14:00-16:00 Seminarraum 016 E1.3, Jan Ehrlich Start der Übungen Freitags-Termin: Dienstags-Termin: Teilnahme nicht verpflichtend Jedoch 50% Bonus auf erzielte Punkte des jeweiligen Übungsblatts bei Teilnahme an den Übungen Rückgabe der korrigierten Übungsblätter mit anschließender Besprechung der Aufgaben Keine Musterlösung auf der Website Anmeldung über die Vorlesungswebsite (via Google-Form UND Piazza) bis Freitag 23:59:59 Melden Sie sich zu Übungsgruppen (via Google-Form) UND Piazza an!

9 Info Office-Hour Am findet zwischen 12:00 und 16:00 Uhr eine einmalige Office Hour in Raum Turing 1 (+2.30, DFKI Neubau gegenüber Mensa) statt Allgemeine Fragen zum Studiengang Medieninformatik / Informatik Fragen zur Vorlesungsplanung Fragen zur Vorlesung Probleme bei der Anmeldung? Probleme bei der Teilnahme der Übungen? Inhalte der Vorlesung / Übungen / Tests Sonstiges Anwesend: Marco Speicher & Tutoren Einfach vorbeikommen!

10 Übungsblätter Insgesamt 10 Übungsblätter Ausgabe Mittwoch über Piazza 0-tes Übungsblatt erscheint nächste Woche am (muss nicht abgeben werden!) Abgabe in der darauf folgenden Woche Dienstag Nacht 23:59 Uhr Abgabe erfolgt ausschließlich digital per an den jeweiligen Tutor und Marco Speicher (im CC) mit einem bestimmten Betreff Betreff: [gdmi]-[übungsgruppe]-[matrikelnr1]-[matrikelnr2]-[übungsblatt] Beispiel: gdmi-gruen = Gruppe grün, Blatt 3 Bearbeitung der Übungsblätter in Gruppen bis zu 2 Personen erlaubt Kopieren ist nicht erlaubt. Alle Quellen müssen angegeben werden Alle Teilnehmer sollten an der Lösung jeder Aufgabe beteiligt sein Jeder Teilnehmer muss einzeln abgeben und seinen Partner auf der Abgabe und dem Betreff (siehe oben) vermerken

11 Zusammenfassung Modalitäten der Scheinvergabe (9 ETCS) Klausurtermine Hauptklausur: Mittwoch, (12 14 Uhr), Günther- Hotz-Hörsaal Nachklausur: Mittwoch, (12 14 Uhr), Günther-Hotz- Hörsaal 75% der max. erreichbaren Übungspunkte UND Bestehen einer der beiden Klausuren Klausurrelevanter Stoff Übungs-, Minitest- und Vorlesungsmaterial Gesprochenes vor geschriebenem Wort (Tafelbilder!) Video-Aufzeichnung der VL wird o.g. zur Verfügung gestellt

12 Kontakt Kontakte Vorlesung: Prof. Dr. Antonio Krüger Übungsleitung: Marco Speicher Webseite zur Vorlesung: Die Materialien (Unterlagen & Übungsblätter) der Vorlesung sind ausschließlich über Piazza zu beziehen!

13 Bachelor Medieninformatik (2016) - Studienplan - Allgemein Stammvorlesung (9 CP) Bachelor-Seminar (9 CP) Bachelor-Arbeit (12 CP) 6 30 Seminar (7 CP) 5 27 Informations- 4 systeme Programmierung 1 30 (6 CP) Stammvorlesung (9 CP) 3 Datenstrukturen 1 33 Programmierung 2 (9 CP) 2 Informatiker 2 31 Programmierung 1 (9 CP) Wahlpflicht (7 CP) Nebenläufige (6 CP) Interaktive Systeme (6 CP) Human Computer Interaction (alt: User Interface Design) (9 CP) Mathematik für (9 CP) Mathematik für 1 Informatiker 1 Medieninformatik 29 (9 CP) Medienprojekt (9 CP) MAD-Projekt (8 CP) Algorithmen & (6 CP) Softwaredesignpraktikum (9 CP) Grundlagen der (9 CP) Proseminar (5 CP) Allg. Psychologie Teil 2 (4 CP) Grundlagen Media, Art & Design (4 CP) Ring (2 CP) Allg. Psychologie Teil 1 (4 CP) Wahlpflicht (7 CP) *alle Veranstaltungen des B.Sc. Informatik (Stamm, Vertiefung, Seminar) *Soft Skill Veranstaltungen (Tutor, Soft Skill, Sprachkurse) *Veranstaltungen der HBK *vom Prüfungsausschuss genehmigte Veranstaltungen Grundlagen Media, Art & Design (4 CP) Projekt Media, Art & Design (8 CP) *Veranstaltungen der Hochschule der Bildenden Künste (HBK Saar) *Betreuung: Prof. Burkhard Detzler (Studiengang Media, Art & Design), Dr. Michael Schmitz Allg. Psychologie 1 Teil 1 (4 CP) Allg. Psychologie 1 Teil 2 (4 CP) Medienpsycholog. Seminar (4 CP) Medienpsychologie Seminar (4 CP) *Veranstaltungen des Fachbereichs Psychologie *Betreuung: Prof. Dr. Dirk Wentura (Allg. Psych. 1) Prof. Dr. Malte Friese (Seminar Sozialpsychologische Aspekte der Medienpsychologie)

14 Prüfungsanmeldung in der Informatik Anmeldung zu Prüfungen in HISPOS bis spätestens eine Woche vor der ersten Prüfungsleistung (danach ist keine Anmeldung mehr möglich!) Abmeldung bis spätestens eine Woche vor der ersten Prüfungsleistung (danach nur noch mit ärztlichem Attest!) Verkürzte Rücktrittsfrist für Proseminare, Seminare, Praktika (bis drei Wochen nach Themenvergabe) und Perspektiven der Informatik (Ankündigung im Kurs) Bei Kursen anderer Fachrichtungen die jeweiligen Anmeldevorschriften befolgen (z.b. Nebenfach)! Bei Problemen mit Prüfungsanmeldung: Studienkoordination (Dr. Tanja Breinig, 14

15 closed laptop policy lecture

16 Zur Vorlesung & Begleitenden Materialien Versionshistorie Version 2.3. Stand September 2015, überarbeitet durch Prof. Antonio Krüger Version 2.0 Stand September 2012 überarbeitet und aktualisiert durch Prof. Dr. Prof. Antonio Krüger & Dr. Johannes Schöning Version 1.0 dieser Vorlesung basierte auf Konzept der Vorlesung auf Folien von Prof. Heinrich Hussmann & Prof. Andreas Butz von der LMU München Zu dieser Vorlesung empfohlen: R. Malaka, A. Butz, H. Hussmann: Medieninformatik: Eine Einführung 1. Auflage, Pearson Studium, 2009 ISBN ,95 Euro

17 Weitere Literatur Mensch-Maschine- Interaktion Butz & Krüger 2014 Grundlagen MCI, Dahm 2006 Interaktive Systeme, Preim & Dachselt, 2010, 2015 Interaction Design, Rogers et al.,

18 Agenda 1. Grundbegriffe 2. Digitale Codierung und Übertragung 3. Signalverarbeitung 4. Zeichen und Schrift & HTML 5. Ton und Klang 6. Licht, Farbe und Bilder 7. Bewegtbilder 8. Animation und Interaktion 9. Vektorgrafiken 2D / 3D / XML3D 10. Usability 11. Aktuelle Themen der Medieninformatik

19 Kursiv = Termin wird vertreten Datum Thema Einleitung, Grundbegriffe Grundbegriffe Grundbegriffe Digitale Kodierung Digitale Kodierung Digitale Kodierung Signalverarbeitung Signalverarbeitung Zeichen, Schrift und HTML Zeichen, Schrift und HTML Ton & Klang Ton & Klang Ton & Klang Licht, Farbe & Bilder Licht, Farbe & Bilder

20 Kursiv = Termin wird vertreten Datum Thema Licht, Farbe & Bilder Weihnachtsvorlesung Vorlesungsfrei - Weihnachten Bewegtbilder Bewegtbilder Animation und Interaktion Vektorgrafik 2D - 3D - XML3D Vektorgrafik 2D - 3D - XML3D Usability Zusammenfassung und Beispielklausur Ausweichtermin Klausur Nachklausur

21 Agenda 1. Grundbegriffe 2. Digitale Codierung und Übertragung 3. Signalverarbeitung 4. Zeichen und Schrift & HTML 5. Ton und Klang 6. Licht, Farbe und Bilder 7. Bewegtbilder 8. Animation und Interaktion 9. Vektorgrafiken 2D / 3D / XML3D 10. Usability 11. Aktuelle Themen der Medieninformatik

22 Agenda Kapitel 1: Grundbegriffe 1.1 Medium, Medieninformatik 1.2 Multimedia 1.3 Architektur von Ein-/Ausgabesystemen Geräte zur Texteingabe Zeigegeräte Grafikkarten Anzeigegeräte Drucker

23 Medien Informatik

24 Medium Was bedeutet das? Medium Ergebnisse einer Google-Bildsuche zu den Stichworten Medium, Medien

25 Begriff Medium medium (lat.): Das in der Mitte Befindliche Medium laut Meyer s Enzyklopädie: Vermittelndes Element Medium Mittel zur Weitergabe und Verbreitung von Informationen durch Sprache, Gestik, Mimik, Schrift und Bild Sender Empfänger Vielfach überladener Begriff: Physik Nachrichtentechnik Kommunikationswissenschaften Pädagogik, "Als Medien bezeichne ich alle Materialitäten, die systematisch zu einer geregelten und gesellschaftlich relevanten semiotischen (bzw. symbolischen) Kopplung von lebenden Systemen genutzt werden können." Siegfried J. Schmidt

26 Gesellschaftliche vs. Technische Medien (Mindestens) zwei grundlegend verschiedene Arten von Medienbegriffen sind zu unterscheiden: Gesellschaftliche Medien Sichtweise der Kommunikations- wissenschaft, Soziologie etc. Ganzheitliche Betrachtung komplexer Kommunikationsformen z.b. Medium Zeitung oder Medium Rundfunk Analog Medium Internet oder Medium WWW Technische Medien Sichtweise der Informatik und der Nachrichtentechnik Betrachtung von (integrierbaren) Einzelmedien z.b. Medium Text oder Medium Ton Spezieller: Medium MPEG-Strom oder Medium JPEG-Bild Digitale Medien verwenden technische Medien, um neue gesellschaftliche Medien zu schaffen.

27 Medienkategorien Interpersonale Kommunikation Massenmedium Klassische Unterscheidungen verwischen sich: interpersonales Medium, missbraucht als Massenmedium? Online-Zeitung mit Forum: Massenmedium, aber mit direkter Interaktion WhatsApp:?? Technische Entwicklung verändert Kommunikationsformen

28 Konvergenz von Netzen Moderne Telefonnetze sind auch Datennetze ISDN = Integrated Services Digital Network GSM, Beispiel SMS Moderne Datennetze sind auch zur Sprachübertragung geeignet Sprachübertragung über Internet ( Voice over IP ) Telefon als Software realisiert Telefongeräte als Computerzubehör ( USB phone )

29 Digitale Information überall In Alltagsgegenständen befinden sich leistungsfähige Computer Drahtlose Kommunikation ist allgegenwärtig Nahbereich Mobilfunknetze Interaktion mit Computern ohne Bildschirm, Maus und Tastatur Durch alltägliche Handgriffe (z.b. Auto aufsperren) Wilson & Benko: Combining Multiple Depth Cameras and Projectors for Interactions On, Above, and Between Surfaces Durch Anwesenheit an bestimmtem Ort

30 Beispiel: Lightspace h"p://research.microsos.com/en-us/projects/lightspace/

31 Medien als Bits und Bytes Grafiken, Fotos, Tonaufnahmen, Partituren, Drehbücher, Animationen, Kinofilme,... alles digital darstellbare Information (Bits) allerdings: sehr viele Bits, Zeitanforderungen Multimediatechnologie: Standard-Computertechnik ersetzt zunehmend Spezialgeräte (z.b. in Ton- und Fernsehstudios) Softwarelösungen ersetzen Hardwarelösungen Dramatische Veränderung von Arbeitsabläufen: Andere Abläufe in Medienunternehmen Medienverarbeitung als Alltagsphänomen außerhalb der Medienunternehmen

32 Beispiel: Jurrasic Park (1993) h"p://

33 Kinofilm 2003 ( 8 Nominierungen & 1 Gewinn Golden Globes ) Filmschnitt vollständig auf Apple- Systemen (Software Final Cut Pro) Beispiel: Digitaler Videoschnitt