Einführung in die Vorlesung und Thematik - Interaktive Medien 1 Wolfgang Bock

Einführung in die Vorlesung und
           Thematik
           Interaktive Medien 1
              Wolfgang Bock

MMP-Studium & Interaktive Medien (IM)
Ziele der Vorlesun
•   Einblick in den Aufbau, die Struktur und die Didaktik der Vorlesung.
•   Sie erfahren, welche Literatur, Materialien und Quellen verwendet
    werden.
•   Sie verstehen, warum Detailkenntnisse in den IM wichtig sind.
•   Sie bekommen eine Übersicht der Web-Technologien.
•   Sie lernen die Grundpfeiler der Web-Technologien kennen.

Warum sind diese Themen wichtig
•   Das Web ist der Dreh- und Angelpunkt von Text, Bild, Video, Audio und
    Interaktivität
                g

                                   ?

Studiengang MMP

Über die Interaktiven Medien
Das Berufsbild Multimedia Producer umfasst drei zentrale
Kompetenzen:
1. Die Fähigkeit, im globalen Netz und mit interaktiven Medien zu
   arbeiten.
2. Erzählerisch zu schreiben, zu sprechen zu lmen und zu gestalten.
3. Inhalte medienspezi sch zu produzieren.
Diese Netz-, Narrations- und Produktionskompetenz bilden den Kern
des Studiums.
              fi
                                    fi

Web als Mischpult

Das Internet ist ein wichtiger Pfeiler, um Inhalte (Text, Bild, Video,
Audio etc.) konvergent und multimedial zu präsentieren. In den
Interaktiven Medien wird das Wissen für die Konzeption und Erstellung
von interaktiven Web Anwendungen vermittelt.

Video   Bild        3D          VR/AR           Text   Audio

               Konzeption      Interaktivität
               & Usability     und 

Watch   Apps        Websites              VR    AR     IoT

Wichtigkeit der Interdisziplinarität

5. Semester
       Angewandte Webentwicklung
               4. Semester
WordPress Minimal-Child entwickeln, PlugIns
              Virtual Reality
               3. Semester
              PHP/MySQL
        Konzeption & Usability II
               2. Semester
                JavaScript

               1. Semester
               HTML/CSS
          Konzeption & Usability I

Das Team der Interaktiven Medien
     Simonne Bosiers (Dozentin)
     Usability, User Experience, Konzeption, Design Thinking

     Alen Doko (Dozent)
     HTML/CSS, JavaScript, Datenbanken,
     Informationstechnologien, Semantik im Web
     Nick Schneeberger (LBA, MMP)
     Freischaffender Webdesigner und -entwickler sowie
     Hochschulpraktikant Content & Publishing bei der SBB

     Lea Moser (LBA, MMP)
     HTML/CSS, JavaScript, PHP/MySQL, Wordpress, Vue, Node.js

Marc Fehr (LBA, MMP)
Multimedia Storyteller beim Tages-Anzeiger

Benjamin Hanimann (LBA, MMP)
Fachmitarbeiter Projekte - Organisationsentwicklung Stadt
St. Gallen

Nina Grässli (LBA, MMP)
Adobe Creative Cloud, WordPress, HTML/CSS, JavaScript,
PHP/MySQL

Wolfgang Bock (Gesamtleitung Interaktive Medien)
HTML/CSS, JavaScript, PHP/MySQL, AJAX, Mobile Devices, PWA,
plattformbezogene Dienste

Erstes Semester Interaktive Medien
  2 Kurse: «Web-Technologien 1» & «Konzeption und Usability 1»

Stundenplan 1. Semester Interaktive Medien

Wie gross ist der Aufwand für die
                 Interaktiven Medien 1?
Pro Semester total                4 ECTS
Pro ECTS Punkt                    28 Stunden Aufwand
Gesamtaufwand pro Semester        4 * 28 = 112 Stunden

                             Details
Tätigkeit                                               Aufwand (h)
Totaler Aufwand des Moduls Interaktive Medien 1                112
Unbegleitetes Studium (inverted Learning), üben, lernen         42
Vorlesungen und CodeCamp in Blockwoche                          70

Leistungsnachweis des Moduls laut
       Modulbeschreibung

    Kurs Web-Technologien 1 (50%)

Leistungsnachweis des Moduls laut
       Modulbeschreibung
 Kurs Konzeption und Usability 1 (50%)

Nicht vergessen: Design Thinking anwenden

•   Design Thinking stellt den Menschen in den Fokus des gesamten Prozesses
•   Design Thinking ndet nicht nur eine Lösung
•   Design Thinking ist nicht statisch, sondern ein dynamischer, iterativer Prozess:
    Divergieren (öffnen) und Konvergieren (konzentrieren)
•   Prototypen veranschaulichen Design Thinking Ergebnisse ab der ersten Iteration
           fi

Kurs «Konzeption und Usability 1»
                     Simonne Bosiers

Fokus: User Research, Konzeption,
Prototyping und User Testing.

Teilnahme im …
Literatur-Track (Selbststudium)

… oder …

Projekt-Track in einer Gruppenarbeit
mit genau drei Teilnehmenden
(Motivationsschreiben)

P ichtlektüre

     Jacobsen, Jens; Meyer, Lorena:
     Praxisbuch Usability und UX.
     Rheinwerk Verlag 2019.
     ISBN 978-3-8362-6953-7 (Buch),
     ISBN 978-3-8362-6954-4 (E-Book)

     In der Churer Bibliothek stehen einige Exemplare zur Verfügung.
fl

Kurs «Web-Technologien 1»,

     Ziel
     •   Praxisbezug mit selbstständiger Arbeit und ef zienter Feedback-
         Kultur
     •   Studierende für die heutige, schnelllebige Medienwelt t machen,
         sie auf ihre Zukunft und nicht auf unsere Vergangenheit vorbereiten.
     •   Strukturierung und Einordnung der Wissensinhalte
e

                                              fi
                                                       fi

Zusammenspiel des Kurses
«Web-Technologien 1» mit anderen Modulen

Inverted Classroom — vor der Blockwoche

    bis 22.11.        22.11. - 30.11.

Konkret: Selbststudium vor dem Unterricht
                (22. November 2021)
Siehe Website
Einführung in die Vorlesung und Thematik > Vierte Aufgabe:
Selbststudium HTML & CSS:

Konkret: Selbststudium vor dem Unterricht
              (22. November 2021)

Das Selbststudium muss vor der ersten Blockwoche abgeschlossen
                             sein!
         Sprechstunden (via Webex), Fragen zum Stoff:
              13. Oktober 2021, 17 bis ca. 19 Uhr
              27. Oktober 2021, 17 bis ca. 19 Uhr
             16. November 2021, 17 bis ca. 19 Uhr

Während der Blockwochen
•   Der Unterricht ist rein virtuell konzipiert
•   Hauptkommunikation über WebEx und Slack
•   Möglichkeit des realen Treffens an allen Standorten. Eintrag in
    Google-Liste für Standorte Bern, Zürich und Chur
•   Inputs werden live übertragen und aufgezeichnet
Der Besuch von Vorlesungen ist nicht obligatorisch
•   Für die Betreuung der Übungen und des CodeCamps stehen
    zusätzlich Tutor:innen zur Verfügung.

Welches ist Ihre Rolle im Kurs
                    «Web-Technologien 1»?
Szenario
Angenommen, das Thema ist neu für Sie…
•   Arbeiten Sie das Selbststudium durch
•   Besuchen Sie die Blockwoche und arbeiten Sie an der Umsetzung des
    Visualisieren-Projekts

Szenario
Angenommen, Sie haben schon etliche Websites gebaut …
•   Sie helfen in den Übungen als studentischer Tutor:in mit
•   Bitte melden Sie sich bei mir per Mail oder nach der Stunde
      2

      1

Tutor:innen…
… haben schon etliche Websites mit HTML und CSS gebaut …
… bringen gerne anderen Studierenden die Thematik HTML und CSS bei …
… sind geduldig und verständig …
… lernen beim Erklären viel über die Themen HTML, CSS und Didaktik …
… sind von sämtlichen Abgaben bei den Interaktiven Medien 1 verschont …
… sind während mindestens der Hälfte der Zeit anwesend …
… haben als Leistungsnachweis keine schriftliche Modulschlussprüfung,
sondern ein mündliches Gespräch über die Gestaltung des Unterrichts …

Start des
      Kurses
                       Zusammenfassung
     Ausbildung        Nein       Erfahrung mit       Nein   Selbststudium     Eingangs-
als Mediamatiker:in?               HTML/CSS?                 durcharbeiten      prüfung

           Ja                                                                  Übungen &
                                                                                 Projekt
      Lust als                            Nein
  Tutor:in tätig zu
       sein?
                                                                               Abschluss-
                                                                                prüfung
           Ja

                                           Unterstützung       Mündliches
    bei W. Bock        Gespräch mit W.          der          Fachespräch als
                                                                                 Ende
      melden               Bock            Studierenden         Leistungs-
                                            (min. 50%)          nachweis

Literatur und Materialien
     Website zur Vorlesung

Lernvideos von LinkedIn Learning
An der FHGR stehen die Lernvideos von Linkedin Learning.com zur
Verfügung. Sie brauchen eine FHGR-Mailadresse für das Login.
Registrieren: Siehe Intranet, dort gibt es ein PDF mit einer genauen
Beschreibung
Verwendung: Es gibt viele Englische und einige Deutsche Kurse.
Über die LinkedIn Website haben Sie in den Bereichen Entwicklung,
Design, Web, Fotogra e, Business, Ausbildung, 3D Animation, Video
und Audio + Musik auf über 8000 Übungsvideos und über 300'000
Video Tutorials Zugriff
                fi

Fragen, Unsicherheiten
                          Sofort reagieren!
                            Wolfgang Bock
                       wolfgang.bock@fhgr.ch
                        Tel. +41 78 696 39 15
         Webex: https://fhgr.webex.com/meet/wolfgang.bock

Weitere Sprechstunde
Sprechstunden: immer nach der Vorlesung oder jederzeit nach
Absprache in Chur, Zürich oder Bern. Bitte per Mail anmelden.
                   n