emailconfirmed, nsInternRO, nsInternRW, Administrators
3,356
edits
m
→Links
(An neue Einführungswoche angepasst) |
m (→Links) |
||
| (15 intermediate revisions by the same user not shown) | |||
| Line 3: | Line 3: | ||
''Bewertung:'' 6 [[ECTS]], 2 [[SWS]]<br/> | ''Bewertung:'' 6 [[ECTS]], 2 [[SWS]]<br/> | ||
''Termin:'' Mittwochs, 11:00 bis 12:30 Uhr <!-- [[Zeitraster]] beachten --><br/> | ''Termin:'' Mittwochs, 11:00 bis 12:30 Uhr <!-- [[Zeitraster]] beachten --><br/> | ||
''Ort:'' [[Bauhausstraße 11]], LiNT Pool | ''Ort:'' [[Bauhausstraße 11]], [[LiNT Pool]]<br/> | ||
''Erster Termin und Kick-Off-Veranstaltung mit Platzvergabe im Kurs'':<br/> | ''Erster Termin und Kick-Off-Veranstaltung mit Platzvergabe im Kurs'':<br/> | ||
| Line 21: | Line 20: | ||
Folgende Themen werden behandelt: | Folgende Themen werden behandelt: | ||
* Einführung in die layoutbeschreibenden Formate HTML/CSS | |||
* Clientseitige Programmierung mit JavaScript | |||
* Einbinden von JS-Frameworks | |||
* Serverseitige Programmierung mit PHP | |||
Dabei steht nicht die Beherrschung komplexer proprietärer Anwendungsprogramme wie z.B. Dreamweaver im Vordergrund, sondern der Versuch, die Terminologie und Zusammenhänge soweit verständlich zu machen, dass die Teilnehmer anschließend mit jedem Programm ihrer Wahl arbeiten können. Ebenso wichtig ist die Fähigkeit, Dokumentationen verstehen und nutzen zu können. | Dabei steht nicht die Beherrschung komplexer proprietärer Anwendungsprogramme wie z.B. Dreamweaver im Vordergrund, sondern der Versuch, die Terminologie und Zusammenhänge soweit verständlich zu machen, dass die Teilnehmer anschließend mit jedem Programm ihrer Wahl arbeiten können. Ebenso wichtig ist die Fähigkeit, Dokumentationen verstehen und nutzen zu können. | ||
Gut gestaltete Webinterfaces beziehen technische Möglichkeiten mit ein und erfordern Optimierung für Endgeräte. Das beginnt bei unterschiedlichen Displaygrössen, geht über prinzipielle Fragen der Interaktion und Präsentation und endet bei grundsätzlichen Fragen der Bedienbarkeit, z.B. bei Geräten mit Touchscreen (kein Rollover, große Schaltflächen etc). | Gut gestaltete Webinterfaces beziehen technische Möglichkeiten mit ein und erfordern Optimierung für Endgeräte. Das beginnt bei unterschiedlichen Displaygrössen, geht über prinzipielle Fragen der Interaktion und Präsentation und endet bei grundsätzlichen Fragen der Bedienbarkeit, z.B. bei Geräten mit Touchscreen (kein Rollover, große Schaltflächen etc). | ||
Weitere Themen sind die Vorstellung von HTML5, CSS3 und JavaScript (Einführung in JS), hier insbesondere die Nutzung gängiger JavaScript Libraries wie z.B. jQuery. | Weitere Themen sind die Vorstellung von HTML5, CSS3 und JavaScript (Einführung in JS), hier insbesondere die Nutzung gängiger JavaScript Libraries wie z.B. jQuery. | ||
==English description== | ==English description== | ||
| Line 71: | Line 70: | ||
* Layout-Scribbles (ca. 2 bis 10 kleine Layout-Scribbles, ca. 5 cm breit) | * Layout-Scribbles (ca. 2 bis 10 kleine Layout-Scribbles, ca. 5 cm breit) | ||
* Name, Semester, Matrikel-Nummer, Prüfungsordnung (z.B. PV29), gültige E-Mail Adresse für die Antwort | * Name, Semester, Matrikel-Nummer, Prüfungsordnung (z.B. PV29), gültige E-Mail Adresse für die Antwort | ||
Diese Liste dient nur der Orientierung. Wir legen bei der Auswahl der Bewerber Augenmerk auf folgende Punkte: | |||
* Motivation | |||
* Idee (interessantes Projekt) | |||
* Bereitschaft zum Erlernen von Programmiersprachen | |||
* Grafische und designerische Fähigkeiten | |||
* Künstlerische Fragestellung und/oder kommerzielles Potential | |||
Die maximale Anzahl der Teilnehmer ist 20. | Die maximale Anzahl der Teilnehmer ist 20. | ||
| Line 85: | Line 91: | ||
Die Endabgabe wird laut Prüfungsordnung als "künstlerische Prüfung" vom Dozenten und einem Zweitprüfer bewertet. | Die Endabgabe wird laut Prüfungsordnung als "künstlerische Prüfung" vom Dozenten und einem Zweitprüfer bewertet. | ||
Die Gesamtbewertung setzt sich zusammen aus: | |||
* 20% Anwesenheit, Mitarbeit | |||
* 20% begleitende Dokumentation, Zwischendokumentation/-abgabe | |||
* 60% Abgabe mit folgenden Kriterien: | |||
** Mediale Relevanz (Relevanz des Projekts im Bezug auf das Medium Internet, Bildschirm, mobil, digital etc...) | |||
** Kommunikationsziel (inhaltliche, grafische und repräsentative Umsetzung in Bezug auf den Zweck der Seite) | |||
** Interaktion / Interface | |||
** Barrierefreiheit (hierzu zählt auch die Anzeige auf unterschiedlichen Endgeräten), bzw. mindestens Bewusstsein über möglicherweise auftretende Probleme | |||
** Technische Umsetzung | |||
** Anwendung gelernter Inhalte und Hilfe zur Selbsthilfe | |||
* + 10% Wiki-Bonus (bitte bei Michael kurz Bescheid geben) | |||
Hinweis: Manche der Kriterien können natürlich nur in Verbindung mit der begleitenden Dokumentation bewertet werden. | |||
<u>Nicht ausreichend</u> sind Abgaben, wie: | <u>Nicht ausreichend</u> sind Abgaben, wie: | ||
| Line 104: | Line 125: | ||
Vorläufiger Terminplan | Vorläufiger Terminplan | ||
# 20.10. KICK-OFF Veranstaltung | # 20.10. KICK-OFF Veranstaltung | ||
# 27.10. | # 27.10. [[HTML]] | ||
# 03.11. | # 03.11. [[CSS]] | ||
# 10.11. | # 10.11. [[CSS]] | ||
# 17.11. | # 17.11. [[JavaScript]] | ||
# 24.11. | # 24.11. JavaScript | ||
# 01.12. | # 01.12. JavaScript | ||
# 08.12. | # 08.12. Projektbesprechungen | ||
# 15.12. | # 15.12. Projektbesprechungen | ||
# 05.01. | # 05.01. jQuery, jQueryUI | ||
# 12.01. | # 12.01. [[AJAX]] | ||
# 19.01. | # 19.01. HTML5 & JavaScript, Canvas, processingjs | ||
# 26.01. | # 26.01. Zusammenfassung | ||
# 02.02. | # 02.02. Projektvorstellung (alle) | ||
# 15.03. Abgabe der Projekte (Dokumentation im Wiki, Link zur Seite bzw. Code-Abgabe) | |||
== Links == | == Links == | ||
| Line 126: | Line 148: | ||
* [[PHP]] | * [[PHP]] | ||
* [[Webapps|PHP/MySQL Webapplications]] | * [[Webapps|PHP/MySQL Webapplications]] | ||
* [[AJAX]] | |||
'''Allgemeines''' | '''Allgemeines''' | ||
| Line 133: | Line 156: | ||
* [[SCC-Services]] der Bauhaus-Universität (z.B. HTML Webspace!) | * [[SCC-Services]] der Bauhaus-Universität (z.B. HTML Webspace!) | ||
* [[Suchmaschinenoptimierung]] | * [[Suchmaschinenoptimierung]] | ||
* [[Webprogramming Tools]] | |||
* [[MySQL]] | * [[MySQL]] | ||
* [http://www.google.com/support/websearch/bin/answer.py?answer=136861 How to search Google] (or nearly any other search engine) | * [http://www.google.com/support/websearch/bin/answer.py?answer=136861 How to search Google] (or nearly any other search engine) | ||
| Line 142: | Line 166: | ||
'''Siehe auch''' | '''Siehe auch''' | ||
* [http://www.uni-weimar.de/cms/medien/webis/teaching/lecture-notes.html#web-technology Web-Technologien] - Lecture Notes (PDF) der Mediensysteme / Bauhaus Universität-Weimar | * [http://www.uni-weimar.de/cms/medien/webis/teaching/lecture-notes.html#web-technology Web-Technologien] - Lecture Notes (PDF) der Mediensysteme / Bauhaus Universität-Weimar | ||
* [http://dev.opera.com/articles/view/1-introduction-to-the-web-standards-cur/#toc Excellent WebStandards Course on dev.opera.com] | |||
| Line 163: | Line 188: | ||
[[Category:Webdesign]] | [[Category:Webdesign]] | ||
[[Category:Webtechnologien]] | [[Category:Webtechnologien]] | ||
[[Category:Werkmodul]] | |||