Medien Wiki - User contributions [en]

IFD:Mobile Apps with HTML5

2013-11-21T12:39:12Z

Anastasiya:

[[Image:ProcodingMobile.png|right|400px]]
[[:Category:Werkmodul|Werkmodul]] | [[:Category:Fachmodul|Fachmodul]] 
''Lecturer:'' [[Michael Markert]] 
''Credits:'' 6 [[ECTS]], 3 [[SWS]] 
''Date:'' Tuesdays, 13:30 until 16:00 h 
''Venue:'' [[Marienstraße 7b]], Room 105 
''First meeting:'' Tuesday, 22. October 2013

==Beschreibung==

Wolltest du schon immer eine App für dein iPhone erstellen? Oder hast du eine tolle Idee für ein "''Creative Coding Experience''" auf deinem iPad? Hast du ein neues Android Tablett und möchtest etwas schickes damit machen? Das ist deine Chance!

Wir werden mit den neuesten cross-platform HTML5 Web-Technologien arbeiten (hauptsächlich mit der ECMA Scriptsprache, besser bekannt als JavaScript; inklusive CSS3), um Apps zu erstellen, die auf deinem internetfähigen mobilen Endgerät laufen.

Themen:
* siehe englische Auflistung

Dieser Kurs wird je nach Bedarf höchstwahrscheinlich auf Englisch abgehalten.

'''Hinweis:''' Wer mit mehreren Endgeräten und Web-Synchronisation arbeiten will, dem wird der gleichzeitige Besuch des Werk-/Fachmoduls von Kollege Gabriel Rausch empfohlen, das auch auf Serverseitige Programmierung eingeht. Aus zeitlichen Gründen können wir das in diesem Kurs nicht tun.

==English description==

Did you ever wish to design an app for your iPhone? Or do you have an idea for this nice creative coding experience on your iPad? Do you have a new Android Tablet and want to make something cool with it? This is your chance!

We will work with the latest cross-platform HTML5 web technologies (mainly the ECMA scripting language, better known as JavaScript; including CSS3) to create applications that will run on your mobile device.

Topics will be:
* Creative Coding on mobile devices
* Introduction to Programming
** Variables
** Functions / Methods
** Objects
** Events
** Best practices and Software Design Patterns (Accessors: Getters/Setters, Creating Objects, Modules…)
* ECMA Script (JavaScript)
* CSS3 (Design, Animation, Transition…)
* HTML5 (Multitouch, Geolocation, Device Orientation, Local Storage, Canvas, WebAudio, SVG...)
* Communication Protocols (JSON, AJAX with XMLHttpRequest), using the API of WebServices (Google, FlickR, Twitter, Yahoo Pipes, Facebook...)
* JavaScript Libraries (Processing.js, Paper.js, D3.js, jQuery Mobile and many more…)
* Webapps and Hybrid Apps (that's a webApp that is wrapped in a native application that you can download from an app store)

This course will most likely be held in English

==Requirements==
* Your own computer (Laptop) with a proper plain text code editor
* Your own mobile device that's capable of browsing the internet
* If you have a computer running Mac OS X 10.7 or newer, you'll get a free copy of [http://procoding.audiocommander.de Procoding]
* If you have an iPhone, iPad or iPod Touch running iOS 7 or newer, you'll get a free copy of [http://procoding.audiocommander.de Procoding Mobile]
* Procoding is not required, if you have another system, you'll get a starter package that you can edit with the code editor of your choice.

== Registration Procedure ==


THE COURSE IS FULL. NO MORE REGISTRATIONS ACCEPTED.

== Assignment ==
* Regular and active participation
* Working on the weekly assignments and documenting them in this Wiki
* Presentation of your work in progress in the course
* Presentation of your work at the [[IFD:Showreel]]
* Final hand-in (in this Wiki) with short documentation at the end of the term

== Student Projects ==
Please copy this first entry (NameOrPseudonym) and make your own subpages:
* That's what the Wiki-Code means:
** The first two brackets create a infernal link in this wiki (this creates a new page).
** The slash "/" makes the page a subpage of this page

* [[/NameOderPseudonym]] <-- Please '''''copy''''' this link and use your own name (this is a public wiki!).
* [[/Charlotte]]
* [[/mantik]]
* [[/Sabina]]
* [[/Xianzhi]]
* [[/MartinMelcher]]
* [[/NataSuu]]
* [[/YorGarcia]]
* [[/AndrésArteaga]]
* [[/Sebastian R.]]
* [[/Julia]]
* [[/Jano]]
* [[/ElMerino]]
* [[/Apasri]]
* [[/Alex]]
* [[/JohannesL]]
* [[/Saya]]
* [[/S.Boldt]]
* [[/JonasKoehler]]
* [[/belikova]]
* [[/Amr]]
* [[/Jonas]]
* [[/Livingoutloud]]
* [[/Tobias]]
* [[/sth]]
* [[/AdrianaR]]
* [[/Matthias]]
'''Btw:''' 
[[Help:Editing|Help]] shows how to edit in this wiki; [[Help:Images|How to upload and use images]]. Please do not upload content that you did not create.

== Eligible participants ==
* Bachelor Students Media Art & Design
* Master Students Media Art & Design
* Master Students MediaArchitecture
* All others: if you're interested, get in contact with Michael!

==Syllabus==
Preliminary schedule:
# 22.10. First meeting, Intro & Showcase
# 29.10. HTML, CSS & jQuery Mobile
# <del>05.11. no class</del> due to an excursion!
# 12.11. CSS, JavaScript (ECMA): Variables & Functions
# 19.11. Objects
# 26.11. Event Handlers (Drawing with a Touch)
# 03.12. Networking (XMLHttpRequest), Yahoo Pipes (XML to JSON)
# 10.12. Geolocation & Device Orientation
# 17.12. Communication Part II (FlickR API)
# 07.01. SVG
# 14.01. JS Libs Part I
# 21.01. JS Libs Part II
# 28.01. Hybrid Apps Part I
# 04.02. Hybrid Apps Part II
# 31.03. tba

== Links ==

* [http://procoding.audiocommander.de Procoding]

== Literature ==
Beginners:
* Marijn Haverbeke: Die Kunst der JavaScript Programmierung (DE) / Eloquent JavaScript (EN), ISBN 9873898647878, http://marijnhaverbeke.nl
* Florian Franke: Apps mit HTML5 und CSS3: für iPad, iPhone und Android (DE), ISBN 978-3836218481

Advanced:
* Stoyan Stefanov: O'Reilly JavaScript Patterns, ISBN 978-0596806750

Processing and Processing.js:
* Daniel Shiffman: Pixels, Patterns, and Processing: A Beginner's Guide to Programming Images, Animation, and Interaction, ISBN 978-0123736024
* Daniel Shiffman: The Nature of Code: Simulating Natural Systems with Processing, ISBN 978-0985930806, http://natureofcode.com

[[Category:Courses]]
[[Category:CSS]]
[[Category:Cocoa]]
[[Category:Computer graphics]]
[[Category:Design]]
[[Category:GPS]]
[[Category:GUI]]
[[Category:Generative Gestaltung]]
[[Category:Gestaltung]]
[[Category:Grundlagen]]
[[Category:HTML]]
[[Category:IDE]]
[[Category:IFD]]
[[Category:IOS]]
[[Category:IPad]]
[[Category:IPhone]]
[[Category:IPodTouch]]
[[Category:Interaktion]]
[[Category:Internet]]
[[Category:Michael Markert]]
[[Category:Mobile Development]]
[[Category:Mobile Interfaces]]
[[Category:Objective-C]]
[[Category:Processing]]
[[Category:Programmiersprachen]]
[[Category:WS13]]
[[Category:Webtechnologien]]
[[Category:Werkmodul]]
[[Category:Xcode]]
[[Category:Javascript]]
[[Category:Fachmodul]]

IFD:Kolloq WS13

2013-11-12T14:39:33Z

Anastasiya:

[[:Category:Kolloquium|Kolloquium]] 
''Lehrperson:'' [[Jens Geelhaar]], [[Michael Markert]], [[Gabriel Rausch]], [[Martin Schied]], [[User:Joatan|Joatan Preis Dutra]], [[Johannes Deich]], [[Daniela Tröger]] 
''Bewertung:'' 0 [[ECTS]], ca. 3 [[SWS]] 
''Termin:'' Mittwochs, 10.15 Uhr 
''Ort:'' Marienstraße 7b, Raum 105 

''Erster Termin:'' Mittwoch, 30. Oktober 2013, 10:15 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.

== Hinweise für Vortragende ==

Übrigens: Wir freuen uns über Hinweise für interessante Vorträge!

Normalerweise gibt es zwei Redner pro Termin. Es gibt einen Beamer (VGA-Connector!), wenn Sie Sound oder einen Computer benötigen, melden Sie sich bitte bei [[User:Mm|Michael]]. Falls Sie die Präsentation auf einem USB-Stick mitbringen, dann bitte entweder als Mac-Keynote oder als PDF. Wir haben nur eventuell Zugriff auf einen Windows-PC mit Powerpoint.

Sie können Ihre Vortragssprache (Deutsch/Englisch) frei wählen. Es sind jedoch üblicherweise 5 bis 10% fremdsprachige Teilnehmer anwesend, die i.d.R. besser Englisch als Deutsch verstehen.

Die Präsentation sollte eine Dauer von etwa ~20 Minuten haben. Bitte haben Sie Verständnis dafür, wenn wir nach spätestens 30 Minuten abbrechen, denn wir möchten noch genügend Zeit für Feedback, Fragen und kurze Anschlussdiskussionen haben.

== Notes for Speakers ==

If you feel you have something interesting to share, please contact us. We are always looking for interesting things to share and talk about.

Typically, we have two presentations per meeting. There is a projector with VGA Connector. If you need Sound or a Computer, please contact [[User:Mm|Michael]]. If you bring your presentation on a USB-Stick, please use either Mac-Keynote or PDF, because we may or may not find a Windows-PC with Powerpoint.

The language of your talk (German/English) is up to you to decide. Usually, there are about 5 to 10% Students that understand English better than German.

The presentation should have a duration of about ~ 20 minutes. Please understand that we need to stop the talk after 30 minutes latest, because there should be time for feedback, questions and short discussions.

==Syllabus==
Vorläufiger Semesterplan:
BITTE MAXIMAL ZWEI VORTRÄGE PRO TERMIN!
ONLY TWO PRESENTATIONS PER DAY PLEASE!
# <del>23.10.</del> no meeting!
# <del>30.10.</del> no meeting!
# 06.11. Jeremy Booth: "Internship Presentation: adidas History Management"
# 13.11. Tobias Westphal: "Thema der Bachelorarbeit"
# 20.11. Masterverteidigung Adriana (No other presentations)
# <del>27.11.</del> No Talks: Staff absent due to Academic Exchange Program
# <del>04.12.</del> No Talks: Staff absent due to Academic Exchange Program
# 11.12. Anastasiya Pavelchuk: "Thema der Bachelorarbeit"
# 18.12.
# <del>25.12.</del> No Talks: Public Holiday / Keine Vorträge: Weihnachten
# <del>01.01.</del> No Talks: Public Holiday / Keine Vorträge: Neujahr
# 08.01.
# 15.01.
# 22.01.
# 29.01.
# 05.02.
BITTE MAXIMAL ZWEI VORTRÄGE PRO TERMIN!
ONLY TWO PRESENTATIONS PER DAY PLEASE!

== Siehe auch ==
* [[IFD:Kolloq SS12]]
* [[IFD:Kolloq WS12]]
* [[IFD:Kolloq SS13]]

==Links==
* tba

IFD:Kolloq WS13

2013-11-06T20:31:00Z

Anastasiya:

[[:Category:Kolloquium|Kolloquium]] 
''Lehrperson:'' [[Jens Geelhaar]], [[Michael Markert]], [[Gabriel Rausch]], [[Martin Schied]], [[User:Joatan|Joatan Preis Dutra]], [[Johannes Deich]], [[Daniela Tröger]] 
''Bewertung:'' 0 [[ECTS]], ca. 3 [[SWS]] 
''Termin:'' Mittwochs, 10.15 Uhr 
''Ort:'' Marienstraße 7b, Raum 105 

''Erster Termin:'' Mittwoch, 30. Oktober 2013, 10:15 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.

== Hinweise für Vortragende ==

Übrigens: Wir freuen uns über Hinweise für interessante Vorträge!

Normalerweise gibt es zwei Redner pro Termin. Es gibt einen Beamer (VGA-Connector!), wenn Sie Sound oder einen Computer benötigen, melden Sie sich bitte bei [[User:Mm|Michael]]. Falls Sie die Präsentation auf einem USB-Stick mitbringen, dann bitte entweder als Mac-Keynote oder als PDF. Wir haben nur eventuell Zugriff auf einen Windows-PC mit Powerpoint.

Sie können Ihre Vortragssprache (Deutsch/Englisch) frei wählen. Es sind jedoch üblicherweise 5 bis 10% fremdsprachige Teilnehmer anwesend, die i.d.R. besser Englisch als Deutsch verstehen.

Die Präsentation sollte eine Dauer von etwa ~20 Minuten haben. Bitte haben Sie Verständnis dafür, wenn wir nach spätestens 30 Minuten abbrechen, denn wir möchten noch genügend Zeit für Feedback, Fragen und kurze Anschlussdiskussionen haben.

== Notes for Speakers ==

If you feel you have something interesting to share, please contact us. We are always looking for interesting things to share and talk about.

Typically, we have two presentations per meeting. There is a projector with VGA Connector. If you need Sound or a Computer, please contact [[User:Mm|Michael]]. If you bring your presentation on a USB-Stick, please use either Mac-Keynote or PDF, because we may or may not find a Windows-PC with Powerpoint.

The language of your talk (German/English) is up to you to decide. Usually, there are about 5 to 10% Students that understand English better than German.

The presentation should have a duration of about ~ 20 minutes. Please understand that we need to stop the talk after 30 minutes latest, because there should be time for feedback, questions and short discussions.

==Syllabus==
Vorläufiger Semesterplan:
BITTE MAXIMAL ZWEI VORTRÄGE PRO TERMIN!
ONLY TWO PRESENTATIONS PER DAY PLEASE!
# <del>23.10.</del> no meeting!
# <del>30.10.</del> no meeting!
# 06.11. Jeremy Booth: "Internship Presentation: adidas History Management"
# 13.11. Tobias Westphal: "Thema der Bachelorarbeit"
# 20.11. Masterverteidigung Adriana (No other presentations)
# 27.11.
# <del>04.12. </del> No Talks: Staff absent due to Academic Exchange Program
# 11.12.
# 18.12.
# <del>25.12.</del> No Talks: Public Holiday / Keine Vorträge: Weihnachten
# <del>01.01.</del> No Talks: Public Holiday / Keine Vorträge: Neujahr
# 08.01.
# 15.01.
# 22.01.
# 29.01.
# 05.02.
BITTE MAXIMAL ZWEI VORTRÄGE PRO TERMIN!
ONLY TWO PRESENTATIONS PER DAY PLEASE!

== Siehe auch ==
* [[IFD:Kolloq SS12]]
* [[IFD:Kolloq WS12]]
* [[IFD:Kolloq SS13]]

==Links==
* tba

IFD:Mobile Apps with HTML5/Anastasiya Pavelchuk

2013-11-01T12:39:55Z

Anastasiya:

1. Assignment

[http://webuser.uni-weimar.de/~cuwa3881/HybridApps/weave.html WEAVE: Design of a website for the magazine]

[http://webuser.uni-weimar.de/~cuwa3881/HybridApps/GKonomics/home.html GKonomics: Social Enterprise Organization]

IFD:Mobile Apps with HTML5/Anastasiya Pavelchuk

2013-11-01T12:30:00Z

Anastasiya: Created page with "1. Assignment [http://webuser.uni-weimar.de/~cuwa3881/HybridApps/weave.html WEAVE: Gestaltung der Homepage für das Magazin]"

1. Assignment

[http://webuser.uni-weimar.de/~cuwa3881/HybridApps/weave.html WEAVE: Gestaltung der Homepage für das Magazin]

IFD:Mobile Apps with HTML5

2013-11-01T12:23:10Z

Anastasiya: /* Student Projects */

[[Image:ProcodingMobile.png|right|400px]]
[[:Category:Werkmodul|Werkmodul]] | [[:Category:Fachmodul|Fachmodul]] 
''Lecturer:'' [[Michael Markert]] 
''Credits:'' 6 [[ECTS]], 3 [[SWS]] 
''Date:'' Tuesdays, 13:30 until 16:00 h 
''Venue:'' [[Marienstraße 7b]], Room 105 
''First meeting:'' Tuesday, 22. October 2013

==Beschreibung==

Wolltest du schon immer eine App für dein iPhone erstellen? Oder hast du eine tolle Idee für ein "''Creative Coding Experience''" auf deinem iPad? Hast du ein neues Android Tablett und möchtest etwas schickes damit machen? Das ist deine Chance!

Wir werden mit den neuesten cross-platform HTML5 Web-Technologien arbeiten (hauptsächlich mit der ECMA Scriptsprache, besser bekannt als JavaScript; inklusive CSS3), um Apps zu erstellen, die auf deinem internetfähigen mobilen Endgerät laufen.

Themen:
* siehe englische Auflistung

Dieser Kurs wird je nach Bedarf höchstwahrscheinlich auf Englisch abgehalten.

'''Hinweis:''' Wer mit mehreren Endgeräten und Web-Synchronisation arbeiten will, dem wird der gleichzeitige Besuch des Werk-/Fachmoduls von Kollege Gabriel Rausch empfohlen, das auch auf Serverseitige Programmierung eingeht. Aus zeitlichen Gründen können wir das in diesem Kurs nicht tun.

==English description==

Did you ever wish to design an app for your iPhone? Or do you have an idea for this nice creative coding experience on your iPad? Do you have a new Android Tablet and want to make something cool with it? This is your chance!

We will work with the latest cross-platform HTML5 web technologies (mainly the ECMA scripting language, better known as JavaScript; including CSS3) to create applications that will run on your mobile device.

Topics will be:
* Creative Coding on mobile devices
* Introduction to Programming
** Variables
** Functions / Methods
** Objects
** Events
** Best practices and Software Design Patterns (Accessors: Getters/Setters, Creating Objects, Modules…)
* ECMA Script (JavaScript)
* CSS3 (Design, Animation, Transition…)
* HTML5 (Multitouch, Geolocation, Device Orientation, Local Storage, Canvas, WebAudio, SVG...)
* Communication Protocols (JSON, AJAX with XMLHttpRequest), using the API of WebServices (Google, FlickR, Twitter, Yahoo Pipes, Facebook...)
* JavaScript Libraries (Processing.js, Paper.js, D3.js, jQuery Mobile and many more…)
* Webapps and Hybrid Apps (that's a webApp that is wrapped in a native application that you can download from an app store)

This course will most likely be held in English

==Requirements==
* Your own computer (Laptop) with a proper plain text code editor
* Your own mobile device that's capable of browsing the internet
* If you have a computer running Mac OS X 10.7 or newer, you'll get a free copy of [http://procoding.audiocommander.de Procoding]
* If you have an iPhone, iPad or iPod Touch running iOS 7 or newer, you'll get a free copy of [http://procoding.audiocommander.de Procoding Mobile]
* Procoding is not required, if you have another system, you'll get a starter package that you can edit with the code editor of your choice.

== Registration Procedure ==


THE COURSE IS FULL. NO MORE REGISTRATIONS ACCEPTED.

== Assignment ==
* Regular and active participation
* Working on the weekly assignments and documenting them in this Wiki
* Presentation of your work in progress in the course
* Presentation of your work at the [[IFD:Showreel]]
* Final hand-in (in this Wiki) with short documentation at the end of the term

== Student Projects ==
Please copy this first entry (NameOrPseudonym) and make your own subpages:
* That's what the Wiki-Code means:
** The first two brackets create a infernal link in this wiki (this creates a new page).
** The slash "/" makes the page a subpage of this page

* [[/NameOderPseudonym]] <-- Please '''''copy''''' this link and use your own name (this is a public wiki!).
* [[/Charlotte]]
* [[/mantik]]
* [[/Anastasiya Pavelchuk]]

'''Btw:''' 
[[Help:Editing|Help]] shows how to edit in this wiki; [[Help:Images|How to upload and use images]]. Please do not upload content that you did not create.

== Eligible participants ==
* Bachelor Students Media Art & Design
* Master Students Media Art & Design
* Master Students MediaArchitecture
* All others: if you're interested, get in contact with Michael!

==Syllabus==
Preliminary schedule:
# 22.10. First meeting, Intro & Showcase
# 29.10. HTML, CSS & jQuery Mobile
# <del>05.11. no class</del> due to an excursion!
# 12.11. CSS, JavaScript (ECMA): Variables & Functions
# 19.11. Objects
# 26.11. Event Handlers (Drawing with a Touch)
# 03.12. Networking (XMLHttpRequest), Yahoo Pipes (XML to JSON)
# 10.12. Geolocation & Device Orientation
# 17.12. Communication Part II (FlickR API)
# 07.01. SVG
# 14.01. JS Libs Part I
# 21.01. JS Libs Part II
# 28.01. Hybrid Apps Part I
# 04.02. Hybrid Apps Part II
# 31.03. tba

== Links ==

* [http://procoding.audiocommander.de Procoding]

== Literature ==
Beginners:
* Marijn Haverbeke: Die Kunst der JavaScript Programmierung (DE) / Eloquent JavaScript (EN), ISBN 9873898647878, http://marijnhaverbeke.nl
* Florian Franke: Apps mit HTML5 und CSS3: für iPad, iPhone und Android (DE), ISBN 978-3836218481

Advanced:
* Stoyan Stefanov: O'Reilly JavaScript Patterns, ISBN 978-0596806750

Processing and Processing.js:
* Daniel Shiffman: Pixels, Patterns, and Processing: A Beginner's Guide to Programming Images, Animation, and Interaction, ISBN 978-0123736024
* Daniel Shiffman: The Nature of Code: Simulating Natural Systems with Processing, ISBN 978-0985930806, http://natureofcode.com

[[Category:Courses]]
[[Category:CSS]]
[[Category:Cocoa]]
[[Category:Computer graphics]]
[[Category:Design]]
[[Category:GPS]]
[[Category:GUI]]
[[Category:Generative Gestaltung]]
[[Category:Gestaltung]]
[[Category:Grundlagen]]
[[Category:HTML]]
[[Category:IDE]]
[[Category:IFD]]
[[Category:IOS]]
[[Category:IPad]]
[[Category:IPhone]]
[[Category:IPodTouch]]
[[Category:Interaktion]]
[[Category:Internet]]
[[Category:Michael Markert]]
[[Category:Mobile Development]]
[[Category:Mobile Interfaces]]
[[Category:Objective-C]]
[[Category:Processing]]
[[Category:Programmiersprachen]]
[[Category:WS13]]
[[Category:Webtechnologien]]
[[Category:Werkmodul]]
[[Category:Xcode]]
[[Category:Javascript]]
[[Category:Fachmodul]]

IFD:Kolloq WS13

2013-10-22T11:08:49Z

Anastasiya:

[[:Category:Kolloquium|Kolloquium]] 
''Lehrperson:'' [[Jens Geelhaar]], [[Michael Markert]], [[Gabriel Rausch]], [[Martin Schied]], [[User:Joatan|Joatan Preis Dutra]], [[Johannes Deich]], [[Daniela Tröger]] 
''Bewertung:'' 0 [[ECTS]], ca. 3 [[SWS]] 
''Termin:'' Mittwochs, 10.15 Uhr 
''Ort:'' Marienstraße 7b, Raum 105 

''Erster Termin:'' Mittwoch, 30. Oktober 2013, 10:15 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.

== Hinweise für Vortragende ==

Übrigens: Wir freuen uns über Hinweise für interessante Vorträge!

Normalerweise gibt es zwei Redner pro Termin. Es gibt einen Beamer (VGA-Connector!), wenn Sie Sound oder einen Computer benötigen, melden Sie sich bitte bei [[User:Mm|Michael]]. Falls Sie die Präsentation auf einem USB-Stick mitbringen, dann bitte entweder als Mac-Keynote oder als PDF. Wir haben nur eventuell Zugriff auf einen Windows-PC mit Powerpoint.

Sie können Ihre Vortragssprache (Deutsch/Englisch) frei wählen. Es sind jedoch üblicherweise 5 bis 10% fremdsprachige Teilnehmer anwesend, die i.d.R. besser Englisch als Deutsch verstehen.

Die Präsentation sollte eine Dauer von etwa ~20 Minuten haben. Bitte haben Sie Verständnis dafür, wenn wir nach spätestens 30 Minuten abbrechen, denn wir möchten noch genügend Zeit für Feedback, Fragen und kurze Anschlussdiskussionen haben.

== Notes for Speakers ==

If you feel you have something interesting to share, please contact us. We are always looking for interesting things to share and talk about.

Typically, we have two presentations per meeting. There is a projector with VGA Connector. If you need Sound or a Computer, please contact [[User:Mm|Michael]]. If you bring your presentation on a USB-Stick, please use either Mac-Keynote or PDF, because we may or may not find a Windows-PC with Powerpoint.

The language of your talk (German/English) is up to you to decide. Usually, there are about 5 to 10% Students that understand English better than German.

The presentation should have a duration of about ~ 20 minutes. Please understand that we need to stop the talk after 30 minutes latest, because there should be time for feedback, questions and short discussions.

==Syllabus==
Vorläufiger Semesterplan:
BITTE MAXIMAL ZWEI VORTRÄGE PRO TERMIN!
ONLY TWO PRESENTATIONS PER DAY PLEASE!
# <del>23.10.</del> no meeting!
# <del>30.10.</del> no meeting!
# 06.11.
# 13.11. Tobias Westphal: "Thema der Bachelorarbeit"
# 20.11.
# 27.11. Anastasiya Pavelchuk: "Thema der Bachelorarbeit"
# 04.12.
# 11.12.
# 18.12.
# <del>25.12.</del> No Talks: Public Holiday / Keine Vorträge: Weihnachten
# <del>01.01.</del> No Talks: Public Holiday / Keine Vorträge: Neujahr
# 08.01.
# 15.01.
# 22.01.
# 29.01.
# 05.02.
BITTE MAXIMAL ZWEI VORTRÄGE PRO TERMIN!
ONLY TWO PRESENTATIONS PER DAY PLEASE!

== Siehe auch ==
* [[IFD:Kolloq SS12]]
* [[IFD:Kolloq WS12]]
* [[IFD:Kolloq SS13]]

==Links==
* tba

User:Anastasiya

2012-11-26T21:29:21Z

Anastasiya:

{{Template:User|Anastasiya}}

=Projekte=

==[[/Interface Design/]]==
[[File:Activearts.png|150px| Activearts]]
[[File:WE.DANCE.png|300px| WE.DANCE]]
[[File:Startseite.png|200px|Weimarpedia-Kids]]
[[File:uninizer.png|150px|UNINIZER]]
[[File:jQuery.png|200px|DanceStage]]
[[File:KanSlbst.png|150px|Suprematistische Komposition]]

==[[/Grundlagen Mediengestaltung/]]==
[[File:SonstKomposition1.JPG|300px|Form und Spiegelung]]
==[[/Performance/]]==
Performance zum Thema "Unsicherheit" 
Wie drückt sich Unsicherheit aus? 
Warum versuchen wir, sie zu verstecken? 
[[File:Unsicherheit1.jpg|Performance|300px]]
[[File:Unsicherheit2.jpg|Performance|300px]]
 
==[[/Multimediales Erzählen/]]==
[[File:Schleifen.png|300px|Schleifen binden]]
Kurzfilm [http://video.mail.ru/mail/charli-/_myvideo/4.html "Wie man Schleifen bindet"]
==[[/Programmierung/]]==
[[Image:checkerboard.png|300px|Raytracer]]

==[[GMU:My favorite things]] - [[GMU:My_favorite_things/Projekte/Zucker Animation|Zuckeranimation]]==
[[File:Zucker2.jpg|300px|Zucker Animation]]

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

==[[GMU:Immersive Strategien]] - [[GMU:Immersive_Strategien/Inhalte/In_Weimar_eintauchen |L-Cage]]==
[[File:L-Cage1.jpg|300px|L-Cage]]

Der Zuschauer steht zwischen zwei sich bewegenden Landschaften, durch die die Kamera nach vorne läuft. Ich hoffe, es wird ein Gefühl erzeugt, als würde der Zuschauer selbst durch diese Landschaften laufen.

User:Anastasiya/Moden und öffentliche Erscheinungsbilder

2012-11-26T21:28:50Z

Anastasiya: Blanked the page

File:Activearts arbeiten2.png

2012-09-30T19:46:58Z

Anastasiya:

== Summary ==

== Copyright status: ==

== Source: ==

User:Anastasiya/Interface Design/Activearts

2012-09-30T19:46:13Z

Anastasiya:

==Activearts==

[http://activearts.de ActiveArts] ist ein persönliches online Protfolio. Die darin dargestellten Arbeiten sind in vier Bereiche unterteilt: Interface Design, Performing Art, Free Working und Video & Animation. Diese Bereiche unterscheiden sich farblich voneinander.

===Aufbau und Stuktur===
Die Startseite besteht nur aus einem Menü mit folgenden Punkten:

- About
- Contact
- Interface Design
- Preforming Art
- Free Working und
- Video & Animation

Diese Punkte sind als Rechtecke dargestellt. Zu diesen gehören weitere Rechtecke, die farblich zu ihnen passen und zufällig generiert werden. Dies sind einzelne Arbeiten, von denen man den ersten Eindruck bekommen kann, wenn man über das jeweilige Rechteck mit der Maus hovert.
Außerdem gibt es zusätzlich Rechtecke ohne farbliche Füllung. Diese ergänzen das gesamte Bild, haben aber keine weitere Bedeutung.

[[File: activearts_startseite.png| 600px| Startseite]]

Die Startseite, also auch die Navigation ist immer präsent. Klickt man einen Menüpunkt an, so öffnet sich ein Fenster eine Ebene über der Startseite und der Hintergrund wird leicht ausgeblendet. Das geöffnete Fenster ist entweder ein div oder ein iframe und ist leicht wegzuklicken, indem man auf eine beliebige Stelle außerhalb klickt.

[[File: activearts_about.png| 600px| About]]

Da zu jedem Überpunkt mehrere Arbeiten gehören, kann man sich durch diese im jeweiligen iframe-Fenster durchklicken.

[[File: activearts_arbeiten.png| 600px| Works]]

Der Inhalt der iframes wird von einem 2-spaltigen Layout dominiert. Auf der linken Seite befindet sich immer ein großes Bild und auf der rechten kleine Thumbnails, die man anklicken kann. Über den Vorschaubildern befindet sich ein Text mit der Beschreibung der Arbeit / des Projekts.

[[File: activearts_arbeiten2.png| 600px| Works]]

===Umsetzung===
Die Webseite wurde mit HTML, CSS, Javascript / jQuery und PHP umgesetzt. Fast alle Elemente auf der Startseite werden mit Javascript generiert, so entsteht bei jedem Laden ein neues Bild. Auch die iframes werden mit Hilfe von DOM zur HTML-Seite hinzugefügt.
Das Scrollen der Arbeiten in der Box, sowie das Durchschauen Bildergalerie ermöglicht jQuery.
Das Kontakt-Formular wurde mit PHP umgesetzt.

File:Activearts arbeiten.png

2012-09-30T19:44:57Z

Anastasiya:

== Summary ==

== Copyright status: ==

== Source: ==

File:Activearts about.png

2012-09-30T19:44:00Z

Anastasiya:

== Summary ==

== Copyright status: ==

== Source: ==

File:Activearts startseite.png

2012-09-30T19:43:00Z

Anastasiya:

== Summary ==

== Copyright status: ==

== Source: ==

User:Anastasiya/Interface Design/Activearts

2012-09-30T19:42:29Z

Anastasiya: Created page with "==Activearts== [http://activearts.de ActiveArts] ist ein persönliches online Protfolio. Die darin dargestellten Arbeiten sind in vier Bereiche unterteilt: Interface Design, Per..."

==Activearts==

[http://activearts.de ActiveArts] ist ein persönliches online Protfolio. Die darin dargestellten Arbeiten sind in vier Bereiche unterteilt: Interface Design, Performing Art, Free Working und Video & Animation. Diese Bereiche unterscheiden sich farblich voneinander.

===Aufbau und Stuktur===
Die Startseite besteht nur aus einem Menü mit folgenden Punkten:

- About
- Contact
- Interface Design
- Preforming Art
- Free Working und
- Video & Animation

Diese Punkte sind als Rechtecke dargestellt. Zu diesen gehören weitere Rechtecke, die farblich zu ihnen passen und zufällig generiert werden. Dies sind einzelne Arbeiten, von denen man den ersten Eindruck bekommen kann, wenn man über das jeweilige Rechteck mit der Maus hovert.
Außerdem gibt es zusätzlich Rechtecke ohne farbliche Füllung. Diese ergänzen das gesamte Bild, haben aber keine weitere Bedeutung.

[[File: activearts_startseite.png| 600px| Startseite]]

Die Startseite, also auch die Navigation ist immer präsent. Klickt man einen Menüpunkt an, so öffnet sich ein Fenster eine Ebene über der Startseite und der Hintergrund wird leicht ausgeblendet. Das geöffnete Fenster ist entweder ein div oder ein iframe und ist leicht wegzuklicken, indem man auf eine beliebige Stelle außerhalb klickt.

[[File: activearts_about.png| 600px| About]]

Da zu jedem Überpunkt mehrere Arbeiten gehören, kann man sich durch diese im jeweiligen iframe-Fenster durchklicken.

[[File: activearts_arbeiten.png| 600px| Works]]

Der Inhalt der iframes wird von einem 2-spaltigen Layout dominiert. Auf der linken Seite befindet sich immer ein großes Bild und auf der rechten kleine Thumbnails, die man anklicken kann. Über den Vorschaubildern befindet sich ein Text mit der Beschreibung der Arbeit / des Projekts.

===Umsetzung===
Die Webseite wurde mit HTML, CSS, Javascript / jQuery und PHP umgesetzt. Fast alle Elemente auf der Startseite werden mit Javascript generiert, so entsteht bei jedem Laden ein neues Bild. Auch die iframes werden mit Hilfe von DOM zur HTML-Seite hinzugefügt.
Das Scrollen der Arbeiten in der Box, sowie das Durchschauen Bildergalerie ermöglicht jQuery.
Das Kontakt-Formular wurde mit PHP umgesetzt.

User:Anastasiya/Interface Design

2012-09-30T18:56:01Z

Anastasiya:

==[[/WE.DANCE CI/]]==
Corporate Identity für WE-DANCE

[http://we-dance.eu/ we-dance.eu] 
[[File:WE.DANCE.png|400px| WE.DANCE]]

 

==[[/Activearts/]]==
Activearts - ein Portfolio

[http://activearts.de activearts] 
[[File:Activearts.png|200px| Activearts]]

 

==[[/Weimarpedia-Kids/]]==
Redesign von Weimarpedia Kids Webseite

[http://www.weimarpedia-kids.de/index.php?id=231 Weimarpedia Kids] 
[[File:Startseite.png|300px| Weimarpedia-Kids]]

==UNINIZER==
Entwicklung eines neuen Produkts.

[http://uninizer.metacoon.net Uninizer] 
[[File:Uninizer_banner.png|700px| Uninizer]]

 

==WebApps==

''Gestaltung und Etwicklung einer dynamischen Web-Seite''

[http://webuser.uni-weimar.de/~cuwa3881/Lexikon.html DanceStage.de]
===Beschreibung===
Online-Tanzschule
[[Image:jQuery.png|thumb|Drop Down Menü mit jQuery]]
#'''Startseite''' (html, css, Flash): Es soll auch eine Möglichkeit für diejenigen, die tanzen lernen möchten, geben, dies unabhängig vom Ort und der Zeit zu tun. Auf der Startseite wird beschrieben, wie das mölich werden kann.
#'''Preisübersicht''' (html, css, Flash): Einfach mit einer Tabelle
#'''Anmeldung''' (html, css, php): Nach der Anmeldung werden die eingetragenen Daten in einer Datenbank gespeichert.
#'''Lexikon''' (Beschreibung der Tanzschritte mit Bildern) (html, css, jquery): Natürlich muss es auch ein Lexikon geben, in dem die wichtigsten Tanzschritte beschrieben werden. Beim Klick auf den Namen einer Tanzfigur kommt ein Foto zur Veranschaulichung (jQuery: imgPreview).
#'''Unterrichtsvideos''' (html, css, jquery, php) + Login: Es gibt ein Testvideo, das sich die noch nich registrierten Besucher anschauen können, um eine bessere Vorstellung davon zu bekommen, wie eine Online-Tanzschule funktioniert. Sobald man dann aber die Unterrichtsvideos anschauen will, kommt ein Fenster, wo man sich anmelden muss, um am "Unterricht" teilzunehmen.
#'''Kontaktformular / Impressum''' (html, css, php, Flash): Man kann seine Verbesserungsvorschläge oder Wünsche, aber auch Fragen mit Hilfe von einem Kontaktformular abschicken.

 

==[[Digital Bauhaus Vorkurs]]==
===[http://www.uni-weimar.de/medien/wiki/Digital_Bauhaus_Vorkurs/Projekte/Formkontraste Formkontraste mit Processing (Java)] ===
[[File:KanSlbst.png|thumb|Suprematistische Komposition]]

* Form-an-sich Kontrast
** Die Grundformen bilden den einfachsten und stärksten Kontrast
* Qualitätskontrast
** regelmäßig - unregelmäßig
** geschlossen - offen
** scharf - weich
** unterschiedliche Helligkeit - ähnliche Helligkeit
 

„Alles was wir sehen, hören , riechen, schmecken, tasten, fühlen, ist in Relation gesetzt zu einem Zweiten, das dem Ersten entgegengesetzt ist.“ Johannes Itten, Elemente der Bildenden Kunst (JI98)

User:Anastasiya

2012-09-30T18:06:01Z

Anastasiya:

{{Template:User|Anastasiya}}

=Projekte=

==[[/Interface Design/]]==
[[File:Activearts.png|150px| Activearts]]
[[File:WE.DANCE.png|300px| WE.DANCE]]
[[File:Startseite.png|200px|Weimarpedia-Kids]]
[[File:uninizer.png|150px|UNINIZER]]
[[File:jQuery.png|200px|DanceStage]]
[[File:KanSlbst.png|150px|Suprematistische Komposition]]

==[[/Grundlagen Mediengestaltung/]]==
[[File:SonstKomposition1.JPG|300px|Form und Spiegelung]]
==[[/Performance/]]==
Performance zum Thema "Unsicherheit" 
Wie drückt sich Unsicherheit aus? 
Warum versuchen wir, sie zu verstecken? 
[[File:Unsicherheit1.jpg|Performance|300px]]
[[File:Unsicherheit2.jpg|Performance|300px]]
 
==[[/Multimediales Erzählen/]]==
[[File:Schleifen.png|300px|Schleifen binden]]
Kurzfilm [http://video.mail.ru/mail/charli-/_myvideo/4.html "Wie man Schleifen bindet"]
==[[/Programmierung/]]==
[[Image:checkerboard.png|300px|Raytracer]]

==[[/Moden und öffentliche Erscheinungsbilder/]]==
'''KFK - "Katalog fürs Kloster"'''
 
[[File:KFKTitelseite.jpg|Die Titelseite|left|300px]]
Katalog (Artikelvorschau)
Ka|ta|log, der; -[e]s, -e [spätlat. catalogus < griech. katálogos = Aufzählung, Verzeichnis]
 

==[[GMU:My favorite things]] - [[GMU:My_favorite_things/Projekte/Zucker Animation|Zuckeranimation]]==
[[File:Zucker2.jpg|300px|Zucker Animation]]

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

==[[GMU:Immersive Strategien]] - [[GMU:Immersive_Strategien/Inhalte/In_Weimar_eintauchen |L-Cage]]==
[[File:L-Cage1.jpg|300px|L-Cage]]

Der Zuschauer steht zwischen zwei sich bewegenden Landschaften, durch die die Kamera nach vorne läuft. Ich hoffe, es wird ein Gefühl erzeugt, als würde der Zuschauer selbst durch diese Landschaften laufen.

User:Anastasiya

2012-09-30T18:05:27Z

Anastasiya:

{{Template:User|Anastasiya}}

=Projekte=

==[[/Interface Design/]]==
[[File:Activearts.png|100px| Activearts]]
[[File:WE.DANCE.png|300px| WE.DANCE]]
[[File:Startseite.png|200px|Weimarpedia-Kids]]
[[File:uninizer.png|100px|UNINIZER]]
[[File:jQuery.png|200px|DanceStage]]
[[File:KanSlbst.png|200px|Suprematistische Komposition]]

==[[/Grundlagen Mediengestaltung/]]==
[[File:SonstKomposition1.JPG|300px|Form und Spiegelung]]
==[[/Performance/]]==
Performance zum Thema "Unsicherheit" 
Wie drückt sich Unsicherheit aus? 
Warum versuchen wir, sie zu verstecken? 
[[File:Unsicherheit1.jpg|Performance|300px]]
[[File:Unsicherheit2.jpg|Performance|300px]]
 
==[[/Multimediales Erzählen/]]==
[[File:Schleifen.png|300px|Schleifen binden]]
Kurzfilm [http://video.mail.ru/mail/charli-/_myvideo/4.html "Wie man Schleifen bindet"]
==[[/Programmierung/]]==
[[Image:checkerboard.png|300px|Raytracer]]

==[[/Moden und öffentliche Erscheinungsbilder/]]==
'''KFK - "Katalog fürs Kloster"'''
 
[[File:KFKTitelseite.jpg|Die Titelseite|left|300px]]
Katalog (Artikelvorschau)
Ka|ta|log, der; -[e]s, -e [spätlat. catalogus < griech. katálogos = Aufzählung, Verzeichnis]
 

==[[GMU:My favorite things]] - [[GMU:My_favorite_things/Projekte/Zucker Animation|Zuckeranimation]]==
[[File:Zucker2.jpg|300px|Zucker Animation]]

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

==[[GMU:Immersive Strategien]] - [[GMU:Immersive_Strategien/Inhalte/In_Weimar_eintauchen |L-Cage]]==
[[File:L-Cage1.jpg|300px|L-Cage]]

Der Zuschauer steht zwischen zwei sich bewegenden Landschaften, durch die die Kamera nach vorne läuft. Ich hoffe, es wird ein Gefühl erzeugt, als würde der Zuschauer selbst durch diese Landschaften laufen.

File:Activearts.png

2012-09-30T18:04:57Z

Anastasiya:

== Summary ==

== Copyright status: ==

== Source: ==

User:Anastasiya

2012-09-30T18:03:56Z

Anastasiya:

{{Template:User|Anastasiya}}

=Projekte=

==[[/Interface Design/]]==
[[File:Activearts.png|300px| Activearts]]
[[File:WE.DANCE.png|300px| WE.DANCE]]
[[File:Startseite.png|200px|Weimarpedia-Kids]]
[[File:uninizer.png|200px|UNINIZER]]
[[File:jQuery.png|200px|DanceStage]]
[[File:KanSlbst.png|200px|Suprematistische Komposition]]

==[[/Grundlagen Mediengestaltung/]]==
[[File:SonstKomposition1.JPG|300px|Form und Spiegelung]]
==[[/Performance/]]==
Performance zum Thema "Unsicherheit" 
Wie drückt sich Unsicherheit aus? 
Warum versuchen wir, sie zu verstecken? 
[[File:Unsicherheit1.jpg|Performance|300px]]
[[File:Unsicherheit2.jpg|Performance|300px]]
 
==[[/Multimediales Erzählen/]]==
[[File:Schleifen.png|300px|Schleifen binden]]
Kurzfilm [http://video.mail.ru/mail/charli-/_myvideo/4.html "Wie man Schleifen bindet"]
==[[/Programmierung/]]==
[[Image:checkerboard.png|300px|Raytracer]]

==[[/Moden und öffentliche Erscheinungsbilder/]]==
'''KFK - "Katalog fürs Kloster"'''
 
[[File:KFKTitelseite.jpg|Die Titelseite|left|300px]]
Katalog (Artikelvorschau)
Ka|ta|log, der; -[e]s, -e [spätlat. catalogus < griech. katálogos = Aufzählung, Verzeichnis]
 

==[[GMU:My favorite things]] - [[GMU:My_favorite_things/Projekte/Zucker Animation|Zuckeranimation]]==
[[File:Zucker2.jpg|300px|Zucker Animation]]

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

==[[GMU:Immersive Strategien]] - [[GMU:Immersive_Strategien/Inhalte/In_Weimar_eintauchen |L-Cage]]==
[[File:L-Cage1.jpg|300px|L-Cage]]

Der Zuschauer steht zwischen zwei sich bewegenden Landschaften, durch die die Kamera nach vorne läuft. Ich hoffe, es wird ein Gefühl erzeugt, als würde der Zuschauer selbst durch diese Landschaften laufen.

File:Uninizer.png

2012-09-10T15:43:15Z

Anastasiya:

== Summary ==

== Copyright status: ==

== Source: ==

User:Anastasiya/Interface Design

2012-09-10T15:42:20Z

Anastasiya:

==[[/WE.DANCE CI/]]==
Corporate Identity für WE-DANCE

[http://we-dance.eu/ we-dance.eu] 
[[File:WE.DANCE.png|400px| WE.DANCE]]

 

==[[/Weimarpedia-Kids/]]==
Redesign von Weimarpedia Kids Webseite

[http://www.weimarpedia-kids.de/index.php?id=231 Weimarpedia Kids] 
[[File:Startseite.png|300px| Weimarpedia-Kids]]

==UNINIZER==
Entwicklung eines neuen Produkts.

[http://uninizer.metacoon.net Uninizer] 
[[File:Uninizer_banner.png|700px| Uninizer]]

 

==WebApps==

''Gestaltung und Etwicklung einer dynamischen Web-Seite''

[http://webuser.uni-weimar.de/~cuwa3881/Lexikon.html DanceStage.de]
===Beschreibung===
Online-Tanzschule
[[Image:jQuery.png|thumb|Drop Down Menü mit jQuery]]
#'''Startseite''' (html, css, Flash): Es soll auch eine Möglichkeit für diejenigen, die tanzen lernen möchten, geben, dies unabhängig vom Ort und der Zeit zu tun. Auf der Startseite wird beschrieben, wie das mölich werden kann.
#'''Preisübersicht''' (html, css, Flash): Einfach mit einer Tabelle
#'''Anmeldung''' (html, css, php): Nach der Anmeldung werden die eingetragenen Daten in einer Datenbank gespeichert.
#'''Lexikon''' (Beschreibung der Tanzschritte mit Bildern) (html, css, jquery): Natürlich muss es auch ein Lexikon geben, in dem die wichtigsten Tanzschritte beschrieben werden. Beim Klick auf den Namen einer Tanzfigur kommt ein Foto zur Veranschaulichung (jQuery: imgPreview).
#'''Unterrichtsvideos''' (html, css, jquery, php) + Login: Es gibt ein Testvideo, das sich die noch nich registrierten Besucher anschauen können, um eine bessere Vorstellung davon zu bekommen, wie eine Online-Tanzschule funktioniert. Sobald man dann aber die Unterrichtsvideos anschauen will, kommt ein Fenster, wo man sich anmelden muss, um am "Unterricht" teilzunehmen.
#'''Kontaktformular / Impressum''' (html, css, php, Flash): Man kann seine Verbesserungsvorschläge oder Wünsche, aber auch Fragen mit Hilfe von einem Kontaktformular abschicken.

 

==[[Digital Bauhaus Vorkurs]]==
===[http://www.uni-weimar.de/medien/wiki/Digital_Bauhaus_Vorkurs/Projekte/Formkontraste Formkontraste mit Processing (Java)] ===
[[File:KanSlbst.png|thumb|Suprematistische Komposition]]

* Form-an-sich Kontrast
** Die Grundformen bilden den einfachsten und stärksten Kontrast
* Qualitätskontrast
** regelmäßig - unregelmäßig
** geschlossen - offen
** scharf - weich
** unterschiedliche Helligkeit - ähnliche Helligkeit
 

„Alles was wir sehen, hören , riechen, schmecken, tasten, fühlen, ist in Relation gesetzt zu einem Zweiten, das dem Ersten entgegengesetzt ist.“ Johannes Itten, Elemente der Bildenden Kunst (JI98)

User:Anastasiya/Interface Design

2012-09-10T15:41:39Z

Anastasiya:

==[[/WE.DANCE CI/]]==
Corporate Identity für WE-DANCE

[http://we-dance.eu/ we-dance.eu] 
[[File:WE.DANCE.png|400px| WE.DANCE]]

 

==[[/Weimarpedia-Kids/]]==
Redesign von Weimarpedia Kids Webseite

[http://www.weimarpedia-kids.de/index.php?id=231 Weimarpedia Kids] 
[[File:Startseite.png|300px| Weimarpedia-Kids]]

==UNINIZER==
Entwicklung eines neuen Produkts.

[http://uninizer.metacoon.net Uninizer] 
[[File:Uninizer_banner.png| Uninizer]]

 

==WebApps==

''Gestaltung und Etwicklung einer dynamischen Web-Seite''

[http://webuser.uni-weimar.de/~cuwa3881/Lexikon.html DanceStage.de]
===Beschreibung===
Online-Tanzschule
[[Image:jQuery.png|thumb|Drop Down Menü mit jQuery]]
#'''Startseite''' (html, css, Flash): Es soll auch eine Möglichkeit für diejenigen, die tanzen lernen möchten, geben, dies unabhängig vom Ort und der Zeit zu tun. Auf der Startseite wird beschrieben, wie das mölich werden kann.
#'''Preisübersicht''' (html, css, Flash): Einfach mit einer Tabelle
#'''Anmeldung''' (html, css, php): Nach der Anmeldung werden die eingetragenen Daten in einer Datenbank gespeichert.
#'''Lexikon''' (Beschreibung der Tanzschritte mit Bildern) (html, css, jquery): Natürlich muss es auch ein Lexikon geben, in dem die wichtigsten Tanzschritte beschrieben werden. Beim Klick auf den Namen einer Tanzfigur kommt ein Foto zur Veranschaulichung (jQuery: imgPreview).
#'''Unterrichtsvideos''' (html, css, jquery, php) + Login: Es gibt ein Testvideo, das sich die noch nich registrierten Besucher anschauen können, um eine bessere Vorstellung davon zu bekommen, wie eine Online-Tanzschule funktioniert. Sobald man dann aber die Unterrichtsvideos anschauen will, kommt ein Fenster, wo man sich anmelden muss, um am "Unterricht" teilzunehmen.
#'''Kontaktformular / Impressum''' (html, css, php, Flash): Man kann seine Verbesserungsvorschläge oder Wünsche, aber auch Fragen mit Hilfe von einem Kontaktformular abschicken.

 

==[[Digital Bauhaus Vorkurs]]==
===[http://www.uni-weimar.de/medien/wiki/Digital_Bauhaus_Vorkurs/Projekte/Formkontraste Formkontraste mit Processing (Java)] ===
[[File:KanSlbst.png|thumb|Suprematistische Komposition]]

* Form-an-sich Kontrast
** Die Grundformen bilden den einfachsten und stärksten Kontrast
* Qualitätskontrast
** regelmäßig - unregelmäßig
** geschlossen - offen
** scharf - weich
** unterschiedliche Helligkeit - ähnliche Helligkeit
 

„Alles was wir sehen, hören , riechen, schmecken, tasten, fühlen, ist in Relation gesetzt zu einem Zweiten, das dem Ersten entgegengesetzt ist.“ Johannes Itten, Elemente der Bildenden Kunst (JI98)

File:Uninizer banner.png

2012-09-10T15:41:07Z

Anastasiya:

== Summary ==

== Copyright status: ==

== Source: ==

User:Anastasiya/Interface Design

2012-09-10T15:40:15Z

Anastasiya:

==[[/WE.DANCE CI/]]==
Corporate Identity für WE-DANCE

[http://we-dance.eu/ we-dance.eu] 
[[File:WE.DANCE.png|400px| WE.DANCE]]

 

==[[/Weimarpedia-Kids/]]==
Redesign von Weimarpedia Kids Webseite

[http://www.weimarpedia-kids.de/index.php?id=231 Weimarpedia Kids] 
[[File:Startseite.png|300px| Weimarpedia-Kids]]

==UNINIZER==
Entwicklung eines neuen Produkts.

[http://uninizer.metacoon.net Uninizer] 
[[File:Uninizer_banner.png|400px| Uninizer]]

 

==WebApps==

''Gestaltung und Etwicklung einer dynamischen Web-Seite''

[http://webuser.uni-weimar.de/~cuwa3881/Lexikon.html DanceStage.de]
===Beschreibung===
Online-Tanzschule
[[Image:jQuery.png|thumb|Drop Down Menü mit jQuery]]
#'''Startseite''' (html, css, Flash): Es soll auch eine Möglichkeit für diejenigen, die tanzen lernen möchten, geben, dies unabhängig vom Ort und der Zeit zu tun. Auf der Startseite wird beschrieben, wie das mölich werden kann.
#'''Preisübersicht''' (html, css, Flash): Einfach mit einer Tabelle
#'''Anmeldung''' (html, css, php): Nach der Anmeldung werden die eingetragenen Daten in einer Datenbank gespeichert.
#'''Lexikon''' (Beschreibung der Tanzschritte mit Bildern) (html, css, jquery): Natürlich muss es auch ein Lexikon geben, in dem die wichtigsten Tanzschritte beschrieben werden. Beim Klick auf den Namen einer Tanzfigur kommt ein Foto zur Veranschaulichung (jQuery: imgPreview).
#'''Unterrichtsvideos''' (html, css, jquery, php) + Login: Es gibt ein Testvideo, das sich die noch nich registrierten Besucher anschauen können, um eine bessere Vorstellung davon zu bekommen, wie eine Online-Tanzschule funktioniert. Sobald man dann aber die Unterrichtsvideos anschauen will, kommt ein Fenster, wo man sich anmelden muss, um am "Unterricht" teilzunehmen.
#'''Kontaktformular / Impressum''' (html, css, php, Flash): Man kann seine Verbesserungsvorschläge oder Wünsche, aber auch Fragen mit Hilfe von einem Kontaktformular abschicken.

 

==[[Digital Bauhaus Vorkurs]]==
===[http://www.uni-weimar.de/medien/wiki/Digital_Bauhaus_Vorkurs/Projekte/Formkontraste Formkontraste mit Processing (Java)] ===
[[File:KanSlbst.png|thumb|Suprematistische Komposition]]

* Form-an-sich Kontrast
** Die Grundformen bilden den einfachsten und stärksten Kontrast
* Qualitätskontrast
** regelmäßig - unregelmäßig
** geschlossen - offen
** scharf - weich
** unterschiedliche Helligkeit - ähnliche Helligkeit
 

„Alles was wir sehen, hören , riechen, schmecken, tasten, fühlen, ist in Relation gesetzt zu einem Zweiten, das dem Ersten entgegengesetzt ist.“ Johannes Itten, Elemente der Bildenden Kunst (JI98)

User:Anastasiya

2012-09-10T15:29:42Z

Anastasiya:

{{Template:User|Anastasiya}}

=Projekte=

==[[/Interface Design/]]==
[[File:WE.DANCE.png|300px| WE.DANCE]]
[[File:Startseite.png|200px|Weimarpedia-Kids]]
[[File:uninizer.png|200px|UNINIZER]]
[[File:jQuery.png|200px|DanceStage]]
[[File:KanSlbst.png|200px|Suprematistische Komposition]]

==[[/Grundlagen Mediengestaltung/]]==
[[File:SonstKomposition1.JPG|300px|Form und Spiegelung]]
==[[/Performance/]]==
Performance zum Thema "Unsicherheit" 
Wie drückt sich Unsicherheit aus? 
Warum versuchen wir, sie zu verstecken? 
[[File:Unsicherheit1.jpg|Performance|300px]]
[[File:Unsicherheit2.jpg|Performance|300px]]
 
==[[/Multimediales Erzählen/]]==
[[File:Schleifen.png|300px|Schleifen binden]]
Kurzfilm [http://video.mail.ru/mail/charli-/_myvideo/4.html "Wie man Schleifen bindet"]
==[[/Programmierung/]]==
[[Image:checkerboard.png|300px|Raytracer]]

==[[/Moden und öffentliche Erscheinungsbilder/]]==
'''KFK - "Katalog fürs Kloster"'''
 
[[File:KFKTitelseite.jpg|Die Titelseite|left|300px]]
Katalog (Artikelvorschau)
Ka|ta|log, der; -[e]s, -e [spätlat. catalogus < griech. katálogos = Aufzählung, Verzeichnis]
 

==[[GMU:My favorite things]] - [[GMU:My_favorite_things/Projekte/Zucker Animation|Zuckeranimation]]==
[[File:Zucker2.jpg|300px|Zucker Animation]]

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

==[[GMU:Immersive Strategien]] - [[GMU:Immersive_Strategien/Inhalte/In_Weimar_eintauchen |L-Cage]]==
[[File:L-Cage1.jpg|300px|L-Cage]]

Der Zuschauer steht zwischen zwei sich bewegenden Landschaften, durch die die Kamera nach vorne läuft. Ich hoffe, es wird ein Gefühl erzeugt, als würde der Zuschauer selbst durch diese Landschaften laufen.

User:Anastasiya/Interface Design/WE.DANCE CI

2012-08-20T06:57:39Z

Anastasiya:

=='''WE.'''DANCE==

[[File:WE.DANCE.png|600px]]

WE.DANCE ist ein gemeinnütziger Verein, der es sich zur Aufgabe gemacht den zeitgenössischem Tanz in Thüringen zu Stärken und eine nachhaltige Struktur für Kinder- und Jugendtanzprojekte zu schaffen. Die von WE.DANCE initiierten Projekte, finden sowohl vor Ort in Schulen oder Jugendclubs, als auch an neutralen Orten, Tanzräumen oder im öffentlichen Raum statt.

Für diesen Verein sollte eine ''Corporate Identity'' entworfen werden (Logo, Visitenkarten, Flyer, Plakate, Webseite, Briefpapier).

====Logo====
[[File:WE.DANCELogo.png| 200px]]
[[File:WE.DANCELogo1.png| 200px]]
[[File:WE.DANCELogo2.png| 200px]]
[[File:WE.DANCELogo3.png| 200px]]

Die Farbkombinationen der Logos sind variabel und werden an das entsprechende Format angepasst, sind es Flyer, Webseitenreiter, Poster oder Visitenkarten.

====[http://we-dance.eu/ Webseite]====

[[File:WE.DANCE1.png | 300px | WE.DANCE Galerie]]
[[File:WE.DANCE2.png | 300px | WE.DANCE Aktuell]]
[[File:WE.DANCE3.png | 300px | WE.DANCE Philosophie]]

====Visitenkarte====
[[File:Visitenkarte.png |300px| Visitenkarte]]
[[File:Visitenkarte2.png |300px| Visitenkarte]]
[[File:Visitenkarte3.png |300px| Visitenkarte]]

Jeder Mitarbeiter des Teams bekommt eine individuelle Farbkombiantion des Logos sowie ein eigenes Visitenkartenlayout auf der Rückseite. Die Linien auf der Rückseite der Visitenkarte greifen die Linien des Logos auf der Vorderseite auf.

User:Anastasiya/Interface Design

2012-08-19T14:13:20Z

Anastasiya:

==[[/WE.DANCE CI/]]==
Corporate Identity für WE-DANCE

[http://we-dance.eu/ we-dance.eu] 
[[File:WE.DANCE.png|400px| WE.DANCE]]

 

==[[/Weimarpedia-Kids/]]==
Redesign von Weimarpedia Kids Webseite

[http://www.weimarpedia-kids.de/index.php?id=231 Weimarpedia Kids] 
[[File:Startseite.png|300px| Weimarpedia-Kids]]

==WebApps==

''Gestaltung und Etwicklung einer dynamischen Web-Seite''

[http://webuser.uni-weimar.de/~cuwa3881/Lexikon.html DanceStage.de]
===Beschreibung===
Online-Tanzschule
[[Image:jQuery.png|thumb|Drop Down Menü mit jQuery]]
#'''Startseite''' (html, css, Flash): Es soll auch eine Möglichkeit für diejenigen, die tanzen lernen möchten, geben, dies unabhängig vom Ort und der Zeit zu tun. Auf der Startseite wird beschrieben, wie das mölich werden kann.
#'''Preisübersicht''' (html, css, Flash): Einfach mit einer Tabelle
#'''Anmeldung''' (html, css, php): Nach der Anmeldung werden die eingetragenen Daten in einer Datenbank gespeichert.
#'''Lexikon''' (Beschreibung der Tanzschritte mit Bildern) (html, css, jquery): Natürlich muss es auch ein Lexikon geben, in dem die wichtigsten Tanzschritte beschrieben werden. Beim Klick auf den Namen einer Tanzfigur kommt ein Foto zur Veranschaulichung (jQuery: imgPreview).
#'''Unterrichtsvideos''' (html, css, jquery, php) + Login: Es gibt ein Testvideo, das sich die noch nich registrierten Besucher anschauen können, um eine bessere Vorstellung davon zu bekommen, wie eine Online-Tanzschule funktioniert. Sobald man dann aber die Unterrichtsvideos anschauen will, kommt ein Fenster, wo man sich anmelden muss, um am "Unterricht" teilzunehmen.
#'''Kontaktformular / Impressum''' (html, css, php, Flash): Man kann seine Verbesserungsvorschläge oder Wünsche, aber auch Fragen mit Hilfe von einem Kontaktformular abschicken.

 

==[[Digital Bauhaus Vorkurs]]==
===[http://www.uni-weimar.de/medien/wiki/Digital_Bauhaus_Vorkurs/Projekte/Formkontraste Formkontraste mit Processing (Java)] ===
[[File:KanSlbst.png|thumb|Suprematistische Komposition]]

* Form-an-sich Kontrast
** Die Grundformen bilden den einfachsten und stärksten Kontrast
* Qualitätskontrast
** regelmäßig - unregelmäßig
** geschlossen - offen
** scharf - weich
** unterschiedliche Helligkeit - ähnliche Helligkeit
 

„Alles was wir sehen, hören , riechen, schmecken, tasten, fühlen, ist in Relation gesetzt zu einem Zweiten, das dem Ersten entgegengesetzt ist.“ Johannes Itten, Elemente der Bildenden Kunst (JI98)

User:Anastasiya/Interface Design

2012-08-19T14:11:40Z

Anastasiya:

==[[/WE.DANCE CI/]]==
[http://we-dance.eu/ we-dance.eu] 
[[File:WE.DANCE.png|400px| WE.DANCE]]

 

==[[/Weimarpedia-Kids/]]==
[http://www.weimarpedia-kids.de/index.php?id=231 Weimarpedia Kids] 
[[File:Startseite.png|300px| Weimarpedia-Kids]]

==WebApps==

''Gestaltung und Etwicklung einer dynamischen Web-Seite''

[http://webuser.uni-weimar.de/~cuwa3881/Lexikon.html DanceStage.de]
===Beschreibung===
Online-Tanzschule
[[Image:jQuery.png|thumb|Drop Down Menü mit jQuery]]
#'''Startseite''' (html, css, Flash): Es soll auch eine Möglichkeit für diejenigen, die tanzen lernen möchten, geben, dies unabhängig vom Ort und der Zeit zu tun. Auf der Startseite wird beschrieben, wie das mölich werden kann.
#'''Preisübersicht''' (html, css, Flash): Einfach mit einer Tabelle
#'''Anmeldung''' (html, css, php): Nach der Anmeldung werden die eingetragenen Daten in einer Datenbank gespeichert.
#'''Lexikon''' (Beschreibung der Tanzschritte mit Bildern) (html, css, jquery): Natürlich muss es auch ein Lexikon geben, in dem die wichtigsten Tanzschritte beschrieben werden. Beim Klick auf den Namen einer Tanzfigur kommt ein Foto zur Veranschaulichung (jQuery: imgPreview).
#'''Unterrichtsvideos''' (html, css, jquery, php) + Login: Es gibt ein Testvideo, das sich die noch nich registrierten Besucher anschauen können, um eine bessere Vorstellung davon zu bekommen, wie eine Online-Tanzschule funktioniert. Sobald man dann aber die Unterrichtsvideos anschauen will, kommt ein Fenster, wo man sich anmelden muss, um am "Unterricht" teilzunehmen.
#'''Kontaktformular / Impressum''' (html, css, php, Flash): Man kann seine Verbesserungsvorschläge oder Wünsche, aber auch Fragen mit Hilfe von einem Kontaktformular abschicken.

 

==[[Digital Bauhaus Vorkurs]]==
===[http://www.uni-weimar.de/medien/wiki/Digital_Bauhaus_Vorkurs/Projekte/Formkontraste Formkontraste mit Processing (Java)] ===
[[File:KanSlbst.png|thumb|Suprematistische Komposition]]

* Form-an-sich Kontrast
** Die Grundformen bilden den einfachsten und stärksten Kontrast
* Qualitätskontrast
** regelmäßig - unregelmäßig
** geschlossen - offen
** scharf - weich
** unterschiedliche Helligkeit - ähnliche Helligkeit
 

„Alles was wir sehen, hören , riechen, schmecken, tasten, fühlen, ist in Relation gesetzt zu einem Zweiten, das dem Ersten entgegengesetzt ist.“ Johannes Itten, Elemente der Bildenden Kunst (JI98)

User:Anastasiya/Interface Design/WE.DANCE CI

2012-08-19T14:08:44Z

Anastasiya:

=='''WE.'''DANCE==

[[File:WE.DANCE.png|600px]]

WE.DANCE ist ein gemeinnütziger Verein, der es sich zur Aufgabe gemacht den zeitgenössischem Tanz in Thüringen zu Stärken und eine nachhaltige Struktur für Kinder- und Jugendtanzprojekte zu schaffen. Die von WE.DANCE initiierten Projekte, finden sowohl vor Ort in Schulen oder Jugendclubs, als auch an neutralen Orten, Tanzräumen oder im öffentlichen Raum statt.

Für diesen Verein sollte eine ''Corporate Identity'' entworfen werden (Logo, Visitenkarten, Flyer, Plakate, Webseite, Briefpapier).

====Logo====
[[File:WE.DANCELogo.png| 200px]]
[[File:WE.DANCELogo1.png| 200px]]
[[File:WE.DANCELogo2.png| 200px]]
[[File:WE.DANCELogo3.png| 200px]]

Die Farbkombinationen der Logos sind variabel und werden an das entsprechende Format angepasst, sind es Flyer, Webseitenreiter, Poster oder Visitenkarten.

====[http://we-dance.eu/ Webseite]====

[[File:WE.DANCE1.png | 300px | WE.DANCE Galerie]]
[[File:WE.DANCE2.png | 300px | WE.DANCE Aktuell]]
[[File:WE.DANCE3.png | 300px | WE.DANCE Philosophie]]

====Visitenkarte====
[[File:Visitenkarte.png |300px| Visitenkarte]]
[[File:Visitenkarte2.png |300px| Visitenkarte]]
[[File:Visitenkarte3.png |300px| Visitenkarte]]

Jeder Mitarbeiter des Teams bekommen eine individuelle Farbkombiantion des Logos sowie ein eigenes Visitenkartenlayout auf der Rückseite. Die Linien auf der Rückseite der Visitenkarte greifen die Linien des Logos auf der Vorderseite auf.

IFD:Roter Button

2012-07-12T13:56:21Z

Anastasiya:

===Anastasiya Pavelchuk, Carolin Scheffler, Dorit Fauck, Tobias Westphal===
====Werkmodul "Roter Button oben links, grüner Button unten rechts"====

[[File:ifd_roterbutton_uninizer_1.jpg]]
[[File:ifd_roterbutton_uninizer_4.jpg]]
[[File:ifd_roterbutton_uninizer_2.jpg]]
[[File:ifd_roterbutton_uninizer_5.jpg]]
[[File:ifd_roterbutton_uninizer_6.jpg]]
[[File:ifd_roterbutton_uninizer_7.jpg]]
[[File:ifd_roterbutton_uninizer_8.jpg]]
[[File:ifd_roterbutton_uninizer_9.jpg]]
[[File:ifd_roterbutton_uninizer_10.jpg]]
[[File:ifd_roterbutton_uninizer_11.jpg]]
[[File:ifd_roterbutton_uninizer_12.jpg]]

IFD:Roter Button

2012-07-12T13:36:33Z

Anastasiya:

===Anastasiya Pavelchuk, Carolin Scheffler, Dorit Fauck, Tobias Westphal===
====Werkmodul "Roter Button oben links, grüner Button unten rechts"====
[[File:ifd_roterbutton_uninizer_2.jpg]]
[[File:ifd_roterbutton_uninizer_1.jpg]]
[[File:ifd_roterbutton_uninizer_4.jpg]]
[[File:ifd_roterbutton_uninizer_5.jpg]]
[[File:ifd_roterbutton_uninizer_6.jpg]]
[[File:ifd_roterbutton_uninizer_7.jpg]]
[[File:ifd_roterbutton_uninizer_8.jpg]]
[[File:ifd_roterbutton_uninizer_9.jpg]]
[[File:ifd_roterbutton_uninizer_10.jpg]]
[[File:ifd_roterbutton_uninizer_11.jpg]]
[[File:ifd_roterbutton_uninizer_12.jpg]]

IFD:Showreel2012/Christoph Halang

2012-07-10T20:14:59Z

Anastasiya:

==Pomodone==

[[File:pomodone.png]]

File:Pomodone.png

2012-07-10T20:13:06Z

Anastasiya:

== Summary ==

== Copyright status: ==

== Source: ==

IFD:Showreel2012/Christoph Halang

2012-07-10T20:12:33Z

Anastasiya:

[[File:pomodone.png]]

IFD:Showreel2012/Christoph Halang

2012-07-10T20:05:12Z

Anastasiya: Created page with "[http://www.evernote.com/shard/s3/sh/bc73921b-84c7-49a2-8af4-dd045363be7f/6fdf3af729e6d3743cbaaa1cd40fbb87 Link-Text]"

[http://www.evernote.com/shard/s3/sh/bc73921b-84c7-49a2-8af4-dd045363be7f/6fdf3af729e6d3743cbaaa1cd40fbb87 Link-Text]

IFD:Showreel2012

2012-07-03T07:22:45Z

Anastasiya:

[[File:20120626_IFD-Showreel2012.png|422px]]

<h3 style="color:#FF5D00;">INFOS</h3>
'''Präsentation Sommersemester 2012''' 
Professur Interface Design 
Prof. Dr. Jens Geelhaar, Frederic Gmeiner, Michael Markert, Gabriel Rausch, Martin Schied,

'''13. Juli 2012'''
'''11:00 - 17:00 Uhr''' 
'''Audimax''' 
Steubenstraße 6, Haus F

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:#FF5D00;">PROGRAMM</h3>

'''11:00 - 13:00 Block "Projektmodule"'''

* Projektmodul 'Interface Design 2 / Interaktion mit mobilen Medien: „Guides & Games“ '
** [[/Tobias Zeller/]]
** [[/Stephan Boldt/]]
** [[/Marisa Martins/]]
** [[/Lydia Kluge/]]
** [[/Sofia Barbosa/]]
** [[/Antje Danz/]]
** [[/Florian Froger/]]
** [[/Tobias Fabian Wolf/]]
** [[/Constantin Oestreich/]]
** [[/Marcus Glahn/]]
** [[/Annika Bokelmann/]]
** [[/Tobias Westphal/]]
** [[/Carlo Enke/]]
** [[/Sven Sommerlatte/]]
** [[/Martin Pabsdorf/]]
** [[/R W/]]
** [[/Anastasiya Pavelchuk/]]

* Projektmodul 'Interface Design 4 / Interaction and Experimental Interfaces - 30 cm3'
** [[/Eleni Digidiki/]]
** [[/Fariborz Farid/]]
** [[/Irina Yasinskaya/]]
** [[/Nooshin Saeedi/]]
** [[/Yue Mao/]]
** [[/Jelena Djokic/]]
** [[/Patawat Phamuad/]]
** [[/Bastian Bügler/]]
** [[/Kathy Yuen/]]
** [[/Tony Wulfert/]]
** [[/Jie Wang/]]
** [[/Matthias Gmelin/]]
** [[/Yunshui Jin/]]
** [[/Miriam Kotyrba/]]
** [[/Xin Wang/]]
** [[/Gentian Begolli/]]
** [[/Diana Cano/]]
** [[/Jinhee Choi/]]
** [[/Matias Garcia/]]
** [[/Diana Mertz/]]
** [[/Augusto Gandia/]]
** [[/Jeremy Booth/]]
** [[/Ludwig Gundermann/]]
** [[/Adriana Cabrera/]]
** [[/Sandra Guzman/]]
** [[/Lida Ebrahimi/]]

'''Mittagspause'''

'''13:30 - 14:30 Block "Fachmodule"'''

* Werkmodul/Fachmodul '[[IFD:WebAdvancedII|WebAdvanced II]]'
** [[/Sofia Barbosa/]]
** [[/Marisa Martins/]]
** [[/Iain Campell/]]
** [[/Johannes Altmann/]]
** [[/Antje Danz/]]
** [[/Marcel Döpel/]]
** [[/Michel Büchner/]]
** [[/Martin Horbach/]]
** [[/Bastian Weber/]]
** [[/Georg Müller/]]
** [[/Sven Sommerlatte/]]
** [[/Tobias Westphal/]]
** [[/Mariana Perfeito/]]
** [[/Claudia Heinze/]]
** [[/Kathy Yuen/]]
** [[/Ivo Santos/]]
** [[/Garcia Matias/]]
** [[/Augusto Gawdia/]]
** [[/Carlo Enke/]]
** [[/Jennifer Beckmann/]]
** [[/Christian Sohn/]]
** [[/Diana Mertz/]]
** [[/Diana Cano/]]

* Fachmodul '[[IFD:iOSDevI|iOS Development I]]'
** [[/Tobias Wolf/]]
** [[/Antje Danz/]]
** [[/Juliane Reschke/]]
** [[/Christoph Halang/]]
** [[/Fariborz Farid/]]
** [[/Iain Campbell/]]
** [[/Dianna Mertz/]]
** [[/Jelena Djokic/]]
** [[/Adriana Cabrera/]]

* Fachmodul '[[IFD:Interaktive Elektronik 2012]]'
** [[/Julius Bullinger/]]
** [[/Malik Al-hallak/]]

'''14:30 - 17:00 Block "Werkmodule"'''

* Werkmodul ‘[[IFD:WebBasicsII|Web Basics II]]‘
** [[/Joatan Preis Dutra/]]
** [[/Florian Froger/]]
** [[/Constantin Oestreich/]]
** [[/Hannes Wünsche/]]
** [[/Lukas Krause/]]
** [[/Ingo Schäfer/]]
** [[/Laura Jozefini/]]
** [[/Monika Schwarz/]]
** [[/Theresa Tschenker/]]
** [[/Lydia Kluge/]]
** [[/Anastasiya Pavelchuk - ActiveArts/]]
** [[/Tobias Westphal/]]
** [[/Anja Werner/]]
** [[/Eleni Digidiki/]]

* Werkmodul ‘[[IFD:BauhausVorkurs2012|Bauhaus Vorkurs]]‘
** [[/Tristan Weis/]]
** [[/Florian Froger/]]
** [[/Philipp Hollinger/]]
** [[/Marius Beine/]]
** [[/Michael Weber/]]
** [[/Daniel Winterberg/]]
** [[/Tobias Wolf/]]
** [[/R W/]]
** [[/Carolin Scheffler/]]

* Werkmodul ‘[[Roter_Button|Roter Button oben links, grüner Button unten rechts]]‘

* Werkmodul ‘[[IFD:Elektrische_Gehirnwellengymnastik|Elektrische Gehirnwellengymnastik]]‘
** [[/Daniel Winterberg/]]
** [[/Antje Danz/]]

* Werkmodul ‘[[IFD:WizardOfOz|The Wizard of Oz: Mock-ups & prototyping]]‘
** [[/Frederic Gmeiner - Zusammenfassung/]]

'''17:00 Schlusswort'''

IFD:WebAdvancedII

2012-07-02T15:25:40Z

Anastasiya:

==Kursplan und Details==
[[/Kursplan Web Advanced II/]]

==Projekte==
* [[/Sofia Barbosa/]]
* [[/Marisa Martins/]]
* [[/Iain Campell/]]
* [[/Johannes Altmann/]]
* [[/Antje Danz/]]
* [[/Marcel Döpel/]]
* [[/Michel Büchner/]]
* [[/Martin Horbach/]]
* [[/Bastian Weber/]]
* [[/Georg Müller/]]
* [[/Sven Sommerlatte/]]
* [[/Tobias Westphal/]]
* [[/Anastasiya Pavelchuk/]]
* [[/Mariana Perfeito/]]
* [[/Claudia Heinze/]]
* [[/Kathy Yuen/]]
* [[/Ivo Santos/]]
* [[/Garcia Matias/]]
* [[/Augusto Gawdia/]]
* [[/Carlo Enke/]]
* [[/Jennifer Beckmann/]]
* [[/Christian Sohn/]]
* [[/Diana Mertz/]]
* [[/Diana Cano/]]

==Beschreibung==
[[:Category:Werkmodul|Werkmodul]] / [[:Category:Fachmodul|Fachmodul]] 

''Titel'' Web Advanced II 
''Lehrperson(en):'' [[Gabriel Rausch]] 
''Bewertung:'' 6 [[ECTS]], 3 [[SWS]] 
''Termin:'' Montag, 17:00 - 19:15 Uhr 
''Ort:'' Steubenstraße 8, im Glaskasten der Limona 
''Erster Termin:'' Montag, 9. April 2012, 17:00 Uhr

==Web Advanced II==
Dieser Kurs richtet sich an Studierende gestaltender Studiengänge, die schon Grundlagen-Erfahrungen in der Entwicklung von Interfaces für On- oder Offlinemedien haben (Vorkenntnisse in HTML, CSS, JavaScript etc.).

Wir werden uns dabei besonders mit dem Frontend, der Oberfläche von Websiten und Applikation, mit der optischen Gestaltung und der technischen Umsetzung beschäftigen, die eine Anwendung dynamisch und auch abwechslungsreich machen kann.

Der Kurs versteht sich mehr als eine Arbeitsgruppe, die aktuelle Lösungen für komplexe Frontend-Entwicklung austauscht und sich, je nach Interesse und Grunderfahrung der Teilnehmer, in folgende Themen vertieft:
* Vorbereitung und Umsetzung von Website-Gestaltungen
* dynamische Modifizierung von Inhalten (Ajax)
* Gestaltung mit CSS3
* animierte Interface-Elemente
** animieren und modifizieren mit Frameworks (wie jQuery, Mootools u.a.) und den neuen CSS3-Eigenschaften
** statische Animationen (aus AfterEffects, Cinema4D) dynamisch implementieren
* Grafiken während der Laufzeit generieren
** neue Möglichkeiten mit dem Canvas-Zeichenobjekt in Verbindung mit JS-Frameworks
** 3D-Elemente auf Websites (Typo oder Objekte)
* Video-Elemente (mehr als nur ein "Video-Clip")
* Interfaceoptimierung für mobile Endgeräte
* SVG-Mofizifierung + Animation
Wir werden dabei einen Blick über die klasse Website mit all seinen konventionellen Elementen werfen und uns mehr dem Web-Infotainment, der Websiteentwicklung mit spielerischem/unterhaltenden Charakter beschäftigen (Richtung Spieleentwicklung, Applikationen und Web-Apps für Produktpräsentationen etc.)

===English description===
This advanced course is dedicated to all design- and media-students who are interessted in frontend-developement of websites and applications (basic knowledge about HTML, CSS, JavaScript etc. required).

The working group of the course will share current solutions to fontend-developement and will deal with some topics in detail, depending on the interests of the audience:
* preparing and developing website-designs
* dynamic content modification (ajax)
* animated interface-elements (static animation and scripted elements)
* generate bitmap-content at runtime
** with the new canvas-tag
** 3D-elements with canvas and external frameworks
* video-elements (and their possibilies)
* optimisation of interfaces for portable devices

==Voraussetzungen==
* Werkmodul "Grundlagen Web II" bzw. gute Kenntnisse in HTML, CSS und Javascript
* Guter Umgang mit gängigen Gestaltungsprogrammen (Photoshop, Illustration etc)
* eigener Laptop mitbringen!

==Anmeldung==
Die Bewerbung für eine Teilnahme am Kurs muss bis zum 12. Oktober per E-Mail mit dem Betreff: ''Bewerbung {{PAGENAME}}'' und folgenden Angaben an: gabriel.rausch (at) uni-weimar.de gesendet werden.
* Name
* Fachrichtung und Fachsemester
* Matrikelnummer
* Angabe der geltenden Prüfungsordnung
* Gültige E-Mail-Adresse @uni-weimar.de (zur Bestätigung der Anmeldung) [[SCC-Services#E-Mail|Warum?]]
* kurzes (!) und formloses, aber aussagekräftiges Motivationsschreiben
** "Ich würde gerne teilnehmen, weil …"
** "Ich habe bereits Erfahrung mit …"
Sollte es mehr als 15 Bewerber geben, entscheidet die Reihenfolge des Eingangs, die gleichzeitige Teilnahme an begleitenden Semesterprojekten der Professur sowie das Motivationsschreiben (Vorkenntnisse, Erfahrungen, Interesse am Thema) und das Fachsemester (evtl. letzte Chance zur Kursbelegung) über die Aufnahme in den Kurs.
Eine Bestätigung zur Aufnahme im Kurs kommt bis zum 13. Oktober per E-Mail.

== Leistungsnachweis ==
* 33% regelmäßige und aktive Teilnahme
* 33% Kurzreferat (als Diskussionsstarter, max. 45 min.)
* 33% Einreichung einer teilweise oder ganz umgesetzen Projektidee (idealerweise mit begleitender und abschließender Dokumentation im Wiki). Die Abgabe erfolgt mit einem kurzen individuellen Gespräch
* 15% Wiki-Bonus: für neue Artikel bzw. Ergänzungen im Wiki (ausg. eigene Projekt-Doku!)

==Zielgruppe==
Master- und Bachelor-Studierende der Fakultäten Medien, Fak. Gestaltung und des Studiengangs Medienarchitektur, die Vorkenntnissen im Bereich Webdesign (HTML, CSS) haben.

IFD:Showreel2012

2012-07-02T15:14:33Z

Anastasiya:

[[File:20120626_IFD-Showreel2012.png|422px]]

<h3 style="color:#FF5D00;">INFOS</h3>
'''Präsentation Sommersemester 2012''' 
Professur Interface Design 
Prof. Dr. Jens Geelhaar, Frederic Gmeiner, Michael Markert, Gabriel Rausch, Martin Schied,

'''13. Juli 2012'''
'''11:00 - 17:00 Uhr''' 
'''Audimax''' 
Steubenstraße 6, Haus F

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:#FF5D00;">PROGRAMM</h3>

'''11:00 - 13:00 Block "Projektmodule"'''

* Projektmodul 'Interface Design 2 / Interaktion mit mobilen Medien: „Guides & Games“ '
** [[/Tobias Zeller/]]
** [[/Stephan Boldt/]]
** [[/Marisa Martins/]]
** [[/Lydia Kluge/]]
** [[/Sofia Barbosa/]]
** [[/Antje Danz/]]
** [[/Florian Froger/]]
** [[/Tobias Fabian Wolf/]]
** [[/Constantin Oestreich/]]
** [[/Marcus Glahn/]]
** [[/Annika Bokelmann/]]
** [[/Tobias Westphal/]]
** [[/Carlo Enke/]]
** [[/Sven Sommerlatte/]]
** [[/Martin Pabsdorf/]]
** [[/R W/]]

* Projektmodul 'Interface Design 4 / Interaction and Experimental Interfaces - 30 cm3'
** [[/Eleni Digidiki/]]
** [[/Fariborz Farid/]]
** [[/Irina Yasinskaya/]]
** [[/Nooshin Saeedi/]]
** [[/Yue Mao/]]
** [[/Jelena Djokic/]]
** [[/Patawat Phamuad/]]
** [[/Bastian Bügler/]]
** [[/Kathy Yuen/]]
** [[/Tony Wulfert/]]
** [[/Jie Wang/]]
** [[/Matthias Gmelin/]]
** [[/Yunshui Jin/]]
** [[/Miriam Kotyrba/]]
** [[/Xin Wang/]]
** [[/Gentian Begolli/]]
** [[/Diana Cano/]]
** [[/Jinhee Choi/]]
** [[/Matias Garcia/]]
** [[/Diana Mertz/]]
** [[/Augusto Gandia/]]
** [[/Jeremy Booth/]]
** [[/Ludwig Gundermann/]]
** [[/Adriana Cabrera/]]
** [[/Sandra Guzman/]]
** [[/Lida Ebrahimi/]]

'''Mittagspause'''

'''13:30 - 14:30 Block "Fachmodule"'''

* Werkmodul/Fachmodul '[[IFD:WebAdvancedII|WebAdvanced II]]'
** [[/Sofia Barbosa/]]
** [[/Marisa Martins/]]
** [[/Iain Campell/]]
** [[/Johannes Altmann/]]
** [[/Antje Danz/]]
** [[/Marcel Döpel/]]
** [[/Michel Büchner/]]
** [[/Martin Horbach/]]
** [[/Bastian Weber/]]
** [[/Georg Müller/]]
** [[/Sven Sommerlatte/]]
** [[/Tobias Westphal/]]
** [[/Anastasiya Pavelchuk/]]
** [[/Mariana Perfeito/]]
** [[/Claudia Heinze/]]
** [[/Kathy Yuen/]]
** [[/Ivo Santos/]]
** [[/Garcia Matias/]]
** [[/Augusto Gawdia/]]
** [[/Carlo Enke/]]
** [[/Jennifer Beckmann/]]
** [[/Christian Sohn/]]
** [[/Diana Mertz/]]
** [[/Diana Cano/]]

* Fachmodul '[[IFD:iOSDevI|iOS Development I]]'
** [[/Tobias Wolf/]]
** [[/Antje Danz/]]
** [[/Juliane Reschke/]]
** [[/Christoph Halang/]]
** [[/Fariborz Farid/]]
** [[/Iain Campbell/]]
** [[/Dianna Mertz/]]
** [[/Jelena Djokic/]]
** [[/Adriana Cabrera/]]

* Fachmodul '[[IFD:Interaktive Elektronik 2012]]'
** [[/Julius Bullinger/]]
** [[/Malik Al-hallak/]]

'''14:30 - 17:00 Block "Werkmodule"'''

* Werkmodul ‘[[IFD:WebBasicsII|Web Basics II]]‘
** [[/Joatan Preis Dutra/]]
** [[/Florian Froger/]]
** [[/Constantin Oestreich/]]
** [[/Hannes Wünsche/]]
** [[/Lukas Krause/]]
** [[/Ingo Schäfer/]]
** [[/Laura Jozefini/]]
** [[/Monika Schwarz/]]
** [[/Theresa Tschenker/]]
** [[/Lydia Kluge/]]
** [[/Anastasiya Pavelchuk - ActiveArts/]]
** [[/Tobias Westphal/]]
** [[/Anja Werner/]]
** [[/Eleni Digidiki/]]

* Werkmodul ‘[[IFD:BauhausVorkurs2012|Bauhaus Vorkurs]]‘
** [[/Tristan Weis/]]
** [[/Florian Froger/]]
** [[/Philipp Hollinger/]]
** [[/Marius Beine/]]
** [[/Michael Weber/]]
** [[/Daniel Winterberg/]]
** [[/Tobias Wolf/]]
** [[/R W/]]
** [[/Carolin Scheffler/]]

* Werkmodul ‘[[Roter_Button|Roter Button oben links, grüner Button unten rechts]]‘

* Werkmodul ‘[[IFD:Elektrische_Gehirnwellengymnastik|Elektrische Gehirnwellengymnastik]]‘
** [[/Daniel Winterberg/]]
** [[/Antje Danz/]]

* Werkmodul ‘[[IFD:WizardOfOz|The Wizard of Oz: Mock-ups & prototyping]]‘
** [[/Frederic Gmeiner - Zusammenfassung/]]

'''17:00 Schlusswort'''

IFD:Showreel2012

2012-06-26T13:21:02Z

Anastasiya:

[[File:20120626_IFD-Showreel2012.png|422px]]

<h3 style="color:#FF5D00;">INFOS</h3>
'''Präsentation Sommersemester 2012''' 
Professur Interface Design 
Prof. Dr. Jens Geelhaar, Frederic Gmeiner, Michael Markert, Gabriel Rausch, Martin Schied,

'''13. Juli 2012'''
'''11:00 - 17:00 Uhr''' 
'''Audimax''' 
Steubenstraße 6, Haus F

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

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

'''11:00 - 13:00 Block "Projektmodule"'''

* Projektmodul 'Interface Design 2 / Interaktion mit mobilen Medien: „Guides & Games“ '
** [[/Tobias Zeller/]]
** [[/Stephan Boldt/]]
** [[/Marisa Martins/]]
** [[/Lydia Kluge/]]
** [[/Sofia Barbosa/]]
** [[/Antje Danz/]]
** [[/Florian Froger/]]
** [[/Tobias Fabian Wolf/]]
** [[/Constantin Oestreich/]]
** [[/Marcus Glahn/]]
** [[/Annika Bokelmann/]]
** [[/Tobias Westphal/]]
** [[/Carlo Enke/]]
** [[/Sven Sommerlatte/]]
** [[/Martin Pabsdorf/]]
** [[/Reinhard von der Waydbrink/]]

* Projektmodul 'Interface Design 4 / Interaction and Experimental Interfaces - 30 cm3'
** [[/Eleni Digidiki/]]
** [[/Fariborz Farid/]]
** [[/Irina Yasinskaya/]]
** [[/Nooshin Saeedi/]]
** [[/Yue Mao/]]
** [[/Jelena Djokic/]]
** [[/Patawat Phamuad/]]
** [[/Bastian Bügler/]]
** [[/Kathy Yuen/]]
** [[/Tony Wulfert/]]
** [[/Jie Wang/]]
** [[/Matthias Gmelin/]]
** [[/Yunshui Jin/]]
** [[/Miriam Kotyrba/]]
** [[/Xin Wang/]]
** [[/Gentian Begolli/]]
** [[/Diana Cano/]]
** [[/Jinhee Choi/]]
** [[/Matias Garcia/]]
** [[/Diana Mertz/]]
** [[/Augusto Gandia/]]
** [[/Jeremy Booth/]]
** [[/Ludwig Gundermann/]]
** [[/Adriana Cabrera/]]
** [[/Sandra Guzman/]]
** [[/Lida Ebrahimi/]]

'''Mittagspause'''

'''13:30 - 14:30 Block "Fachmodule"'''

* Werkmodul/Fachmodul '[[IFD:WebAdvancedII|WebAdvanced II]]'
** [[/Sofia Barbosa/]]
** [[/Marisa Martins/]]
** [[/Iain Campell/]]
** [[/Johannes Altmann/]]
** [[/Antje Danz/]]
** [[/Marcel Döpel/]]
** [[/Michel Büchner/]]
** [[/Martin Horbach/]]
** [[/Bastian Weber/]]
** [[/Georg Müller/]]
** [[/Sven Sommerlatte/]]
** [[/Tobias Westphal/]]
** [[/Anastasiya Pavelchuk/]]
** [[/Mariana Perfeito/]]
** [[/Claudia Heinze/]]
** [[/Kathy Yuen/]]
** [[/Ivo Santos/]]
** [[/Garcia Matias/]]
** [[/Augusto Gawdia/]]
** [[/Carlo Enke/]]
** [[/Jennifer Beckmann/]]
** [[/Christian Sohn/]]
** [[/Diana Mertz/]]
** [[/Diana Cano/]]

* Fachmodul '[[IFD:iOSDevI|iOS Development I]]'
** [[/Tobias Wolf/]]
** [[/Antje Danz/]]
** [[/Juliane Reschke/]]
** [[/Christoph Halang/]]
** [[/Fariborz Farid/]]
** [[/Iain Campbell/]]
** [[/Dianna Mertz/]]
** [[/Jelena Djokic/]]
** [[/Adriana Cabrera/]]

* Fachmodul '[[IFD:Advanced Computational Design|Advanced Computational Design]]'

* Fachmodul '[[IFD:Interaktive Elektronik 2012]]'

'''14:30 - 17:00 Block "Werkmodule"'''

* Werkmodul ‘[[IFD:WebBasicsII|Web Basics II]]‘
** [[/Joatan Preis Dutra/]]
** [[/Florian Froger/]]
** [[/Constantin Oestreich/]]
** [[/Hannes Wünsche/]]
** [[/Lukas Krause/]]
** [[/Ingo Schäfer/]]
** [[/Laura Jozefini/]]
** [[/Monika Schwarz/]]
** [[/Theresa Tschenker/]]
** [[/Lydia Kluge/]]
** [[/Anastasiya Pavelchuk - ActiveArts/]]
** [[/Tobias Westphal/]]
** [[/Anja Werner/]]
** [[/Eleni Digidiki/]]

* Werkmodul ‘[[IFD:BauhausVorkurs2012|Bauhaus Vorkurs]]‘
** [[/Tristan Weis/]]
** [[/Florian Froger/]]
** [[/Philipp Hollinger/]]
** [[/Marius Beine/]]
** [[/Michael Weber/]]
** [[/Daniel Winterberg/]]
** [[/Tobias Wolf/]]
** [[/Reinhard von der Waydbrink/]]
** [[/Carolin Scheffler/]]

* Werkmodul ‘[[Roter_Button|Roter Button oben links, grüner Button unten rechts]]‘

* Werkmodul ‘[[IFD:Elektrische_Gehirnwellengymnastik|Elektrische Gehirnwellengymnastik]]‘

* Werkmodul ‘[[IFD:WizardOfOz|The Wizard of Oz: Mock-ups & prototyping]]‘

'''17:00 Schlusswort'''

IFD:Showreel2012

2012-06-25T13:43:27Z

Anastasiya:

<h3 style="color:#0083D6;">INFOS</h3>
'''Präsentation Sommersemester 2012''' 
Professur Interface Design 
Prof. Dr. Jens Geelhaar, Frederic Gmeiner, Michael Markert, Gabriel Rausch, Martin Schied,

'''13. Juli 2012'''
'''11:00 - 17:00 Uhr''' 
'''Audimax''' 
Steubenstraße 6, Haus F

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

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

'''11:00 - 13:00 Block "Projektmodule"'''

* Projektmodul 'Interface Design 2 / Interaktion mit mobilen Medien: „Guides & Games“ '
** [[/Tobias Zeller/]]
** [[/Stephan Boldt/]]
** [[/Marisa Martins/]]
** [[/Lydia Kluge/]]
** [[/Sofia Barbosa/]]
** [[/Antje Danz/]]
** [[/Florian Froger/]]
** [[/Tobias Fabian Wolf/]]
** [[/Constantin Oestreich/]]
** [[/Marcus Glahn/]]
** [[/Annika Bokelmann/]]
** [[/Tobias Westphal/]]
** [[/Carlo Enke/]]
** [[/Sven Sommerlatte/]]
** [[/Martin Pabsdorf/]]
** [[/Reinhard von der Waydbrink/]]

* Projektmodul 'Interface Design 4 / Interaction and Experimental Interfaces - 30 cm3'
** [[/Eleni Digidiki/]]
** [[/Fariborz Farid/]]
** [[/Irina Yasinskaya/]]
** [[/Nooshin Saeedi/]]
** [[/Yue Mao/]]
** [[/Jelena Djokic/]]
** [[/Patawat Phamuad/]]
** [[/Bastian Bügler/]]
** [[/Kathy Yuen/]]
** [[/Tony Wulfert/]]
** [[/Jie Wang/]]
** [[/Matthias Gmelin/]]
** [[/Yunshui Jin/]]
** [[/Miriam Kotyrba/]]
** [[/Xin Wang/]]
** [[/Gentian Begolli/]]
** [[/Diana Cano/]]
** [[/Jinhee Choi/]]
** [[/Matias Garcia/]]
** [[/Diana Mertz/]]
** [[/Augusto Gandia/]]
** [[/Jeremy Booth/]]
** [[/Ludwig Gundermann/]]
** [[/Adriana Cabrera/]]
** [[/Sandra Guzman/]]
** [[/Lida Ebrahimi/]]

'''Mittagspause'''

'''13:30 - 14:30 Block "Fachmodule"'''

* Werkmodul/Fachmodul '[[IFD:WebAdvancedII|WebAdvanced II]]'
** [[/Sofia Barbosa/]]
** [[/Marisa Martins/]]
** [[/Iain Campell/]]
** [[/Johannes Altmann/]]
** [[/Antje Danz/]]
** [[/Marcel Döpel/]]
** [[/Michel Büchner/]]
** [[/Martin Horbach/]]
** [[/Bastian Weber/]]
** [[/Georg Müller/]]
** [[/Sven Sommerlatte/]]
** [[/Tobias Westphal/]]
** [[/Anastasiya Pavelchuk/]]
** [[/Mariana Perfeito/]]
** [[/Claudia Heinze/]]
** [[/Kathy Yuen/]]
** [[/Ivo Santos/]]
** [[/Garcia Matias/]]
** [[/Augusto Gawdia/]]
** [[/Carlo Enke/]]
** [[/Jennifer Beckmann/]]
** [[/Christian Sohn/]]
** [[/Diana Mertz/]]
** [[/Diana Cano/]]

* Fachmodul '[[IFD:iOSDevI|iOS Development I]]'
** [[/Tobias Wolf/]]
** [[/Antje Danz/]]
** [[/Juliane Reschke/]]
** [[/Christoph Halang/]]
** [[/Fariborz Farid/]]
** [[/Iain Campbell/]]
** [[/Dianna Mertz/]]
** [[/Jelena Djokic/]]
** [[/Adriana Cabrera/]]

* Fachmodul '[[IFD:Advanced Computational Design|Advanced Computational Design]]'

* Fachmodul '[[IFD:Interaktive Elektronik 2012]]'

'''14:30 - 17:00 Block "Werkmodule"'''

* Werkmodul ‘[[IFD:WebBasicsII|Web Basics II]]‘
** [[/Joatan Preis Dutra/]]
** [[/Florian Froger/]]
** [[/Constantin Oestreich/]]
** [[/Hannes Wünsche/]]
** [[/Lukas Krause/]]
** [[/Ingo Schäfer/]]
** [[/Laura Jozefini/]]
** [[/Monika Schwarz/]]
** [[/Theresa Tschenker/]]
** [[/Lydia Kluge/]]
** [[/Anastasiya Pavelchuk - ActiveArts/]]
** [[/Tobias Westphal/]]
** [[/Anja Werner/]]
** [[/Eleni Digidiki/]]

* Werkmodul ‘[[IFD:BauhausVorkurs2012|Bauhaus Vorkurs]]‘
** [[/Tristan Weis/]]
** [[/Florian Froger/]]
** [[/Philipp Hollinger/]]
** [[/Marius Beine/]]
** [[/Michael Weber/]]
** [[/Daniel Winterberg/]]
** [[/Tobias Wolf/]]
** [[/Reinhard von der Waydbrink/]]
** [[/Carolin Scheffler/]]

* Werkmodul ‘[[IFD:Elektrische_Gehirnwellengymnastik|Elektrische Gehirnwellengymnastik]]‘

* Werkmodul ‘[[IFD:WizardOfOz|The Wizard of Oz: Mock-ups & prototyping]]‘

'''17:00 Schlusswort'''

File:Activearts4.png

2012-06-25T13:36:49Z

Anastasiya:

== Summary ==

== Copyright status: ==

== Source: ==

File:Activearts3.png

2012-06-25T13:36:16Z

Anastasiya:

== Summary ==

== Copyright status: ==

== Source: ==

File:Activearts2.png

2012-06-25T13:35:52Z

Anastasiya:

== Summary ==

== Copyright status: ==

== Source: ==

File:Activearts1.png

2012-06-25T13:35:31Z

Anastasiya:

== Summary ==

== Copyright status: ==

== Source: ==

IFD:Showreel2012/Anastasiya Pavelchuk - ActiveArts

2012-06-25T13:35:07Z

Anastasiya: Created page with "File:Activearts1.png File:Activearts2.png File:Activearts3.png File:Activearts4.png"

[[File:Activearts1.png]]
[[File:Activearts2.png]]
[[File:Activearts3.png]]
[[File:Activearts4.png]]

IFD:Showreel2012

2012-06-25T13:33:45Z

Anastasiya:

<h3 style="color:#0083D6;">INFOS</h3>
'''Präsentation Sommersemester 2012''' 
Professur Interface Design 
Prof. Dr. Jens Geelhaar, Frederic Gmeiner, Michael Markert, Gabriel Rausch, Martin Schied,

'''13. Juli 2012'''
'''11:00 - 17:00 Uhr''' 
'''Audimax''' 
Steubenstraße 6, Haus F

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

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

'''11:00 - 13:00 Block "Projektmodule"'''

* Projektmodul 'Interface Design 2 / Interaktion mit mobilen Medien: „Guides & Games“ '
** [[/Tobias Zeller/]]
** [[/Stephan Boldt/]]
** [[/Marisa Martins/]]
** [[/Lydia Kluge/]]
** [[/Sofia Barbosa/]]
** [[/Antje Danz/]]
** [[/Florian Froger/]]
** [[/Tobias Fabian Wolf/]]
** [[/Constantin Oestreich/]]
** [[/Anastasiya Pavelchuk/]]
** [[/Marcus Glahn/]]
** [[/Annika Bokelmann/]]
** [[/Tobias Westphal/]]
** [[/Carlo Enke/]]
** [[/Sven Sommerlatte/]]
** [[/Martin Pabsdorf/]]
** [[/Reinhard von der Waydbrink/]]

* Projektmodul 'Interface Design 4 / Interaction and Experimental Interfaces - 30 cm3'
** [[/Eleni Digidiki/]]
** [[/Fariborz Farid/]]
** [[/Irina Yasinskaya/]]
** [[/Nooshin Saeedi/]]
** [[/Yue Mao/]]
** [[/Jelena Djokic/]]
** [[/Patawat Phamuad/]]
** [[/Bastian Bügler/]]
** [[/Kathy Yuen/]]
** [[/Tony Wulfert/]]
** [[/Jie Wang/]]
** [[/Matthias Gmelin/]]
** [[/Yunshui Jin/]]
** [[/Miriam Kotyrba/]]
** [[/Xin Wang/]]
** [[/Gentian Begolli/]]
** [[/Diana Cano/]]
** [[/Jinhee Choi/]]
** [[/Matias Garcia/]]
** [[/Diana Mertz/]]
** [[/Augusto Gandia/]]
** [[/Jeremy Booth/]]
** [[/Ludwig Gundermann/]]
** [[/Adriana Cabrera/]]
** [[/Sandra Guzman/]]
** [[/Lida Ebrahimi/]]

'''Mittagspause'''

'''13:30 - 14:30 Block "Fachmodule"'''

* Werkmodul/Fachmodul '[[IFD:WebAdvancedII|WebAdvanced II]]'
** [[/Sofia Barbosa/]]
** [[/Marisa Martins/]]
** [[/Iain Campell/]]
** [[/Johannes Altmann/]]
** [[/Antje Danz/]]
** [[/Marcel Döpel/]]
** [[/Michel Büchner/]]
** [[/Martin Horbach/]]
** [[/Bastian Weber/]]
** [[/Georg Müller/]]
** [[/Sven Sommerlatte/]]
** [[/Tobias Westphal/]]
** [[/Mariana Perfeito/]]
** [[/Claudia Heinze/]]
** [[/Kathy Yuen/]]
** [[/Ivo Santos/]]
** [[/Garcia Matias/]]
** [[/Augusto Gawdia/]]
** [[/Carlo Enke/]]
** [[/Jennifer Beckmann/]]
** [[/Christian Sohn/]]
** [[/Diana Mertz/]]
** [[/Diana Cano/]]

* Fachmodul '[[IFD:iOSDevI|iOS Development I]]'
** [[/Tobias Wolf/]]
** [[/Antje Danz/]]
** [[/Juliane Reschke/]]
** [[/Christoph Halang/]]
** [[/Fariborz Farid/]]
** [[/Iain Campbell/]]
** [[/Dianna Mertz/]]
** [[/Jelena Djokic/]]
** [[/Adriana Cabrera/]]

* Fachmodul '[[IFD:Advanced Computational Design|Advanced Computational Design]]'

* Fachmodul '[[IFD:Interaktive Elektronik 2012]]'

'''14:30 - 17:00 Block "Werkmodule"'''

* Werkmodul ‘[[IFD:WebBasicsII|Web Basics II]]‘
** [[/Joatan Preis Dutra/]]
** [[/Florian Froger/]]
** [[/Constantin Oestreich/]]
** [[/Hannes Wünsche/]]
** [[/Lukas Krause/]]
** [[/Ingo Schäfer/]]
** [[/Laura Jozefini/]]
** [[/Monika Schwarz/]]
** [[/Theresa Tschenker/]]
** [[/Lydia Kluge/]]
** [[/Anastasiya Pavelchuk - ActiveArts/]]
** [[/Tobias Westphal/]]
** [[/Anja Werner/]]
** [[/Eleni Digidiki/]]

* Werkmodul ‘[[IFD:BauhausVorkurs2012|Bauhaus Vorkurs]]‘
** [[/Tristan Weis/]]
** [[/Florian Froger/]]
** [[/Philipp Hollinger/]]
** [[/Marius Beine/]]
** [[/Michael Weber/]]
** [[/Daniel Winterberg/]]
** [[/Tobias Wolf/]]
** [[/Reinhard von der Waydbrink/]]
** [[/Carolin Scheffler/]]

* Werkmodul ‘[[IFD:Elektrische_Gehirnwellengymnastik|Elektrische Gehirnwellengymnastik]]‘

* Werkmodul ‘[[IFD:WizardOfOz|The Wizard of Oz: Mock-ups & prototyping]]‘

'''17:00 Schlusswort'''

IFD:Showreel2012/Anastasiya Pavelchuk

2012-06-25T10:59:28Z

Anastasiya:

[[File:WE-DANCE.png]]

[[File:WE-DANCELogo.png]]
[[File:WE-DANCE4.png]]
[[File:WE-DANCE5.png]]
[[File:WE-DANCE6.png]]

[[File:WE-DANCE1.png]]
[[File:WE-DANCE2.png]]

File:WE-DANCE2.png

2012-06-25T10:58:33Z

Anastasiya:

== Summary ==

== Copyright status: ==

== Source: ==

File:WE-DANCE1.png

2012-06-25T10:54:56Z

Anastasiya: