Steffen Henschel und Niklas Armbruster helfen Studierenden bei der Umsetzung interaktiver Semesterprojekte.

Workshops SoSe 2012

• I. Musikvisualisierung mit After Effects
  • Motiongraphics und bewegte Grafik / für Anfänger
  • Offen für alle Semester, keine Vorkenntnisse notwendig.
    Max. 12 Teilnehmer, keine Scheinvergabe, Anmeldung bis 23. März per Mail an ilab@fh-mainz.de
    Ort: iLab
  • Kurstag I (4. April)
    Inhalt: Grundlagen und Techniken der dynamischen Musikvisualisierung
    Ziel: Befähigung zum erstellen einfacher Animationen mit After-Effects
    
  • Kurstag II (18. April)
    Inhalt: Stehgreif Musikvisualisierung
    Ziel: Umsetzung eines kurzen Musikvideos anhand der erlebten Techniken
    
  • am 4. und 18. April 2012, 14.00 Uhr im iLab
  • Dozent: Niklas Armbruster
    
  
  
• II. Flashprogrammierung Basics
  • Interaktive Medien / für Anfänger
  • Offen für alle Semester, keine Vorkenntnisse notwendig.
    Max. 14 Teilnehmer, keine Scheinvergabe, Anmeldung bis 23. März per Mail an ilab@fh-mainz.de
    Ort: iLab
  • Kurstag I (25. April)
    Inhalt: Grundlegende Prinzipien der Programmierung
    Ziel: Verständnis der Basisprinzipien zum programmieren interaktiver Medien.
    
  • Kurstag II (9. Mai):
    Inhalt: Vertiefung der Themen des 1. Kurstages
    Ziel: Verständnis der Basisprinzipien zum programmieren interaktiver Medien & Erstellen erster eigener Anwendungen.
    
  • am 25. April und 9. Mai 2012, 14.00 Uhr im iLab
  • Dozent: Niklas Armbruster
    
  
  
• III. Portfolio-Website Bauen für Anfänger
  • Webdesign / für Anfänger
  • Offen für alle Semester, keine Vorkenntnisse notwendig.
    Max. 14 Teilnehmer, keine Scheinvergabe, Anmeldung bis 23. März per Mail an ilab@fh-mainz.de
    Ort: iLab
    
  • Kurstag I (16. Mai)
    Inhalt: Webseiten einfach selbst gestalten mit Adobe-Muse
    
  • Kurstag II (23. Mai):
    Inhalt: Animieren von Webinhalten via jQuery und Adobe Edge
    
  • am 16. und 23. Mai 2012, 14.00 Uhr im iLab
  • Dozent: Niklas Armbruster
    
  
  
• IV. Interactive Human Interfaces
  • Interaktionsdesign / für Fortgeschrittene
  • Für die Teilnahme am Workshop sollte ein grundlegendes Verständnis für Programmierung bestehen.
    Offen für alle Semester. max. 12 Teilnehmer, keine Scheinvergabe, Anmeldung bis 23. März per Mail an ilab@fh-mainz.de
    Ort: iLab
    
  • Einführung in einige Möglichkeiten der Steuerung interaktiver Applikationen. Wir werden uns mit den Grundlagen folgender Techniken beschäftigen: Augmented Reality, Gestensteuerung (Microsoft Kinect), Multitouch, Sprachsteuerung. Die Beispiele werden in AS3(Flash) besprochen.
  • Ziel: Verständnis der Verwendung alternativer Eingabemedien
    
  • am 30. Mai 2012, 14.00 Uhr im iLab
  • Dozent: Niklas Armbruster
    
  
  
• V. Art with Code - Prinzipien generativer Gestaltung
  • Generative Gestaltung / für Fortgeschrittene
  • Offen für alle Semester.
    Max. 12 Teilnehmer, keine Scheinvergabe, Anmeldung bis 23. März per Mail an ilab@fh- mainz.de
    Ort: iLab
    Die Workshops bauen aufeinander auf. Für die Teilnahme am Workshop sollte ein grundlegendes Verständnis für Programmierung bestehen.
    
    
  • Einführung in die Prinzipien generativer Gestaltung. Wir werden uns mit einigen bekannten Prinzipien auseinandersetzen, Kunst anhand von unterschiedlichen Algorithmen zu erzeugen.
    
    Die verwendete Programmiersprache ist in diesem Kurs nicht entscheidend. Die besprochenen Techniken lassen sich in allen denkbaren, grafikorientierten Techniken (z.B. JavaScript, Flash, Processing, Cinder, vvvv, etc.) umsetzen.
    
    
  • am 6.Juni 2012, 14.00 Uhr im iLab
  • Dozent: Niklas Armbruster
    
  
  

Zurückliegende Workshops

• I. Animieren lernen mit After Effects für Anfänger
  • Die AE-Workshops bauen aufeinander auf.
    Für die Teilnahme an den Workshops sind keinerlei Grundkenntnisse nötig, offen für alle Semester.
    Ort: iLab, max. 20 Teilnehmer, keine Scheinvergabe, Anmeldung per Mail
    
  • Kurstag I
    Inhalt: Wir werden die grundlegenden Funktionsweisen von After-Effects betrachten.
    Ziel: Befähigung zum erstellen einfacher Animationen mit After-Effects
    
  • Kurstag II
    Inhalt: Experimentieren mit einigen fortgeschrittenen Funktionen von After-Effects
    Ziel: Erlernen der Funktionsweise von Effekten, Partikelsystemen u.A.
    
  • am 12. und 19. Oktober 2011, 14.00 Uhr im iLab
  • Dozent: Niklas Armbruster
    
  
  
• II. Flashprogrammierung Basics für Anfänger
  • Die Flash-Workshops bauen aufeinander auf.
    Für die Teilnahme an den Workshops sind keinerlei Grundkenntnisse nötig, offen für alle Semester.
    Ort: iLab, max. 20 Teilnehmer, keine Scheinvergabe, Anmeldung per Mail
    
  • Kurstag I
    Inhalt: Grundlegende Prinzipien der Programmierung mit ActionScript3
    Ziel: Verständnis der Basisprinzipien zum programmieren interaktiver Medien.
    
  • Kurstag II
    Inhalt: Vertiefende Auseinandersetzung mit ActionScript3
    Ziel: Experimentelles erlernen grafischer Programmierung
    
  • am 26. Oktober und 2. November 2011, 14.00 Uhr im iLab
  • Dozent: Niklas Armbruster
    
  
  
• III. Mobile-Apps mit Flash für mittlere Fortgeschrittene
  • Für die Teilnahme am Workshop sollte ein grundlegendes Verständnis für Programmierung (muss nicht Flash/AS3 sein!) bestehen.
    Offen für alle Semester.
    Ort: iLab, max. 15 Teilnehmer, keine Scheinvergabe, Anmeldung per Mail
    
  • Seit etwa einem Jahr ist es möglich, Applikationen - sogenannte „Apps“ - mit Hilfe von Flash bzw. Adobe AIR für mobile Endgeräte zu erstellen und über diverse Online-Marktplätze wie den „App-Store“ von Apple zu publizieren. In diesem Workshop zeigen wir Euch die Möglichkeiten dieser Technologie, die es Euch ermöglicht, Plattformunabhängige Applikationen und Experimente für die verschiedenen mobilen Endgeräte zu erstellen.
    
  • Inhalt: Vorgehensweise und Best Practice beim Erstellen von Applikationen für mobile Endgeräte (iPhone/iPad/Android/BlackBerryTab) mit Flash.
    Ziel: Die Studierende sind eigenständig in der Lage, Apps für mobile Endgeräte zu erstellen.
    
  • am 9. November 2011, 14.00 Uhr im iLab
  • Dozent: Niklas Armbruster
    
  
  
• IV. Portfolio-Website Bauen für Anfänger
  • Die Indexibit-Workshops bauen aufeinander auf. Für die Teilnahme an den Workshops sind keinerlei Grundkenntnisse nötig.
    Offen für alle Semester.
    Ort: iLab, max. 20 Teilnehmer, keine Scheinvergabe, Anmeldung per Mail
    
  • Indexhibit (http://www.indexhibit.org/) ist ein Open-Source-Framework zum Erstellen von Portfolio-Seiten. Dank seiner einfachen Funktionsweise erfreut es sich besonders im klassischen Grafikdesign großer Beliebtheit.
    
  • Kurstag I
    Inhalt: Vorstellung von Indexhibit, Installation und Funktionsweise
    Ziel: Studierende sind in der Lage eine eigenen Online-Portfolios mit indexhibit zu erstellen.
    
  • Kurstag II
    Inhalt: Vertiefende Auseinandersetzung mit Indexhibit
    Ziel: Fortgeschrittene Layouts erstellen, Möglichkeiten und Grenzen des Farmeworks kennen und einsetzen.
    
  • am 23. und 30. November 2011, 14.00 Uhr im iLab
  • Dozent: Niklas Armbruster
    
  
  
• V. Spiele selber machen mit unity3D für Einsteiger
  • Für die Teilnahme am Workshop sind keinerlei Grundkenntnisse nötig.
    Erfahrung mit 3D-Programmen sowie grundlegendes Programmierverständnis sind aber von Vorteil.
    Offen für alle Semester.
    Ort: iLab, max. 15 Teilnehmer, keine Scheinvergabe, Anmeldung per Mail
    
  • unity3D (http://unity3d.com/) ist ein unabhängiger und offener (kostenloser) 3D-Spiele-Engine. Unity basiert auf OpenGL und macht es somit möglich, Spiele für den Desktop, aber auch für alle gängigen Smartphones zu erstellen. Die Oberfläche von unity3D ist intuitiv. Wer schon mal ein 3D-Programm in der Hand hatte wird sich sofort zurecht finden, wer nicht, wird auch nicht viel länger brauchen. Programmiert werden die Spiele in unity3D wahlweise mit JavaScript oder C#. Besonders die Programmierung mit der einfachen Sprache JavaScript macht es Einsteigern leicht, die Funktionsweise von unity3D zu verstehen.
    
  • Einige Beispiele gelungener unity3D-Projekte:
    http://blurst.com/paper-moon/
    http://vimeo.com/10879508
    http://unity3d.com/gallery/game-list/
    
  • Kurstag I
    Inhalt: Vorstellung von unity3D, Einführung ins Programm und die Programmierung
    Ziel: Verständnis der unity3D - Umgebung
    
  • Kurstag II
    Inhalt: Bauen eines kleinen Beispiel-Spieles mit unity3D
    
  • am 7. und 14. Dezember 2011, 14.00 Uhr im iLab
  • Dozent: Niklas Armbruster
    
  
  
• 1. Making things talk – iLab Blockseminar mit studio onformative aus Berlin
  • Objekte lernen sprechen – Processing / RFID
    
    Oft wünschen wir uns, die Dinge würden mit uns sprechen oder irgendwie auf uns reagieren. Um aus diesem „irgendwie“ ein „genau so“ zu machen, entwickeln wir in diesem Kurs neuartige Methoden objektbezogener Interaktion.
    
    In diesem Kurs können Studenten verschiedener Fachbereiche ihr Interesse an der Interaktion von Mensch und Maschine erweitern und neuartige wechselseitige Interaktionsmöglichkeiten verwirklichen. In interdisziplinären Teams entwickeln wir mit Hilfe der Programmiersprache Processing und RFID neue Lösungsansätze und Gedankenspiele.
    
    Dabei können Objekte mit Spielcharakter, oder neuartige Interfaces entstehen. Vom Schmuckstück das seinen Träger erkennt, über interaktive Brettspiele, bis hin zu komplexen Anwendungen ist alles möglich.
    
    Die Basis ist dabei stets die freie Entfaltung eigener Vorstellungen. Vorkenntnisse in Programmierung sind für den Kurs von Vorteil. Teilnehmer anderer Fachbereiche (z.B. Produktdesign/Innenarchitektur/Mediendesign) sind sehr willkommen.
    Bitte Laptop mitbringen soweit vorhanden.
    
    
  • Blockseminar:
    Termin A: 12.-14. Mai
    Termin B: 28. und 29. Mai, 24. Juni
  
  
  
  • Dozenten: Julia Laub und Cedric Kiefer (onformative)
  
  
• 2. HTML Workshop: Wie bastle ich mir eine kleine Portfolio-Website?
  • Für die Teilnahme am Workshop sind keine Grundkenntnisse nötig.
    - Grundlagen HTML
    - Grundlagen CSS
    - Einführung in jQuery
  • am 18. Mai 2011, 14.00 Uhr im iLab
  • Dozent: Niklas Armbruster
     
• 3. Flash-Workshops interaktive LastFM-Visualisierung in 3 Nachmittagen

  Die Flash-Workshops bauen aufeinander auf. Für die Teilnahme am Workshops sind keinerlei Grundkenntnisse nötig. Fortgeschrittene können auch gerne nur zum letzten Termin kommen, Teilnahme an allen 3 Workshops ist jedoch empfohlen.
  
  Ziel soll es sein, nach den 3 Workshops eine interaktive Datenvisualisierung des Internet-Musik-Services "LastFM" erstellen zu können, was in etwa so aussehen könnte: Datenvisualisierung-LastFM

  • 3.1 Flash Workshop Teil I (Einführung in Flash) am 25.Mai 2011, 14.00 Uhr im iLab
    • - Was ist Flash eigentlich genau und warum soll ich das lernen?
      - Einführung in die Flash IDE
      - Grundsätzliche Funktionsmechanismen von Flash
      - Einführung in die Programmierung mit AS3 (variablen, Methoden, EventListener)
      Workshopziel: Grundlegendes Verständnis von Flash und AS3
    • Dozent: Niklas Armbruster
       
  • 3.2 Flash Workshop Teil II am 01.Juni 2011, 14.00 Uhr im iLab
    • - Was sind/ist: Klassen, Schleifen?
      - Einführung in Flash-Develop und rein codebasierte Flash-Entwicklung - Animation mittels externer Tweening-Bibliotheken.
      Workshopziel: Erstellen experimenteller Animationen
    • Dozent: Niklas Armbruster
       
  • 3.3: Workshop Teil III am 08. Juni 2011, 14.00 Uhr im iLab
    • - Was sind Arrays und wie animiere ich komplexe Grafiken ?
      - Schrifteinbettung
      - externe Datendienste und APIs
      Workshopziel: Erstellen einer Visualisierung anhand externer Daten
    • Dozent: Niklas Armbruster
       
• Perfekte Flasheinbettung
  • Eine gekonnte Einbettung ist extrem wichtig für die Funktion und für die Wirkung einer Flash-Animation, -Applikation oder -WebSite auf den Benutzer. Wie funktionieren Fullscreen, Flashvars, dynamische Layouts, Flash-Layer und Hockeystick-Werbebanner?
  • Beispiele anschauen
  • Dozent: Korbinian Moser
     
• AS3: Arbeit sparen durch XML
  • Durch XML werden die Inhalte einer Flash-WebSite für Normalsterbliche ohne die teure Adobe Creative Suite editierbar - einfach mit einem simplen Texteditor. Das ist ein wichtiges Verkaufsargument gegenüber Kunden, doch auch wir selbst können dadurch oft einen Riesen-Haufen Arbeit sparen.
  • Beispiele anschauen
  • Dozent: Korbinian Moser
     
• Entwurfsregeln für WebSites
  • Im Web herrschen andere Bedingungen als im Print. Worauf muss man beim Konzipieren und Gestalten von WebSites achten? Wie geht man vor? Dieser Workshop gibt einen groben Leitfaden und weist auf Fallstricke hin.
  • Dozent: Korbinian Moser
     
• Dreamweaver: Schnelle HTML-Dokumentation
  • Wie funktioniert das Template-System von Dreamweaver?
  • Einführung in die Vorlage.
  • Schneller Aufbau einer navigierbaren Site.
  • Aktive Menüzustände.
  • Pflegeleicht: Aussehen, Inhalt und Struktur der Site jederzeit ohne großen Arbeitsaufwand ändern.
  • Dozent: Korbinian Moser
     
• AS3: Preloader
  • Hilfe zur Selbsthilfe: Lernen, mit der AS3-Doku (Flash-Hilfe) umzugehen.
    • Was sind Objekte, Eigenschaften, Methoden, Events?
  • Kennenlernen der Klassen Loader und LoaderInfo.
  • Laden von externen SWFs und Bildern.
  • Steuerung von Lade-Animationen.
  • Dozent: Korbinian Moser
     
• Video und Audio in Flash
  • Abspielen aus der Zeitleiste vs. Streaming
  • Kennenlernen der Klassen FLVPlayback und Sound
  • Steuerung von Lautstärke, Panorama, Aspielposition etc.
  • Dozent: Korbinian Moser
     
• Arduino: Raumfühler
  • http://arduino.andreasmuxel.com
     
• VVVV: Multi Multi Multi Multi Purpose
  • http://vvvv.org
     
• Fehlt Dein Wunschthema? Hast Du eine gute Workshop-Idee?
  • Schreib uns! Vielleicht können wir spontan noch einen neuen Workshop einrichten. Oder im nächsten Semester.
  • Komm zur Projektbetreuung. Wir helfen gerne.

Bitte beachten:

Die Workshops finden immer Mittwochs, von 14 bis 19 Uhr im iLab oder Claudius-Pool statt. Die Teilnehmerzahl der Workshops ist begrenzt. Aus diesem Grund ist eine Voranmeldung erforderlich. Da im iLab nur 4 Computerarbeitsplätze zur Verfügung stehen, sind eigene Laptops mit FH-WLAN (mehr dazu) oder UMTS sehr willkommen.

Jetzt zu einem Workshop anmelden!
zurück zur Übersicht

Workshop-Anmeldung

Für die Anmeldung an einem Workshop, sendet bitte eine E-mail mit eurem Namen sowie den Workshops an denen Ihr teilnehmen möchtet an: ilabmainz@googlemail.com

Kalender vergrößern. Die Termine dieses Kalenders können mit Outlook und anderen Programmen abonniert werden. Ja, ich will!

Workshops

Hinweis: Der ICAL-Import in Outlook funktioniert möglicherweise nur im InternetExplorer richtig.

zurück zur Übersicht

Es stehen vier MAC-Arbeitsplätze zur Verfügung, die in den Claudiuspool, den Computerpool der Lehreinheit integriert sind und mit CS4 Master Collection und Mindmanager ausgestattet sind. Eine digitale Videokamera mit dazu gehörigem Stativ kann über das Sekretariat des Studiengangs bei Frau Asiye Aslan (Tel. 06131- 628-2211) ausgeliehen werden. Ein Arduino-Kit kann über den Werkstattleiter ausgeliehen werde.

Außerhalb des Werkstattbetriebs können Studierende oder Projektgruppen die Räumlichkeiten auch an Abenden und Wochenenden nutzen. Hierzu stellen Sie bitte formlos einen Antrag auf Schlüsselfreigabe per E-Mail an Prof. Anna-Lisa Schönecker.

ältere Belegungspläne

HTML-Projekt-Vorlagen

• HTML-Vorlage Portfolio
• HTML-Vorlage Dokumentation (deutsch)
• HTML template documentation (english)

Dokumentation und Porfolio

• Navigations-Nomenklatur für eine Dokumentation
• Befüllung einer Portfolio-Vorlage in Dreamweaver
• Befüllung einer Dokumentation-Vorlage in Dreamweaver

Workshops
Passwörter werden im Unterricht bekannt gegeben

• ActionScript3 Einführung für Anfänger
• AS3: Arbeit sparen durch XML
• Perfekte Flasheinbettung
• Gestaltungsregeln für WebSites

Zurückliegende Workshops
Passwörter wurden im Unterricht bekannt gegeben

• Internet & Webbrowser
• HTML & CSS
• Webtechniken
• Actionscript 2.0 & 3.0
• Web FAQ

digital showcase

• Ein Projekt und seine Dokumentation in das digital showcase hochladen

Poster

• Interaktive Werkstatt Winter 2009
• Interaktive Werkstatt Sommer 2009
• Interaktive Werkstatt Winter 2008
• Girls Day 2008

Picture Frame

• Videogröße: 640/400 Pixel
• Codec: Quicktime, Photo-JPG
• Sound: 11Khz, 8bit, Mono

zurück zur Übersicht