https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?action=history&feed=atom&title=IFD%3AWeb_Advanced_II_SS13 IFD:Web Advanced II SS13 - Revision history 2026-04-10T04:02:16Z Revision history for this page on the wiki MediaWiki 1.39.6 https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=IFD:Web_Advanced_II_SS13&diff=56086&oldid=prev Gabrielr at 10:48, 8 April 2013 2013-04-08T10:48:49Z <p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 10:48, 8 April 2013</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Line 1:</td> <td colspan="2" class="diff-lineno">Line 1:</td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">==Beschreibung==</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[:Category:Werkmodul|Werkmodul]] / [[:Category:Fachmodul|Fachmodul]]&lt;br&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[:Category:Werkmodul|Werkmodul]] / [[:Category:Fachmodul|Fachmodul]]&lt;br&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l11">Line 11:</td> <td colspan="2" class="diff-lineno">Line 9:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>==Web Advanced II==</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>==<ins style="font-weight: bold; text-decoration: none;">Kursplan und Details==</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">[[/Kursplan </ins>Web Advanced II<ins style="font-weight: bold; text-decoration: none;">/]]</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">==Beschreibung</ins>==</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>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.).</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>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.).</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> </table> Gabrielr https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=IFD:Web_Advanced_II_SS13&diff=55896&oldid=prev Gabrielr: /* Web Advanced II */ 2013-04-03T20:29:59Z <p><span dir="auto"><span class="autocomment">Web Advanced II</span></span></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 20:29, 3 April 2013</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l22">Line 22:</td> <td colspan="2" class="diff-lineno">Line 22:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* 3D im Web  </div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* 3D im Web  </div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">  </del>mit WebGL und Alternativen</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">** </ins>mit WebGL und Alternativen</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">  </del>JavaScript Bibliotheken wie Three.js</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">** </ins>JavaScript Bibliotheken wie Three.js</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">  </del>Inhalte vorbereiten</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">** </ins>Inhalte vorbereiten</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Testgetriebe für Webapplikationen</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Testgetriebe für Webapplikationen</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* effiziente Webentwicklung mit Sass und CoffeeScript</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* effiziente Webentwicklung mit Sass und CoffeeScript</div></td></tr> </table> Gabrielr https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=IFD:Web_Advanced_II_SS13&diff=55895&oldid=prev Gabrielr: Created page with " ==Beschreibung== Werkmodul / Fachmodul<br> ''Titel'' Web Advanced II<br/> ''Lehrperson(en):'' Gabriel Rausch<br/> ''Bewertun..." 2013-04-03T20:29:37Z <p>Created page with &quot; ==Beschreibung== <a href="/kunst-und-gestaltung/wiki/Category:Werkmodul" title="Category:Werkmodul">Werkmodul</a> / <a href="/kunst-und-gestaltung/wiki/Category:Fachmodul" title="Category:Fachmodul">Fachmodul</a>&lt;br&gt; &#039;&#039;Titel&#039;&#039; Web Advanced II&lt;br/&gt; &#039;&#039;Lehrperson(en):&#039;&#039; <a href="/kunst-und-gestaltung/wiki/Gabriel_Rausch" title="Gabriel Rausch">Gabriel Rausch</a>&lt;br/&gt; &#039;&#039;Bewertun...&quot;</p> <p><b>New page</b></p><div><br /> ==Beschreibung==<br /> [[:Category:Werkmodul|Werkmodul]] / [[:Category:Fachmodul|Fachmodul]]&lt;br&gt;<br /> <br /> &#039;&#039;Titel&#039;&#039; Web Advanced II&lt;br/&gt;<br /> &#039;&#039;Lehrperson(en):&#039;&#039; [[Gabriel Rausch]]&lt;br/&gt;<br /> &#039;&#039;Bewertung:&#039;&#039; 6 [[ECTS]], 3 [[SWS]]&lt;br/&gt;<br /> &#039;&#039;Termin:&#039;&#039; Montag, 17:00 - 19:15 Uhr &lt;br/&gt;<br /> &#039;&#039;Ort:&#039;&#039; Marienstraße 5, Raum 105 &lt;br/&gt;<br /> &#039;&#039;Erster Termin:&#039;&#039; Montag, 8. April 2013, 17:00 Uhr<br /> <br /> <br /> ==Web Advanced II==<br /> 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.).<br /> <br /> 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:<br /> * dreidimensionale Web-Interfaces<br /> * Designwerkzeuge und Gestaltungselemente<br /> * Gestaltung und Animation mit SVG<br /> <br /> 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:<br /> <br /> * 3D im Web <br /> mit WebGL und Alternativen<br /> JavaScript Bibliotheken wie Three.js<br /> Inhalte vorbereiten<br /> * Testgetriebe für Webapplikationen<br /> * effiziente Webentwicklung mit Sass und CoffeeScript<br /> * Designwerkzeuge für die Vorbereitung von Applikationen<br /> * Grafiken während der Laufzeit generieren<br /> * neue Möglichkeiten mit dem Canvas-Zeichenobjekt in Verbindung mit JS-Frameworks<br /> * Interfaceoptimierung für mobile Endgeräte<br /> * SVG-Mofizifierung + Animation<br /> <br /> 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.)<br /> <br /> <br /> <br /> ===English description===<br /> 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).<br /> <br /> 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:<br /> * preparing and developing website-designs<br /> * dynamic content modification (ajax)<br /> * animated interface-elements (static animation and scripted elements)<br /> * generate bitmap-content at runtime<br /> ** with the new canvas-tag<br /> ** 3D-elements with canvas and external frameworks<br /> * video-elements (and their possibilies)<br /> * optimisation of interfaces for portable devices<br /> <br /> ==Voraussetzungen==<br /> * Werkmodul &quot;Grundlagen Web II&quot; bzw. gute Kenntnisse in HTML, CSS und Javascript<br /> * Guter Umgang mit gängigen Gestaltungsprogrammen (Photoshop, Illustration etc)<br /> * eigener Laptop mitbringen!<br /> <br /> ==Anmeldung==<br /> Die Bewerbung für eine Teilnahme am Kurs muss bis zum 05. April per E-Mail mit dem Betreff: &#039;&#039;Bewerbung {{PAGENAME}}&#039;&#039; und folgenden Angaben an: gabriel.rausch (at) uni-weimar.de gesendet werden.<br /> * Name<br /> * Fachrichtung und Fachsemester<br /> * Matrikelnummer<br /> * Angabe der geltenden Prüfungsordnung<br /> * Gültige E-Mail-Adresse @uni-weimar.de (zur Bestätigung der Anmeldung) [[SCC-Services#E-Mail|Warum?]]<br /> * kurzes (!) und formloses, aber aussagekräftiges Motivationsschreiben<br /> ** &quot;Ich würde gerne teilnehmen, weil …&quot;<br /> ** &quot;Ich habe bereits Erfahrung mit …&quot;<br /> Sollte es mehr als 15 Bewerber geben, entscheidet die Reihenfolge des Eingangs, die gleichzeitige Teilnahme an begleitenden Semesterprojekten der Professur &lt;!--Interface Design --&gt;sowie das Motivationsschreiben (Vorkenntnisse, Erfahrungen, Interesse am Thema) und das Fachsemester (evtl. letzte Chance zur Kursbelegung) über die Aufnahme in den Kurs.<br /> <br /> == Leistungsnachweis ==<br /> * 33% regelmäßige und aktive Teilnahme<br /> * 33% Kurzreferat (als Diskussionsstarter, max. 45 min.)<br /> * 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<br /> * 15% Wiki-Bonus: für neue Artikel bzw. Ergänzungen im Wiki (ausg. eigene Projekt-Doku!)<br /> <br /> ==Zielgruppe==<br /> Master- und Bachelor-Studierende der Fakultäten Medien, Fak. Gestaltung und des Studiengangs Medienarchitektur, die Vorkenntnissen im Bereich Webdesign (HTML, CSS) haben.</div> Gabrielr