IFD:WebBasicsIISS14: Difference between revisions

From Medien Wiki
m (→‎Kursplan/Themen: Folien & Ergebnis zur 2. Stunde hinzugefügt)
m (→‎Luisa Patz: + Klein)
 
(23 intermediate revisions by 2 users not shown)
Line 1: Line 1:
[[:Category:Werkmodul|Werkmodul]]<br/>
[[:Category:Werkmodul|Werkmodul]]<br/>
''Lehrperson:'' [[Tobias Wolf]]<br/>
''Lehrperson:'' [[User:Tobias|Tobias Wolf]]<br/>
''Bewertung:'' 6 [[ECTS]], 4 [[SWS]]<br/>
''Bewertung:'' 6 [[ECTS]], 4 [[SWS]]<br/>
''Termin:'' Montag, 9:15 - 11:30<br/>
''Termin:'' Montag, 9:15 - 11:30<br/>
Line 8: Line 8:




==Ergebnisse/Endabgaben (Auswahl)==
===Chris Römer===
[[File:WebBasicsIISS14-Ergebnisse-Chris-1.jpg|200px]]
[[File:WebBasicsIISS14-Ergebnisse-Chris-2.jpg|200px]]
[[File:WebBasicsIISS14-Ergebnisse-Chris-3.jpg|200px]]
[[File:WebBasicsIISS14-Ergebnisse-Chris-4.jpg|200px]]
[http://www.chrisroemer.de/ www.chrisroemer.de]
===Gianluca Pandolfo===
[[File:WebBasicsIISS14-Ergebnisse-Gianluca-1.jpg|200px]]
[[File:WebBasicsIISS14-Ergebnisse-Gianluca-2.jpg|200px]]
[[File:WebBasicsIISS14-Ergebnisse-Gianluca-3.jpg|200px]]
[[File:WebBasicsIISS14-Ergebnisse-Gianluca-4.jpg|200px]]
[http://www.maria-suckert.de/ www.maria-suckert.de]
===Kristin Schulze===
[[File:WebBasicsIISS14-Ergebnisse-Kristin-1.jpg|200px]]
[[File:WebBasicsIISS14-Ergebnisse-Kristin-2.jpg|200px]]
[[File:WebBasicsIISS14-Ergebnisse-Kristin-3.jpg|200px]]
[[File:WebBasicsIISS14-Ergebnisse-Kristin-4.jpg|200px]]
[http://www.kristinschulze.de/ www.kristinschulze.de]
===Luisa Patz===
[[File:WebBasicsIISS14-Ergebnisse-Luisa-1.jpg|200px]]
[[File:WebBasicsIISS14-Ergebnisse-Luisa-2.jpg|200px]]
[[File:WebBasicsIISS14-Ergebnisse-Luisa-3.jpg|200px]]
[[File:WebBasicsIISS14-Ergebnisse-Luisa-4.jpg|200px]]
[http://webuser.uni-weimar.de/~gawe3990/ webuser.uni-weimar.de/~gawe3990]
===Phillip Klein===
[[File:WebBasicsIISS14-Ergebnisse-Phillip-1.jpg|200px]]
[[File:WebBasicsIISS14-Ergebnisse-Phillip-2.jpg|200px]]
[[File:WebBasicsIISS14-Ergebnisse-Phillip-3.jpg|200px]]
[[File:WebBasicsIISS14-Ergebnisse-Phillip-4.jpg|200px]]
[http://whoem.bootes.uberspace.de/andersen/ whoem.bootes.uberspace.de/andersen]


==Kursplan/Themen==
==Kursplan/Themen==
''Der Kursplan ist nicht fix, sonder dient eher zur groben Orientierung!''


* 07.04. Web Inspektor, Semantik
* 07.04. Web Inspektor, Semantik
Line 20: Line 64:
** [http://webuser.uni-weimar.de/~here4760/webbasics2/2/ Ergebnis]
** [http://webuser.uni-weimar.de/~here4760/webbasics2/2/ Ergebnis]
* 28.04. Interface Design & Responsives Design (Vertiefung CSS)
* 28.04. Interface Design & Responsives Design (Vertiefung CSS)
* 05.05. JavaScript; Bilder-Slideshow
** [[Media:2014-WebBasics2-3.pdf|Folien]]
* 12.05. Vertiefung JavaScript und Ajax
** [http://webuser.uni-weimar.de/~here4760/webbasics2/3/beispiel/ Beispiel]
** [[Media:2014-WebBasics2-3-mobil.zip|mobile Webseite]]
** [[Media:2014-WebBasics2-3-desktop.zip|Desktop Webseite]]
** [http://webuser.uni-weimar.de/~here4760/webbasics2/3/mobil/ mobile Webseite]
** [http://webuser.uni-weimar.de/~here4760/webbasics2/3/desktop/ Desktop Webseite]
* 05.05. Einführung in JavaScript
** [[Media:2014-WebBasics2-4-Folien.pdf|Folien]]
** [[Media:2014-WebBasics2-4-Material.zip|Material]]
** [http://webuser.uni-weimar.de/~here4760/webbasics2/4/navigation/marionettentheater.html Navigation]
* 12.05. Vertiefung JavaScript und Ajax: Facebook-Bilder-Galerie
** [[Media:2014-WebBasics2-5-Folien.pdf|Folien]]
** [[Media:2014-WebBasics2-5-Material.zip|Material]]
** [http://webuser.uni-weimar.de/~here4760/webbasics2/5/ Slideshow]
* 19.05. PHP, Facebook/Twitter-Anbindung
* 19.05. PHP, Facebook/Twitter-Anbindung
* 26.05. tba
** [[Media:2014-WebBasics2-6-Folien.pdf|Folien]]
* 02.06. tba
** [[Media:2014-WebBasics2-6-Daten.zip|Daten]]
* 16.06. tba
* 26.05. fällt aus
* 23.06. tba
* 02.06. Zwischenpräsentation
* 30.06. tba
* 16.06. CMS (Content Management System)
* 07.07. tba
** [[Media:2014-WebBasics2-7-Folien.pdf|Folien]]
* 10. - 13.07. Summaery
** [[Media:2014-WebBasics2-7-Daten_kriby.zip|Daten kirby]]
* 23.06. kein Kurs, statt dessen Konsultation am 17. & 19. Juni, jeweils vormittags.
* 30.06. Best-Practice/Website-Optimierung
** [[Media:2014-WebBasics2-8-Folien.pdf|Folien Best-Practice]]
** [[Media:SEO.pdf|Folien SEO]]
** [http://www.seitenreport.de seitenreport.de]
* 07.07. Endpräsentation
* ''10. - 13.07. Summaery''


===Sonstige Themen:===
===Sonstige Themen:===
GitHub, CMS-Systeme (Wordpres oder ExpressionEngine), MySQL, SVG, JSON, jQuery
GitHub, CMS-Systeme (Wordpres oder ExpressionEngine), MySQL, SVG, JSON, jQuery, Suchmaschinenoptimierung


===Hilfreiche Links===
===Hilfreiche Links===


====Referenzen====
====Referenzen====
* [http://developer.mozilla.org/en-US/docs/Web/HTML/Element HTML element reference]
* [http://developer.mozilla.org/en-US/docs/Web/HTML/Element HTML Element Reference]
* [http://developer.mozilla.org/en-US/docs/Web/HTML/Attributes HTML attribute reference]
* [http://developer.mozilla.org/en-US/docs/Web/HTML/Attributes HTML Attribute Reference]
* [http://developer.mozilla.org/en-US/docs/Web/CSS/Reference CSS reference]
* [http://developer.mozilla.org/en-US/docs/Web/CSS/Reference CSS Reference]
* [https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference JavaScript Reference]


====Erklärungen/Tutorials====
====Erklärungen/Tutorials====
Line 46: Line 110:
* [http://www.codecademy.com/tracks/web Interaktiv HTML lernen (englisch)]
* [http://www.codecademy.com/tracks/web Interaktiv HTML lernen (englisch)]
* [http://docs.webplatform.org/wiki/beginners Web development for beginners – WebPlatform.org]
* [http://docs.webplatform.org/wiki/beginners Web development for beginners – WebPlatform.org]
====Design====
* [[IFD:GenerativeBauhaus_WS2012#Themen|Generative Bauhaus]]
* [http://www.smashingmagazine.com/2014/05/16/design-principles-space-figure-ground-relationship/ Smashing Magazine: Design Principles: Space And The Figure-Ground Relationship]
* [http://webtypobuch.de/lesen #webtypobuch]
* [http://www.google.com/design/spec/material-design/introduction.html# Google design guidlines]
====Sonstiges====
* [http://praegnanz.de/weblog/cms-einkaufsfuehrer-2014 Die CMS-Landschaft im Jahr 2014 / praegnanz.de]


==Leistungsnachweis==
==Leistungsnachweis==
Line 96: Line 169:
==Zielgruppe==
==Zielgruppe==
Bachelor-Studierende der Fakultäten Medien, Gestaltung und des Studiengangs Medienarchitektur.
Bachelor-Studierende der Fakultäten Medien, Gestaltung und des Studiengangs Medienarchitektur.
[[Category:SS14]]

Latest revision as of 20:10, 22 November 2014

Werkmodul
Lehrperson: Tobias Wolf
Bewertung: 6 ECTS, 4 SWS
Termin: Montag, 9:15 - 11:30
Ort: Marienstr. 7b, Raum 105

Erster Termin: Mo, 7. April 2014


Ergebnisse/Endabgaben (Auswahl)

Chris Römer

WebBasicsIISS14-Ergebnisse-Chris-1.jpg WebBasicsIISS14-Ergebnisse-Chris-2.jpg WebBasicsIISS14-Ergebnisse-Chris-3.jpg WebBasicsIISS14-Ergebnisse-Chris-4.jpg

www.chrisroemer.de


Gianluca Pandolfo

WebBasicsIISS14-Ergebnisse-Gianluca-1.jpg WebBasicsIISS14-Ergebnisse-Gianluca-2.jpg WebBasicsIISS14-Ergebnisse-Gianluca-3.jpg WebBasicsIISS14-Ergebnisse-Gianluca-4.jpg

www.maria-suckert.de


Kristin Schulze

WebBasicsIISS14-Ergebnisse-Kristin-1.jpg WebBasicsIISS14-Ergebnisse-Kristin-2.jpg WebBasicsIISS14-Ergebnisse-Kristin-3.jpg WebBasicsIISS14-Ergebnisse-Kristin-4.jpg

www.kristinschulze.de


Luisa Patz

WebBasicsIISS14-Ergebnisse-Luisa-1.jpg WebBasicsIISS14-Ergebnisse-Luisa-2.jpg WebBasicsIISS14-Ergebnisse-Luisa-3.jpg WebBasicsIISS14-Ergebnisse-Luisa-4.jpg

webuser.uni-weimar.de/~gawe3990


Phillip Klein

WebBasicsIISS14-Ergebnisse-Phillip-1.jpg WebBasicsIISS14-Ergebnisse-Phillip-2.jpg WebBasicsIISS14-Ergebnisse-Phillip-3.jpg WebBasicsIISS14-Ergebnisse-Phillip-4.jpg

whoem.bootes.uberspace.de/andersen

Kursplan/Themen

Sonstige Themen:

GitHub, CMS-Systeme (Wordpres oder ExpressionEngine), MySQL, SVG, JSON, jQuery, Suchmaschinenoptimierung

Hilfreiche Links

Referenzen

Erklärungen/Tutorials

Design

Sonstiges

Leistungsnachweis

70% Endabgabe

Eine fertige Website in der behandelte Themen umgesetzt wurden.

Bewertet wird das Design & die Umsetzung.

30% Hausaufgaben

Jede Woche gibt es eine Hausaufgabe.

50% der Hausaufgaben müssen erledigt werden.

Beschreibung

Der Kurs wird studentisch unterstützt von Tobias Wolf.

Das Werkmodul richtet sich an Studierende gestaltender Studiengänge, die einen Einstieg in die Erstellung von dynamischen Websiten suchen.

Grundlage für den Kurs ist das Werkmodul "Web Basics I" bzw. Kenntnisse in HTML und CSS. Der Kurs wird auf diese Grundlagen aufbauen und anwendungsnah sich weiter in die Entwicklung von Websiten/WebApplikationen vertiefen. Dabei wird die Programmiersprache "JavaScript" von Grund auf vermitteln, mit der Webdesigner mit relativ überschaubaren Programmierkenntnissen zu überzeugenden Ergebnissen in Webanwenungen kommen. PHP als serverseitige Scriptsprachen werden wir auch von Grund auf kennen lernen.

Hier einige Beispiele für typische Anwendungen aus dem Weballtag, die im Kurs praktisch behandelt werden:

  • Animationen und Darstellungseffekte
  • dynamische Interfaceelemten (z.B. ausklappende Infobox, Menüs usw...)
  • Spiele programmieren
  • Slideshows und Fotostrecken
  • Liveticker und Chats
  • dynamische Formulare
  • Diagramme und Charts
  • Sound- und Videosteuern
  • Inhalte dynamisch laden
  • Inhalte speichern und verarbeiten

Je nach Interesse können auch folgende Themen zusätzlich behandelt werden:

  • Einbindung von Social-Network-Angebote (Facebook, Google+, GoogleMaps usw.)
  • 3D-Elemente im Web
  • Soundvisualisierung
  • Webcam-Interaktion (Fl)
  • Fortgeschrittene JavaScript-Libaries wie paper.js oder box2d
  • Optimierung für mobile Endgeräte (iPhone, iPad usw.)

engl. Beschreibung

Web Basic II This beginner course is dedicated to all design- and media-students who are interessted in web development. First knowledges or practical experiences in HTML and CSS are required or at least the course "Web Basics I". Now we'll go deeper in web development with client technologies like HTML5, CSS3 and (especially) Javascript and PHP.


Voraussetzungen

Die Bewerbung für eine Teilnahme am Kurs muss bis zum 05. April per E-Mail mit dem Betreff: "Bewerbung Web Basics II SS14" und folgenden Angaben an: tobias.fabian.wolf (at) uni-weimar.de gesendet werden. Name, Fachrichtung und Fachsemester, Matrikelnummer, Angabe der geltenden Prüfungsordnung, gültige E-Mail-Adresse @uni-weimar.de und Erwartungen zum Kurs (in ein paar kurzen Sätzen). Sollte es mehr als 25 Bewerber geben, entscheidet die Zugehörigkeit zur Fakultät/des Studiengangs und ggf. die Reihenfolge der Anmeldungen über die Aufnahme in den Kurs. Eine Bestätigung zur Aufnahme im Kurs kommt bis zum 06. April per E-Mail.


Zielgruppe

Bachelor-Studierende der Fakultäten Medien, Gestaltung und des Studiengangs Medienarchitektur.