Titel Web Advanced II
Lehrperson(en): Gabriel Rausch
Bewertung: 6 ECTS, 3 SWS
Termin: Montag, 17:00 - 19:15 Uhr
Ort: Marienstraße 5, Raum 105
Erster Termin: Montag, 8. April 2013, 17:00 Uhr
Kursplan und Details
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. Schwerpunktthemen werden dieses Semester:
- dreidimensionale Web-Interfaces
- Designwerkzeuge und Gestaltungselemente
- Gestaltung und Animation mit SVG
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:
- 3D im Web
- mit WebGL und Alternativen
- JavaScript Bibliotheken wie Three.js
- Inhalte vorbereiten
- Testgetriebe für Webapplikationen
- effiziente Webentwicklung mit Sass und CoffeeScript
- Designwerkzeuge für die Vorbereitung von Applikationen
- Grafiken während der Laufzeit generieren
- neue Möglichkeiten mit dem Canvas-Zeichenobjekt in Verbindung mit JS-Frameworks
- Interfaceoptimierung für mobile Endgeräte
- SVG-Mofizifierung + Animation
Wir werden dabei einen Blick über die klassische 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.)
English description
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, JavaScript 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
Voraussetzungen
- Werkmodul "Grundlagen Web II" bzw. gute Kenntnisse in HTML, CSS und Javascript
- Guter Umgang mit gängigen Gestaltungsprogrammen (Photoshop, Illustration etc)
- eigener Laptop mitbringen!
Anmeldung
Die Bewerbung für eine Teilnahme am Kurs muss bis zum 05. April per E-Mail mit dem Betreff: Bewerbung Web Advanced II SS13 und folgenden Angaben an: gabriel.rausch (at) uni-weimar.de gesendet werden.
- Name
- Fachrichtung und Fachsemester
- Matrikelnummer
- Angabe der geltenden Prüfungsordnung
- Gültige E-Mail-Adresse @uni-weimar.de (zur Bestätigung der Anmeldung) Warum?
- kurzes (!) und formloses, aber aussagekräftiges Motivationsschreiben
- "Ich würde gerne teilnehmen, weil …"
- "Ich habe bereits Erfahrung mit …"
Sollte es mehr als 15 Bewerber geben, entscheidet die Reihenfolge des Eingangs, die gleichzeitige Teilnahme an begleitenden Semesterprojekten der Professur sowie das Motivationsschreiben (Vorkenntnisse, Erfahrungen, Interesse am Thema) und das Fachsemester (evtl. letzte Chance zur Kursbelegung) über die Aufnahme in den Kurs.
Leistungsnachweis
- 33% regelmäßige und aktive Teilnahme
- 33% Kurzreferat (als Diskussionsstarter, max. 45 min.)
- 33% Einreichung einer teilweise oder ganz umgesetzen Projektidee (idealerweise mit begleitender und abschließender Dokumentation im Wiki). Die Abgabe erfolgt mit einem kurzen individuellen Gespräch
- 15% Wiki-Bonus: für neue Artikel bzw. Ergänzungen im Wiki (ausg. eigene Projekt-Doku!)
Zielgruppe
Master- und Bachelor-Studierende der Fakultäten Medien, Fak. Gestaltung und des Studiengangs Medienarchitektur, die Vorkenntnissen im Bereich Webdesign (HTML, CSS) haben.