Medien Wiki - User contributions [en]

IFD:Internet of Tools

2015-11-03T10:32:32Z

Md:

[[:Category:Werkmodul|Werkmodul]], [[:Category:Fachmodul|Fachmodul]] 
''Lehrperson:'' Moritz Dreßler 
''Bewertung:'' 6 [[ECTS]], 4 [[SWS]] 
''Termin:'' Blockseminar, Termine siehe unten 
''Ort:'' Marienstr. 7b, Raum 103 
''Erster Termin:'' 26.10.2015, 13:30-16:45

==Beschreibung==
Internet of Things - Hype oder normaler Fortschritt? Während immer kleinere Prozessoren und Funkmodule Einzug in Toaster und Zahnbürsten halten, wird von Herstellern und Kundschaft oft noch nach Problemen für die Lösung durch Vernetzung der Geräte gesucht. Manche Anwendungen bestechen sofort, andere werden erst dann sinnvoll, wenn sich weitere Produkte oder Dienstleistungen verändern. Es wird dabei schnell klar, dass Vernetzung um ihrer selbst willen nicht unbedingt einen Mehrwert bietet.

Im Rahmen dieses Werk- und Fachmoduls werden wir uns intensiv mit dem Internet der Dinge aus Sicht eines Herstellers professioneller Elektrowerkzeuge beschäftigen. Gemeinsam mit Festool bekommen die Teilnehmenden einen Einblick in die tägliche Arbeit von Tischlereien und Zimmereien, finden und validieren Probleme und erarbeiten Lösungsansätze basierend auf neuen Vernetzungsmöglichkeiten. Dabei wird soweit möglich iterativ vorgegangen und alle Lösungen werden in Form von einfachen Prototypen mit der Zielgruppe in den Handwerksbetrieben getestet.

Den Teilnehmenden werden dabei Grundlagen in Nutzerorientierter Gestaltung (User Centered Design), Prototyping und Lean UX vermittelt und sie haben Gelegenheit, diese Kenntnisse in der Praxis auszutesten. Dabei sollen am Ende des Kurses ein oder mehrere validierte Konzepte oder Prototypen stehen, aus denen reale Anwendungen entstehen können.

Neben drei Workshops in Weimar wird es auch einen Workshop am Festool-Standort Wendlingen geben. Im Rahmen des Kurses organisieren sich alle Teilnehmenden ein Ein-Tages-Praktikum in einer Tischlerei oder Zimmerei ihrer Wahl und führen in diesen und anderen Firmen Interviews durch.

Der Kurs richtet sich hauptsächlich an Bachelor- und Master-Studierende der Fachrichtungen Medienkunst/Mediengestaltung, MediaArchitecture und Produkt-Design, ist aber auch offen für Studierende anderer Studiengänge. Vorkenntnisse in den Bereichen User Centered Design, Produkt Design, UX Design sowie Programmierkenntnisse für die Entwicklung von digitalen Prototypen sind hilfreich, aber keine Teilnahmevoraussetzung. Die theoretischen Kursinhalte werden sich nach dem Vorwissen der Teilnehmenden richten, der Fokus liegt auf der praktischen Anwendung.

===English description===
IoT = Internet of Tools? Power Tools and the Internet of Things

This course is offered in cooperation with the German power tool company Festool.

It aims at discussing the Internet of Things from a power tool perspective. Students will use design thinking methods to collect possible problems of Festool's main clients, professional craftsmen like carpenters and joiners.

They will then develop quick prototypes for solutions based on networked tools and test them with the target group.

The participants of this course should be fluent in German.

==Voraussetzungen==
Vorkenntnisse in den Bereichen User Centered Design, Produkt Design, UX Design sowie Programmierkenntnisse für die Entwicklung von digitalen Prototypen sind hilfreich, aber keine Teilnahmevoraussetzung.

==Anmeldung==
Die Bewerbung für eine Teilnahme am Kurs muss bis zum 22. Oktober per E-Mail mit dem Betreff: ''Bewerbung {{PAGENAME}}'' und folgenden Angaben an: moritz.dressler (at) festool.com 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) [[SCC-Services#E-Mail|Warum?]]
* Relevantes vorhandenes Vorwissen
* Kurzes Motivationsschreiben: warum wollt ihr gerne teilnehmen?

Achtung: Voraussetzung für die Teilnahme am Kurs sind sehr gute deutsche Sprachkenntnisse, da im Rahmen das Kurses Praktika und Interviews mit Handwerksbetrieben selbständig organisiert und durchgeführt werden müssen.

Die Anzahl der Teilnehmenden ist auf zwölf Studierende beschränkt. Sollte es mehr als 12 Bewerbende geben, entscheiden sowohl die Reihenfolge der Anmeldungen als auch Vorkenntnisse sowie Motivationsschreiben über die Teilnahme. Der Kurs findet nur statt, wenn es mehr als 5 Teilnehmende gibt.

Eine Bestätigung zur Aufnahme im Kurs kommt bis zum 24. Oktober per E-Mail.

==Leistungsnachweis==
Regelmäßige Anwesenheit, aktive Kursbeteiligung, Einreichung einer Dokumentation. Details werden zur ersten Veranstaltung bekanntgegeben.

==Zielgruppe==
Der Kurs richtet sich hauptsächlich an Bachelor- und Master-Studierende der Fachrichtungen Medienkunst/Mediengestaltung, MediaArchitecture und Produkt-Design, ist aber auch offen für Studierende anderer Studiengänge.

==Syllabus==
Termine des Semesters (vorläufig, können sich noch ändern!)

* Mo, 26.10.15, 13:15-16:45 Einführungsveranstaltung - Marienstr. 7b, Raum 103

* Di, 10.11.15, 09:15-16:45 Workshop 1 Tag 1 - Marienstr. 7b, Raum 104
* Mi, 11.11.15, 13:15-16:45 Workshop 1 Tag 2 - Marienstr. 7b, Raum 103

* Do, 26.11.15, 09:15-16:45 Workshop 2 Tag 1
* Fr, 27.11.15, 09:15-16:45 Workshop 2 Tag 2

* tba (Dez/Jan), 09:15-16:45 Workshop 3

==Literatur==
Kommt noch

==Links==
Kommen noch

IFD:Internet of Tools

2015-10-20T06:46:51Z

Md:

[[:Category:Werkmodul|Werkmodul]], [[:Category:Fachmodul|Fachmodul]] 
''Lehrperson:'' Moritz Dreßler 
''Bewertung:'' 6 [[ECTS]], 4 [[SWS]] 
''Termin:'' Blockseminar, Termine siehe unten 
''Ort:'' Marienstr. 7b, Raum 103 
''Erster Termin:'' 26.10.2015, 13:30-16:45

==Beschreibung==
Internet of Things - Hype oder normaler Fortschritt? Während immer kleinere Prozessoren und Funkmodule Einzug in Toaster und Zahnbürsten halten, wird von Herstellern und Kundschaft oft noch nach Problemen für die Lösung durch Vernetzung der Geräte gesucht. Manche Anwendungen bestechen sofort, andere werden erst dann sinnvoll, wenn sich weitere Produkte oder Dienstleistungen verändern. Es wird dabei schnell klar, dass Vernetzung um ihrer selbst willen nicht unbedingt einen Mehrwert bietet.

Im Rahmen dieses Werk- und Fachmoduls werden wir uns intensiv mit dem Internet der Dinge aus Sicht eines Herstellers professioneller Elektrowerkzeuge beschäftigen. Gemeinsam mit Festool bekommen die Teilnehmenden einen Einblick in die tägliche Arbeit von Tischlereien und Zimmereien, finden und validieren Probleme und erarbeiten Lösungsansätze basierend auf neuen Vernetzungsmöglichkeiten. Dabei wird soweit möglich iterativ vorgegangen und alle Lösungen werden in Form von einfachen Prototypen mit der Zielgruppe in den Handwerksbetrieben getestet.

Den Teilnehmenden werden dabei Grundlagen in Nutzerorientierter Gestaltung (User Centered Design), Prototyping und Lean UX vermittelt und sie haben Gelegenheit, diese Kenntnisse in der Praxis auszutesten. Dabei sollen am Ende des Kurses ein oder mehrere validierte Konzepte oder Prototypen stehen, aus denen reale Anwendungen entstehen können.

Neben drei Workshops in Weimar wird es auch einen Workshop am Festool-Standort Wendlingen geben. Im Rahmen des Kurses organisieren sich alle Teilnehmenden ein Ein-Tages-Praktikum in einer Tischlerei oder Zimmerei ihrer Wahl und führen in diesen und anderen Firmen Interviews durch.

Der Kurs richtet sich hauptsächlich an Bachelor- und Master-Studierende der Fachrichtungen Medienkunst/Mediengestaltung, MediaArchitecture und Produkt-Design, ist aber auch offen für Studierende anderer Studiengänge. Vorkenntnisse in den Bereichen User Centered Design, Produkt Design, UX Design sowie Programmierkenntnisse für die Entwicklung von digitalen Prototypen sind hilfreich, aber keine Teilnahmevoraussetzung. Die theoretischen Kursinhalte werden sich nach dem Vorwissen der Teilnehmenden richten, der Fokus liegt auf der praktischen Anwendung.

===English description===
IoT = Internet of Tools? Power Tools and the Internet of Things

This course is offered in cooperation with the German power tool company Festool.

It aims at discussing the Internet of Things from a power tool perspective. Students will use design thinking methods to collect possible problems of Festool's main clients, professional craftsmen like carpenters and joiners.

They will then develop quick prototypes for solutions based on networked tools and test them with the target group.

The participants of this course should be fluent in German.

==Voraussetzungen==
Vorkenntnisse in den Bereichen User Centered Design, Produkt Design, UX Design sowie Programmierkenntnisse für die Entwicklung von digitalen Prototypen sind hilfreich, aber keine Teilnahmevoraussetzung.

==Anmeldung==
Die Bewerbung für eine Teilnahme am Kurs muss bis zum 22. Oktober per E-Mail mit dem Betreff: ''Bewerbung {{PAGENAME}}'' und folgenden Angaben an: moritz.dressler (at) festool.com 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) [[SCC-Services#E-Mail|Warum?]]
* Relevantes vorhandenes Vorwissen
* Kurzes Motivationsschreiben: warum wollt ihr gerne teilnehmen?

Achtung: Voraussetzung für die Teilnahme am Kurs sind sehr gute deutsche Sprachkenntnisse, da im Rahmen das Kurses Praktika und Interviews mit Handwerksbetrieben selbständig organisiert und durchgeführt werden müssen.

Die Anzahl der Teilnehmenden ist auf zwölf Studierende beschränkt. Sollte es mehr als 12 Bewerbende geben, entscheiden sowohl die Reihenfolge der Anmeldungen als auch Vorkenntnisse sowie Motivationsschreiben über die Teilnahme. Der Kurs findet nur statt, wenn es mehr als 5 Teilnehmende gibt.

Eine Bestätigung zur Aufnahme im Kurs kommt bis zum 24. Oktober per E-Mail.

==Leistungsnachweis==
Regelmäßige Anwesenheit, aktive Kursbeteiligung, Einreichung einer Dokumentation. Details werden zur ersten Veranstaltung bekanntgegeben.

==Zielgruppe==
Der Kurs richtet sich hauptsächlich an Bachelor- und Master-Studierende der Fachrichtungen Medienkunst/Mediengestaltung, MediaArchitecture und Produkt-Design, ist aber auch offen für Studierende anderer Studiengänge.

==Syllabus==
Termine des Semesters (vorläufig, können sich noch ändern!)

* Mo, 26.10.15, 13:15-16:45 Einführungsveranstaltung - Marienstr. 7b, Raum 103

* Di, 10.11.15, 09:15-16:45 Workshop 1 Tag 1
* Mi, 11.11.15, 09:15-16:45 Workshop 1 Tag 2

* Do, 26.11.15, 09:15-16:45 Workshop 2 Tag 1
* Fr, 27.11.15, 09:15-16:45 Workshop 2 Tag 2

* tba (Dez/Jan), 09:15-16:45 Workshop 3

==Literatur==
Kommt noch

==Links==
Kommen noch

IFD:Internet of Tools

2015-10-20T06:46:14Z

Md:

[[:Category:Werkmodul|Werkmodul]], [[:Category:Fachmodul|Fachmodul]] 
''Lehrperson:'' Moritz Dreßler 
''Bewertung:'' 6 [[ECTS]], 4 [[SWS]] 
''Termin:'' Blockseminar, Termine siehe unten 
''Ort:'' Marienstr. 7b, Raum 103 
''Erster Termin:'' 26.10.2015, 13:30-16:45

==Beschreibung==
Internet of Things - Hype oder normaler Fortschritt? Während immer kleinere Prozessoren und Funkmodule Einzug in Toaster und Zahnbürsten halten, wird von Herstellern und Kundschaft oft noch nach Problemen für die Lösung durch Vernetzung der Geräte gesucht. Manche Anwendungen bestechen sofort, andere werden erst dann sinnvoll, wenn sich weitere Produkte oder Dienstleistungen verändern. Es wird dabei schnell klar, dass Vernetzung um ihrer selbst willen nicht unbedingt einen Mehrwert bietet.

Im Rahmen dieses Werk- und Fachmoduls werden wir uns intensiv mit dem Internet der Dinge aus Sicht eines Herstellers professioneller Elektrowerkzeuge beschäftigen. Gemeinsam mit Festool bekommen die Teilnehmenden einen Einblick in die tägliche Arbeit von Tischlereien und Zimmereien, finden und validieren Probleme und erarbeiten Lösungsansätze basierend auf neuen Vernetzungsmöglichkeiten. Dabei wird soweit möglich iterativ vorgegangen und alle Lösungen werden in Form von einfachen Prototypen mit der Zielgruppe in den Handwerksbetrieben getestet.

Den Teilnehmenden werden dabei Grundlagen in Nutzerorientierter Gestaltung (User Centered Design), Prototyping und Lean UX vermittelt und sie haben Gelegenheit, diese Kenntnisse in der Praxis auszutesten. Dabei sollen am Ende des Kurses ein oder mehrere validierte Konzepte oder Prototypen stehen, aus denen reale Anwendungen entstehen können.

Neben drei Workshops in Weimar wird es auch einen Workshop am Festool-Standort Wendlingen geben. Im Rahmen des Kurses organisieren sich alle Teilnehmenden ein Ein-Tages-Praktikum in einer Tischlerei oder Zimmerei ihrer Wahl und führen in diesen und anderen Firmen Interviews durch.

Der Kurs richtet sich hauptsächlich an Bachelor- und Master-Studierende der Fachrichtungen Medienkunst/Mediengestaltung, MediaArchitecture und Produkt-Design, ist aber auch offen für Studierende anderer Studiengänge. Vorkenntnisse in den Bereichen User Centered Design, Produkt Design, UX Design sowie Programmierkenntnisse für die Entwicklung von digitalen Prototypen sind hilfreich, aber keine Teilnahmevoraussetzung. Die theoretischen Kursinhalte werden sich nach dem Vorwissen der Teilnehmenden richten, der Fokus liegt auf der praktischen Anwendung.

===English description===
IoT = Internet of Tools? Power Tools and the Internet of Things

This course is offered in cooperation with the German power tool company Festool.

It aims at discussing the Internet of Things from a power tool perspective. Students will use design thinking methods to collect possible problems of Festool's main clients, professional craftsmen like carpenters and joiners.

They will then develop quick prototypes for solutions based on networked tools and test them with the target group.

The participants of this course should be fluent in German.

==Voraussetzungen==
Vorkenntnisse in den Bereichen User Centered Design, Produkt Design, UX Design sowie Programmierkenntnisse für die Entwicklung von digitalen Prototypen sind hilfreich, aber keine Teilnahmevoraussetzung.

==Anmeldung==
Die Bewerbung für eine Teilnahme am Kurs muss bis zum 22. Oktober per E-Mail mit dem Betreff: ''Bewerbung {{PAGENAME}}'' und folgenden Angaben an: moritz.dressler (at) festool.com 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) [[SCC-Services#E-Mail|Warum?]]
* Relevantes vorhandenes Vorwissen
* Kurzes Motivationsschreiben: warum wollt ihr gerne teilnehmen?

Achtung: Voraussetzung für die Teilnahme am Kurs sind sehr gute deutsche Sprachkenntnisse, da im Rahmen das Kurses Praktika und Interviews mit Handwerksbetrieben selbständig organisiert und durchgeführt werden müssen.

Die Anzahl der Teilnehmenden ist auf zwölf Studierende beschränkt. Sollte es mehr als 12 Bewerbende geben, entscheiden sowohl die Reihenfolge der Anmeldungen als auch Vorkenntnisse sowie Motivationsschreiben über die Teilnahme. Der Kurs findet nur statt, wenn es mehr als 5 Teilnehmende gibt.

Eine Bestätigung zur Aufnahme im Kurs kommt bis zum 24. Oktober per E-Mail.

==Leistungsnachweis==
Regelmäßige Anwesenheit, aktive Kursbeteiligung, Einreichung einer Dokumentation. Details werden zur ersten Veranstaltung bekanntgegeben.

==Zielgruppe==
Der Kurs richtet sich hauptsächlich an Bachelor- und Master-Studierende der Fachrichtungen Medienkunst/Mediengestaltung, MediaArchitecture und Produkt-Design, ist aber auch offen für Studierende anderer Studiengänge.

==Syllabus==
Termine des Semesters (vorläufig, können sich noch ändern!)

* Mo, 26.10.15, 13:15-16:45 Einführungsveranstaltung (Raum wird noch bekanntgegeben)

* Di, 10.11.15, 09:15-16:45 Workshop 1 Tag 1
* Mi, 11.11.15, 09:15-16:45 Workshop 1 Tag 2

* Do, 26.11.15, 09:15-16:45 Workshop 2 Tag 1
* Fr, 27.11.15, 09:15-16:45 Workshop 2 Tag 2

* tba (Dez/Jan), 09:15-16:45 Workshop 3

==Literatur==
Kommt noch

==Links==
Kommen noch

IFD:Internet of Tools

2015-10-13T14:34:05Z

Md:

[[:Category:Werkmodul|Werkmodul]], [[:Category:Fachmodul|Fachmodul]] 
''Lehrperson:'' Moritz Dreßler 
''Bewertung:'' 6 [[ECTS]], 4 [[SWS]] 
''Termin:'' Blockseminar, Termine siehe unten 
''Ort:'' Ort wird noch bekanntgegeben 
''Erster Termin:'' 26.10.2015, 13:30-16:45

==Beschreibung==
Internet of Things - Hype oder normaler Fortschritt? Während immer kleinere Prozessoren und Funkmodule Einzug in Toaster und Zahnbürsten halten, wird von Herstellern und Kundschaft oft noch nach Problemen für die Lösung durch Vernetzung der Geräte gesucht. Manche Anwendungen bestechen sofort, andere werden erst dann sinnvoll, wenn sich weitere Produkte oder Dienstleistungen verändern. Es wird dabei schnell klar, dass Vernetzung um ihrer selbst willen nicht unbedingt einen Mehrwert bietet.

Im Rahmen dieses Werk- und Fachmoduls werden wir uns intensiv mit dem Internet der Dinge aus Sicht eines Herstellers professioneller Elektrowerkzeuge beschäftigen. Gemeinsam mit Festool bekommen die Teilnehmenden einen Einblick in die tägliche Arbeit von Tischlereien und Zimmereien, finden und validieren Probleme und erarbeiten Lösungsansätze basierend auf neuen Vernetzungsmöglichkeiten. Dabei wird soweit möglich iterativ vorgegangen und alle Lösungen werden in Form von einfachen Prototypen mit der Zielgruppe in den Handwerksbetrieben getestet.

Den Teilnehmenden werden dabei Grundlagen in Nutzerorientierter Gestaltung (User Centered Design), Prototyping und Lean UX vermittelt und sie haben Gelegenheit, diese Kenntnisse in der Praxis auszutesten. Dabei sollen am Ende des Kurses ein oder mehrere validierte Konzepte oder Prototypen stehen, aus denen reale Anwendungen entstehen können.

Neben drei Workshops in Weimar wird es auch einen Workshop am Festool-Standort Wendlingen geben. Im Rahmen des Kurses organisieren sich alle Teilnehmenden ein Ein-Tages-Praktikum in einer Tischlerei oder Zimmerei ihrer Wahl und führen in diesen und anderen Firmen Interviews durch.

Der Kurs richtet sich hauptsächlich an Bachelor- und Master-Studierende der Fachrichtungen Medienkunst/Mediengestaltung, MediaArchitecture und Produkt-Design, ist aber auch offen für Studierende anderer Studiengänge. Vorkenntnisse in den Bereichen User Centered Design, Produkt Design, UX Design sowie Programmierkenntnisse für die Entwicklung von digitalen Prototypen sind hilfreich, aber keine Teilnahmevoraussetzung. Die theoretischen Kursinhalte werden sich nach dem Vorwissen der Teilnehmenden richten, der Fokus liegt auf der praktischen Anwendung.

===English description===
IoT = Internet of Tools? Power Tools and the Internet of Things

This course is offered in cooperation with the German power tool company Festool.

It aims at discussing the Internet of Things from a power tool perspective. Students will use design thinking methods to collect possible problems of Festool's main clients, professional craftsmen like carpenters and joiners.

They will then develop quick prototypes for solutions based on networked tools and test them with the target group.

The participants of this course should be fluent in German.

==Voraussetzungen==
Vorkenntnisse in den Bereichen User Centered Design, Produkt Design, UX Design sowie Programmierkenntnisse für die Entwicklung von digitalen Prototypen sind hilfreich, aber keine Teilnahmevoraussetzung.

==Anmeldung==
Die Bewerbung für eine Teilnahme am Kurs muss bis zum 22. Oktober per E-Mail mit dem Betreff: ''Bewerbung {{PAGENAME}}'' und folgenden Angaben an: moritz.dressler (at) festool.com 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) [[SCC-Services#E-Mail|Warum?]]
* Relevantes vorhandenes Vorwissen
* Kurzes Motivationsschreiben: warum wollt ihr gerne teilnehmen?

Achtung: Voraussetzung für die Teilnahme am Kurs sind sehr gute deutsche Sprachkenntnisse, da im Rahmen das Kurses Praktika und Interviews mit Handwerksbetrieben selbständig organisiert und durchgeführt werden müssen.

Die Anzahl der Teilnehmenden ist auf zwölf Studierende beschränkt. Sollte es mehr als 12 Bewerbende geben, entscheiden sowohl die Reihenfolge der Anmeldungen als auch Vorkenntnisse sowie Motivationsschreiben über die Teilnahme. Der Kurs findet nur statt, wenn es mehr als 5 Teilnehmende gibt.

Eine Bestätigung zur Aufnahme im Kurs kommt bis zum 24. Oktober per E-Mail.

==Leistungsnachweis==
Regelmäßige Anwesenheit, aktive Kursbeteiligung, Einreichung einer Dokumentation. Details werden zur ersten Veranstaltung bekanntgegeben.

==Zielgruppe==
Der Kurs richtet sich hauptsächlich an Bachelor- und Master-Studierende der Fachrichtungen Medienkunst/Mediengestaltung, MediaArchitecture und Produkt-Design, ist aber auch offen für Studierende anderer Studiengänge.

==Syllabus==
Termine des Semesters (vorläufig, können sich noch ändern!)

* Mo, 26.10.15, 13:15-16:45 Einführungsveranstaltung (Raum wird noch bekanntgegeben)

* Di, 10.11.15, 09:15-16:45 Workshop 1 Tag 1
* Mi, 11.11.15, 09:15-16:45 Workshop 1 Tag 2

* Do, 26.11.15, 09:15-16:45 Workshop 2 Tag 1
* Fr, 27.11.15, 09:15-16:45 Workshop 2 Tag 2

* tba (Dez/Jan), 09:15-16:45 Workshop 3

==Literatur==
Kommt noch

==Links==
Kommen noch

Template:IFD WS15

2015-10-09T10:40:21Z

Md: /* Wintersemester 2015/6 */

== Wintersemester 2015/6 ==


<div class="floatright" style="transform:scale(0.7);-moz-transform:scale(0.7);-ms-transform:scale(0.7);-o-transform:scale(0.7);-webkit-transform:scale(0.7);">[[File:PLDCPartner.jpg|right|http://www.pld-c.com/bauhaus-universitaet-weimar-interface-design-group/]] [http://www.pld-c.com/bauhaus-universitaet-weimar-interface-design-group/ PLDC Partner]</div>


'''IMPORTANT ANNOUNCEMENT:''' 
'''Please note that Michael Markert will stand in for Prof. Dr. Jens Geelhaar who will be absent this semester.'''

Projektmodule / Project Modules:
* [[IFD:MasterprojectWS15|Interface Design]] ''(Masterprojekt) - Michael Markert''

Werk- und Fachmodule:
* [[IFD:Mobile_Media_and_Cultural_Heritage_WS15|Mobile Media and Cultural Heritage]]'' (Fachmodul) - Joatan Preis Dutra''
* [[IFD:TBA|TBA]]'' (Werk- und Fachmodul) - Martin Schied''
* [[IFD:DDSP|Data, Devices, Services, People: A Survey of Modern Web Architecture and Applications
]] ''(Fachmodul) - Jason Reizner''
* [[IFD:Ambient_Tangible_and_Pervasive|Ambient, Tangible and Pervasive: Interactions Off The Screen]] ''(Fachmodul) - Jason Reizner''
* [[IFD:Internet_of_Tools|Internet of Tools]] ''(Werk- und Fachmodul) - Moritz Dreßler''

Kolloquium:
* [[IFD:Kolloq]] ''Mittwochs-Kolloquium BfA & MfA'' - t.b.a. Michael Markert, Jason Reizner, Martin Schied

Workshops:
* to be announced…

Endpräsentation
* [[IFD:ShowreelWS15|IFD Showreel WS15]]

<noinclude>[[Category:Template]]</noinclude>

IFD:Internet of Tools

2015-10-09T10:37:01Z

Md:

[[:Category:Werkmodul|Werkmodul]], [[:Category:Fachmodul|Fachmodul]] 
''Lehrperson:'' Moritz Dreßler 
''Bewertung:'' 6 [[ECTS]], 4 [[SWS]] 
''Termin:'' Blockseminar, Termine siehe unten 
''Ort:'' Ort wird noch bekanntgegeben 
''Erster Termin:'' 26.10.2015, 13:30-16:45

==Beschreibung==
Internet of Things - Hype oder normaler Fortschritt? Während immer kleinere Prozessoren und Funkmodule Einzug in Toaster und Zahnbürsten halten, wird von Herstellern und Kundschaft oft noch nach Problemen für die Lösung durch Vernetzung der Geräte gesucht. Manche Anwendungen bestechen sofort, andere werden erst dann sinnvoll, wenn sich weitere Produkte oder Dienstleistungen verändern. Es wird dabei schnell klar, dass Vernetzung um ihrer selbst willen nicht unbedingt einen Mehrwert bietet.

Im Rahmen dieses Werk- und Fachmoduls werden wir uns intensiv mit dem Internet der Dinge aus Sicht eines Herstellers professioneller Elektrowerkzeuge beschäftigen. Gemeinsam mit Festool bekommen die Teilnehmenden einen Einblick in die tägliche Arbeit von Tischlereien und Zimmereien, finden und validieren Probleme und erarbeiten Lösungsansätze basierend auf neuen Vernetzungsmöglichkeiten. Dabei wird soweit möglich iterativ vorgegangen und alle Lösungen werden in Form von einfachen Prototypen mit der Zielgruppe in den Handwerksbetrieben getestet.

Den Teilnehmenden werden dabei Grundlagen in Nutzerorientierter Gestaltung (User Centered Design), Prototyping und Lean UX vermittelt und sie haben Gelegenheit, diese Kenntnisse in der Praxis auszutesten. Dabei sollen am Ende des Kurses ein oder mehrere validierte Konzepte oder Prototypen stehen, aus denen reale Anwendungen entstehen können.

Neben drei Workshops in Weimar wird es auch einen Workshop am Festool-Standort Wendlingen geben. Im Rahmen des Kurses organisieren sich alle Teilnehmenden ein Ein-Tages-Praktikum in einer Tischlerei oder Zimmerei ihrer Wahl und führen in diesen und anderen Firmen Interviews durch.

Der Kurs richtet sich hauptsächlich an Bachelor- und Master-Studierende der Fachrichtungen Medienkunst/Mediengestaltung, MediaArchitecture und Produkt-Design, ist aber auch offen für Studierende anderer Studiengänge. Vorkenntnisse in den Bereichen User Centered Design, Produkt Design, UX Design sowie Programmierkenntnisse für die Entwicklung von digitalen Prototypen sind hilfreich, aber keine Teilnahmevoraussetzung. Die theoretischen Kursinhalte werden sich nach dem Vorwissen der Teilnehmenden richten, der Fokus liegt auf der praktischen Anwendung.

===English description===
IoT = Internet of Tools? Power Tools and the Internet of Things

This course is offered in cooperation with the German power tool company Festool.

It aims at discussing the Internet of Things from a power tool perspective. Students will use design thinking methods to collect possible problems of Festool's main clients, professional craftsmen like carpenters and joiners.

They will then develop quick prototypes for solutions based on networked tools and test them with the target group.

The participants of this course should be fluent in German.

==Voraussetzungen==
Vorkenntnisse in den Bereichen User Centered Design, Produkt Design, UX Design sowie Programmierkenntnisse für die Entwicklung von digitalen Prototypen sind hilfreich, aber keine Teilnahmevoraussetzung.

==Anmeldung==
Die Bewerbung für eine Teilnahme am Kurs muss bis zum 22. Oktober per E-Mail mit dem Betreff: ''Bewerbung {{PAGENAME}}'' und folgenden Angaben an: moritz.dressler (at) festool.com 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) [[SCC-Services#E-Mail|Warum?]]
* Relevantes vorhandenes Vorwissen
* Kurzes Motivationsschreiben: warum wollt ihr gerne teilnehmen?

Achtung: Voraussetzung für die Teilnahme am Kurs sind sehr gute deutsche Sprachkenntnisse, da im Rahmen das Kurses Praktika und Interviews mit Handwerksbetrieben selbständig organisiert und durchgeführt werden müssen.

Die Anzahl der Teilnehmenden ist auf zwölf Studierende beschränkt. Sollte es mehr als 12 Bewerbende geben, entscheiden sowohl die Reihenfolge der Anmeldungen als auch Vorkenntnisse sowie Motivationsschreiben über die Teilnahme. Der Kurs findet nur statt, wenn es mehr als 5 Teilnehmende gibt.

Eine Bestätigung zur Aufnahme im Kurs kommt bis zum 24. Oktober per E-Mail.

==Leistungsnachweis==
Regelmäßige Anwesenheit, aktive Kursbeteiligung, Einreichung einer Dokumentation. Details werden zur ersten Veranstaltung bekanntgegeben.

==Zielgruppe==
Der Kurs richtet sich hauptsächlich an Bachelor- und Master-Studierende der Fachrichtungen Medienkunst/Mediengestaltung, MediaArchitecture und Produkt-Design, ist aber auch offen für Studierende anderer Studiengänge.

==Syllabus==
Termine des Semesters
# 26.10.09, 13:15-16:45: Einführungsveranstaltung (Raum wird noch bekanntgegeben)
# weitere Termine werden in Kürze bekanntgegeben

==Literatur==
Kommt noch

==Links==
Kommen noch

IFD:Internet of Tools

2015-10-08T06:46:09Z

Md: Created page with "bald mehr!"

bald mehr!

IFD:ShowreelWS14/Moritz Dreßler - Generative Doorbell

2015-01-28T18:45:57Z

Md: Created page with "==Generative Doorbell== ===Moritz Dreßler==="

==Generative Doorbell==
===Moritz Dreßler===

IFD:ShowreelWS14

2015-01-28T18:44:02Z

Md:

[[File:Showreel_ws14_plakat_20150107.png]]

<h3 style="color:#005172;">How to add your project</h3>

[http://www.youtube.com/watch?v=8rtEZEOPACw How-To Videocast] 
[[IFD:Showreel/Wie_stelle_ich_mein_Projekt_ins_Wiki%3F|How-To Manual]] 
[http://www.uni-weimar.de/medien/interfacedesign/showreel/?section=ShowreelWS14 Test Your Presentation] 
[[IFD:Showreel/Blank_Page|A Blank Test Page]]

<h3 style="color:#005172;">INFOS</h3>

'''Präsentation Wintersemester 2014''' 
Professur Interface Design 
Prof. Dr. Jens Geelhaar, Johannes Deich, Michael Markert, Gabriel Rausch, Martin Schied

'''29. Januar 2015''' 
'''ab 15:30 Uhr''' 
'''Audimax''' 

Die Präsentation der Professur Interface Design bietet die Möglichkeit, einen Einblick in die Semesterarbeiten und die Inhalte der angebotenen Module zu bekommen. Die Veranstaltung lädt nicht nur Studenten des Bereichs IFD ein, sondern ist offen für alle Interessierten.

<h3 style="color:#005172;">PROGRAMM</h3>

'''15:30 Block "Fach- und Werkmodule"'''

* Werkmodul 'Lorem Ipsum I'
** [[/Lorem Ipsum - Dolor Sed/]]

* Werkmodul 'Multimediale Web-Platform & E-Learning'
** [[/Multimediale Web-Platform und E-Learning/]]

'''16:15 Block "Media-Architecture Exchange Program"'''

* Bauhaus Universität Weimar: Project 'Society of Networked Things'
** [[/Society of Networked Things|Society of Networked Things]]
** [[/Sharelog|Sharelog: A full shelf of spontaneous dialogues.]]

* University at Buffalo, SUNY: 'Überblick'
** [[/Uberblick|Uberblick]]

* University at Buffalo, SUNY: 'Mobile Apps with HTML5'
** [[/Mobile Apps|Mobile Apps]]

'''16:30 Pause'''

'''16:45 Block "Projekte"'''

* Bachelor Projektmodul 'Interface Design 1 - Methoden und Experimente im Interface Design I'
**[[/Heinrich Roolf - FabLab-App/]]
** [[/Philipp Wartenberg - reuse.it/]]

* Master Projektmodul 'Interface Design 3 - Tangible Interfaces with Printed Electronics and 3D-MID I'
** [[/Wang Yana, Qiu Jie, Florian Wittig - Era-Drilling Robot/]]
** [[/Cao Juan, Liu Chen, Ma Xuexi, Daniel Pelaez - Acoustic Pixels/]]
** [[/Moritz Dreßler - Generative Doorbell/]]

IFD:Generative Bauhaus II

2013-05-21T05:30:57Z

Md:

Generative Bauhaus II
[[Image:pic.jpg|right|320px]]
'''''Über Generative Kunst''''' 

[[:Category:Fachmodul|Fachmodul]] & [[:Category:Werkmodul|Werkmodul]] 
''Lehrperson:'' [[Michael Markert]] 
''Credits:'' 6 [[ECTS]], 3 [[SWS]] 
''Datum:'' Dienstags, 17:00 bis 19:30 h 
''Ort:'' [[Marienstraße 7b]], Raum 105 
''Erstes Treffen:'' Dienstag, 16.4.

Eine Weiterführung des [[IFD:GenerativeBauhaus]] Vorkurses auf fortgeschrittenem Niveau, der sich im zweiten Teil nicht mehr mit den Grundlagen der Gestaltung, sondern intensiv mit Konzepten Generativer Kunst und Gestaltung auseinandersetzt. Bei diesem Fortgeschrittenenkurs, der auch für Master-Studenten offen steht, liegt der Fokus auf dem Zusammentreffen künstlerischer und interessierter Teilnehmer, die zusammen Wissen austauschen, diskutieren und entdecken möchten. Wir werden versuchen, uns neben historischen Aspekten generativer Konzepte auch mit aktuellen zeitgenössischen Künsten zu beschäftigen. Evtl. können wir eine Exkursion nach Berlin unternehmen. Auch gehen wir spannenden wissenschaftlichen und programmiertechnischen Fragestellungen nach. Die genauen Inhalte und das Programm des Kurses werden wir nach gemeinsamen Interessen zusammen stellen.

== English Description ==

This is the second part of the [[IFD:GenerativeBauhaus]] Foundation Course that is going to explore the concepts of generative art and design. The Module is open for Media-Systems, MediaArts & Design and the Design Faculty. Because of the advanced topics, it is required to have knowledge of at least one programming language (the concepts of variables, functions, arrays etc... should be known). Please note that understanding German language is mandatory, as there will be student's talks and we will be discussing artistic and philosophical topics.

== Themen ==
* Einführung in [[Systemtheorie|kybernetische Systemtheorie]] als Interaktionsmodell
* Generative Programmierkonzepte (Zufall, Agenten, Iterationen usw…)
* Interaktionsparameter
** I/O Schemata
* Regelwerke
** z.B. Harmonie, Skalen, Rhythmus, Farbskalen usw…
* Generative Kunst
** Generative Gestaltung im Design
** Generative Musik
** Kybernetische Kunst (Nicholas Schöffers "Kybernetische Stadt")
** Die Programmierung des Schönen (Max Bense)
* Geschichte der Generativen Kunst

== Projekte ==
* [[/Projects/Example|Example Project]] (Please duplicate this example link and add your project)

== Voraussetzungen ==
* Grundlegende Kenntnis von mindestens einer Programmiersprache (z.B. C, JAVA, PHP oder JavaScript)

{{Template:Anmeldung_MM}}

== Leistungsnachweis ==
Die Bewertung erfolgt auf diesen Teilzielen:
* Aktive und regelmäßige Anwesenheit (30%)
* Eigener Kursbeitrag (35%)
* Künstlerische Arbeit mit begleitender Dokumentation (35%)
* Wiki-Bonus (10%)

== Zielgruppe ==
Der Kurs ist offen für alle Interessierten und ist ausdrücklich interdisziplinär konzipiert. Alle Teilnehmer sollten gute deutsche Sprachkenntnisse haben.

== Syllabus ==
# <del>09.04.</del> FÄLLT AUS (wegen Krankheit, sorry)
# 16.04. Erstes Treffen, Planung des Semesters
# 23.04. Michael: Über Kybernetik
# 30.04. Michael: JavaScript - Intro & Language Design Patterns
# 07.05. Clemens (Max Bense)
# 14.05. Alex: Generative Kunst und Performance
# 21.05. Michael: Genetic Algorithms
# 28.05. Moritz (Generative Architecture)
# 04.06. Johannes (tba)
# 11.06. Jonas - künstliches Leben, Automaten und Agenten
# 18.06. Martin (Glitch Art)
# 25.06. Benjamin (Rhythmus)
# 02.07. Alice (tba)
# 09.07. Vorbereitung Ausstellung Summæry

== Literatur ==
Weitere Literatur- und Links finden sich in den jeweiligen Untersektionen.

=== Online Links ===
* [http://computerkunst.org Computerkunst.org] - Webseite von Christoph Klütsch
* [http://www.bauhaus-dessau.de/index.php?Kurt-Kranz-Die-Programmierung-des-Schoenen Kurt Kranz: Die Programmierung des Schönen] (Bauhaus Dessau)
* [http://toolserver.org/~apper/pd/person/Max_Bense Max Bense], Philosoph (1910-1990)

=== Literatur ===
* Baecker, D. 2005. Schlüsselwerke der Systemtheorie. Wiesbaden: VS, ISBN 3531140841
* Bense, Max 1960. Die Programmierung des Schönen, Agis, ASIN B0000BGCNO
* Büscher, Barbara (Hg.) 2004. Max Bense - Ästhetik als Programm: Daten und Streuungen, Diaphanes, ISBN 978-3037343173
* Hiller, Müller, Oswalt (Hg.) 2011. Kurt Kranz - Die Programmierung des Schönen, Dessau/Leipzig: Spector, ISBN 9783940064110
* Klütsch, Christoph 2007. Computergrafik: Ästhetische Experimente zwischen zwei Kulturen. Die Anfänge der Computerkunst in den 1960er Jahren, Springer, ISBN 978-3211394090
* Nake, Frieder 1998. Vilém Flusser und Max Bense: des Pixels angesichtig werdend, erschienen in:
** Jäger, Gottfried (Hg.) 2001. Fotografie denken. Bielefeld: Kerber
** PDF-Version: [http://www.agis.informatik.uni-bremen.de/ARCHIV/Publikationen/FlusserBense.pdf FlusserBense.pdf]
* Schöffer, Nicolas 1970. Die kybernetische Stadt, München: Heinz Moos, ASIN B0000BUKD3

Hinweis: Die hier aufgeführte Literatur ist optional; es muss keines der Bücher für den Kurs gekauft werden! Beim Privatkauf englischsprachiger Literatur bitte beachten, dass diese nicht der deutschen Buchpreisbindung unterliegt.

[[Category:Werkmodul]]
[[Category:Fachmodul]]
[[Category:SS13]]
[[Category:Michael Markert]]
[[Category:Generative Gestaltung]]

IFD:Web Advanced I WS1213/Kursplan

2012-11-19T14:17:32Z

Md:

==Course Schedule==

'''1st event''' 
15th Oct. 2012 (introduction, topics)
* [[Media:20121015 bu ws12 web advanced I v1 low.pdf|introduction & topics]]

<strike>22th Oct. 2012</strike>

'''2rd event''' 
29th Oct. 2012
* How to write better CSS (Sass / Compass / Less) Gabriel
** [[Media:20121029 Web Advanced I V 2 Sass.zip]]
** [[Media:20121029 Web Advanced I V 2 Sass Workaround.zip]]

'''3th event''' 
5th Nov. 2012
* How to animate - part I (frame sequences, jquery + extensions, css3 transition in jquery-combinations, css3 sequences)
** [[Media:20121105 material Web Advanced I V 3 Animation I.zip]]
** [[Media:20121105 Workaround Web Advanced I V 3 Animation I.zip]]

<strike>12th Nov. 2012</strike>

'''4th event''' 
19th Nov. 2012
* Moritz -- how to develop server-side applications in javascript
** Node.js: http://www.nodejs.org
*** Links
**** http://www.npmjs.org (Node Packaged Modules)
**** http://www.nodebeginner.org (a comprehensive Node.js tutorial)
**** [http://debuggable.com/posts/understanding-node-js:4bd98440-45e4-4a9a-8ef7-0f7ecbdd56cb understanding Node.js]
**** http://socket.io (WebSockets Modul für Node.js)
**** http://expressjs.com (web application framework für Node.js)
*** Material
**** [[Media:20121119 web advanced node js chat.zip]]
** Opa: http://opalang.org
** Meteor: http://meteor.com/

'''5th event''' 
26th Nov. 2012 
'''progress presentation'''

'''6th event''' 
3rd Dec. 2012 
* Christian Sohn -- Jump and Run
* Florian Froger -- how to play videos in fullscreen

'''7th event''' 
10th Dec. 2012
* Mischa -- how to achive your aims with way less code in coffescript.

'''8th event''' 
17th Dec. 2012
*Jan D.: Usability: Heuristische Evaluation
*Roland Muench: web typography

'''9th event''' 
14th Jan. 2012 
* Physics in Webdesign - Lukas Krause

'''10th event''' 
21th Jan. 2012
* GitHub - Lydia
* Matias Garcia - how to optimize websites for mobile devices

'''11th event''' 
28th Jan. 2012 
'''course internal project endpresentation'''

'''>> endpresentation 31th Jan. 2012 Audimax <<'''

File:20121119 web advanced node js chat.zip

2012-11-19T14:13:31Z

Md:

== Summary ==

== Copyright status: ==

== Source: ==

IFD:Web Advanced I WS1213/Kursplan

2012-11-19T13:21:44Z

Md:

==Course Schedule==

'''1st event''' 
15th Oct. 2012 (introduction, topics)
* [[Media:20121015_bu_ws12_web_advanced_I_v1_low.pdf|introduction & topics]]

<strike>22th Oct. 2012</strike>

'''2rd event''' 
29th Oct. 2012
* How to write better CSS (Sass / Compass / Less) Gabriel
** [[Media:20121029_Web_Advanced_I_V_2_Sass.zip]]
** [[Media:20121029_Web_Advanced_I_V_2_Sass_Workaround.zip]]

'''3th event''' 
5th Nov. 2012
* How to animate - part I (frame sequences, jquery + extensions, css3 transition in jquery-combinations, css3 sequences)
** [[Media:20121105_material_Web_Advanced_I_V_3_Animation_I.zip]]
** [[Media:20121105_Workaround_Web_Advanced_I_V_3_Animation_I.zip]]

<strike>12th Nov. 2012</strike>

'''4th event''' 
19th Nov. 2012
* Moritz -- how to develop server-side applications in javascript
** Node.js: http://www.nodejs.org
*** Links
**** http://www.npmjs.org (Node Packaged Modules)
**** http://www.nodebeginner.org (a comprehensive Node.js tutorial)
**** [http://debuggable.com/posts/understanding-node-js:4bd98440-45e4-4a9a-8ef7-0f7ecbdd56cb] (understanding Node.js)
**** http://socket.io (WebSockets Modul für Node.js)
**** http://expressjs.com (web application framework für Node.js)
*** Material
** Opa: http://opalang.org
** Meteor: http://meteor.com/

'''5th event''' 
26th Nov. 2012 
'''progress presentation'''

'''6th event''' 
3rd Dec. 2012 
* Christian Sohn -- Jump and Run
* Florian Froger -- how to play videos in fullscreen

'''7th event''' 
10th Dec. 2012
* Mischa -- how to achive your aims with way less code in coffescript.

'''8th event''' 
17th Dec. 2012
*Jan D.: Usability: Heuristische Evaluation
*Roland Muench: web typography

'''9th event''' 
14th Jan. 2012 
* Physics in Webdesign - Lukas Krause

'''10th event''' 
21th Jan. 2012
* GitHub - Lydia
* Matias Garcia - how to optimize websites for mobile devices

'''11th event''' 
28th Jan. 2012 
'''course internal project endpresentation'''

'''>> endpresentation 31th Jan. 2012 Audimax <<'''

IFD:Web Advanced I WS1213/Kursplan

2012-11-19T11:37:23Z

Md:

==Course Schedule==

'''1st event''' 
15th Oct. 2012 (introduction, topics)
* [[Media:20121015_bu_ws12_web_advanced_I_v1_low.pdf|introduction & topics]]

<strike>22th Oct. 2012</strike>

'''2rd event''' 
29th Oct. 2012
* How to write better CSS (Sass / Compass / Less) Gabriel
** [[Media:20121029_Web_Advanced_I_V_2_Sass.zip]]
** [[Media:20121029_Web_Advanced_I_V_2_Sass_Workaround.zip]]

'''3th event''' 
5th Nov. 2012
* How to animate - part I (frame sequences, jquery + extensions, css3 transition in jquery-combinations, css3 sequences)
** [[Media:20121105_material_Web_Advanced_I_V_3_Animation_I.zip]]
** [[Media:20121105_Workaround_Web_Advanced_I_V_3_Animation_I.zip]]

<strike>12th Nov. 2012</strike>

'''4th event''' 
19th Nov. 2012
* Moritz -- how to develop server-side applications in javascript
** Node.js: http://www.nodejs.org
*** Links
**** http://www.npmjs.org (Node Packaged Modules)
**** http://www.nodebeginner.org/ (a comprehensive Node.js tutorial)
**** [http://debuggable.com/posts/understanding-node-js:4bd98440-45e4-4a9a-8ef7-0f7ecbdd56cb] (understanding Node.js)
**** http://socket.io/ (WebSockets Modul für Node.js)
*** Material
** Opa: http://opalang.org
** Meteor: http://meteor.com/

'''5th event''' 
26th Nov. 2012 
'''progress presentation'''

'''6th event''' 
3rd Dec. 2012 
* Christian Sohn -- Jump and Run
* Florian Froger -- how to play videos in fullscreen

'''7th event''' 
10th Dec. 2012
* Mischa -- how to achive your aims with way less code in coffescript.

'''8th event''' 
17th Dec. 2012
*Jan D.: Usability: Heuristische Evaluation
*Roland Muench: web typography

'''9th event''' 
14th Jan. 2012 
* Physics in Webdesign - Lukas Krause

'''10th event''' 
21th Jan. 2012
* GitHub - Lydia
* Matias Garcia - how to optimize websites for mobile devices

'''11th event''' 
28th Jan. 2012 
'''course internal project endpresentation'''

'''>> endpresentation 31th Jan. 2012 Audimax <<'''

IFD:Web Advanced I WS1213/Kursplan

2012-11-19T11:30:07Z

Md:

==Course Schedule==

'''1st event''' 
15th Oct. 2012 (introduction, topics)
* [[Media:20121015_bu_ws12_web_advanced_I_v1_low.pdf|introduction & topics]]

<strike>22th Oct. 2012</strike>

'''2rd event''' 
29th Oct. 2012
* How to write better CSS (Sass / Compass / Less) Gabriel
** [[Media:20121029_Web_Advanced_I_V_2_Sass.zip]]
** [[Media:20121029_Web_Advanced_I_V_2_Sass_Workaround.zip]]

'''3th event''' 
5th Nov. 2012
* How to animate - part I (frame sequences, jquery + extensions, css3 transition in jquery-combinations, css3 sequences)
** [[Media:20121105_material_Web_Advanced_I_V_3_Animation_I.zip]]
** [[Media:20121105_Workaround_Web_Advanced_I_V_3_Animation_I.zip]]

<strike>12th Nov. 2012</strike>

'''4th event''' 
19th Nov. 2012
* Moritz -- how to develop server-side applications in javascript
** Node.js: http://www.nodejs.org
*** Links
**** http://www.npmjs.org (Node Packaged Modules)
**** http://www.nodebeginner.org/ (a comprehensive Node.js tutorial)
**** [http://debuggable.com/posts/understanding-node-js:4bd98440-45e4-4a9a-8ef7-0f7ecbdd56cb] (understanding Node.js)
*** Material
** Opa: http://opalang.org
** Meteor: http://meteor.com/

'''5th event''' 
26th Nov. 2012 
'''progress presentation'''

'''6th event''' 
3rd Dec. 2012 
* Christian Sohn -- Jump and Run
* Florian Froger -- how to play videos in fullscreen

'''7th event''' 
10th Dec. 2012
* Mischa -- how to achive your aims with way less code in coffescript.

'''8th event''' 
17th Dec. 2012
*Jan D.: Usability: Heuristische Evaluation
*Roland Muench: web typography

'''9th event''' 
14th Jan. 2012 
* Physics in Webdesign - Lukas Krause

'''10th event''' 
21th Jan. 2012
* GitHub - Lydia
* Matias Garcia - how to optimize websites for mobile devices

'''11th event''' 
28th Jan. 2012 
'''course internal project endpresentation'''

'''>> endpresentation 31th Jan. 2012 Audimax <<'''

IFD:Eclectic Electric!/Input

2012-11-06T12:09:41Z

Md:

= Inputs =
A collection of inputs (switches or other sensors) - Made by students for the [[IFD:Eclectic_Electric!|Eclectic_Electric!]] class

== Ana Maria ==
So I have a ON/OFF switch of a ikea desk lamp and the shutter button of my
camera.

[[File:shutter.jpg|thumb|Shutter]]
[[File:switch.jpg|thumb|Switch]]

 

== Martin ==
I uploaded two images - one of a remote control's button and one switch of a lamp.
[[File:Eclectric_Martins_remote_control_button.jpg|thumb|TV remote]]
[[File:Eclectric_Martins_lamp_switch.jpg|thumb|Lamp Switch]]


 

== Sören ==
I uploaded a picture of the steel strings of my electric guitar with the electromagnetic pick-up coils underneath them. I also uploaded a picture of the gas-inlet controls of the gas stove at my home.
[[File:Eclectric_Sorens_Guitar.jpg|thumb|Sören: Guitar strings]][[File:Eclectric_Sorens_Stove.jpg|thumb|Sören: Stove gas controls]]
 

== Clemens ==
I uploaded a picture of a monitor on/off-button and an Ä-key.

[[File:Monitor_Knopf.jpg|thumb|Monitor Switch]]
[[File:Ae.jpg|thumb|Ä-key]]
 

== Oscar Patarroyo ==
I uploaded a picture of a Kettle switch and also a Toaster leaver.

[[File:water.jpg|thumb|Kettle switch]]
[[File:toaster.jpg|thumb|Toaster leaver]]
 

== Diana Cano ==
Here pictures of Mixer and Hand Processor both of them Interface of Kitchen Electrodomestic.

[[File:mixer_kitchen.png|thumb|Control Kitchen Mixer]]
[[File:hand_processor.png|thumb|Switch Hand Processor]]
 

== Luigi Di Bella ==
Here a Macbook's button to check battery level and a car's switch for lights.

[[File:MacbookButton.jpg|thumb|Macbook's button]]
[[File:TriangleButton.jpg|thumb|Car's switch]]
 

== Moritz ==
two inputs of an amplifier: balance and input selector

[[File:Eclectric InputSelector.jpg|thumb|balance and input selector]]

File:Eclectric InputSelector.jpg

2012-11-06T12:03:46Z

Md:

== Summary ==

== Copyright status: ==

== Licensing ==
{{self|Cc-zero}}
== Source: ==

IFD:Web Advanced I WS1213/Kursplan

2012-10-21T16:28:13Z

Md:

==Course Schedule==

'''1st event''' 
15th Oct. 2012 (introduction, topics)
* [[Media:20121015_bu_ws12_web_advanced_I_v1_low.pdf|introduction & topics]]

<strike>'''2nd event'''</strike> 
<strike>22th Oct. 2012</strike>

'''3rd event''' 
29th Oct. 2012

'''4th event''' 
5th Nov. 2012

<strike>'''5th event'''</strike> 
<strike>12th Nov. 2012</strike>

'''6th event''' 
19th Nov. 2012
* Moritz -- how to develop server-side applications in javascript

'''7th event''' 
26th Nov. 2012 
'''progress presentation'''

'''8th event''' 
3rd Dec. 2012 
* Christian Sohn -- Jump and Run

'''9th event''' 
10th Dec. 2012

'''10th event''' 
17th Dec. 2012

'''11th event''' 
14th Jan. 2012 
* Physics in Webdesign - Lukas Krause

'''12th event''' 
21th Jan. 2012

'''13th event''' 
28th Jan. 2012 
'''course internal project endpresentation'''

'''>> endpresentation 31th Jan. 2012 Audimax <<'''

Tutorium Web-Technologie SS12

2012-07-23T09:48:19Z

Md:

[[:Category:Tutorium|Tutorium]] 
''Lehrperson(en):'' [[Moritz Dreßler]] 
''Bewertung:'' — 
''Termin:'' Mittwochs, 13:00 Uhr bis 14:30 Uhr 
''Ort:'' [[Marienstraße 7b]], Raum 105 (voraussichtlich) 
''Erster Termin:'' 25.04.2012

==Beschreibung==
Dieses Tutorium wird für Studierende des Studiengangs Medienkunst/-gestaltung angeboten, die die Medieninformatik-Vorlesung [[Web-Technologie I]] als wissenschaftliches Modul belegen wollen.

==Syllabus==
Termine des Semesters
# 25.04.2012, 14:00 bis 15:30 Uhr, Erstes Treffen, Terminabsprache, Organisatorisches, Einführung, Protokolle/Dienste
# 02.05.2012, 14:00 bis 16:00 Uhr, Protokolle/Dienste
# 09.05.2012, 13:30 bis 16:00 Uhr, Protokolle/Dienste
# 23.05.2012, 13:30 bis 16:30 Uhr, Auszeichnungssprachen, HTML/CSS
# 06.06.2012, 13:30 bis 16:30 Uhr, XML/XSLT
# 20.06.2012, 13:30 bis 16:30 Uhr, Client-Technologien, JavaScript, jQuery
# 04.07.2012, 13:30 bis 16:30 Uhr, Server-Technologien, RegEx, PHP
# 11.07.2012, 90:15 bis 11:00 Uhr, Zusammenfassung, Wiederholung
# 25.07.2012, 10:30 bis 12:00 Uhr, Klausur

==Literatur==

==Links==

* [[HTML]]
* [[CSS]]
* [[PHP]]
* [[JavaScript]]

Web-Technologie I

2012-07-08T07:08:19Z

Md: /* Server-Technologien */

Die Medieninformatik-Vorlesung [http://www.uni-weimar.de/cms/medien/webis/teaching/ss-2010/web-technology-foundations.html Web-Technologie I] ([http://www.uni-weimar.de/qisserver/rds?state=verpublish&status=init&vmfile=no&publishid=8652&moduleCall=webInfo&publishConfFile=webInfo&publishSubDir=veranstaltung Vorlesungsverzeichnis]) wird auch für Studenten der Medienkunst/-gestaltung angeboten.

Für das begleitende Tutorium, siehe [[Tutorium Web-Technologie SS12|Tutorium Web-Technologie]].

Diese Seite soll die für die Medienkunst/-gestaltung relevanteren Themen verlinken sowie Ergänzungen und weiterführende Links sammeln.

Die im folgenden verlinkten PDF-Dateien liegen auf dem Webserver der Professur [http://www.uni-weimar.de/cms/medien/webis/teaching/lecture-notes.html#web-technology Content Management und Web Technologien]. Die angegebenen Seitenzahlen beziehen sich auf die tatsächlichen Seiten im jeweiligen PDF, nicht auf die fortlaufende Seitenzahl des Skripts.

== Einführung ==
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-wt-organization.pdf Organisation, Literatur]

[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-wt-introduction.pdf Problemstellungen, Begriffe]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|2-7||Begriffsdefinitionen
|-
|18||RFCs
|}

== Rechnerkommunikation und Protokolle ==
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-network-protocol1.pdf Kommunikation und Protokolle für Web-Systeme (1)]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|2-17||Grundlagen Datenaustausch, Verbindungsarten
|-
|18-20||Definition und Erklärung von Dienst und Protokoll
|-
|24-26||[[TCP/IP]] Modell
|-
|27-32|| Internetworking/IP-Adressen (IPv4)
|-
|35||IP-Adressen (IPv6)
|-
|36-37||DNS
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-network-protocol2.pdf Kommunikation und Protokolle für Web-Systeme (2)]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-IFD:Start
|style="width: 70px;"|2-9||Grundlagen Ports
|-
|22-23||Protokolle
|-
|25||URI, URL, URN
|-
|33||Aufbau einer URL
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-network-protocol3.pdf Kommunikation und Protokolle für Web-Systeme (3)]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|3-15||HTTP
|-
|18-20||HTTP Header und Response
|-
|37-47||Session-Management
|}

== Dokumentsprachen ==
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-doclang-introduction.pdf Auszeichnungssprachen]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|2-8||Einführung Auszeichnungssprachen
|-
|9-26||SGML (nur Grundlagen: Was ist SGML, warum ist SGML wichtig?)
|-
|27-30||Zusammenhang SGML, XML, [[HTML]], X[[HTML]]
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-doclang-html-css.pdf HTML, CSS]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|alle||[[HTML]], [[CSS]]
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-doclang-xml-basics.pdf XML-Grundlagen]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|2-22||Grundlagen XML
|-
|23-32||XML DTD (nur Grundlagen: Was sind DTDs, wofür braucht man DTDs?)
|-
|36-41||Internationalisierung (Problem erfassen, Lösungen?)
|-
|48-53||XML Namensräume (Namensräume erkennen, Anwendung verstehen)
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-doclang-xml-schema.pdf XML-Schema]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"| ||Schema erkennen und verstehen, wofür es verwendet wird
|-
|||Erkennen, wenn ein Schema mit einem [[XML]] Dokument verknüpft ist (S. 17)
|-
|||Definition von gültig hinsichtlich Schema (S. 21)
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-doclang-xml-xsl.pdf Die XSL-Familie]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|2-31||Grundlagen, XPath
|-
|42-101||XSLT (nur erkennen und wissen wozu XSLT dient und wie XSLT Dokumente in XML Dokumente eingebunden werden)
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-doclang-xml-api.pdf APIs für XML]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"| ||Was ist DOM und wofür kann man DOM verwenden?
|-
|||Unterschied DOM-SAX
|}

== Client-Technologien ==
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-client-technologies1.pdf JavaScript]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|4-7||Einführung
|-
|8-21||Exkurs Programmiersprachen (nur Grundlagen: z.B. Unterschied interpretiert/übersetzt)
|-
|22-72||[[JavaScript]]
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-client-technologies2.pdf Java Applets]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"| ||Was sind Java Applets?
|-
|||Wie unterscheiden sich Java Applets von [[JavaScript]]?
|}

== Server-Technologien ==
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-server-technologies1.pdf CGI, Servlets, JSP]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|4-11||Einführung Web-Server
|-
|16-23||[[CGI]]
|-
|24-42||Java Servlets (nur Grundlagen, Unterschied zu [[CGI]])
|-
|43-62||Einführung JSP (Anwendungszweck, Unterschied zu Servlets)
|}

[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-server-technologies2.pdf Reguläre Ausdrücke, PHP]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"| ||Was sind reguläre Ausdrücke? Wofür kann man sie verwenden?
|-
|||Grundlagen [[PHP]] (Was ist [[PHP]]? Wie und wofür kann man es verwenden?)
|}

== Architekturen und Middleware-Technologien ==
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-webis-architectures1.pdf Überblick, Ajax, Einführung Web-Services]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"| ||Grundlagen [[AJAX]]
|-
|||
|}

Web-Technologie I

2012-07-07T15:15:49Z

Md: /* Server-Technologien */

Die Medieninformatik-Vorlesung [http://www.uni-weimar.de/cms/medien/webis/teaching/ss-2010/web-technology-foundations.html Web-Technologie I] ([http://www.uni-weimar.de/qisserver/rds?state=verpublish&status=init&vmfile=no&publishid=8652&moduleCall=webInfo&publishConfFile=webInfo&publishSubDir=veranstaltung Vorlesungsverzeichnis]) wird auch für Studenten der Medienkunst/-gestaltung angeboten.

Für das begleitende Tutorium, siehe [[Tutorium Web-Technologie SS12|Tutorium Web-Technologie]].

Diese Seite soll die für die Medienkunst/-gestaltung relevanteren Themen verlinken sowie Ergänzungen und weiterführende Links sammeln.

Die im folgenden verlinkten PDF-Dateien liegen auf dem Webserver der Professur [http://www.uni-weimar.de/cms/medien/webis/teaching/lecture-notes.html#web-technology Content Management und Web Technologien]. Die angegebenen Seitenzahlen beziehen sich auf die tatsächlichen Seiten im jeweiligen PDF, nicht auf die fortlaufende Seitenzahl des Skripts.

== Einführung ==
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-wt-organization.pdf Organisation, Literatur]

[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-wt-introduction.pdf Problemstellungen, Begriffe]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|2-7||Begriffsdefinitionen
|-
|18||RFCs
|}

== Rechnerkommunikation und Protokolle ==
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-network-protocol1.pdf Kommunikation und Protokolle für Web-Systeme (1)]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|2-17||Grundlagen Datenaustausch, Verbindungsarten
|-
|18-20||Definition und Erklärung von Dienst und Protokoll
|-
|24-26||[[TCP/IP]] Modell
|-
|27-32|| Internetworking/IP-Adressen (IPv4)
|-
|35||IP-Adressen (IPv6)
|-
|36-37||DNS
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-network-protocol2.pdf Kommunikation und Protokolle für Web-Systeme (2)]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-IFD:Start
|style="width: 70px;"|2-9||Grundlagen Ports
|-
|22-23||Protokolle
|-
|25||URI, URL, URN
|-
|33||Aufbau einer URL
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-network-protocol3.pdf Kommunikation und Protokolle für Web-Systeme (3)]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|3-15||HTTP
|-
|18-20||HTTP Header und Response
|-
|37-47||Session-Management
|}

== Dokumentsprachen ==
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-doclang-introduction.pdf Auszeichnungssprachen]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|2-8||Einführung Auszeichnungssprachen
|-
|9-26||SGML (nur Grundlagen: Was ist SGML, warum ist SGML wichtig?)
|-
|27-30||Zusammenhang SGML, XML, [[HTML]], X[[HTML]]
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-doclang-html-css.pdf HTML, CSS]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|alle||[[HTML]], [[CSS]]
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-doclang-xml-basics.pdf XML-Grundlagen]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|2-22||Grundlagen XML
|-
|23-32||XML DTD (nur Grundlagen: Was sind DTDs, wofür braucht man DTDs?)
|-
|36-41||Internationalisierung (Problem erfassen, Lösungen?)
|-
|48-53||XML Namensräume (Namensräume erkennen, Anwendung verstehen)
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-doclang-xml-schema.pdf XML-Schema]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"| ||Schema erkennen und verstehen, wofür es verwendet wird
|-
|||Erkennen, wenn ein Schema mit einem [[XML]] Dokument verknüpft ist (S. 17)
|-
|||Definition von gültig hinsichtlich Schema (S. 21)
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-doclang-xml-xsl.pdf Die XSL-Familie]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|2-31||Grundlagen, XPath
|-
|42-101||XSLT (nur erkennen und wissen wozu XSLT dient und wie XSLT Dokumente in XML Dokumente eingebunden werden)
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-doclang-xml-api.pdf APIs für XML]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"| ||Was ist DOM und wofür kann man DOM verwenden?
|-
|||Unterschied DOM-SAX
|}

== Client-Technologien ==
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-client-technologies1.pdf JavaScript]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|4-7||Einführung
|-
|8-21||Exkurs Programmiersprachen (nur Grundlagen: z.B. Unterschied interpretiert/übersetzt)
|-
|22-72||[[JavaScript]]
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-client-technologies2.pdf Java Applets]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"| ||Was sind Java Applets?
|-
|||Wie unterscheiden sich Java Applets von [[JavaScript]]?
|}

== Server-Technologien ==
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-server-technologies1.pdf CGI, Servlets, JSP]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|4-11||Einführung Web-Server
|-
|16-22||[[CGI]]
|-
|23-41||Java Servlets (nur Grundlagen, Unterschied zu [[CGI]])
|-
|42-58||Einführung JSP (Anwendungszweck, Unterschied zu Servlets)
|}

[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-server-technologies2.pdf Reguläre Ausdrücke, PHP]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"| ||Was sind reguläre Ausdrücke? Wofür kann man sie verwenden?
|-
|||Grundlagen [[PHP]] (Was ist [[PHP]]? Wie und wofür kann man es verwenden?)
|}

== Architekturen und Middleware-Technologien ==
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-webis-architectures1.pdf Überblick, Ajax, Einführung Web-Services]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"| ||Grundlagen [[AJAX]]
|-
|||
|}

Web-Technologie I

2012-07-07T14:42:34Z

Md: /* Client-Technologien */

Die Medieninformatik-Vorlesung [http://www.uni-weimar.de/cms/medien/webis/teaching/ss-2010/web-technology-foundations.html Web-Technologie I] ([http://www.uni-weimar.de/qisserver/rds?state=verpublish&status=init&vmfile=no&publishid=8652&moduleCall=webInfo&publishConfFile=webInfo&publishSubDir=veranstaltung Vorlesungsverzeichnis]) wird auch für Studenten der Medienkunst/-gestaltung angeboten.

Für das begleitende Tutorium, siehe [[Tutorium Web-Technologie SS12|Tutorium Web-Technologie]].

Diese Seite soll die für die Medienkunst/-gestaltung relevanteren Themen verlinken sowie Ergänzungen und weiterführende Links sammeln.

Die im folgenden verlinkten PDF-Dateien liegen auf dem Webserver der Professur [http://www.uni-weimar.de/cms/medien/webis/teaching/lecture-notes.html#web-technology Content Management und Web Technologien]. Die angegebenen Seitenzahlen beziehen sich auf die tatsächlichen Seiten im jeweiligen PDF, nicht auf die fortlaufende Seitenzahl des Skripts.

== Einführung ==
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-wt-organization.pdf Organisation, Literatur]

[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-wt-introduction.pdf Problemstellungen, Begriffe]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|2-7||Begriffsdefinitionen
|-
|18||RFCs
|}

== Rechnerkommunikation und Protokolle ==
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-network-protocol1.pdf Kommunikation und Protokolle für Web-Systeme (1)]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|2-17||Grundlagen Datenaustausch, Verbindungsarten
|-
|18-20||Definition und Erklärung von Dienst und Protokoll
|-
|24-26||[[TCP/IP]] Modell
|-
|27-32|| Internetworking/IP-Adressen (IPv4)
|-
|35||IP-Adressen (IPv6)
|-
|36-37||DNS
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-network-protocol2.pdf Kommunikation und Protokolle für Web-Systeme (2)]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-IFD:Start
|style="width: 70px;"|2-9||Grundlagen Ports
|-
|22-23||Protokolle
|-
|25||URI, URL, URN
|-
|33||Aufbau einer URL
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-network-protocol3.pdf Kommunikation und Protokolle für Web-Systeme (3)]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|3-15||HTTP
|-
|18-20||HTTP Header und Response
|-
|37-47||Session-Management
|}

== Dokumentsprachen ==
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-doclang-introduction.pdf Auszeichnungssprachen]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|2-8||Einführung Auszeichnungssprachen
|-
|9-26||SGML (nur Grundlagen: Was ist SGML, warum ist SGML wichtig?)
|-
|27-30||Zusammenhang SGML, XML, [[HTML]], X[[HTML]]
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-doclang-html-css.pdf HTML, CSS]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|alle||[[HTML]], [[CSS]]
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-doclang-xml-basics.pdf XML-Grundlagen]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|2-22||Grundlagen XML
|-
|23-32||XML DTD (nur Grundlagen: Was sind DTDs, wofür braucht man DTDs?)
|-
|36-41||Internationalisierung (Problem erfassen, Lösungen?)
|-
|48-53||XML Namensräume (Namensräume erkennen, Anwendung verstehen)
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-doclang-xml-schema.pdf XML-Schema]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"| ||Schema erkennen und verstehen, wofür es verwendet wird
|-
|||Erkennen, wenn ein Schema mit einem [[XML]] Dokument verknüpft ist (S. 17)
|-
|||Definition von gültig hinsichtlich Schema (S. 21)
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-doclang-xml-xsl.pdf Die XSL-Familie]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|2-31||Grundlagen, XPath
|-
|42-101||XSLT (nur erkennen und wissen wozu XSLT dient und wie XSLT Dokumente in XML Dokumente eingebunden werden)
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-doclang-xml-api.pdf APIs für XML]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"| ||Was ist DOM und wofür kann man DOM verwenden?
|-
|||Unterschied DOM-SAX
|}

== Client-Technologien ==
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-client-technologies1.pdf JavaScript]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|4-7||Einführung
|-
|8-21||Exkurs Programmiersprachen (nur Grundlagen: z.B. Unterschied interpretiert/übersetzt)
|-
|22-72||[[JavaScript]]
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-client-technologies2.pdf Java Applets]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"| ||Was sind Java Applets?
|-
|||Wie unterscheiden sich Java Applets von [[JavaScript]]?
|}

== Server-Technologien ==
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-server-technologies1.pdf CGI, Servlets, JSP]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|2-10||Einführung Web-Server
|-
|15-22||[[CGI]]
|-
|23-41||Java Servlets (nur Grundlagen, Unterschied zu [[CGI]])
|-
|42-58||Einführung JSP (Anwendungszweck, Unterschied zu Servlets)
|}

[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-server-technologies2.pdf Reguläre Ausdrücke, PHP]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"| ||Was sind reguläre Ausdrücke? Wofür kann man sie verwenden?
|-
|||Grundlagen [[PHP]] (Was ist [[PHP]]? Wie und wofür kann man es verwenden?)
|}

== Architekturen und Middleware-Technologien ==
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-webis-architectures1.pdf Überblick, Ajax, Einführung Web-Services]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"| ||Grundlagen [[AJAX]]
|-
|||
|}

Web-Technologie I

2012-07-07T13:46:32Z

Md: /* Dokumentsprachen */

Die Medieninformatik-Vorlesung [http://www.uni-weimar.de/cms/medien/webis/teaching/ss-2010/web-technology-foundations.html Web-Technologie I] ([http://www.uni-weimar.de/qisserver/rds?state=verpublish&status=init&vmfile=no&publishid=8652&moduleCall=webInfo&publishConfFile=webInfo&publishSubDir=veranstaltung Vorlesungsverzeichnis]) wird auch für Studenten der Medienkunst/-gestaltung angeboten.

Für das begleitende Tutorium, siehe [[Tutorium Web-Technologie SS12|Tutorium Web-Technologie]].

Diese Seite soll die für die Medienkunst/-gestaltung relevanteren Themen verlinken sowie Ergänzungen und weiterführende Links sammeln.

Die im folgenden verlinkten PDF-Dateien liegen auf dem Webserver der Professur [http://www.uni-weimar.de/cms/medien/webis/teaching/lecture-notes.html#web-technology Content Management und Web Technologien]. Die angegebenen Seitenzahlen beziehen sich auf die tatsächlichen Seiten im jeweiligen PDF, nicht auf die fortlaufende Seitenzahl des Skripts.

== Einführung ==
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-wt-organization.pdf Organisation, Literatur]

[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-wt-introduction.pdf Problemstellungen, Begriffe]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|2-7||Begriffsdefinitionen
|-
|18||RFCs
|}

== Rechnerkommunikation und Protokolle ==
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-network-protocol1.pdf Kommunikation und Protokolle für Web-Systeme (1)]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|2-17||Grundlagen Datenaustausch, Verbindungsarten
|-
|18-20||Definition und Erklärung von Dienst und Protokoll
|-
|24-26||[[TCP/IP]] Modell
|-
|27-32|| Internetworking/IP-Adressen (IPv4)
|-
|35||IP-Adressen (IPv6)
|-
|36-37||DNS
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-network-protocol2.pdf Kommunikation und Protokolle für Web-Systeme (2)]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-IFD:Start
|style="width: 70px;"|2-9||Grundlagen Ports
|-
|22-23||Protokolle
|-
|25||URI, URL, URN
|-
|33||Aufbau einer URL
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-network-protocol3.pdf Kommunikation und Protokolle für Web-Systeme (3)]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|3-15||HTTP
|-
|18-20||HTTP Header und Response
|-
|37-47||Session-Management
|}

== Dokumentsprachen ==
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-doclang-introduction.pdf Auszeichnungssprachen]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|2-8||Einführung Auszeichnungssprachen
|-
|9-26||SGML (nur Grundlagen: Was ist SGML, warum ist SGML wichtig?)
|-
|27-30||Zusammenhang SGML, XML, [[HTML]], X[[HTML]]
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-doclang-html-css.pdf HTML, CSS]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|alle||[[HTML]], [[CSS]]
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-doclang-xml-basics.pdf XML-Grundlagen]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|2-22||Grundlagen XML
|-
|23-32||XML DTD (nur Grundlagen: Was sind DTDs, wofür braucht man DTDs?)
|-
|36-41||Internationalisierung (Problem erfassen, Lösungen?)
|-
|48-53||XML Namensräume (Namensräume erkennen, Anwendung verstehen)
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-doclang-xml-schema.pdf XML-Schema]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"| ||Schema erkennen und verstehen, wofür es verwendet wird
|-
|||Erkennen, wenn ein Schema mit einem [[XML]] Dokument verknüpft ist (S. 17)
|-
|||Definition von gültig hinsichtlich Schema (S. 21)
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-doclang-xml-xsl.pdf Die XSL-Familie]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|2-31||Grundlagen, XPath
|-
|42-101||XSLT (nur erkennen und wissen wozu XSLT dient und wie XSLT Dokumente in XML Dokumente eingebunden werden)
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-doclang-xml-api.pdf APIs für XML]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"| ||Was ist DOM und wofür kann man DOM verwenden?
|-
|||Unterschied DOM-SAX
|}

== Client-Technologien ==
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-client-technologies1.pdf JavaScript]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|2-6||Einführung
|-
|7-20||Exkurs Programmiersprachen (nur Grundlagen: z.B. Unterschied interpretiert/übersetzt)
|-
|22-68||[[JavaScript]]
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-client-technologies2.pdf Java Applets]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"| ||Was sind Java Applets?
|-
|||Wie unterscheiden sich Java Applets von [[JavaScript]]?
|}

== Server-Technologien ==
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-server-technologies1.pdf CGI, Servlets, JSP]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|2-10||Einführung Web-Server
|-
|15-22||[[CGI]]
|-
|23-41||Java Servlets (nur Grundlagen, Unterschied zu [[CGI]])
|-
|42-58||Einführung JSP (Anwendungszweck, Unterschied zu Servlets)
|}

[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-server-technologies2.pdf Reguläre Ausdrücke, PHP]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"| ||Was sind reguläre Ausdrücke? Wofür kann man sie verwenden?
|-
|||Grundlagen [[PHP]] (Was ist [[PHP]]? Wie und wofür kann man es verwenden?)
|}

== Architekturen und Middleware-Technologien ==
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-webis-architectures1.pdf Überblick, Ajax, Einführung Web-Services]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"| ||Grundlagen [[AJAX]]
|-
|||
|}

Web-Technologie I

2012-07-07T13:41:16Z

Md: /* Dokumentsprachen */

Die Medieninformatik-Vorlesung [http://www.uni-weimar.de/cms/medien/webis/teaching/ss-2010/web-technology-foundations.html Web-Technologie I] ([http://www.uni-weimar.de/qisserver/rds?state=verpublish&status=init&vmfile=no&publishid=8652&moduleCall=webInfo&publishConfFile=webInfo&publishSubDir=veranstaltung Vorlesungsverzeichnis]) wird auch für Studenten der Medienkunst/-gestaltung angeboten.

Für das begleitende Tutorium, siehe [[Tutorium Web-Technologie SS12|Tutorium Web-Technologie]].

Diese Seite soll die für die Medienkunst/-gestaltung relevanteren Themen verlinken sowie Ergänzungen und weiterführende Links sammeln.

Die im folgenden verlinkten PDF-Dateien liegen auf dem Webserver der Professur [http://www.uni-weimar.de/cms/medien/webis/teaching/lecture-notes.html#web-technology Content Management und Web Technologien]. Die angegebenen Seitenzahlen beziehen sich auf die tatsächlichen Seiten im jeweiligen PDF, nicht auf die fortlaufende Seitenzahl des Skripts.

== Einführung ==
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-wt-organization.pdf Organisation, Literatur]

[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-wt-introduction.pdf Problemstellungen, Begriffe]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|2-7||Begriffsdefinitionen
|-
|18||RFCs
|}

== Rechnerkommunikation und Protokolle ==
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-network-protocol1.pdf Kommunikation und Protokolle für Web-Systeme (1)]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|2-17||Grundlagen Datenaustausch, Verbindungsarten
|-
|18-20||Definition und Erklärung von Dienst und Protokoll
|-
|24-26||[[TCP/IP]] Modell
|-
|27-32|| Internetworking/IP-Adressen (IPv4)
|-
|35||IP-Adressen (IPv6)
|-
|36-37||DNS
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-network-protocol2.pdf Kommunikation und Protokolle für Web-Systeme (2)]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-IFD:Start
|style="width: 70px;"|2-9||Grundlagen Ports
|-
|22-23||Protokolle
|-
|25||URI, URL, URN
|-
|33||Aufbau einer URL
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-network-protocol3.pdf Kommunikation und Protokolle für Web-Systeme (3)]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|3-15||HTTP
|-
|18-20||HTTP Header und Response
|-
|37-47||Session-Management
|}

== Dokumentsprachen ==
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-doclang-introduction.pdf Auszeichnungssprachen]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|2-8||Einführung Auszeichnungssprachen
|-
|9-26||SGML (nur Grundlagen: Was ist SGML, warum ist SGML wichtig?)
|-
|27-30||Zusammenhang SGML, XML, [[HTML]], X[[HTML]]
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-doclang-html-css.pdf HTML, CSS]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|alle||[[HTML]], [[CSS]]
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-doclang-xml-basics.pdf XML-Grundlagen]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|2-22||Grundlagen XML
|-
|23-32||XML DTD (nur Grundlagen: Was sind DTDs, wofür braucht man DTDs?)
|-
|36-41||Internationalisierung (Problem erfassen, Lösungen?)
|-
|48-53||XML Namensräume (Namensräume erkennen, Anwendung verstehen)
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-doclang-xml-schema.pdf XML-Schema]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"| ||Schema erkennen und verstehen, wofür es verwendet wird
|-
|||Erkennen, wenn ein Schema mit einem [[XML]] Dokument verknüpft ist (S. 17)
|-
|||Definition von gültig hinsichtlich Schema (S. 21)
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-doclang-xml-xsl.pdf Die XSL-Familie]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|2-31||Grundlagen, XPath
|-
|39-40||XPath
|-
|41-80||XSLT
|-
|81-100||XML->XSL->X[[HTML]]
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-doclang-xml-api.pdf APIs für XML]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"| ||Was ist DOM und wofür kann man DOM verwenden?
|-
|||Unterschied DOM-SAX
|}

== Client-Technologien ==
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-client-technologies1.pdf JavaScript]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|2-6||Einführung
|-
|7-20||Exkurs Programmiersprachen (nur Grundlagen: z.B. Unterschied interpretiert/übersetzt)
|-
|22-68||[[JavaScript]]
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-client-technologies2.pdf Java Applets]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"| ||Was sind Java Applets?
|-
|||Wie unterscheiden sich Java Applets von [[JavaScript]]?
|}

== Server-Technologien ==
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-server-technologies1.pdf CGI, Servlets, JSP]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|2-10||Einführung Web-Server
|-
|15-22||[[CGI]]
|-
|23-41||Java Servlets (nur Grundlagen, Unterschied zu [[CGI]])
|-
|42-58||Einführung JSP (Anwendungszweck, Unterschied zu Servlets)
|}

[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-server-technologies2.pdf Reguläre Ausdrücke, PHP]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"| ||Was sind reguläre Ausdrücke? Wofür kann man sie verwenden?
|-
|||Grundlagen [[PHP]] (Was ist [[PHP]]? Wie und wofür kann man es verwenden?)
|}

== Architekturen und Middleware-Technologien ==
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-webis-architectures1.pdf Überblick, Ajax, Einführung Web-Services]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"| ||Grundlagen [[AJAX]]
|-
|||
|}

Web-Technologie I

2012-07-07T13:31:39Z

Md: /* Rechnerkommunikation und Protokolle */

Die Medieninformatik-Vorlesung [http://www.uni-weimar.de/cms/medien/webis/teaching/ss-2010/web-technology-foundations.html Web-Technologie I] ([http://www.uni-weimar.de/qisserver/rds?state=verpublish&status=init&vmfile=no&publishid=8652&moduleCall=webInfo&publishConfFile=webInfo&publishSubDir=veranstaltung Vorlesungsverzeichnis]) wird auch für Studenten der Medienkunst/-gestaltung angeboten.

Für das begleitende Tutorium, siehe [[Tutorium Web-Technologie SS12|Tutorium Web-Technologie]].

Diese Seite soll die für die Medienkunst/-gestaltung relevanteren Themen verlinken sowie Ergänzungen und weiterführende Links sammeln.

Die im folgenden verlinkten PDF-Dateien liegen auf dem Webserver der Professur [http://www.uni-weimar.de/cms/medien/webis/teaching/lecture-notes.html#web-technology Content Management und Web Technologien]. Die angegebenen Seitenzahlen beziehen sich auf die tatsächlichen Seiten im jeweiligen PDF, nicht auf die fortlaufende Seitenzahl des Skripts.

== Einführung ==
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-wt-organization.pdf Organisation, Literatur]

[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-wt-introduction.pdf Problemstellungen, Begriffe]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|2-7||Begriffsdefinitionen
|-
|18||RFCs
|}

== Rechnerkommunikation und Protokolle ==
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-network-protocol1.pdf Kommunikation und Protokolle für Web-Systeme (1)]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|2-17||Grundlagen Datenaustausch, Verbindungsarten
|-
|18-20||Definition und Erklärung von Dienst und Protokoll
|-
|24-26||[[TCP/IP]] Modell
|-
|27-32|| Internetworking/IP-Adressen (IPv4)
|-
|35||IP-Adressen (IPv6)
|-
|36-37||DNS
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-network-protocol2.pdf Kommunikation und Protokolle für Web-Systeme (2)]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-IFD:Start
|style="width: 70px;"|2-9||Grundlagen Ports
|-
|22-23||Protokolle
|-
|25||URI, URL, URN
|-
|33||Aufbau einer URL
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-network-protocol3.pdf Kommunikation und Protokolle für Web-Systeme (3)]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|3-15||HTTP
|-
|18-20||HTTP Header und Response
|-
|37-47||Session-Management
|}

== Dokumentsprachen ==
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-doclang-introduction.pdf Auszeichnungssprachen]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|2-8||Einführung Auszeichnungssprachen
|-
|9-26||SGML (nur Grundlagen: Was ist SGML, warum ist SGML wichtig?)
|-
|27-30||Zusammenhang SGML, XML, [[HTML]], X[[HTML]]
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-doclang-html-css.pdf HTML, CSS]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|alle||[[HTML]], [[CSS]]
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-doclang-xml-basics.pdf XML-Grundlagen]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|2-22||Grundlagen XML
|-
|23-32||XML DTD (nur Grundlagen: Was sind DTDs, wofür braucht man DTDs?)
|-
|36-41||Internationalisierung (Problem erfassen, Lösungen?)
|-
|48-53||XML Namensräume (Namensräume erkennen, Anwendung verstehen)
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-doclang-xml-schema.pdf XML-Schema]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"| ||Schema erkennen und verstehen, wofür es verwendet wird
|-
|||Erkennen, wenn ein Schema mit einem [[XML]] Dokument verknüpft ist (S. 17)
|-
|||Definition von gültig hinsichtlich Schema (S. 20)
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-doclang-xml-xsl.pdf Die XSL-Familie]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|2-31||Grundlagen, XPath
|-
|39-40||XPath
|-
|41-80||XSLT
|-
|81-100||XML->XSL->X[[HTML]]
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-doclang-xml-api.pdf APIs für XML]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"| ||Was ist DOM und wofür kann man DOM verwenden?
|-
|||Unterschied DOM-SAX
|}

== Client-Technologien ==
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-client-technologies1.pdf JavaScript]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|2-6||Einführung
|-
|7-20||Exkurs Programmiersprachen (nur Grundlagen: z.B. Unterschied interpretiert/übersetzt)
|-
|22-68||[[JavaScript]]
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-client-technologies2.pdf Java Applets]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"| ||Was sind Java Applets?
|-
|||Wie unterscheiden sich Java Applets von [[JavaScript]]?
|}

== Server-Technologien ==
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-server-technologies1.pdf CGI, Servlets, JSP]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|2-10||Einführung Web-Server
|-
|15-22||[[CGI]]
|-
|23-41||Java Servlets (nur Grundlagen, Unterschied zu [[CGI]])
|-
|42-58||Einführung JSP (Anwendungszweck, Unterschied zu Servlets)
|}

[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-server-technologies2.pdf Reguläre Ausdrücke, PHP]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"| ||Was sind reguläre Ausdrücke? Wofür kann man sie verwenden?
|-
|||Grundlagen [[PHP]] (Was ist [[PHP]]? Wie und wofür kann man es verwenden?)
|}

== Architekturen und Middleware-Technologien ==
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-webis-architectures1.pdf Überblick, Ajax, Einführung Web-Services]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"| ||Grundlagen [[AJAX]]
|-
|||
|}

Web-Technologie I

2012-07-07T13:28:24Z

Md: /* Einführung */

Die Medieninformatik-Vorlesung [http://www.uni-weimar.de/cms/medien/webis/teaching/ss-2010/web-technology-foundations.html Web-Technologie I] ([http://www.uni-weimar.de/qisserver/rds?state=verpublish&status=init&vmfile=no&publishid=8652&moduleCall=webInfo&publishConfFile=webInfo&publishSubDir=veranstaltung Vorlesungsverzeichnis]) wird auch für Studenten der Medienkunst/-gestaltung angeboten.

Für das begleitende Tutorium, siehe [[Tutorium Web-Technologie SS12|Tutorium Web-Technologie]].

Diese Seite soll die für die Medienkunst/-gestaltung relevanteren Themen verlinken sowie Ergänzungen und weiterführende Links sammeln.

Die im folgenden verlinkten PDF-Dateien liegen auf dem Webserver der Professur [http://www.uni-weimar.de/cms/medien/webis/teaching/lecture-notes.html#web-technology Content Management und Web Technologien]. Die angegebenen Seitenzahlen beziehen sich auf die tatsächlichen Seiten im jeweiligen PDF, nicht auf die fortlaufende Seitenzahl des Skripts.

== Einführung ==
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-wt-organization.pdf Organisation, Literatur]

[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-wt-introduction.pdf Problemstellungen, Begriffe]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|2-7||Begriffsdefinitionen
|-
|18||RFCs
|}

== Rechnerkommunikation und Protokolle ==
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-network-protocol1.pdf Kommunikation und Protokolle für Web-Systeme (1)]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|2-17||Grundlagen Datenaustausch, Verbindungsarten
|-
|18-20||Definition und Erklärung von Dienst und Protokoll
|-
|24-26||[[TCP/IP]] Modell
|-
|32||IP-Adressen
|-
|35-36||DNS
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-network-protocol2.pdf Kommunikation und Protokolle für Web-Systeme (2)]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-IFD:Start
|style="width: 70px;"|2-9||Grundlagen Ports
|-
|22-23||Protokolle
|-
|25||URI, URL, URN
|-
|33||Aufbau einer URL
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-network-protocol3.pdf Kommunikation und Protokolle für Web-Systeme (3)]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|3-15||HTTP
|-
|18-20||HTTP Header und Response
|-
|37-47||Session-Management
|}
== Dokumentsprachen ==
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-doclang-introduction.pdf Auszeichnungssprachen]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|2-8||Einführung Auszeichnungssprachen
|-
|9-26||SGML (nur Grundlagen: Was ist SGML, warum ist SGML wichtig?)
|-
|27-30||Zusammenhang SGML, XML, [[HTML]], X[[HTML]]
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-doclang-html-css.pdf HTML, CSS]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|alle||[[HTML]], [[CSS]]
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-doclang-xml-basics.pdf XML-Grundlagen]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|2-22||Grundlagen XML
|-
|23-32||XML DTD (nur Grundlagen: Was sind DTDs, wofür braucht man DTDs?)
|-
|36-41||Internationalisierung (Problem erfassen, Lösungen?)
|-
|48-53||XML Namensräume (Namensräume erkennen, Anwendung verstehen)
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-doclang-xml-schema.pdf XML-Schema]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"| ||Schema erkennen und verstehen, wofür es verwendet wird
|-
|||Erkennen, wenn ein Schema mit einem [[XML]] Dokument verknüpft ist (S. 17)
|-
|||Definition von gültig hinsichtlich Schema (S. 20)
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-doclang-xml-xsl.pdf Die XSL-Familie]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|2-31||Grundlagen, XPath
|-
|39-40||XPath
|-
|41-80||XSLT
|-
|81-100||XML->XSL->X[[HTML]]
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-doclang-xml-api.pdf APIs für XML]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"| ||Was ist DOM und wofür kann man DOM verwenden?
|-
|||Unterschied DOM-SAX
|}

== Client-Technologien ==
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-client-technologies1.pdf JavaScript]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|2-6||Einführung
|-
|7-20||Exkurs Programmiersprachen (nur Grundlagen: z.B. Unterschied interpretiert/übersetzt)
|-
|22-68||[[JavaScript]]
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-client-technologies2.pdf Java Applets]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"| ||Was sind Java Applets?
|-
|||Wie unterscheiden sich Java Applets von [[JavaScript]]?
|}

== Server-Technologien ==
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-server-technologies1.pdf CGI, Servlets, JSP]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|2-10||Einführung Web-Server
|-
|15-22||[[CGI]]
|-
|23-41||Java Servlets (nur Grundlagen, Unterschied zu [[CGI]])
|-
|42-58||Einführung JSP (Anwendungszweck, Unterschied zu Servlets)
|}

[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-server-technologies2.pdf Reguläre Ausdrücke, PHP]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"| ||Was sind reguläre Ausdrücke? Wofür kann man sie verwenden?
|-
|||Grundlagen [[PHP]] (Was ist [[PHP]]? Wie und wofür kann man es verwenden?)
|}

== Architekturen und Middleware-Technologien ==
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-webis-architectures1.pdf Überblick, Ajax, Einführung Web-Services]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"| ||Grundlagen [[AJAX]]
|-
|||
|}

Tutorium Web-Technologie SS12

2012-06-06T11:03:26Z

Md:

[[:Category:Tutorium|Tutorium]] 
''Lehrperson(en):'' [[Moritz Dreßler]] 
''Bewertung:'' — 
''Termin:'' Mittwochs, 13:00 Uhr bis 14:30 Uhr 
''Ort:'' [[Marienstraße 7b]], Raum 105 (voraussichtlich) 
''Erster Termin:'' 25.04.2012

==Beschreibung==
Dieses Tutorium wird für Studierende des Studiengangs Medienkunst/-gestaltung angeboten, die die Medieninformatik-Vorlesung [[Web-Technologie I]] als wissenschaftliches Modul belegen wollen.

==Syllabus==
Termine des Semesters
# 25.04.2012, 14:00 bis 15:30 Uhr, Erstes Treffen, Terminabsprache, Organisatorisches, Einführung, Protokolle/Dienste
# 02.05.2012, 14:00 bis 16:00 Uhr, Protokolle/Dienste
# 09.05.2012, 13:30 bis 16:00 Uhr, Protokolle/Dienste
# 23.05.2012, 13:30 bis 16:30 Uhr, Auszeichnungssprachen, HTML/CSS
# 06.06.2012, 13:30 bis 16:30 Uhr, XML/XSLT
# 20.06.2012, 13:30 bis 16:30 Uhr, Client-Technologien, JavaScript, jQuery
# 04.07.2012, 13:30 bis 16:30 Uhr, Server-Technologien, RegEx, PHP

==Literatur==

==Links==

* [[HTML]]
* [[CSS]]
* [[PHP]]
* [[JavaScript]]

IFD:Kolloq SS12

2012-06-06T09:46:00Z

Md:

[[:Category:Kolloquium|Kolloquium]] 
''Lehrperson:'' [[Jens Geelhaar]], [[Frederic Gmeiner]], [[Michael Markert]], [[Gabriel Rausch]], [[Martin Schied]] 
''Bewertung:'' 0 [[ECTS]], ca. 3 [[SWS]] 
''Termin:'' Mittwoch Vormittag 
''Ort:'' Marienstraße 7b, Raum 105 

''Erster Termin:'' Mittwoch, 25. April 2012, 11:30 Uhr

==Beschreibung==
Das Interface-Design Kolloquium lädt jeden Mittwoch zu einem kleinen Vortrag aus der Praxis (von Studierenden, Gästen oder Mitarbeitern) ein. Im Anschluss wird über das Thema des Vortrags diskutiert.

==English description==
We are inviting students, guests and lecturers to present their works. There will be a brief discussion afterwards.

== Anmeldung ==
Der Besuch ist offen für alle und erfordert keine Anmeldung

==Zielgruppe==
Alle Bachelor- und Master-Studenten, Absolventen und Mitarbeiter der Professur Interface-Design.

==Syllabus==
Vorläufiger Semesterplan:
# 18. April: keine Veranstaltung
# 25. April, 11:30 Uhr: Jan (Novel UI), Michaela (Kinectica)
# 02. Mai, 10:15 Uhr: Joatan (Johnny) ([http://joatan.com.br/docs/20120502--DUTRA_Joatan_Preis--PhD_Project_Presentation.pdf PhD Research]), Michael (PR0C0D1N6)
# 09. Mai, 10:15 Uhr: Daniel (G), Karsten (Drei3)
# 16. Mai, 10.15 Uhr: Adriana (Embeleso), Jens (Weimarpedia, Ossmannstedt)
# 23. Mai, 10:15 Uhr: Weimarpedia Mobile
# <del>30. Mai, 10:15 Uhr</del> entfällt
# 06. Juni, 10:15 Uhr: Frederic (Prototyping)
# <del>13. Juni, 10:15 Uhr</del> entfällt
# 20. Juni, 10:15 Uhr: tba
# <del>27. Juni, 10:15 Uhr:</del> entfällt wegen Eignungsprüfungen!
# 04. Juli, 10:15 Uhr: Moritz (tba)
# <del>11. Juli, 10:15 Uhr:</del> keine Veranstaltung mehr!

== Siehe auch ==
'''Bücher:'''
* tba

'''Links:'''
* tba

Web-Technologie I

2012-05-23T09:01:16Z

Md:

Die Medieninformatik-Vorlesung [http://www.uni-weimar.de/cms/medien/webis/teaching/ss-2010/web-technology-foundations.html Web-Technologie I] ([http://www.uni-weimar.de/qisserver/rds?state=verpublish&status=init&vmfile=no&publishid=8652&moduleCall=webInfo&publishConfFile=webInfo&publishSubDir=veranstaltung Vorlesungsverzeichnis]) wird auch für Studenten der Medienkunst/-gestaltung angeboten.

Für das begleitende Tutorium, siehe [[Tutorium Web-Technologie SS12|Tutorium Web-Technologie]].

Diese Seite soll die für die Medienkunst/-gestaltung relevanteren Themen verlinken sowie Ergänzungen und weiterführende Links sammeln.

Die im folgenden verlinkten PDF-Dateien liegen auf dem Webserver der Professur [http://www.uni-weimar.de/cms/medien/webis/teaching/lecture-notes.html#web-technology Content Management und Web Technologien]. Die angegebenen Seitenzahlen beziehen sich auf die tatsächlichen Seiten im jeweiligen PDF, nicht auf die fortlaufende Seitenzahl des Skripts.

== Einführung ==
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-wt-organization.pdf Organisation, Literatur]

[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-wt-introduction.pdf Problemstellungen, Begriffe]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|2-7||Begriffsdefinitionen
|-
|21||RFCs
|}
== Rechnerkommunikation und Protokolle ==
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-network-protocol1.pdf Kommunikation und Protokolle für Web-Systeme (1)]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|2-17||Grundlagen Datenaustausch, Verbindungsarten
|-
|18-20||Definition und Erklärung von Dienst und Protokoll
|-
|24-26||[[TCP/IP]] Modell
|-
|32||IP-Adressen
|-
|35-36||DNS
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-network-protocol2.pdf Kommunikation und Protokolle für Web-Systeme (2)]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-IFD:Start
|style="width: 70px;"|2-9||Grundlagen Ports
|-
|22-23||Protokolle
|-
|25||URI, URL, URN
|-
|33||Aufbau einer URL
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-network-protocol3.pdf Kommunikation und Protokolle für Web-Systeme (3)]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|3-15||HTTP
|-
|18-20||HTTP Header und Response
|-
|37-47||Session-Management
|}
== Dokumentsprachen ==
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-doclang-introduction.pdf Auszeichnungssprachen]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|2-8||Einführung Auszeichnungssprachen
|-
|9-26||SGML (nur Grundlagen: Was ist SGML, warum ist SGML wichtig?)
|-
|27-30||Zusammenhang SGML, XML, [[HTML]], X[[HTML]]
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-doclang-html-css.pdf HTML, CSS]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|alle||[[HTML]], [[CSS]]
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-doclang-xml-basics.pdf XML-Grundlagen]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|2-22||Grundlagen XML
|-
|23-32||XML DTD (nur Grundlagen: Was sind DTDs, wofür braucht man DTDs?)
|-
|36-41||Internationalisierung (Problem erfassen, Lösungen?)
|-
|48-53||XML Namensräume (Namensräume erkennen, Anwendung verstehen)
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-doclang-xml-schema.pdf XML-Schema]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"| ||Schema erkennen und verstehen, wofür es verwendet wird
|-
|||Erkennen, wenn ein Schema mit einem [[XML]] Dokument verknüpft ist (S. 17)
|-
|||Definition von gültig hinsichtlich Schema (S. 20)
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-doclang-xml-xsl.pdf Die XSL-Familie]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|2-31||Grundlagen, XPath
|-
|39-40||XPath
|-
|41-80||XSLT
|-
|81-100||XML->XSL->X[[HTML]]
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-doclang-xml-api.pdf APIs für XML]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"| ||Was ist DOM und wofür kann man DOM verwenden?
|-
|||Unterschied DOM-SAX
|}

== Client-Technologien ==
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-client-technologies1.pdf JavaScript]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|2-6||Einführung
|-
|7-20||Exkurs Programmiersprachen (nur Grundlagen: z.B. Unterschied interpretiert/übersetzt)
|-
|22-68||[[JavaScript]]
|}
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-client-technologies2.pdf Java Applets]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"| ||Was sind Java Applets?
|-
|||Wie unterscheiden sich Java Applets von [[JavaScript]]?
|}

== Server-Technologien ==
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-server-technologies1.pdf CGI, Servlets, JSP]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"|2-10||Einführung Web-Server
|-
|15-22||[[CGI]]
|-
|23-41||Java Servlets (nur Grundlagen, Unterschied zu [[CGI]])
|-
|42-58||Einführung JSP (Anwendungszweck, Unterschied zu Servlets)
|}

[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-server-technologies2.pdf Reguläre Ausdrücke, PHP]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"| ||Was sind reguläre Ausdrücke? Wofür kann man sie verwenden?
|-
|||Grundlagen [[PHP]] (Was ist [[PHP]]? Wie und wofür kann man es verwenden?)
|}

== Architekturen und Middleware-Technologien ==
[http://www.uni-weimar.de/medien/webis/teaching/lecturenotes/web-technology/unit-de-webis-architectures1.pdf Überblick, Ajax, Einführung Web-Services]
{|style="margin: 0 0 0 20px;"
!Seite!!relevanter Inhalt
|-
|style="width: 70px;"| ||Grundlagen [[AJAX]]
|-
|||
|}

Tutorium Web-Technologie SS12

2012-05-23T08:34:47Z

Md:

[[:Category:Tutorium|Tutorium]] 
''Lehrperson(en):'' [[Moritz Dreßler]] 
''Bewertung:'' — 
''Termin:'' Mittwochs, 13:00 Uhr bis 14:30 Uhr 
''Ort:'' [[Marienstraße 7b]], Raum 105 (voraussichtlich) 
''Erster Termin:'' 25.04.2012

==Beschreibung==
Dieses Tutorium wird für Studierende des Studiengangs Medienkunst/-gestaltung angeboten, die die Medieninformatik-Vorlesung [[Web-Technologie I]] als wissenschaftliches Modul belegen wollen.

==Syllabus==
Termine des Semesters
# 25.04.2012, 14:00 bis 15:30 Uhr, Erstes Treffen, Terminabsprache, Organisatorisches, Einführung, Protokolle/Dienste
# 02.05.2012, 14:00 bis 16:00 Uhr, Protokolle/Dienste
# 09.05.2012, 13:30 bis 16:00 Uhr, Protokolle/Dienste
# 23.05.2012, 13:30 bis 16:30 Uhr, Auszeichnungssprachen, HTML/CSS
# 06.06.2012, 13:30 bis 16:30 Uhr, XML/XSLT

==Literatur==

==Links==

* [[HTML]]
* [[CSS]]
* [[PHP]]
* [[JavaScript]]

IFD:Kolloq SS12

2012-05-23T08:30:39Z

Md:

[[:Category:Kolloquium|Kolloquium]] 
''Lehrperson:'' [[Jens Geelhaar]], [[Frederic Gmeiner]], [[Michael Markert]], [[Gabriel Rausch]], [[Martin Schied]] 
''Bewertung:'' 0 [[ECTS]], ca. 3 [[SWS]] 
''Termin:'' Mittwoch Vormittag 
''Ort:'' Marienstraße 7b, Raum 105 

''Erster Termin:'' Mittwoch, 25. April 2012, 11:30 Uhr

==Beschreibung==
Das Interface-Design Kolloquium lädt jeden Mittwoch zu einem kleinen Vortrag aus der Praxis (von Studierenden, Gästen oder Mitarbeitern) ein. Im Anschluss wird über das Thema des Vortrags diskutiert.

==English description==
We are inviting students, guests and lecturers to present their works. There will be a brief discussion afterwards.

== Anmeldung ==
Der Besuch ist offen für alle und erfordert keine Anmeldung

==Zielgruppe==
Alle Bachelor- und Master-Studenten, Absolventen und Mitarbeiter der Professur Interface-Design.

==Syllabus==
Vorläufiger Semesterplan:
# 18. April: keine Veranstaltung
# 25. April, 11:30 Uhr: Jan (Novel UI), Michaela (Kinectica)
# 2. Mai, 10:15 Uhr: Joatan (Johnny) ([http://joatan.com.br/docs/20120502--DUTRA_Joatan_Preis--PhD_Project_Presentation.pdf PhD Research]), Michael (PR0C0D1N6)
# 9. Mai, 10:15 Uhr: Daniel (G), Karsten (Drei3)
# 16. Mai, 10.15 Uhr: Adriana (Embeleso), Jens (Weimarpedia, Ossmannstedt)
# 23. Mai, 10:15 Uhr: Weimarpedia Mobile
# <del>30. Mai, 10:15 Uhr</del> entfällt
# 6. Juni, 10:15 Uhr: tba
# 13. Juni, 10:15 Uhr: tba
# 20. Juni, 10:15 Uhr: tba
# 27. Juni, 10:15 Uhr: tba
# 4. Juli, 10:15 Uhr: Moritz (tba)
# 11. Juli, 10:15 Uhr: tba

== Siehe auch ==
'''Bücher:'''
* tba

'''Links:'''
* tba

Tutorium Web-Technologie SS12

2012-05-21T07:19:40Z

Md:

[[:Category:Tutorium|Tutorium]] 
''Lehrperson(en):'' [[Moritz Dreßler]] 
''Bewertung:'' — 
''Termin:'' Mittwochs, 13:00 Uhr bis 14:30 Uhr 
''Ort:'' [[Marienstraße 7b]], Raum 105 (voraussichtlich) 
''Erster Termin:'' 25.04.2012

==Beschreibung==
Dieses Tutorium wird für Studierende des Studiengangs Medienkunst/-gestaltung angeboten, die die Medieninformatik-Vorlesung [[Web-Technologie I]] als wissenschaftliches Modul belegen wollen.

==Syllabus==
Termine des Semesters
# 25.04.2012, 14:00 bis 15:30 Uhr, Erstes Treffen, Terminabsprache, Organisatorisches, Einführung, Protokolle/Dienste
# 02.05.2012, 14:00 bis 16:00 Uhr, Protokolle/Dienste
# 09.05.2012, 13:30 bis 16:00 Uhr, Protokolle/Dienste
# 23.05.2012, 13:30 bis 16:30 Uhr, Auszeichnungssprachen, HTML/CSS

==Literatur==

==Links==

* [[HTML]]
* [[CSS]]
* [[PHP]]
* [[JavaScript]]

Tutorium Web-Technologie SS12

2012-05-02T12:09:44Z

Md:

Tutorium Web-Technologie SS12

2012-05-02T03:41:17Z

Md:

Tutorium Web-Technologie SS12

2012-04-24T12:59:30Z

Md:

Tutorium Web-Technologie SS12

2012-04-24T12:58:38Z

Md: Created page with "Tutorium ''Lehrperson(en):'' Moritz Dreßler ''Bewertung:'' — ''Termin:'' Mittwochs, wöchtentlich, 13:00 Uhr bis 14:30 Uhr<!-- [[Z..."

[[:Category:Tutorium|Tutorium]] 
''Lehrperson(en):'' [[Moritz Dreßler]] 
''Bewertung:'' — 
''Termin:'' Mittwochs, wöchtentlich, 13:00 Uhr bis 14:30 Uhr 
''Ort:'' [[Marienstraße 7b]], Raum 105 (voraussichtlich) 
''Erster Termin:'' 25.04.2012

==Beschreibung==
Dieses Tutorium wird für Studierende des Studiengangs Medienkunst/-gestaltung angeboten, die die Medieninformatik-Vorlesung [[Web-Technologie I]] als wissenschaftliches Modul belegen wollen.

==Syllabus==
Termine des Semesters
# 25.04.2012, 14:00 bis 15:30 Uhr, Erstes Treffen, Terminabsprache, Organisatorisches, Protokolle/Dienste

==Literatur==

==Links==

* [[HTML]]
* [[CSS]]
* [[PHP]]
* [[JavaScript]]

GMU:Einführung ins Programmieren mit Processing/Seminar

2011-11-13T09:11:33Z

Md:

= 28/10 =

== Homework ==

Check the links below. Choose one or two projects, works you really like and write a short text about it. (why you like it, what is interesting for you and what happens there. Feel free to look at other sources as well. We'll have a look at them tomorrow.

http://processing.org/exhibition/ 
http://www.openprocessing.org/ 
http://vimeo.com/groups/processing 
http://www.visualcomplexity.com/vc/ 
http://www.creativeapplications.net 
http://www.complexification.net 

=== Patawat Phamuad ===

'''project:'''
 
Balldroppings

[[File:balldroppings.png|500px|link=http://balldroppings.com/js/]]
 ''click at above picture to go to application.''

'''description:'''
 
This web-based application is constructed from Processing.js, a part of Processing language which is able to run on browser. The most interesting point of this project is to focus on both 2 of 4 approaches to interactive design.

For the first approach "User-Centered Design" , the designer tried to make a simple drum without any complicated set of drum pieces. Only lines and circles working with physic law are able to initiate a set of user-based instrument. Importantly, the user foresees what is supposed to be happened without any instructions.

Furthermore, the second approach focuses on "Activity-Center Design" . The system flows until the user press "close" button on web browser. The system has no fixed ending. Thus, the designer designed tool for actions. In addition, each action directly depends on each own person's experience and mental processes. (Exteriorized:-interesting in what people do)

'''system & technology:'''
 
I.application processes active to each order <balls & lines> 
II.Users active to application process. <dragging line & outputsound> 
III. Processing.js + html5

'''referred:'''
 
Dan S. Designing for interaction. ''The four approaches to interaction design''. (2001) 
[http://www.michelepasin.org/techblog/2010/02/18/processing-js-iprocessing-javascript-does-everything-for-you/ Processing.js, iProcessing: javascript does everything for you! ]

=== everyware, Soak===

<videoflash type=vimeo>27158491|549|309</videoflash>

Soak is an empty canvas made of an elastic material. The moment you touch it the canvas gets virtually soaked with color. 
A Kinect detects any deformation of the elastic surface and passes this data to Processing, which then simulates virtual drops of dye. 
What I like about this project is the combination of digital tools with analog materials and the beauty of being so simple. The simulation of watercolor on the other hand is very interesting as well. (*cellular automata)

// [[Sebastian Wolf|Sebastian]]
 

=== Substrate ===
by Jared Tarbell [http://www.complexification.net/gallery/machines/substrate/index.php]

http://www.complexification.net/gallery/machines/substrate/substrate0001.jpg 
''0001 iterated substrate'' by Jared Tarbell [http://www.complexification.net/gallery/machines/substrate/substrate0001.jpg]

'''Substrate''' is a piece of generative art written in processing that creates a landscape looking a lot like urban plans.

At the start of the program a couple of straight black lines are placed randomly on the canvas. They expand during the program, each line growing other lines at right angle but at random positions and at random times. This process is repeated for the newly grown lines. The expansion of a line stops when it collides with another line.

Each line has a shadowish colouring of variable hue and amplitude to the left of the line's growing direction.

Due to the different angles of the starting lines the growing image consists of distinguishable parts that could resemble city districts if the image was compared to an urban plan.

'''Substrate''' seems particularly interesting as it creates beautiful patterns using a rather simple algorithm.

(md)

=== Alexander Gustke ===

'''OASIS'''
 
http://everyware.kr/portfolio/contents/09_oasis/imgs/main.jpg
 
http://everyware.kr/portfolio/contents/09_oasis/
 
 

'''Was ist OASIS?'''

In OASIS hat der Benutzer die Möglichkeit mit einer virtuellen Unterwasserwelt mit allen möglichen Tieren die dort leben zu interagieren.

Basis ist ein Touchscreen der vollständig mit schwarzem Sand bedeckt ist. Wenn der Sand zur Seite geschoben wird und freie Stelle entstehen, bildet sich in diesen eine kleine Welt voller Fische, Seesterne und Quallen. Durch das Wegschieben des Sandes entsteht eine erweiterte Welt in der sich dann mehr Fische und andere Tiere bilden können. Das Verkleinern der Welt führt dazu, dass sich alle Tiere den engeren Platz teilen müssen. Weiterhin reagiert die Welt auf Hindernisse, wie zum Beispiel Steine. Diese können inmitten einer freien Stelle platziert werden, welche die Unterwassertiere dann versuchen zu umschwimmen.

Was mich zu den oben genannten Dingen zusätzlich interessiert ist, dass Fische Schwärme bilden können und versuchen innerhalb des Schwarms nicht miteinander zu kollidieren.

=== Julia Putscher ===

'''Project:'''
 
Algorithm Art Code

[[File:tr_lines_example.png|500px|link=http://jmartinho.net/digitalArt-html5/index.php?art=tr-lines]]
 ''click at above picture to go to application.''

'''Description:'''
 
This project was made by Joao Martinho Moura with Processing.js.
Processing.js is the sister project of Processing and designed for the web. It makes makes your data visualizations, digital art, interactive animations, educational graphs, video games, etc. work using web standards and without any plug-ins. Processing.js allows Processing code to be run by any HTML5 compatible browser, including current versions of Firefox, Safari, Chrome, Opera, and Internet Explorer.

'''Algorithm Art Code''' is a generative system that creates compositions of lines and even sculptures. It is able to cause multiple results and may even produce art.
By clicking into the interactive frame and moving the mouse you can influence the appearence of the creating composition.
There are six different types of the "Algorithm Art Code": TR-Lines (Transversal Lines), Closed Lines, Infinite-Boils, Perls and Sine-Paths.
I think this project is interesting because I like interactive surfaces that "act" according to a human's behavior and through which you can influence the result of the process.

'''Links:'''
 
*http://www.jmartinho.net / Webpage of Joao Martinho Moura
*http://projects.jmartinho.net/#1577272/Html5-Algorithm-Art-Code / Examples for Algorithm Art Code

=== Dianna Mertz ===

http://senseable.mit.edu/nyte/images/01%20nyte%20-%20globe%20encounters.jpg
[http://senseable.mit.edu/nyte/ New York Talk Exchange]
 
[http://senseable.mit.edu/nyte/movies/nyte-globe-encounters.mov Globe Encounters]

This animated infographic illustrates the flow of information in real time between I.P. addresses in New York City and elsewhere around the world. The greater the illumination of each arc, the greater the internet traffic flow between NYC and that particular city within the last day. This project appeals to me mostly because it successfully demonstrates information consumption — a personal area of interest. This is also a great way to relay the usage of I.P. address data. I only wish that it wasn't limited to NYC; ideally, we'd see how the info traffic consumption flowing from NYC compares to other cities around the world.

===Jelena Djokic===

http://www.visualcomplexity.com/vc/images/725_big01.jpg

http://xiaoji-chen.com/blog/2010/map-of-paris-visualizing-urban-transportation/

The work is a mental map of the city of Paris, not related to the proportional distancies of diferent points to the city center, but to the cost it takes to get there.

Touch DJ

http://vimeo.com/groups/processing/videos/30735367/

The project, by which the user interface and sound come to dialog. I find it interesting because it is about a usual case of influencing sound by picking diferent buttons from the board, but the both sound and user interface influence changes to each other. Otherwise people developed a new tool for themself, making a ppeace of work. Or were oposite?

=== Life Support Systems - Vanda ===

http://www.visualcomplexity.com/vc/images/40_big01.jpg

The system analyzes electrical signals from the vanda hybrida orchid and generates a virtual model of this "language". It then produces similar signals based on the learned model, even after the orchid's death. In this way, the plant's spirit somehow is preserved in a digital system.

http://www.visualcomplexity.com/vc/images/40_big02.jpg

''' Link: '''http://www.visualcomplexity.com/vc/project.cfm?id=40
 
''' Tristan Weis '''

=== Andreas Dietrich ===

'''E7'''

E7 from http://www.openprocessing.org/visuals/?visualID=40859 is a little game to play (in German XXO should say everything). You need to draw the things alone, but so you can change the number of rows and colons. With a left click (or the left mouse button is pressed) you draw a horizontal line, with the right mouse button you draw a vertical line. If you drag the mouse you can draw the O or the X (or whatever you want).

[[File:Processing_E7_AD.png]]

 
=== JOHANNES KONRAD ALTMANN ===
 
<videoflash type=vimeo>26383732|549|309</videoflash>

VOID is a conceptional processing magazine for the iPad. It is aimed to bring coding closer to designers, with focus on enhanced user integration and personalization with a strong visual approach.

The magazine app features sections where the reader is able to explore projects, learn about other processing artists, manipulate source code live inside the app and immediately see the changes highlighted in the code.

Users can save their modified versions of a sketch, screenshots or short videos to a custom dropbox folder that is linked to the app. It is also possible to share this data via facebook, twitter and email.

Idea, Concept and App-Layout: Natalie Hanke
Camera and Postproduction: Daniel Oliveira Carneiro
Music: Pivot — Make Me Love You

For more information:
*http://cargocollective.com/coffeemakescreative
*http://cargocollective.com/coffeemakescreative/1736030/VOID
*http://www.danielcarneiro.eu/
*http://www.pvtpvt.net/

Sources for text, images and code:
*http://www.creativeapplications.net/
*http://www.generative-gestaltung.de/
*http://www.openprocessing.org/

=== Lu JIN ===
[[File:SandTravelerPRN2.jpg]]
*Name: Sand Traveler
*Link:http://www.complexification.net/gallery/machines/sandTraveler/
*Description: use single dot to create a three dimensional figure in the 2d plane.
*Reason: The sand pictures change frequently and leave me a great expectation for the next picture, when the dot stops.

=== Jan Schepanski ===

http://pingmag.jp/images/article/tokyodesignweek2006_30.jpg

'''Shadow Monsters'''

Wer kennt sie nicht aus Kindertagen: Die illustren Schattenspiele. Die Hand in gewissem Abstand vor eine Lichtquelle gesetzt und los ging der Spaß. Dank moderner Technik lassen sich die aus Hand geformten Monster nun zum Leben erwecken!
Technisch wird es umgesetzt, indem man die jeweiligen Hände filmt, deren Bewegungen samt Silhouette erfasst und mit Hilfe eines Beamers dann die Hände in kleine Monster verwandelt.

http://www.youtube.com/watch?v=tSJTTkwrZ9s

http://www.youtube.com/watch?v=g0TOQo_7te4

http://worthersoriginal.com/viki/#page=shadowmonsters

= 29/10 =

== Homework ==

Look for a visual pattern on your way home, at your house, somewhere around you. that can be: a textile, the pattern on the sidepath, a pattern in the sky, a pattern on your wallpaper. Make a photo or a sketch.

Patterns are always repetitions of elements. The elements are sorted in a certain way. That’s the rhythm. try to describe the rhythm. cut your pattern in its smallest elements. How many elements do you have. in which way are they composed? write a short text about the composition.

=== cobblestone ===

http://farm6.static.flickr.com/5280/5895055290_ebde12b4b0_m.jpg 
''cobblestone'' (photo cc-by-sa by a2t [http://www.flickr.com/photos/a2t/])

Cobblestone pavements are often laid in interesting patterns like the one shown above.

The stones are placed in arcs which are repeated to the inside and outside of the arc's circle and in similarly oriented arcs at their endpoints.

Due to the irregularities in the stone's sizes a random component is added to the pattern, making it harder to decode while still keeping it repetitive.

'''Pattern definition''':

[[Image:Md-processing-cs-1.png|thumb|cobblestone pattern]]

The pattern consists of basically one shape, a square.
The squares are arranged in rows and columns as shown in the image on the right (one row highlighted in green, the two columns separated in red). The tricky part is that within each row/column the stones are placed along an arc while being rotated according to their position on the arc.

The radius of the arc is determined by the size, number and spacing of the squares used to form one row/column segment of the pattern and will stay the same during the whole drawing process. The position of each square on an arc is determined by its width and the predefined spacing. The orientation of each square is determined by its position on the arc, starting with -45 degrees and being rotated clockwise by 90/(n-1) degrees (where n is number of squares on each arc; this is also the angle between the centers of two stones on the arc).

The pattern can be drawn with three nested loops:
* ONE looping through each row, setting the center Y for the arc's circle (starting with the position of the square closest to the bottom (highest value) plus the radius and being decreased by the square's height and predefined vertical spacing during each run)
** TWO looping through each column, setting the center X for the arc's circle (starting with the of distance of the leftmost square to the center of the arc's circle and increasing it by two times that distance during each run)
*** THREE looping through each stone, going along the arc in previously determined steps and placing a square in it's proper rotation (-45 degrees incremented by the length of the step during each run).

Each stone shall of course be drawn only if inside the pattern's bounding box and the first stone of each column is only drawn for the first column as it is the same as the last stone for all following columns.

(md)

=== Growing Ivy ===

[[File:tree_all_elements.jpg|600px]]

The pattern of growing ivy is a pretty dense one. The l[[http://www.example.com link title]]eaves are the smallest elements within that pattern. Looking at the boundaries of it you can observe that ivy grows up in lines, each covered with leaves to the left and right side by turn. Through this the pattern has an appearance like an organic, random grid which is extendable in all directions.

--Julia Putscher

=== Textile on a Chair ===

[[File:Chair4.jpg]]

The textile pattern on this chair has alternating vertical stripes. Some of these stripes are solid colors; others have patterns within them. Within the patterned stripes, a few have vertically stacked repeating elements. One set has a floral pattern sitting alone a line that resembles a sine wave. The floral pattern mirrors itself along the vertical axis. 
Color plays an important role in this textile pattern, as the plain black stripe is consistently placed between the two main alternating floral stripes. The black stripe contrasts sharply with the flowery pastels. 
--Dianna Mertz

=== Spider ===

[[File:Spider0.jpg‎]]

This is the spider on the white wall. It has two antennas and 8 feet, 3 long and 5 short feet. The most part of it is symmetrical. I think it can be realized through rotation and mirror effects.

--Lu Jin

=== Case===

[[File:Upperpartofaharddrive.jpg‎|700px]]

A sketch of a part from a hard drive case. It consists of two lines of a different length and a point. Put this in a line, one line, one point, one line, three points, and in the next line just mirror it.

Raphael K.

=== My midnight pizza===

[[File:pizza_surface2.gif‎|300px]]

Do you like pizza? yes I like it. Pizza is always founded as circle big shape background then come after with a lot of edible stuffs on second layer or surface. Your favorite pizza always decorates with tomatoes, concentrated-tomatoes sauce, cheese, pepperoni, paprika, salami, and so on.
They are laid on the surface with random position but with sense of human that drop anythings on surface with an appropriate position:- not too far, no too close to each other. More,each will be laid on each other layer by layer.

-PATawat. P-

=== Plattenbau ===
http://farm6.static.flickr.com/5305/5597569756_aff9d2942c_m.jpg 
(image © Oleg Borodin [http://www.flickr.com/photos/odeonmelancholy/5597569756]) 

Plattenbauten, or prefabricated houses always shape patterns because of their construction and design, which aims to make them cheap, quick and rather easy to build. They consist of ready-made standardized parts, which all look basically the same and form quite repetitive patterns automatically.

// [[Sebastian Wolf|Sebastian]]

=== Sofakissen ===

[[File:Sofakissen.jpg]]

(Farben auf dem Bild nicht originalgetreu...)

Auf dem Bild zu sehen ist das Muster von einem Sofakissen. Dabei kann das Muster im ersten Schritt grob als parallel aneinander liegende Rechtecke beschrieben werden. Im zweiten Schritt kann man sagen, dass neben jedem nicht gelben Rechteck ein gelbes Rechteck ist, welches nicht weiter zu unterteilen ist. Diese gelben Rechtecke haben immer dieselben Abmessungen. Die Muster in den Rechtecken zwischen zwei gelben Rechtecken alternieren in zwei Varianten.

Die erste Variante ist wie folgt aufgebaut: Der Rand längs des Rechtecks besteht aus gelben kleinen Quadraten, wobei zwischen zwei Quadraten ein roter Zwischenraum von der Breite eines halben Quadrates ist. Die Seitenlänge jedes Quadrates ist ungefähr ein Fünftel der Breite des gelben Rechtecks. Zwischen diesem Rand aus Quadraten ist das entstehende Rechteck rot, wie der Zwischenraum der Quadrate. Das rote Rechteck ist etwas größer als die gelben Rechtecke.

Die zweite Variante unterscheidet sich zur ersten nur in dem Punkt, dass der Zwischenraum zwischen dem Rand aus Quadraten nur noch ein Drittel so groß ist, und die Farbe mehr ins Orange geht.

Alles in Allem kann man sagen, dass dieses Muster aus insgesamt 5 Elementen besteht.

|Alexander Gustke|

===Jelena Djokic===

A tent pattern

[[File:Pattv.jpg|400px]]

Though is the composition of the pattern simple central structure, the complexity comes from the structure and the way, the patterns with each other connected are. This provokes 3dimensionality, on the way, that putting facets together by different angles provokes the look of broken lines and broken shapes.

===Andreas Dietrich: Pavement===
Pavements have often paving stones. The are many patterns available. In this example the pavement consists of two rectangle. Both have the same heights. The bigger one has a width of the height times two. The width and the height of the smaller one is equal.

To Draw this shapes: 
Begin with the bigger one. Place three of them next to each other. Go the height of the rectangles downwards and to the rectangle, which is on the left. Begin on the left side with the smaller rectangle. Place two bigger rectangles next to it. Finally place a new smaller rectangle next to one of them.
Go the height of the rectangles downwards and to the rectangle, which is on the left.
Repeat this steps, if you want.

[[File:ProcessingStone.JPG]]

 
 

===Tristan Weis: Couch cloth pattern===
[[File:Couchclothpattern.jpg|400px]]

The pattern consists of very small strings. There are strings from the bottom to the top, and from left to right. Running from one side to another, every few millimeters a batch of strings runs over the crossing batch; after that it runs under the next one; over the one after - and so on. The batches running from left to right seem slightly thicker, forming a diversified web with the thinner ones from top to bottom.

''Sketch:'' 
[[File:Couchclothpatternsketch.jpg|400px]]

===Florian Meyer: Fake 3D===
[[File:pattern_rhombus.jpg|left|thumb|Click me!]] 

This pattern provides an illusion of depth due to use of simple 2D geometry (rhombus) 
with different shades that matches with our conception of how three-dimensional 
shapes must look like as soon as light is getting reflected off their surfaces 
from a specific angle.

===Jan Schepanski: Schneefall===

http://www.buecherundbilder.de/images/schneefall.jpg

''Wie im Flug schritten sie durch des Winters Flockenflug mit frohlockend lockrem Lockenhaupt und so war schnell klar wer von beiden keine schützend Mütze trug.''

So wie jede Schneeflocke nach dem Regelwerk der Natur gebildet wird, so segeln sie dahin, getrieben von Wind, Schwerkraft und der Lust des Tanzes.

===Johannes Konrad Altmann===

[[File:Asymmetrie_1.jpg|350px]] 
[[File:Asymmetrie_2.jpg|350px]]

'''Asymmetric Balance!'''

Asymmetry means without symmetry. That by itself has nothing to do with balance. It just means that there are no mirror images in a composition. The term, however, is usually used to describe a kind of balance that does not rely on symmetry: asymmetrical balance. There is no simple formula for achieving balance in asymmetrical balance (hence the term informal balance) so the designer must sense whether or not the composition is balanced. This is where your sense of balance really comes into play.
 
The composition either looks like it is balance or it does not. Where does your attention goes when you look at an image? If it seems to wander around more or less evenly, there is probably balance. If you seem to always come back to the same area, and that is not the center of the composition, then the balance is suspect.
 
One way to achieve balance that is almost a formula is to have more or less equally interesting things randomly distributed throughout the format. The effect is like confetti dropped on the area. There is balance because interest is evenly distributed, and there is unity. The problem is that everything is likely to seem too equal and hence too uniform. There is not enough variety and the design soon becomes boring.

= 11/11 =

== Homework ==

=== Textile on a Chair ===

[[File:Chair4.jpg]]

To write the code for this pattern, you could set the background fill to (0). Then, there could be one main "for" structure, that continually repeats itself horizontally for the width of the window. Within this structure, there would be two sub "for" structures: A + B. The first (A) would feature the thicker main vertical set, and the second (B) would feature the thinner vertical set. Each set would be spaced roughly 1 inch (or x pixels) apart from each other.

For each of the two vertical sets, we could create a stack of lines of varying thicknesses on top of each other. The bottom layer would have the heaviest weight, and the top layers the lightest weight. Within each of the two sets, each line would be centered, so that an equal part of the line appears from both sides as we move towards the center of the vertical set. As we approach the center of each set, we would have to create:

A) The vertical sine wave mirrored upon itself vertically

and

B) The vertically stacked flowers

For A), we create a trigonometic (sine wave) function. Perhaps we use another "for" structure with a float + sin() function.

For B), we create yet another "for" structure, this time repeating an image along a vertical line.

--Dianna Mertz

=== Textile on Pizza Chilino ===

[[File:Joey_Pizza.png|400px]]

If we focus closely to this Chilio Pizza, we would see that the pizza contains with many layers. Each layer is decorated with vegetables, cheese and meat. However, the distance between each asset doesn't random itself, there is a hidden pattern which each edible lays far from each other by almost constant distance.

To make sketch of this pizza, we would follow these processes below:

1) Make a pizza flour base layer by drawing an ellipse and fill with cream or yellow color. '''Function''': ''ellipse()'',''fill()'' 
2) Put a concentrate tomato sauce by drawing another layer on top of pizza flour, after that, fill red color. '''Function''': ''ellipse()'',''fill()'', ''pushMatrix()'', ''popMatrix()'' 
3) Create salamis() function by drawing ellipses and put little white spots on around salamis' surface. '''Function''': ''ellipse()'',''fill()'', ''point()'', ''random()'' 
4) Spread salamis around the pizza with random() function BUT not further than pizza flour edge(2*PI*radian). Furthermore, we could use ''For loop'' or ''While loop'' iteration to identify a number of salamis we need. '''Function''': ''salamis()'', ''random()'',''constrain()'' 
5) Repeat 3) and 4) to drop more tomatoes, chilis, basils and mozarella cheese layer by layer. Moreover, we could rotate assets to make it more real pizza by rotating function. '''Function''': ''tomatoes()'', ''chilis()'', ''basils()'', ''mozarella()'', ''random()'', ''rotate()'' 
6) Enjoy your Pizza Chilino :)

--Patawat P.

===Florian Meyer: Fake 3D===
[[File:pattern_rhombus.jpg|400px]] 
One single cube consists of 3 rhombs which can be drawn simply by using the 
”beginShape()-endShape()” method. Besides, the values of their coordinates 
and colours depends on the angle of perspective from which we want to look 
at the cube. After that we have to make a row by using the 'for loop ' and 
another 'nested loop' for making the columns. As we can see in the image, 
each column underneath isn't placed exactly in same order as their previous 
ones are. There are shifted sideways by half the size of a single cube for 
each time the nested 'for loop' is calculating a further one. 

[[File:pattern_rhombus2.jpg|left|thumb|wrong!]]

We have to consider that moving the columns in only one horizontal direction 
will cause a bad looking stairway. To get rid of that, we have to find a way 
to turn the values from every 2nd counting step the nested loop does, into 
negative values instead of just adding them, so that each 2nd column is placed 
back to its original starting position. This can be done for example by declaring 
a new variable that is working as a multiplying operator and carries switching 
values of 1 and -1. 

[[File:pattern_rhombus3.jpg|left|thumb|fixed!]]

 
=== Sofakissen ===

[[File:sofakissen.jpg]]

Um dieses Muster zu beschreiben bräuchte man eine for-Schleife. Je nachdem wie oft sich das Muster wiederholen soll wird der Endwert festgelegt. Zum Beispiel auf 8. Diese Anzahl an Iterationen wird benötigt um das Muster einmal ohne Wiederholhung darzustellen.

Beginnen würde man beim ersten großen gelborangen Rechteck von links. Danach zeichnet man die kleinen Quadrate mit den roten kleinen Rechtecken dazwischen von oben bis nach unten. Dann das Orange Rechteck und dann wieder die kleinen Quadrate mit den roten kleinen Rechtecken. Jetzt folgt wieder das erste gelborange Rechteck. Danach wieder die kleinen Quadrate mit den kleinen roten kleinen Rechtecken. Jetzt folgt ein großes Rechteck und zum Schluss wieder die Quadrate mit den kleinen roten Rechtecken.

In einem Pseudocode könnte dies so aussehen:

''for: i=0; i<8; ++i'' 
''if: i mod 4 = 0'' 
''draw yellow-orange rectangle'' 
''if: i mod 4 = 1 or 3'' 
''draw little squares and a red rectangle between two of them <- from the top to the bottom'' 
''if: i = 2'' 
''draw orange rectangle'' 
''if: i = 6'' 
''draw big red rectangle'' 

===Sofastoff===
[[File:Couchclothpattern.jpg|400px]]
[[File:Couchclothpatternsketch.jpg|400px]]

Das Muster wird mit zwei ineinander greifenden for-Schleifen eingeleitet; eine für die horizontale und eine für die vertikale Wiederholung. Eine Variable wird bei jeder Ausführung der Schleife erhöht. Ist dieser Counter gerade, so werden vier parallele Linien von rechts nach links gezeichnet, deren Anfangs- und Endpunkte jeweils in Abhängigkeit zu den Schleifenvariablen stehen. Wenn der Counter ungerade ist, so werden in gleicher Weise fünf parallele Linien von oben nach unten gezeichnet.
Die parallelen Linien können auch in (zwei unterschiedliche) for-Schleifen gepackt werden, womit das Muster in insgesamt vier for-Schleifen aufgelöst wird.

int patternsize = 50;
int count = 0;

for (int ex = 0; ex <= width; ex = ex+patternsize)
{
count++;
for (int yp = 0; yp <= height; yp = yp+patternsize)
{
count++;
float test = pow(-1, count);
float linespacing = patternsize;
if (test==1)
{
for (int verti = 1; verti <= 4; verti++)
{
line(ex-(linespacing/20), (verti*linespacing/5)+yp, (linespacing+(linespacing/20))+ex, (verti*linespacing/5)+yp);
}
}
else
{
for (int hori = 1; hori <= 5; hori++)
{
line((hori*linespacing/6)+ex, yp-(linespacing/20), (hori*linespacing/6)+ex, (linespacing+(linespacing/20))+yp);
}
}
}
}

- Tristan Weis

=== Spider ===
[[File:Spider0.jpg‎]]

Most part of spider consists of symmetrical patterns. The definition of size (width, height, P3D) can let the patterns move around the y-axis and present as the mirror effects. Looking closely to the spider, it can be divided into 4 parts, antenna, head, body, and leg, which are mostly made up by circles and lines.

1) The antenna is not a regular pattern,use the shape() to draw on of this and then move it around the Y-axis for (PI).
 '''Function''': ''beginShape();endShape();rotateY ();'' 
2)The head of spider is very simple, only a ellipse.
 '''Function''': ''ellipse(), fill()'' 
3) body can also be seen as collection of ellipse. Two big ellipse are surrounded by 6 small ellipses.
 '''Function''': ''ellipse ();fill();for(){};rotate();'' 
4) The spider has 8 legs, 3 long and 5 short feet. Use for(){} to copy the lines and make it turns in the certain angle.
 '''Function''': '' for(){};line();strokeWeight();rotate ();pushMatrix();popMateix();'' 
——Lu

=== Julia Putscher ===

==== Growing Ivy ====

[[File:tree_all_elements_changed.jpg|800px]]

The pattern consists of one basic shape – the shape of the leaves. One leave has an organic figure which could be transformed into a geometric form. This geometric shape exists of three equilateral triangles: the first one is the biggest with the hypotenuse at the bottom. The other two triangles are smaller than the first one. They are half sized and arranged in a diagonal way. Two-thirds of those triangles are inside the bigger triangle. Their top shows one to the left and one to the right side.
The leaves have different sizes which are organized randomly. They are arranged along a line, one to the left and one to the right side by turn. Those lines grow in parallel and even sometimes overlapping. Through this the pattern has an appearance like an organic, random grid which is extendable in all directions.

==== Processing Codes For Similar Patterns ====

===== First Sketch =====
[[File:green_pattern.jpg]]

int x = 0;

int y = 0;

int t = 0; //color transparency

void setup()
{
size(600,300);
background(255);
smooth();
}

void draw()
{
strokeWeight(0.25);
stroke(0,255,0);

for(int i=0; i<10; i++)
{
fill(0,255,0,t);
t = t+10;
for(int j=0; j<10; j++)
{
beginShape(QUAD_STRIP);
vertex(x, y);
vertex(x, y+40);
vertex(x+30, y+40);
vertex(x+30, y);
endShape();
y += 40;
}
y = 0;
x += 30;
}
}

===== Second Sketch =====
[[File:black_pattern.jpg]]

int x = 0;

int y = 0;

int t = 0;

void setup()
{
size(600,300);
background(0);
smooth();
}

void draw()
{
strokeWeight(2);
stroke(255);

for(int i=0; i<10; i++)
{
fill(255,255,255,t);
t = t+20;
for(int j=0; j<10; j++)
{
beginShape(QUAD_STRIP);
vertex(x, y);
vertex(x+40, y);
vertex(x+40, y+30);
vertex(x, y+30);
endShape();
y += 40;
}
y = 0;
x += 30;
}
}

===== Third Sketch =====
[[File:layered_pattern.jpg]]

int x = 0;

int y = 0;

int t = 0; //color transparency

void setup()
{
size(400,300);
background(100);
smooth();
}

void draw()
{
strokeWeight(0.25);
stroke(0,255,0);

pushMatrix();
scale(0.5);
translate(10,300);
rotate(150);
for(int i=0; i<10; i++)
{
fill(0,255,0,50);
for(int j=0; j<10; j++)
{
beginShape(QUAD_STRIP);
vertex(x, y);
vertex(x, y+40);
vertex(x+30, y+40);
vertex(x+30, y);
endShape();
y += 40;
}
y = 0;
x += 30;
}
popMatrix();

pushMatrix();
translate(-77,249);
scale(0.5);
rotate(150);
for(int k=0; k<10; k++)
{
fill(0,255,255,50);
for(int l=0; l<10; l++)
{
beginShape(QUAD_STRIP);
vertex(x, y);
vertex(x, y+40);
vertex(x+30, y+40);
vertex(x+30, y);
endShape();
y += 40;
}
y = 0;
x += 30;
}
popMatrix();

pushMatrix();
translate(-137,327);
scale(0.5);
rotate(150);
for(int h=0; h<10; h++)
{
fill(255,255,0,50);
for(int g=0; g<10; g++)
{
beginShape(QUAD_STRIP);
vertex(x, y);
vertex(x, y+40);
vertex(x+30, y+40);
vertex(x+30, y);
endShape();
y += 40;
}
y = 0;
x += 30;
}
popMatrix();
}

=== Andreas Dietrich ===
Sketches for the practice homework:
===== First Sketch =====
[[File:Homework_AD_1.png]]
int dia=50; 
int innerDia=150; 
int steps=30; 
int steps2=30; 
int steps3=30; 

int offset1=0; 
int offset2=10; 
int offset3=20; 

size(900, 600);
for (int k=0;k<3; k++) {
for (int l=0;l<2; l++) {
pushMatrix();
translate(k*innerDia*2+innerDia, 2*innerDia*l+innerDia);
smooth();
noStroke();
fill(255);
beginShape();
for (int i=0; i<360/steps;i++) {
vertex(sin(radians(i*steps+offset1))*dia, cos(radians(i*steps+offset1))*dia);
vertex(sin(radians(i*steps+steps/2.0+offset1))*innerDia, cos(radians(i*steps+steps/2.0+offset1))*innerDia);
}
endShape(CLOSE);

fill(150);
beginShape();
for (int i=0; i<360/steps2;i++) {
vertex(sin(radians(i*steps2+offset2))*dia, cos(radians(i*steps2+offset2))*dia);
vertex(sin(radians(i*steps2+steps2/2.0+offset2))*innerDia, cos(radians(i*steps2+steps2/2.0+offset2))*innerDia);
}
endShape(CLOSE);

fill(0);
beginShape();
for (int i=0; i<360/steps3;i++) {
vertex(sin(radians(i*steps3+offset3))*dia, cos(radians(i*steps3+offset3))*dia);
vertex(sin(radians(i*steps3+steps3/2.0+offset3))*innerDia, cos(radians(i*steps3+steps3/2.0+offset3))*innerDia);
}

endShape(CLOSE);
popMatrix();
}
}

===== Second Sketch =====
[[File:Homework_AD_2.png]]
int dia=50; 
int innerDia=150; 
int steps=60; 

float offset1=0; 
float offset2=10; 
float offset3=20; 

float CONST_OFFSET1=0; 
float CONST_OFFSET2=10; 
float CONST_OFFSET3=20; 

float speed1=1; 
float speed2=0.5; 
float speed3=0.7; 

void setup() {
size(900, 600);
smooth();
noStroke();
}

void draw() {
background(255);
for (int k=0;k<3; k++) {
for (int l=0;l<2; l++) {
pushMatrix();
translate(k*innerDia*2+innerDia, 2*innerDia*l+innerDia);

fill(255, 0, 0);
beginShape();
for (int i=0; i<360/steps;i++) {
vertex(sin(radians(i*steps+offset1))*dia, cos(radians(i*steps+offset1))*dia);
vertex(sin(radians(i*steps+steps/2.0+offset1))*innerDia, cos(radians(i*steps+steps/2.0+offset1))*innerDia);
}
endShape(CLOSE);

fill(0, 255, 0);
beginShape();
for (int i=0; i<360/steps;i++) {
vertex(sin(radians(i*steps+offset2))*dia, cos(radians(i*steps+offset2))*dia);
vertex(sin(radians(i*steps+steps/2.0+offset2))*innerDia, cos(radians(i*steps+steps/2.0+offset2))*innerDia);
}
endShape(CLOSE);

fill(0, 0, 255);
beginShape();
for (int i=0; i<360/steps;i++) {
vertex(sin(radians(i*steps+offset3))*dia, cos(radians(i*steps+offset3))*dia);
vertex(sin(radians(i*steps+steps/2.0+offset3))*innerDia, cos(radians(i*steps+steps/2.0+offset3))*innerDia);
}
endShape(CLOSE);
offset1+=speed1;
offset2+=speed2;
offset3+=speed3;
if (offset1> steps+CONST_OFFSET1) {
offset1=CONST_OFFSET1;
}
if (offset2> steps+CONST_OFFSET2) {
offset2=CONST_OFFSET2;
}
if (offset3> steps+CONST_OFFSET3) {
offset3=CONST_OFFSET3;
}
popMatrix();
}
}
}

===== Third Sketch =====
[[File:Homework_AD_3.png]]

int dia=50; 
int innerDia=150; 
int steps=30; 

float offset1=0; 
float offset2=10; 
float offset3=20; 

float CONST_OFFSET1=0; 
float CONST_OFFSET2=10; 
float CONST_OFFSET3=20; 

float speed1=1; 
float speed2=0.5; 
float speed3=0.7; 

float scaleVal=0.1; 
float currentScale=1; 
float toScaleVal=1; 

void setup() {
size(900, 600);
smooth();
frameRate(12);
noStroke();
}

void draw() {
background(255);
for (int k=0;k<3; k++) {
for (int l=0;l<2; l++) {
pushMatrix();
translate(k*innerDia*2+innerDia, 2*innerDia*l+innerDia);

if (scaleVal>0) {
if (currentScale>=toScaleVal) {
toScaleVal=random(2.0)-1.0;
if (toScaleVal>currentScale) {
scaleVal=+0.1;
}
else {
scaleVal=-0.1;
}
}
}

if (scaleVal<0) {
if (currentScale<=toScaleVal) {
toScaleVal=random(2.0)-1.0;
if (toScaleVal>currentScale) {
scaleVal=+0.01;
}
else {
scaleVal=-0.01;
}
}
}
currentScale+=scaleVal;
scale(currentScale);
fill(255, 0, 0);
beginShape();
for (int i=0; i<360/steps;i++) {
vertex(sin(radians(i*steps+offset1))*dia, cos(radians(i*steps+offset1))*dia);
vertex(sin(radians(i*steps+steps/2.0+offset1))*innerDia, cos(radians(i*steps+steps/2.0+offset1))*innerDia);
}
endShape(CLOSE);

fill(0, 255, 0);
beginShape();
for (int i=0; i<360/steps;i++) {
vertex(sin(radians(i*steps+offset2))*dia, cos(radians(i*steps+offset2))*dia);
vertex(sin(radians(i*steps+steps/2.0+offset2))*innerDia, cos(radians(i*steps+steps/2.0+offset2))*innerDia);
}
endShape(CLOSE);

fill(0, 0, 255);
beginShape();
for (int i=0; i<360/steps;i++) {
vertex(sin(radians(i*steps+offset3))*dia, cos(radians(i*steps+offset3))*dia);
vertex(sin(radians(i*steps+steps/2.0+offset3))*innerDia, cos(radians(i*steps+steps/2.0+offset3))*innerDia);
}
endShape(CLOSE);
offset1+=speed1;
offset2+=speed2;
offset3+=speed3;
if (offset1> steps+CONST_OFFSET1) {
offset1=CONST_OFFSET1;
}
if (offset2> steps+CONST_OFFSET2) {
offset2=CONST_OFFSET2;
}
if (offset3> steps+CONST_OFFSET3) {
offset3=CONST_OFFSET3;
}
popMatrix();
}
}
}

= 13/11 =

== Homework ==

=== Florian Meyer ===

<videoflash type=vimeo>31395235|549|309</videoflash>

description will be added later

=== crossroads with traffic lights ===

Crossroads with traffic lights show interesting motion patterns. While cars are approaching the crossroads all the time, it is determined by the state of the traffic lights whether they are allowed to pass through or not.

(md)

GMU:Einführung ins Programmieren mit Processing/Seminar

2011-11-10T12:18:38Z

Md: /* cobblestone */

File:Md-processing-cs-1.png

2011-11-10T12:00:00Z

Md: cobblestone pattern definition

== Summary ==
cobblestone pattern definition
== Copyright status: ==
public domain
== Licensing ==
{{self|Cc-zero}}
== Source: ==
own work

GMU:My favorite things/Projekte/Erlebbare Turingmaschinen

2011-11-09T11:22:15Z

Md:

'''Erlebbare Turingmaschinen''' 
Moritz Dreßler, Oktober 2011

Vielen NichtinformatikerInnen fällt es schwer, das Konzept einer Turingmaschine nachzuvollziehen, auch oder gerade weil das Prinzip eines Algorithmus auf Unverständnis stößt. Im Folgenden soll die Idee einer erlebbaren Turingmaschine erläutert werden, in der Interessierte selbst einen Teil der Aufgaben der Maschine übernehmen, um dadurch besser zu verstehen, was passiert.

=Turingmaschine=

Das 1936 von Alan Turing beschriebene Modell der Turingmaschine ist, einfach formuliert, ein theoretisches Gerät zur Simulation von Algorithmen. Im Folgenden soll es kurz vereinfacht dargestellt werden.

==Aufbau==

[[Image:Md-turing-aufbau.png|thumb|Abbildung 1: Schematische Darstellung einer Turingmaschine]]

Eine Turingmaschine besteht aus einem unendlichen und in gleichgroße Felder eingeteilten Speicherband, einem entlang des Bandes beweglichen Schreib- und Lesekopf sowie einem Programm zur Steuerung des Kopfes (vgl. Abbildung 1).

==Funktionsweise==

Während der Ausführung eines Programms auf der Turingmaschine wird der Wert des Feldes unter dem Schreib-/Lesekopf ausgelesen und dem Programm entsprechend neu beschrieben. Dann wird der Kopf in der vom Programm vorgegeben Richtung links oder rechts entlang des Speicherbandes ein Feld weiter bewegt.

Das Programm kann dabei verschiedene Zustände einnehmen und je nach Zustand unterschiedliche Handlungen hervorrufen, auch wenn der abgelesene Wert der gleiche ist.

Jeder Schritt der Turingmaschine kann dabei unterteilt werden in:

* Feststellen, in welchem Zustand sich die Maschine gerade befindet
* Auslesen des aktuellen Feldes
Alle Personen gaben nach einem erfolgreichen Durchlaufen des Programmes an, das Konzept der Turingmaschine besser verstanden zu haben als nach einer rein theoretischen Erklärung.

Dieses einfache Modell einer erlebbaren Turingmaschine soll im nächsten Abschnitt zu drei verschiedenen präsentierbaren Konzepten ausgearbeitet werden.

Aus dem aktuellen Zustand und dem ausgelesenen Wert ergibt sich laut Programm:

* neuen Zustand setzen (kann auch der gleiche Zustand sein)
* das Feld neu beschreiben (kann auch der gleiche Wert sein)
* den Lesekopf nach links bzw. rechts bewegen oder die Maschine anhalten.

Sollte die letzte Richtungsangabe keinen Halt verursachen, wird der Zyklus für das erreichte Feld erneut durchlaufen.

==Programm==

[[Image:Md-turing-programm.png|thumb|Abbildung 2: Sortieralgorithmus für eine Turingmaschine]]

Ein Programm für eine Turingmaschine lässt sich als Tabelle darstellen und soll hier am Beispiel eines Sortieralgorithmus gezeigt werden (Siehe Abbildung 2). Mit Hilfe dieses Algorithmus lässt sich eine zufällige und beliebig lange Reihe von zwei verschiedenen Zeichen (hier 0 und 1) in eine Ordnung bringen (hier von links nach rechts erst 0 dann 1). Die zu sortierende Reihe muss hierbei von leeren Feldern eingeschlossen sein, damit die Turingmaschine weiß, wo die Reihe anfängt und aufhört.

Beispiel für einen Speicherbandinhalt vor dem Durchlauf des Programmes:

1 0 0 1 1 1 0 1 0 1 0 0

Der Speicherbandinhalt nach dem Durchlauf des Programmes:

0 0 0 0 0 0 1 1 1 1 1 1

=Idee einer erlebbaren Turingmaschine=

Um den Interessierten das Konzept und die Funktionsweise einer Turingmaschine näher zu bringen, sollen sie selbst in die Rolle der Maschine schlüpfen. Dafür bietet sich am ehesten die Postition als Schreib-/Lesekopf an, da dort die Interaktion zwischen Programm und Speicherband stattfindet.

Die Idee einer erlebbaren Turingmaschine konnte bereits von mehreren Personen an einem einfachen Modell ausprobiert werden. Dieses Modell soll im Folgenden beschrieben werden, die teilnehmenden Personen werden dabei als Agenten ('Handelnde') bezeichnet.

==Aufbau==

[[Image:Md-turing-modell-1.png|thumb|Abbildung 3: Modellaufbau]]

[[Image:Md-turing-modell-programm.png|thumb|Abbildung 4: Programmanweisungen für den Modellaufbau]]

In diesem einfachen Modell wird das Speicherband von einer Schnur gebildet, an der Buchstabenkärtchen (A und B, zufällig verteilt) befestigt sind. Die Agenten erhalten einen eigenen Vorrat an Buchstabenkärtchen, die sie während des Programmablaufs mit den bereits hängenden Kärtchen vertauschen können. Die Programminstruktionen liegen schriftlich vor (vgl. Abbildung 4), der aktuelle Maschinenzustand kann mit Hilfe einer Klammer an den Programminstruktionen markiert werden.

==Programmierung==

Auch hier wurden die Programmanweisungen ähnlich wie in Abbildung 4 angeordnet. Die Anweisungen wurden dabei schriftlich ausformuliert. Zur Verbesserung der Übersichtlichkeit wurden dabei sämtliche Aktionen weggelassen, die keine Änderung des Feldes oder Zustands bewirken.

Beispiel für eine Anweisung:

Ändere den Wert auf '''B'''.
Ändere deinen Zustand auf '''5'''.
Gehe weiter nach '''links'''.

==Ablauf==

[[Image:Md-turing-modell-2.png|thumb|Abbildung 5: Programmablauf]]

[[Image:Md-turing-modell-3.png|thumb|Abbildung 6: Speicherband nach dem Durchlaufen des Programmes]]

Die Agenten beginnen an einer beliebigen Stelle des Bandes (links vom ersten leeren Feld am Ende der Zeichenkette, sonst funktioniert das Programm nicht) im Programmzustand '''1'''. Im folgenden sehen sie jeweils in der Programmtabelle nach und handeln entsprechend der Instruktionen für den abgelesenen Wert und ihren gegenwärtigen Zustand so lange, bis das Programm einen HALT verlangt. Damit sollten sie die Buchstaben auf dem Band sortiert haben.

==Ergebnisse==

Alle Personen gaben nach einem erfolgreichen Durchlaufen des Programmes an, das Konzept der Turingmaschine besser verstanden zu haben als nach einer rein theoretischen Erklärung.

Dieses einfache Modell einer erlebbaren Turingmaschine soll im nächsten Abschnitt zu drei verschiedenen präsentierbaren Konzepten ausgearbeitet werden.

=Konzepte für erlebbare Turingmaschinen=

Generell soll versucht werden, das Erlebnis der Personen, die in die Rolle der Maschine schlüpfen, so ansprechend wie möglich zu machen. Dabei sollen jedoch auch außenstehende Betrachtende mitverfolgen können, welche Ergebnisse die Aktionen der Agenten hervorrufen.

==Lichttunnel==

[[Image:Md-turing-lichttunnel.png|thumb|Abbildung 7: Erlebbare Turingmaschine als Lichttunnel (Person aus einem Photo von scott*eric)]]

===Aufbau===
Das Speicherband wird von einem nach zwei Seiten offenen Gang/Tunnel gebildet. Die Enden werden entweder durch vorstehende Gang-Elemente oder einer Markierung auf dem Boden in den Raum verlängert, um die Unendlichkeit des Bandes anzudeuten (siehe Abbildung 7).

Die Wände des Ganges bestehen aus weißem, lichtdurchlässigen Material und können von innen heraus mit verschieden farbigem Licht beleuchtet werden. Der Gang selbst wird in Stationen unterteilt, die für die Speicherplätze des Bandes stehen und jeweils seperat beleuchtet werden können.

Um zwei verschiedene Zustände der Speicherplätze zu symbolisieren (z.B. 0 und 1) gibt es zwei verschiedene Farben. Ein leeres Feld wird durch eine weiße Beleuchtung gekennzeichnet.

Die Interessierten schlüpfen in die Rolle des Schreib-/Lesekopfes der Turingmaschine und bewegen sich entlang des Speicherbandes, das heißt, sie laufen im Tunnel von Station zu Station und führen dort den vorgegebenen Programmcode aus.

Dazu gibt es an jeder Station drei Tastschalter, mit denen die Farbe der Beleuchtung der Station geändert werden kann.

===Programmanweisungen===

Für diesen Aufbau, bei dem die Agenten die Programmanweisungen von Station zu Station mitnehmen müssen, bietet es sich an, diese auf Postkarten zu drucken. Sie können dann am Ende mitgenommen werden und eignen sich dabei gut zur Bewerbung der Turingmaschine.

===Programmablauf===

Ein möglicher Programmablauf für einen Sortieralgorithmus könnte so aussehen:

* Von einem Computer/Mikrocontroller wird eine zufällige Belegung des Bandes generiert, jede Station wird in einer anderen Farbe beleuchtet, wobei nur die erste und letzte Station weiß bleiben.
* Die Interessierten nehmen die Programmanweisungen und betreten den Tunnel.
* An jeder Station wird die aktuelle Farbe der Station festgestellt und die Farbe entsprechend der Programmanweisungen für den aktuellen Programmzustand geändert. Dazu muss der Knopf für die entsprechende Farbe gedrückt werden.
* Wenn vom Programm eine Zustandsänderung verlangt wird, wird der Zustand geändert.
* Die Agenten gehen entsprechend der Anweisungen eine Station nach rechts oder links.
* Dort führen sie erneut die Programmanweisungen aus. Dies wird so lange wiederholt, bis sie die Farben korrekt sortiert haben und das Programm sie anhalten lässt.

==Interaktives scrollbares Speicherband==

[[Image:Md-turing-scrollband.png|thumb|Abbildung 8: Erlebbare Turingmaschine als interaktives scrollbares Speicherband (Person aus einem Photo von Skeggzatori)]]

===Aufbau===

Der Speicherbandinhalt wird von vorne oder hinten auf eine Oberfläche in Bandform projiziert (siehe Abbildung 8). Dabei wäre auch eine Variante ähnlich einer horizontal auf- und abrollbaren Papierrolle denkbar.

Bei einer statischen Leinwand kann der Bandinhalt entlang des Bandes bewegt werden, bei einer rollbaren Leinwand würde parallel dazu die Leinwand mitgerollt werden. Das würde den plastischen Eindruck des Speicherbandes erhöhen, setzt dem Bandinhalt allerdings gleichzeitig Grenzen aufgrund der beschränkten Bandlänge.

In beiden Fällen wird der Inhalt an der Position des Schreib- und Lesekopfes in der Mitte des Bandes hervorgehoben.

In einigen Metern Abstand zum Speicherband steht eine Konsole mit welcher die Agenten das Band steuern und den Inhalt überschreiben können. Die Steuerung erfolgt dabei mit Hilfe eines Touchscreens, der jeweils den Inhalt des Speicherfeldes an der aktuellen Position anzeigt. Soll der Inhalt überschrieben werden, wird der Bildschirm mit einer Wischgeste geleert und der neue Wert von Hand geschrieben. Das Band wird durch Ziehgesten nach rechts oder links bewegt.

===Programmanweisungen===

In diesem Aufbau bietet es sich an, die Programmanweisungen auf der Bedienkonsole mittels eines seperaten Touchscreens darzustellen, da sie nicht portabel sein müssen. Dies ermöglicht es außerdem, auf dieser Maschine verschiedene Programme auszuführen, da der Bandinhalt und die Programmanweisungen rein digital vorliegen.

===Programmablauf===

Ein möglicher Programmablauf könnte so aussehen:

* So lange niemand die Steuerung der Turingmaschine übernimmt, läuft sie in einem Demo-Modus und führt Programme von alleine aus.
* Sobald eine interessierte Person an die Maschine harantritt und einen der Bildschirme berührt werden die Instruktionen zum Bedienen der Maschine dargestellt. Der/die Interessierte wählt ein Programm aus, wird zum Agenten und steuert die Maschine durch das Programm.
* Dazu richtet er/sie sich nach den Programminstruktionen und ändert die Feldinhalte entsprechend.
* Notwendige Zustandsänderungen können in diesem Fall auch visuell angedeutet werden, zum Beispiel durch ein Blinken des neu auszuwählenden Zustandes.
* Der/die AgentIn bewegt das Band entsprechend der Anweisungen eine Feld nach rechts oder links.
* Dort führt er/sie erneut die Programmanweisungen aus. Dies wird so lange wiederholt, bis das Programm beendet ist oder abgebrochen wird.

==Modelleisenbahn==

[[Image:Md-turing-eisenbahn.png|thumb|Abbildung 9: Erlebbare Turingmaschine als Modelleisenbahn (Personen aus einem Photo von dpape)]]

===Aufbau===

Auf einem Tisch ist eine Modelleisenbahnstrecke aufgebaut und formt dabei einen geschlossen Ring (siehe Abbildung 9). Fast die gesamte Strecke wird von einem Güterzug eingenommen, der das Speicherband der Turingmaschine repräsentiert. Jeder Wagen steht dabei für einen Speicherplatz auf dem Band.

An einer Stelle der Strecke steht eine Be- und Entladestation mit einer Bedienkonsole (eventuell auch dem Tisch vorgelagert). Hier kann die Bahn entweder mittels eines Steuerhebels oder durch Drücken eines Tastschalters jeweils um einen Güterwagen nach rechts oder links bewegt und der aktuelle Wagen umbeladen werden. Zur Bewegung wird nur ein Kommando für rechts oder links gegeben, die Positionierung der Wagen erfolgt dann automatisch. Die Umladung erfolgt durch das Drücken entsprechender Tastschalter.

Sollten die Güterwagen mit realen Gütern beladen werden, muss eine Möglichkeit gefunden werden, die Be- und Entladung zügig durchzuführen, sowie einen großen Vorrat der Güter parat zu halten. Die Güterwagen könnten jedoch auch mit fiktiven Gütern in der Form von RGB LEDs beladen sein, deren Farbe man an der Ladestation ändern kann. Dies würde zusätzlich ein Zurücksetzen auf einen Startzustand erleichtern.

===Programmanweisungen===

Auch in diesem Aufbau bietet es sich an, die Programmanweisungen auf der Bedienkonsole statisch darzustellen, da sie nicht portabel sein müssen. Dabei wäre es trotzdem praktisch, den aktuellen Programmzustand etwa durch eine Beleuchtung der Zeile hervorheben zu können.

===Programmablauf===

Ein möglicher Programmablauf könnte so aussehen:

* Eventuell läuft die Maschine in einem Demo-Modus so lange niemand ihr Steuerung übernimmt. Das geht jedoch nur, wenn ein schnelles Zurücksetzen auf den Startzustand möglich ist.
* Sobald interessierte Personen an die Maschine harantreten und die Steuerung übernehmen, werden sie zu Agenten.
* Dazu richten sie sich nach den Programminstruktionen und ändern die Wagenbelegung sowie den Programmzustand entsprechend.
* Die Agenten bewegen den Gützerzug entsprechend den Anweisungen nach rechts oder links.
* Dort führen sie erneut die Programmanweisungen aus. Dies wird so lange wiederholt, bis das Programm beendet ist oder abgebrochen wird.

=Weitere Überlegungen=

==Analog/Digital==
Alle vorgeschlagenen Konzepte setzen die Anwendung eines Rechners bzw. Mikrocontrollers im Hintergrund voraus. Teilweise wäre es möglich, dies zu vermeiden, allerdings nur auf Kosten der Wiederholbarkeit. Sobald mehrere Personen die Turingmaschine erleben wollen, muss es eine Möglichkeit geben, den von vorhergehenden BesucherInnen herbeigeführten Zustand wieder zum Ausgangszustand oder auf einen neuen Anfangszustand zurückzusetzen. Ohne Elektronik müsste das manuell geschehen und würde einen hohen Administrationsaufwand verursachen.

==Fehlerfeedback==
Die verwendete Steuerungselektronik ermöglicht es, über eine falsche Ausführung der Programmanweisungen zu informieren. Dadurch kann verhindert werden, dass der/die BesucherIn aufgrund seines/ihres Fehlers das Programm nicht zu Ende bringen kann. Das könnte beispielsweise mittels eines Signaltons erfolgen.

GMU:My favorite things/Projekte/Erlebbare Turingmaschinen

2011-11-09T11:09:53Z

Md:

GMU:My favorite things/Projekte/Erlebbare Turingmaschinen

2011-11-09T11:01:12Z

Md:

GMU:My favorite things/Projekte/Erlebbare Turingmaschinen

2011-11-09T10:44:25Z

Md: Created page with "'''Erlebbare Turingmaschinen''' Moritz Dreßler, Oktober 2011 Vielen NichtinformatikerInnen fällt es schwer, das Konzept einer Turingmaschine nachzuvollziehen, auch oder g..."

GMU:My favorite things/Projekte

2011-11-09T10:33:35Z

Md:

== [[User:Anastasiya|Anastasiya]]: [[/Zucker Animation/]]==
[[File:Zucker2.jpg|thumb|Zucker Animation]]

Eine Stop-Motion über das Verhalten und die Struktur des Zuckers.
 

== [[User:sebastianprince|Sebastian und Julia]]: [[/Cello - Tanz Performance/]]==
[[File:performancejuliasebas.jpg|thumb|cello tanz performance]]

Cello Tanz PERFORMANCE.

 

== [[User:Sven|Sven]]: [[/Logo|Na Logo]] ==
[[File:Sven_logo_43.jpg|thumb]]

Eine Chonologie über meine bisherigen Werke als Corporate-Designer, die ich im Laufe des Semesters stetig erweitert, analysiert und verbessert habe. Da für mich in Zukunft das Web als ultimatives Medium gilt, habe ich mich nur auf Web-Logos konzentriert, welche bei der Gestaltung grundlegend anderen Maßstäben genügen müssen als konventionelle Print-Logos.

 

== [[User:sthofmann|Stefanie]]: [[/Camera Obscura/]]==
[[File:sthofmann landscape 1.jpg|thumb|Camera Obscura]]
„Die Vermittlung der Nähe einer uns vertrauten Welt, welche aber dabei auf eigenartige Weise fremd und rätselhaft bleibt – dies ist eine der besonderen ästhetischen Eigenschaften der Camera Obscura-Fotografie. Auf ihre spezifische Weise ermöglicht sie auch heute neue Wirklichkeitserfahrung und die Darstellung einer sehr persönlich geprägten Weltanschaung.“

Gottfried Jäger
 

== [[Sebastian Wolf|Sebastian]]: [[/FOL/]]==
<div style="float:right;"><videoflash type=vimeo>26973746|251|141</videoflash></div>

Technische Experimente und interaktive Erlebnisse zählen zu meinen wichtigsten »liebsten Dingen«. Daher werde ich mich der Mikroelektronik und dem Programmieren in verschiedenen Umgebungen widmen. Mein Fokus liegt dabei vor allem auf der Arbeit mit [[Open Frameworks]] ([[Xcode]], C++), der visuellen Programmierumgebung [[vvvv]], sowie dem OpenSource-Mikrocontroller [[Arduino]]. Ziel sind Übungen und Experimente mit diesen Werkzeugen, sowie die Umsetzung eines größeren Projektes im Laufe des Sommers.

[[/FOL/]]
 

== [[Raphael Kittell |Raphael]]: [[/Unschärfe/]] ==
<div style="float:right; margin-left: 9px;"><videoflash type="vimeo">30488004|200|200</videoflash></div>

Ein Unscharfes Foto bildet den Ausgangspunkt. Vom Foto zum Film, von Analog zu Digital, langsam zu schnell. Was steckt alles hinter einem Bild? Artefakte dehnen Inhalt und Aussage des Fotos.
 

== [[wiebke|Wiebke]]: [[/Tauben/]]==
[[File:Taubenpaar.JPG|thumb|Tauben]]
Die Taube als Symbol für Liebe und Frieden.
Oder doch die dreckige Stadttaube, die einem bloß nicht zu nah kommen soll.
Ein Shop mit Taubenprodukten.

 

== [[User:Tommy Neuwirth|Tommy]]: [[/The Door/]] ==
[[File:015 hori und verti ecke schwelle.jpg|thumb|Bildunterschrift]]
open close open close open close inside outside private not private open hello close good bye why oh why
 

== [[User:R_dh|Rubén D´hers]]: [[/cascada/]] ==
[[File:Ruben Dhers cascada 3.jpg|thumb]]
Sound installation for prepared steel-string acoustic guitars,
fabric, motors, speakers and computer.

[[/cascada/|Projektbeschreibung]]
 

== [[User:keho9844|Cindy Leuther]]: [[/Lieblingsplätze/]] ==
[[File:Mft-front.jpg|thumb|Bildunterschrift]]
Jeder von uns hat einen Ort an dem er am liebsten ist. Einen Ort an dem man die Ruhe findet die man braucht, das tun kann was man am liebsten macht oder die Personen trifft die einem wichtig sind. Da man nicht immer die Möglichkeit hat an diesen Ort zu kommen wenn man es gerade braucht, bringe ich diese Lieblingsplätze nach Hause.
 

==[[User:Benjamin Voßler|Ben]]: [[/from the edge of my mind/]] ==
[[File:smokers_spit.png|thumb|Bildunterschrift]]
 

== [[User:mando|m.a.]]: [[/urbanMovement/]] ==
[[File:rolls.jpg|thumb|up and down]]
'''STADT''' 
Wo Wann Wie bewegt sich etwas ...? 
Was nehmen wir wahr ...? 
Wie agieren wir in der Öffentlichkeit ...? 

 

== [[User:Christina Schüler|Christina]]: [[/Traumwelt/]]==
[[File:Bootwelt.jpg|thumb|Bootsfahrt]]
Eine Traumwelt soll entstehen.
Man braucht: trockenen Pflanzen, Spraydosen, Frischluft und viel Heißkleber.
 

== [[User:evathin|Eva Thinius]]: [[/Schere, Kleber, Papier|Schere, <strike>Stein</strike> Kleber, Papier ]] ==
[[File:Evathin I see double.jpg|thumb|I see double]]

Zu meinen liebsten Dingen zähle ich Papier und Pappe. Die vielen Gestaltungsmöglichkeiten, die ich mit diesen Materialien habe, lassen meine Gedanken überschlagen. Sei es das Falten, Zerscheniden, Binden, Bekleben oder Beschriften.
Im Verlaufe des Semesters habe ich mich auf verschiedenste Weise meinem Lieblingsding Papier gewidmet.
 

== [[User:Sonica|Fabia]]: [[/Fotografiestudien/]]==
[[File:Blütenzentrum03.JPG|thumb|Bildunterschrift]]
Beispiele meiner bisher noch ungeordneten und stetig wuchernden fotografischen Sammlung, die mir helfen soll, eine eigene Bildsprache zu entwickeln.
 

== [[User:andreanne|Andreanne]]: [[/Zwischen Weimar und Montréal/]]==
[[File:MontrealWeimar.jpg|thumb|Bildunterschrift]]

During my exchange year here in Weimar, I have collected a lot of letters, e-mails, drawings and other forms of messages from home. Within these letters is the story of how I tried to stay connected with my friends and family in spite of the physical distance separating us. In my project, I want to reflect upon the difficulties of staying in touch and keeping relationships alive while living far away. The I have collected, these words written by my friends, they will be the basis of my project. I want to use these words as the building blocks for my project. I want to reflect on what they mean below their definition, I want to use to them to show how I have dealt with distance.

 

== [[User:Carlo Enke|Carlo]]: [[/77 - SiebenUndSiebzig/]]==
[[File:Opa title.jpg|thumb|77]]

Vater, Opa, Weggefährte und in gewisser Hinsicht auch Idol.

Aufgrunddessen, dass mein Großvater dieses Jahr sein Leben gelassen hat, habe ich mich dazu entschieden, mehr über ihn und seine Vergangenheit zu erfahren.
 

== Moritz Dreßler: [[/Erlebbare Turingmaschinen/]]==
[[File:Md-turing-lichttunnel.png|thumb|Erlebbare Turingmaschine als Lichttunnel]]

Vielen NichtinformatikerInnen fällt es schwer, das Konzept einer Turingmaschine nachzuvollziehen, auch oder gerade weil das Prinzip eines Algorithmus auf Unverständnis stößt. Im Folgenden soll die Idee einer erlebbaren Turingmaschine erläutert werden, in der Interessierte selbst einen Teil der Aufgaben der Maschine übernehmen, um dadurch besser zu verstehen, was passiert.

 

[[Category:Dokumentation]]
[[Category:SS11]]
[[Category:Ursula Damm]]

File:Md-turing-programm.png

2011-11-09T10:20:41Z

Md: Beispielprogramm für eine Turingmaschine: Sortieralgorithmus

== Summary ==
Beispielprogramm für eine Turingmaschine: Sortieralgorithmus
== Copyright status: ==
public domain
== Licensing ==
{{self|Cc-zero}}
== Source: ==
own work

File:Md-turing-modell-programm.png

2011-11-09T10:18:14Z

Md: Programm für das Modell einer erlebbaren Turingmaschine

== Summary ==
Programm für das Modell einer erlebbaren Turingmaschine
== Copyright status: ==
Copyright by the Image Uploader
== Licensing ==
{{self|c}}
== Source: ==
own work

File:Md-turing-modell-3.png

2011-11-09T10:16:44Z

Md: Modell einer erlebbaren Turingmaschine 3

== Summary ==
Modell einer erlebbaren Turingmaschine 3
== Copyright status: ==
Copyright by the Image Uploader
== Licensing ==
{{self|c}}
== Source: ==
own work

File:Md-turing-modell-2.png

2011-11-09T10:15:51Z

Md: Modell einer erlebbaren Turingmaschine 2

== Summary ==
Modell einer erlebbaren Turingmaschine 2
== Copyright status: ==
Copyright by the Image Uploader
== Licensing ==
{{self|c}}
== Source: ==
own work

File:Md-turing-modell-1.png

2011-11-09T10:13:36Z

Md: Modell einer erlebbaren Turingmaschine 1

== Summary ==
Modell einer erlebbaren Turingmaschine 1
== Copyright status: ==
Copyright by the Image Uploader
== Licensing ==
{{self|c}}
== Source: ==
own work

File:Md-turing-eisenbahn.png

2011-11-09T10:11:11Z

Md: Erlebbare Turingmaschine als Modelleisenbahn

== Summary ==
Erlebbare Turingmaschine als Modelleisenbahn
== Copyright status: ==
Copyright by the Uploader
== Licensing ==
{{self|c}}
== Source: ==
Own work, people taken from a photo by dpape: http://www.flickr.com/photos/dpape/