| Beschreibung |
Das Werkmodul richtet sich an Studierende gestaltender Studiengänge, die schon Grundlagen-Erfahrungen in der Entwicklung von Interfaces für On- oder Offlinemedien haben (Vorkenntnisse in HTML, CSS etc.).
Wir werden uns dabei besonders mit dem Frontend, der Oberfläche von Websiten und Applikation, mit der optischen Gestaltung und der technischen Umsetzung beschäftigen, die eine Anwendung dynamisch und auch abwechslungsreich machen kann.
Der Kurs versteht sich mehr als eine Arbeitsgruppe, die aktuelle Lösungen für komplexe Frontend-Entwicklung austauscht und sich, je nach Interesse und Grunderfahrung der Teilnehmer, in folgende Themen vertieft:
Vorbereitung und Umsetzung von Website-Gestaltungen
dynamische Modifizierung von Inhalten (Ajax)
Gestaltung mit CSS3
animierte Interface-Elemente
animieren und modifizieren mit Frameworks (wie jQuery, Mootools u.a.) und den neuen CSS3-Eigenschaften
statische Animationen (aus AfterEffects, Cinema4D) dynamisch implementieren
Grafiken während der Laufzeit generieren
neue Möglichkeiten mit dem Canvas-Zeichenobjekt in Verbindung mit JS-Frameworks
3D-Elemente auf Websites (Typo oder Objekte)
Video-Elemente (mehr als nur ein "Video-Clip")
Interfaceoptimierung für mobile Endgeräte
SVG-Mofizifierung + Animation
Wir werden dabei einen Blick über die klasse Website mit all seinen konventionellen Elementen werfen und uns mehr dem Web-Infotainment, der Websiteentwicklung mit spielerischem/unterhaltenden Charakter beschäftigen (Richtung Spieleentwicklung, Applikationen und Web-Apps für Produktpräsentationen etc.) |
| engl. Beschreibung/ Kurzkommentar |
Web Advanced I
This advanced course is dedicated to all design- and media-students who are interessted in frontend-developement of websites and applications (basic knowledge about HTML, CSS etc. required).
The working group of the course will share current solutions to fontend-developement and will deal with some topics in detail, depending on the interests of the audience:
preparing and developing website-designs
dynamic content modification (ajax)
animated interface-elements (static animation and scripted elements)
generate bitmap-content at runtime
with the new canvas-tag
3D-elements with canvas and external frameworks
video-elements (and their possibilies)
optimisation of interfaces for portable devices |
