Medien Wiki - User contributions [en]

IFD:Kolloq SS13

2013-04-08T11:23:28Z

Diannamertz:

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

''Erster Termin:'' Mittwoch, 10. April 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>03.04.</del> (probably) no meeting yet…
# 10.04.
# 17.04. Dianna Mertz
# 24.04.
# <del>01.05</del> No Talks: Public Holiday / Keine Vortäge: Maifeiertag
# 08.05.
# 15.05.
# 22.05.
# 29.05.
# 05.06.
# 12.06.
# 19.06.
# 26.06.
# 03.07.
# <del>10.07.</del> Summaery 2013 (keine Vorträge mehr)
BITTE MAXIMAL ZWEI VORTRÄGE PRO TERMIN!
ONLY TWO PRESENTATIONS PER DAY PLEASE!

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

IFD:IOSDevII

2013-03-30T16:37:33Z

Diannamertz:

[[Image:Iosdev_newTeaserpic.jpg|right|320px]]
'''''Programming for iPhone, iPad und iPod Touch'''''<br/>

[[:Category:Fachmodul|Fachmodul]]<br />
''Lecturer:'' [[Michael Markert]]<br />
''Credits:'' 6 [[ECTS]], 3 [[SWS]]<br />
''Date:'' Tuesdays, 13:30 until 16:00 h<br />
''Venue:'' [[Marienstraße 7b]], Projektraum 105<br />
''First meeting:'' ''Tue, 16.October 2012''

Gerade als die Schlagworte "ubiquitäres Computing" und "Augmented Reality" trotz immer leistungsfähigeren mobilen Endgeräten ihren Glanz zu verlieren scheinen, sind die iOS Geräte und das iPad dabei, diese Begriffe mit neuem Leben zu füllen: Nicht nur in Bedienung und User Interface werden neue Maßstäbe gesetzt, vor allem die auf den Absatz von Applikationen ausgerichtete Konzeption der Gerätefamilie und eine gut durchdachte Entwicklungsumgebung befördert Rekordzahlen an Software-Neuerscheinungen für die iPhone Plattform. 2010 gab es nur ein Tablet: das iPad. Die Absatzzahlen der iPhones haben sich von 2009 zu 2010 verdoppelt und die Berufsaussichten für iOS Entwickler sind im Moment glänzend.

Dieses Fachmodul für Fortgeschrittene baut auf dem [[IFD:iOSDev|iOSDev I]] Kurs auf, in dem es eine Einführung in Objective-C 2.0 und Cocoa Touch gab, die wichtigsten Frameworks sowie die Entwicklungsumgebung Xcode / Interface Builder vorgestellt wurden und so die Grundlagen für einen Aufbaukurs geschaffen wurden, in dem wir uns intensiv mit gestalterischen Fragen auseinandersetzen können.

Der Fokus liegt neben der Fortführung wichtiger Grundlagen des 1. Teils, auf dem gemeinsamen Austausch und der Vorstellung von Technologien und Best Practices, v.a. von Objective-C & Cocoa und der Vorstellung und Showcases von nützlichen Libraries oder Tools zur Umsetzung von professionellen Apps. Außerdem sprechen wir über fortgeschrittenen Programmiermethoden und Gestaltungs- und Interaktionskonzepte. Auch auf die Einbindung von Hardware wie z.B. Sensoren und Aktuatoren oder Mikrocontrollern (z.B. Arduinos mit LAN-Schnittstelle) kann eingegangen werden.

Die endgültigen Themen des Kurses orientieren sich an den Erfordernissen der einzelnen studentischen Projekte. Im Fachmodul werden (max. 1 h) bestimmte Themen vorgestellt, die restliche Zeit werden wir gemeinsam an Live-Demos arbeiten und Eure Projekte analysieren und auf Fragen und Probleme eingehen.

Im Lauf des Werkmoduls soll schließlich eine Applikation umgesetzt werden (Medienkunst, Experiment, Game, Utility…). Eine Kombination mit Semesterprojekten und speziell den Interface Design Projekt- und Fachmodulen ist ausdrücklich erwünscht!

Ein spezieller Developer Account mit Zertifikat für teilnehmende Studenten ist vorhanden; damit können Anwendungen auch ohne weitere Kosten auf den eigenen Geräten getestet werden.

Das Fachmodul richtet sich an alle Teilnehmer, die bereits den ersten Kurs [[IFD:iOSDev|iOSDev I]] besucht haben. Der Schwerpunkt liegt auf nativen Applikationen, die mit Objective-C programmiert werden, aber wir werden sicherlich auch WebApplications ansprechen.

Themen des Kurses sind:
* Objective-C 2.0 & Cocoa Touch
* Xcode4, Project Management, SVN&GIT
* iOS 6
* Fortgeschrittene Programmierkonzepte der objektorientierten Objective-C Sprache
* Künstlerische Auseinandersetzung mit dem Medium und Fragen der Interaktion
* Praktische Fragen anhand der umzusetzenden Projekte
* Vorstellung und Showcases nützlicher [[iPhone Coding Resources & Tools|3rd Party Frameworks und Tools]]
* u.v.m...

== English Description ==
Just as the buzzwords "Ubiquitous Computing" and "Augmented Reality" are beginning to loose their thrilling denotation, the iPhone and especially the new iPad is becoming an exciting platform to set standards - not only regarding the user interface, but also with its application based paradigm and a well-thought development environment. In 2010 there was just one tablet available: the iPad. And the career prospects for iOS developers are certainly very promising.

We will talk about the latest technologies in iOS development (iOS 6), present and showcase useful libraries, working techniques, we'll make live-demos, talk about your projects and finally we will share and discuss our knowledge and experiences as well as many tipps and tricks.

At the end of this course, students should have developed an application (media art, experiment, game, utility...). Combinations with semester projects and teamwork between artists/designers and programmers are very welcome. All participants may access a University's iPhone Developer Account, that enables us to test applications on devices without further expenses.

The Module is open for all students that visited the [[IFD:iOSDev|iOSDev I]] course. You may only apply if you visited this first course or if you already know Obj-C and Cocoa. In order to develop for iOS, an Intel-based Mac running Mac OS X 10.7 or later is required. Unfortunately we have no iOS devices to lend, so if you don't want to be restricted to the simulator, you should also have a iOS device (iPhone, iPod Touch, iPad).

== Topics ==
* [[iOS]], [[iPhone]], [[iPad]] (General, App Showcase)
* [[iOS Coding Resources and Tools]] - incl. 3rd Party Frameworks, Templates, Open Source Projects & Classes...
* [[IOSDev|iOS Development Setup]] (SDK-Download, App-Signing How-To)
** [[Application Types]]
*** Immersive, Productivity, Utility
*** View-Based, Quartz 2d, OpenGL, WebApps
** [[Xcode]]
** [http://developer.apple.com/mac/library/documentation/DeveloperTools/Conceptual/IB_UserGuide/Introduction/Introduction.html Interface Builder]
** [[Debugging]]
* [[Objective-C]] 2.0
** [http://developer.apple.com/iphone/library/documentation/Cocoa/Conceptual/ObjectiveC/Articles/ocDefiningClasses.html ObjC Classes]
** [[ObjC-Memory Management]]
* [[Cocoa Design Patterns]]
** [[Messaging]] (Methods, Subclassing, Delegation, Notification...)
** [[Target-Action-Paradigm]]
** [[MVC]] (Model / View / Controller)
** [[KVC]] (Key-Value-Coding)
* [[Cocoa Touch]] - the iPhoneOS Frameworks
* [http://developer.apple.com/technologies/iphone/whats-new.html#api iOS Sneak Peek]
* Einführung in [[Systemtheorie|kybernetische Systemtheorie]] als Interaktionsmodell

== Projects ==

Below you find a documentation of the Student's Projects:

* Dianna Mertz
** [http://doubledi.com/heardhere.html Heard Here]
** [http://doubledi.com/appropriator.html Appropriator]
** [http://doubledi.com/fibonacci.html Fibonacci in a Pinecone (experiment)]

* Presentation '[[IFD:Showreel/iosdevII|iOS Development II]]'
**[[IFD:Showreel/Name - Title]]

== Requirements ==
* '''Previous successful completion of [[IFD:iOSDev|iOSDev I]] or good knowledge of Obj-C and Cocoa.'''
* Access to an Intel-Mac running 10.7
* An iOS Device (iPhone, iPod Touch, iPad)
** It's possible to develop without device (Simulator)

If you have questions, please send an eMail!

== Registration Procedure ==
If you already participated in iOSDevI, there is no need for a new registration!

To register for the course, please send an eMail to Michael.Markert (at) uni-weimar.de incuding the following informations:
* Name
* Program and semester (Studienprogramm und Fachsemester)
* Matriculation number (Matrikelnummer)
* Angabe der geltenden Prüfungsordnung (eg. PV27 or PV29)
* Valid email address @uni-weimar.de (no other mailing addresses will be accepted)
* Proof of your previous knowledge similar to [[IFD:iOSDevI]] (see requirements)

Please note, that the number of participants is restricted to 12 students due to the lecture/talks based concept. Should there be more than 12 applicants, the arguments for an acceptance to the course will be the number of entry, a project in the chair Interface Design and the number of the semester (if it's your last chance to visit this course).

== Leistungsnachweis ==
Grading:
* Attendance (33%)
* Ongoing documentation of the project: scribbles, development, final presentation (in the wiki & at the [[IFD:Showreel]]) (33%)
* Realization of the concept: compilable app (33%)
* Wiki-Bonus (15%), not including the project documentation!

== Zielgruppe ==
Das Werkmodul richtet sich an Studierende aller Fachrichtungen, die sich mit Anwendungen für iPhones, iPads bzw. iPod Touch Geräten technisch beschäftigen und künstlerisch auseinandersetzen wollen, insbesondere an:
* Master-Studenten der Medienkunst/Mediengestaltung
* Master-Studenten der Medieninformatik
* Master-Studenten des postgradualen Studiengangs Media-Architecture
* Diplom-Studenten der Gestaltung
Bitte die [[#Voraussetzungen]] beachten (dies ist ein Aufbaukurs)

== Syllabus ==
This is a preliminary syllabus, there will be changes according to the needs of the student's projects
# 16.10. Intro, Organisation of Talks/Lectures
# 23.10. View Coordinates, ScrollViews, CoreAnimation
# 30.10. TableViews Part I
# 06.11. TableViews Part II, Custom Cells
# 13.11. Location, MapKit
# 20.11. MultiTouch & Gestures
# 27.11. Project Talk, About Apps
# 04.12. UIWebView Advanced: WebApps, HTML5 and JavaScript Part I
# 11.12. CoreData
# 18.12. :-)
# 08.01. [[OSC]], [[MIDI]], [[TCP/IP]], [[TCP/IP#UDP UDP]]
# 15.01. Bonjour, ThoMoNetworking, QuartzComposer
# 22.01. UIDocument, iCloud
# 29.01. Project Talk
# 31.03. Final Deadline

Abgabe der Ergebnisse:
* als Dokumentation im Wiki mit Screenshots und Erläuterungen
* und (per E-Mail): kompilierbare quelloffene Projektdatei, bis zum 28.02.2013.

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

=== Official ===
* [http://developer.apple.com/iphone/manage/overview/index.action Bauhaus-iOS @ developer.apple.com]
* Apple's User Interface Guidelines for the iPhone Plattform: [http://developer.apple.com/iphone/library/documentation/UserExperience/Conceptual/MobileHIG/Introduction/Introduction.html User Experience]
* [http://developer.apple.com/iphone/library/navigation/index.html iOS Reference Library]
* [http://developer.apple.com/iphone/library/documentation/Xcode/Conceptual/iphone_development/000-Introduction/introduction.html iOS Development Guide] - Introduction
* [http://developer.apple.com/iphone/library/documentation/iPhone/Conceptual/iPhoneOSProgrammingGuide/Introduction/Introduction.html iOS Programming Guide]

=== Tutorials & Online-Courses ===
* '''[http://deimos3.apple.com/WebObjects/Core.woa/Browse/itunes.stanford.edu.2024353965.02024353968 iTunes U: Stanford Programming iPhone Course]'''
* '''[http://developer.apple.com/videos/ Apple Developer Videos]''' (for registered developers)
* [http://icodeblog.com/2008/07/26/iphone-programming-tutorial-hello-world/ iCodeBlog iPhone Tutorials]
* [http://www.idev101.com/ iOS Development 101]

=== Literatur ===
* '''O'Reilly: [http://www.headfirstlabs.com/books/hfiphonedev/ Head First iPhone Development], ISBN 978-0-596-80354-4'''
* O'Reilly & MAKE: iPhone Open Application Development, ISBN 9780596516642
* O'Reilly iPhone Game Development: Paul Zirkle & Joe Hogue, ISBN 978-0-596-15985-6
* Beginning iPhone Development: Dave Mark, Jeff LaMarche, ISBN 978-1430224594
* iPhone SDK Programming, Advanced Mobile Development: Maher Ali, ISBN 978-0-470-68398-9
* iPhone Advanced Projects: Apress, ISBN 978-1430224037
* iPhone Design Award Winning Projects: Apress, ISBN 978-1-4302-7235-9 & eBook ISBN 978-1-4302-7234-2
* Beginning iPhone SDK Programming with Objective-C, Wei-Meng Lee, ISBN 978-0470500972
* Pragmatic iPhone 3.0 SDK Development: Bill Dudney & Chris Adamson. ISBN 978-1-93435-625-8
* Web-Applications: Professional iPhone and iPod Touch Programming - Building Applications for Mobile Safari, ISBN 978-0-470-25155-3

Hinweis: Die hier aufgeführte Literatur ist optional und nicht verbindlich! Beim Privatkauf englischsprachiger Literatur bitte beachten, dass diese nicht der deutschen Buchpreisbindung unterliegt (z.B. Head First iPhone Dev im Januar 2010 bei Thalia 48,-, bei Amazon 27,-)!

Teile der o.g. Literatur werden für die Teilnehmer des Kurses auf [http://elearning.uni-weimar.de Metacoon] digital verfügbar sein.

{{Template:iPhoneDev}}

[[Category:WS12]]

IFD:ShowreelWS12

2013-02-21T15:19:29Z

Diannamertz:

[[File:422px-20120102_IFD-Showreel20122013.png]]

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

[http://www.youtube.com/watch?v=8rtEZEOPACw How-To Videocast]<br>
[[IFD:Showreel/Wie_stelle_ich_mein_Projekt_ins_Wiki%3F|How-To Manual]]<br>
[http://www.uni-weimar.de/medien/interfacedesign/showreel_ws2012 Test Your Presentation]

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

'''Präsentation Wintersemester 2012/2013'''<br>
Professur Interface Design<br>
Prof. Dr. Jens Geelhaar, Johannes Deich, Joatan Preis Dutra, Michael Markert, Gabriel Rausch, Martin Schied

'''30. Januar 2013'''<br>
'''9:00 - 13:00 Uhr'''<br>
'''Hörsaal A'''<br>
Marienstraße 13C

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

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

'''9:00 - 10:00 Block "Werk- und Fachmodule"'''

''Werkmodule''

* Werkmodul 'Einführung in die be-greifbare Programmierung'
** [[/Einführung in die be-greifbare Programmierung - Introduction/]]
** [[/Heinrich Roolf - QBasic Gorillas/]]
** [[/Jonas Grund - Mother Earth/]]
** [[/Matthias Schäfer - Flunkuino/]]
** [[/Adrian Engelhardt - Bike Blink/]]
** [[/Jenny Schröder - Vertreibe den Winter/]]
** [[/Preset Page/]]

* Werkmodul 'Generative Bauhaus (Bauhaus-Vorkurs)'
** [[/Generative Bauhaus - Introduction/|Generative Bauhaus]]

* Werkmodul 'Human-Centered-Design-Research'
** [[/Human-Centered-Design-Research - Introduction/]]
** [[/Gianluca Pandolfo & Heinrich Roolf & Matthias Schäfer - Carrels/]]
** [[/Juli Thiele, Jenny Schröder & Anna Bilousova - Setz dich/]]
** [[/Marie-Therese Dalke, Marina Vissing- Virtueller Lageplan/]]
** [[/Preset Page/]]

* Werkmodul 'Web Basics I'
** [[/Web Basics I - Introduction/]]
** [[/Manuel Janke - Nah - Näher - Am Nächsten/]]
** [[/Martin Melcher - Wordpress Portfolio/]]
** [[/Julia Nießlein - Jolka Design/]]
** [[/Sebastian Utzig - Mensa vs. Fast Food/]]
** [[/Andreas Schädler - Alvarez Chocolat/]]

''Fachmodule''

* Fachmodul 'Eclectic_Electric! Grundlagen der Elektronik'
** [[/Eclectic_Electric! - Overview/]]
** [[/Clemens Bast - Elektrochemie/]]
** [[/Ana Maria Vallejo - Catalina Giraldo - The Magic Box/]]
** [[/Alexander Vogt - AIR 433 HC/]]

* Fachmodul 'iOS Dev II'
** [[/iOS Dev II - Introduction/]]

* Fachmodul 'Mobile Culture and Urban Spaces'
** [[/Mobile Culture and Urban Spaces - Introduction/]]

* Fachmodul 'Tangible Programming - An Introduction'
** [[/Tangible Programming - An Introduction - Introduction/]]
** [[/Yuqiong Huang - Light Tap/]]
** [[/Amr Kamel - Time Keeper/]]
** [[/Qianqian Zhang und Jingjing Lu - Fliegen schlagen/]]
** [[/Meng Chang - Seed's Universe/]]
** [[/Lingling Li - "Touch" game/]]
** [[/Matias Garcia - Processing and Data/]]
** [[/Diana Cano - "See the Light"/]]

* Fachmodul 'Web Advanced I'
** [[/Web Advanced I - Introduction/]]
** [[/Gianluca Pandolfo - Responsive Online Portfolio/]]
** [[/Christian Sohn - Kirschblüten aus Harkau/]]
** [[/Roland Muench - title/]]
** [[/Julius Bullinger - Wirtschaftliche Entwicklung der deutschen Bundesländer/]]

'''10:00 - 12:00 Block "Projektmodule"'''

* Freie Projekte
** [[/Jan Dittrich – Exploring User Research Methods/]]
** [http://doubledi.com/heardhere.html Dianna Mertz - Heard Here]
** [[/Jelena Djokic - I Was Here/]]
** [[/Sven - Kickers United Browsergame/]]
** [[/Martin Kohlstedt - Lutopia/]]
** [[/Matias Garcia - The Lab Notebook/]]
** [[/Zhong Pu - Tips/]]
** [[/Carlo Enke - UNINIZER/]]
** [[/Marcel Karnapke - Prehistoric Puppets//]]

'''Schlusswort'''

<h3 style="color:#78BA56;">Fach- und Werkmodul Arbeiten</h3>
Übersicht der Arbeiten aus Fach- und Werkmodulen. Werden nicht einzeln auf der Veranstaltung vorgestellt.

* Werkmodul 'Web Basics I'
** [[/Gesa Junne/]]
** [[/Anne Böttner/]]
** [[/Martin Melcher/]]
** [[/Esra Melody Butcher/]]
** [[/Andreas Rügamer/]]
** [[/Christin Doellmann/]]
** [[/Melanie Mesikow/]]
** [[/Julia Albrecht/]]
** [[/Heinrich Roolf/]]
** [[/Jenny Schröder/]]
** [[/Sören Wellhöfer/]]
** [[/Klemens Schmiady/]]
** [[/Adrian Engelhardt/]]
** [[/Robert Schwarzenberg/]]
** [[/Matthias Schäfer/]]
** [[/Marina Vissing/]]
** [[/Julia Nießlein/]]
** [[/Kassandra Krühsel/]]
** [[/Franziska Feistel/]]
** [[/Cathleen Göring/]]
** [[/Martin Lehmann/]]
** [[/Manuel Janke/]]
** [[/Katharina Meißner/]]
** [[/Adriana Cerami/]]
** [[/Olga Uchatsch/]]
** [[/Jonas Lideikis/]]
** [[/Amr Kamel/]]
** [[/Jonas Grund/]]
** [[/Sabina Kim/]]
** [[/Franziska Gerlach/]]
** [[/Wieland Mikolajczyk]]
** [[/Michael Holz]]
** [[/Bianca Müller]]
** [[/Kai Hoppenheidt/]]
** [[/Elisabeth Barth/]]
** [[/Laura Wasserek/]]
** [[/Miriam Kropp/]]
** [[/Daniel Winterberg/]]
** [[/Nils Lauterbach/]]
** [[/Daniela Pohl/]]
** [[/Lisa Guth/]]
** [[/Jannis Harder/]]
** [[/Sebastian Utzig/]]
** [[/Alexaner Rink/]]
** [[/Tina Wagner/]]
** [[Samantha Beständig]]
** [[/Li Lingling/]]
** [[/Nicola Fleischmann/]]
** [[/Aidas Cergelis/]]
** [[/Benjamin Burse/]]
** [[/Andreas Schädler/]]
** [[/Christoph Römer/]]
** [[/Martin Valkanov/]]
** [[/Nelina Kraycheva/]]
** [[/Patricia Hutny/]]
** [[/Nil Akdede/]]
** [[/Busra Yeltekin/]]

IFD:IOSDevI

2013-02-21T15:17:33Z

Diannamertz:

[[Image:Iosdev_newTeaserpic.jpg|right|320px]]
'''''Programming for iPhone, iPad und iPod Touch'''''<br/>

[[:Category:Fachmodul|Fachmodul]]<br />
''Lecturer:'' [[Michael Markert]]<br />
''Credits:'' 6 [[ECTS]], 3 [[SWS]]<br />
''Date:'' Tuesdays, 13:30 until 16:00 h<br />
''Venue:'' [[Marienstraße 7b]], Room 105<br />
''First meeting:'' Tuesday, 17.4.

IMPORTANT: This is the first part of a two-term Fachmodul!
It is expected that participants attend both courses.

The course from last year can be found here:
[[IFD:IOSDevI SS12]]

Gerade als die Schlagworte "ubiquitäres Computing" und "Augmented Reality" trotz immer leistungsfähigeren mobilen Endgeräten ihren Glanz zu verlieren scheinen, sind die iOS Geräte und das iPad dabei, diese Begriffe mit neuem Leben zu füllen: Nicht nur in Bedienung und User Interface werden neue Maßstäbe gesetzt, vor allem die auf den Absatz von Applikationen ausgerichtete Konzeption der Gerätefamilie und eine gut durchdachte Entwicklungsumgebung befördert Rekordzahlen an Software-Neuerscheinungen im App Store. 2010 gab es nur ein Tablet: das iPad. Die Absatzzahlen der iPhones haben sich von 2009 zu 2010 verdoppelt und die Berufsaussichten für iOS Entwickler sind im Moment glänzend.

Dieses Fachmodul zollt dieser Entwicklung Anerkennung und gibt Einblick in die Programmierung für iOS 5.x. Die Einführung des Kurses in Objective-C 2.0, die Vorstellung der wichtigsten Frameworks sowie der Entwicklungsumgebung Xcode / Interface Builder sind übrigens in weiten Teilen auch für native OS X Anwendungen gültig.

Im Lauf des Werkmoduls soll eine kleine Applikation umgesetzt werden (Medienkunst, Experiment, Game, Utility…). Verknüpfungen mit Semesterprojekten und das Zusammenfinden in Teams von Programmierern und Designern sind ausdrücklich erwünscht. Ein spezieller Developer Account mit Zertifikat für teilnehmende Studenten ist vorhanden; damit können Anwendungen auch ohne weitere Kosten auf den eigenen Geräten getestet werden.

Das Fachmodul richtet sich sowohl an Studierende der Medieninformatik als auch der Medienkunst/Mediengestaltung und Gestaltung, die sich mit mobilen Anwendungen für iOS Geräte (iPhones, iPod Touch und iPad Geräten) technisch beschäftigen und künstlerisch auseinandersetzen wollen. Der Kurs stellt die beiden grundsätzlichen Möglichkeiten (Web-Apps und ObjC-Apps) vor. Dabei liegt der Schwerpunkt auf nativen Applikationen, die mit Objective-C programmiert werden.

Themen des Kurses sind:
* Einführung in Objective-C 2.0
* Übersicht Cocoa Touch: iOS 5 Frameworks (UIKit, Foundation…)
* Einführung in die Entwicklungsumgebung Xcode 4
* Generelle Programmierkonzepte der objektorientierten Objective-C Sprache und des Cocoa-Touch Frameworks
* Künstlerische Auseinandersetzung mit dem Medium und Fragen der Interaktion

Als Voraussetzung für dieses Fachmodul ist aufgrund der erhöhten Komplexität (Umgang mit einer höheren objektorientierten Programmiersprache) die Vorkenntnis einer (beliebigen) Programmiersprache erforderlich.
Außerdem wird für die Entwicklung ein eigener Mac Rechner mit Intel-Prozessor und OS X 10.7 benötigt.

Dieser Kurs wird auf Englisch abgehalten.

== English Description ==
Just as the buzzwords "Ubiquitous Computing" and "Augmented Reality" are beginning to lose their thrilling denotation, the iPhone and especially the iPad is becoming an exciting platform to set standards - not only regarding the user interface, but also with its application based paradigm and a well-thought development environment. In 2010 there was just one tablet available: the iPad. And the career prospects for iOS developers are certainly very promising.

This module is paying tribute to this progress and is aiming to give an insight into programming concepts for iOS 5 incl. Objective-C 2.0, the related iOS frameworks and the Xcode IDE (which is - by the way - also valid in most parts for application development for the Mac OS X operating system).

At the end of this course, students should have developed a small (!) application (media art, experiment, game, utility...). Combinations with semester projects and teamwork between artists/designers and programmers are very welcome. All participants may access a University's iPhone Developer Account, that enables us to test applications on devices without further expenses.

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). To develop for iOS, an Intel-based Mac running Mac OS X 10.7 is required. Unfortunately we have no iOS devices to lend, so if you don't want to be restricted to the simulator, you should also have a iOS device (iPhone, iPod Touch, iPad).

== Topics ==
* [[iOS]], [[iPhone]] & [[iPad]] (General, App Showcase)
* [[iOS Coding Resources and Tools]] - incl. 3rd Party Frameworks, Templates, Open Source Projects & Classes...
* [[IPhoneDev|iOS Development Setup]] (SDK-Download, App-Signing How-To)
** [[Application Types]]
*** Immersive, Productivity, Utility
*** View-Based, Quartz 2d, OpenGL
** [[Xcode]]
** [http://developer.apple.com/mac/library/documentation/DeveloperTools/Conceptual/IB_UserGuide/Introduction/Introduction.html Interface Builder]
** [[Debugging]]
* [[Objective-C]] 2.0
** [http://developer.apple.com/iphone/library/documentation/Cocoa/Conceptual/ObjectiveC/Articles/ocDefiningClasses.html ObjC Classes]
** [[ObjC-Memory Management]] & [[ARC]]
* [[Cocoa Design Patterns]]
** [[Messaging]] (Methods, Subclassing, Delegation, Notification...)
** [[Target-Action-Paradigm]]
** [[MVC]] (Model / View / Controller)
** [[KVC]] (Key-Value-Coding)
* [[Cocoa Touch]] - the iPhoneOS Frameworks
** [[Foundation Classes]] (NSNumber, NSString, NSArray…)
** [[UIKit Classes]] (UIApplication, UIView, UIViewController, UITouch ...)
** ViewControllers: Navigation Controller, TabBar Controller, TableView Controller, ...
** TableViews
** ... (see Syllabus for further topics)
* [http://developer.apple.com/technologies/iphone/whats-new.html#api What's new in iOS]
* Einführung in [[Systemtheorie|kybernetische Systemtheorie]] als Interaktionsmodell

== Projects ==

Below you find a documentation of the Student's Projects:
* [[/Projects/Example|Example Project]] (Please duplicate this example link and add your project)
* [http://doubledi.com/appropriator.html Dianna Mertz - Appropriator]
* [[/Projects/Adriana Cabrera. – My Magic Ball 8|Adriana Cabrera – My Magic Ball 8]]
* [[/Projects/Mediathek|Tobias Wolf – Mediathek]]
* [[/Projects/PomoDone|Christoph Halang - PomoDone]]

== Requirements ==
* Access to a Intel-Mac running 10.7.
** We have one Mac Mini available. Please get in touch with Michael!
* An iOS Device (iPhone, iPod Touch, iPad)
** It's possible to develop without device (Simulator)
* Previous knowledge of at least one programming language (e.g. C or JAVA)

If you have questions, please send an eMail!

== Registration Procedure ==
To register for the course, please send an eMail to Michael.Markert (at) uni-weimar.de incuding the following informations:
* Name
* program and semester (Studienprogramm und Fachsemester)
* matriculation number (Matrikelnummer)
* Angabe der geltenden Prüfungsordnung (eg. PV27 or PV29)
* Valid email address @uni-weimar.de (no other mailing addresses will be accepted)

Sollte es mehr als 20 Bewerber geben, entscheidet die Reihenfolge des Eingangs, die gleichzeitige Teilnahme an begleitenden Semesterprojekten der Professur Interface Design und das Fachsemester (evtl. letzte Chance zur Kursbelegung) über die Aufnahme in den Kurs.

== Leistungsnachweis ==
Regelmäßige und aktive Teilnahme, Kompilierung der Demos sowie die Umsetzung einer Projektidee, entweder als Web-App (online) oder als native Anwendung sowie eine begleitende und abschließende Dokumentation im Wiki mit Kurzpräsentation im Rahmen des Kurses.
Eventuell fließen auch die Ergebnisse von kleinen Kurztests mit in die Bewertung ein.

Grading:
* Attendance (25%)
* Brief Documentation of an app (30%)
* Realisation of the concept, at least partially (45%)
** Technical Design (15%)
** Interaction Design (15%)
** Visual/Acoustic Design (15%)
* Wiki-Bonus (10%)

== Zielgruppe ==
Das Werkmodul richtet sich an Studierende aller Fachrichtungen, die sich mit Anwendungen für iPhones, iPads bzw. iPod Touch Geräten technisch beschäftigen und künstlerisch auseinandersetzen wollen, insbesondere an:
* Master-Studenten der Medienkunst/Mediengestaltung
* Master-Studenten der Medieninformatik
* Master-Studenten des postgradualen Studiengangs Media-Architecture
* Diplom-Studenten der Gestaltung

== Syllabus ==
This is a preliminary syllabus, there will be changes according to the needs of the student's projects
# 17.04. Intro, Showcase, Application Types, iOS, Xcode, Interface Builder, Target/Action Demo
# 24.04. Designing for iOS, Objective-C 2.0, Datatypes<br/><del>01.05. No class</del> (Public Holiday!)
# 08.05. Objective-C 2.0, Properties, Object Oriented Programming, Classes & Instances, Project Talk
# 15.05. Memory Management & ARC, Object Lifecycle, Xcode in depth, Debugging Demo
# 22.05. Foundation Overview, UIKit Overview, UIWebView Demo
# 29.05. MVC, View Controllers, Navigation- & TabBar Controller
# 05.06. Cocoa Design Patterns I (MVC, Target-Action, DataSources, Delegates, KVC/KVO, Notifications ...)
# 12.06. Cocoa Design Patterns II (Categories, Singletons, Protocols: ModalViews), Blocks
# 19.06. TextInput (TextInput Delegation, UIPasteboard & Localisation), UIImagePicker (Photo & Camera Access)
# 26.06. Timers, Data & Persistance (UserPreferences, Settings, NSCoder & NSKeyedArchiver, SQLite, CoreData), Project Talk
# 03.07. Shake, Xcode Tipps & Tricks, Project Talk
# 10.07. TableViews, Project Talk
# To be continued in iOS Dev II next term: Views, Coordinate Space, ScrollViews, Core Animation, Views & Drawing, Audio, Video, Custom Table Cells, Touch Events, Multi-Touch, Gestures, Location, Maps, CoreMotion & Accelerometer, Undo, Blocks, Multitasking, Quick Overview: Gamekit, Instruments, Unit Testing, what's new in iOS, Battery Life & Power Management, Performance (Memory Usage, Leaks, Autorelease, Threads vs. Blocks)<br/>Bonjour & Networking<br/> 
# 20.09. Final Deadline (see below)

Hand-in of the results:
* Brief documentation here in the Wiki with one to three screenshots and short explanation
* (Maybe) 2-min presentation at the [[IFD:Showreel2012|IFD:Showreel]]
* and (via E-Mail or Download-Link): compilable, open Xcode project file (please delete the intermediate build folder!), Deadline is the 20.09.2012.

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

=== Official ===
* [http://developer.apple.com/iphone/manage/overview/index.action Bauhaus-iOS @ developer.apple.com]
* Apple's User Interface Guidelines for the iPhone Plattform: [http://developer.apple.com/iphone/library/documentation/UserExperience/Conceptual/MobileHIG/Introduction/Introduction.html User Experience]
* [http://developer.apple.com/iphone/library/navigation/index.html iOS Reference Library]
* [http://developer.apple.com/iphone/library/documentation/Xcode/Conceptual/iphone_development/000-Introduction/introduction.html iOS Development Guide] - Introduction
* [http://developer.apple.com/iphone/library/documentation/iPhone/Conceptual/iPhoneOSProgrammingGuide/Introduction/Introduction.html iOS Programming Guide]

=== Tutorials & Online-Courses ===
* '''[http://deimos3.apple.com/WebObjects/Core.woa/Browse/itunes.stanford.edu.2024353965.02024353968 iTunes U: Stanford Programming iPhone Course]'''
* '''[http://developer.apple.com/videos/ Apple Developer Videos]''' (for registered developers)
* [http://icodeblog.com/2008/07/26/iphone-programming-tutorial-hello-world/ iCodeBlog iPhone Tutorials]
* [http://www.idev101.com/ iOS Development 101]

=== Literatur ===
* '''O'Reilly: [http://www.headfirstlabs.com/books/hfiphonedev/ Head First iPhone Development], ISBN 978-0-596-80354-4'''
* O'Reilly & MAKE: iPhone Open Application Development, ISBN 9780596516642
* O'Reilly iPhone Game Development: Paul Zirkle & Joe Hogue, ISBN 978-0-596-15985-6
* Beginning iPhone Development: Dave Mark, Jeff LaMarche, ISBN 978-1430224594
* iPhone SDK Programming, Advanced Mobile Development: Maher Ali, ISBN 978-0-470-68398-9
* iPhone Advanced Projects: Apress, ISBN 978-1430224037
* iPhone Design Award Winning Projects: Apress, ISBN 978-1-4302-7235-9 & eBook ISBN 978-1-4302-7234-2
* Beginning iPhone SDK Programming with Objective-C, Wei-Meng Lee, ISBN 978-0470500972
* Pragmatic iPhone 3.0 SDK Development: Bill Dudney & Chris Adamson. ISBN 978-1-93435-625-8
* Web-Applications: Professional iPhone and iPod Touch Programming - Building Applications for Mobile Safari, ISBN 978-0-470-25155-3

Hinweis: Die hier aufgeführte Literatur ist optional und nicht verbindlich! Beim Privatkauf englischsprachiger Literatur bitte beachten, dass diese nicht der deutschen Buchpreisbindung unterliegt (z.B. Head First iPhone Dev im Januar 2010 bei Thalia 48,-, bei Amazon 27,-)!

Teile der o.g. Literatur werden für die Teilnehmer des Kurses auf [http://elearning.uni-weimar.de Metacoon] digital verfügbar sein.

{{Template:iPhoneDev}}

IFD:WebAdvancedII/Kursplan Web Advanced II/intermediate presentation

2013-02-21T15:14:16Z

Diannamertz:

[[/Anastasiya Pavelchuk/]]

[[/Antje Danz/]]

[[/Bastian Weber/]]

[[/Christian Sohn/]]

[[/Claudia Heinze/]]

[http://doubledi.com Dianna Mertz - Promotional Site]

[[/Georg Müller/]]

[[/GIGApedia/]]

[[/Iain M Campbell/]]

[[/Jennifer Beckmann/]]

[[/Johannes Konrad/]]

[[/Kathy Yuen/]]

[[/Marcel Döpel/]]

[[/Mariana Perfeito/]]

[[/Marisa Martins/]]

[[/Martin Horbach/]]

[[/Michel Buechner/]]

[[/Paul Götze/]]

[[/Sofia Veiga Neto Mendes Barbosa/]]

IFD:WebAdvancedII/Kursplan Web Advanced II/intermediate presentation

2013-02-21T15:13:56Z

Diannamertz:

[[/Anastasiya Pavelchuk/]]

[[/Antje Danz/]]

[[/Bastian Weber/]]

[[/Christian Sohn/]]

[[/Claudia Heinze/]]

** [http://doubledi.com Dianna Mertz - Promotional Site]

[[/Georg Müller/]]

[[/GIGApedia/]]

[[/Iain M Campbell/]]

[[/Jennifer Beckmann/]]

[[/Johannes Konrad/]]

[[/Kathy Yuen/]]

[[/Marcel Döpel/]]

[[/Mariana Perfeito/]]

[[/Marisa Martins/]]

[[/Martin Horbach/]]

[[/Michel Buechner/]]

[[/Paul Götze/]]

[[/Sofia Veiga Neto Mendes Barbosa/]]

IFD:WebAdvancedII/Kursplan Web Advanced II

2013-02-21T15:12:50Z

Diannamertz:

==info for presentations==
* choose your date in the curriculum (if still available! Available marked with "...")
* every class two presentations possible
* presentation 30 minutes
** theory of technology
** examples in "real life" websites
** short practical part
** optional handout

===topics:===
* jQuery Plugins & Extensions (Beispiele und eigene Entwicklung)
* jQuery Mobil
* Optimierung mobile Endgeräte (ohne jQuery Mobil, also Weichen, Metatags usw...)
* Drupal CMS
* CMS Alternativen: Modx, Pulse (oder ein anderes, kompaktes CMS, nicht * Wordpress!)
* Facebook API
* Google API
* Fallbacks (Anwendungsfälle: HTML5-Video Flash-Fallback, Audio, Canvas Fallback usw...)
* Processing.js (Überblick, Einführung)
* SVG (Was ist SVG? Modifizierung mit nativem JS)
* Raphael (JS Library für SVG)
* Paper.js (JS Library für Vektorrenderings im Canvas)
* three.js (3D Elemente mit WebGL oder Canvas rendern)
* Box2d (JS Library für physikalische Effekte (Gravitation))
* Google Web Toolkit (GWT)
* node.js
* PhoneGap
* Alternativen zu PhoneGap (z.B. Sencha)
* Arduino (Überblick) und Ethernet-Schnittstelle
* Ruby (Einführung, Schwerpunkt: Einsatzmöglichkeiten in der Webentwicklung)
* PHP (Einführung, Schwerpunkt: Datenbank ein/auslesen)

==info for project==
* subject: own idea or connected to semester project (e.g. projects of Prof. Geelhaar)
* intermediate presentation and endpresentation required (dates see below in curriculum)
* deadline: september 30th 2012

==curriculum==

'''1. class'''<br>
16.04.
* introduction

'''2. class'''<br>
23.04.
* 3D in webdesign
** CSS3
** [[Media:BU_web_adv_II_CSS3_transform.zip]]
** Spritemap
** [[Media:BU_web_adv_II_3D_Sequence.zip]]
** three.js
** [[Media:BU_web_adv_II_Three_js.zip]]

'''3. class'''<br>
30.04.
* 3D, Three.js, WebGL, dive deeper
** [[Media:20120430_web_adv_II_material_3d.zip]]
* Soap-Box-Racer
** Animations with CSS3, PS static animated gif
** [[Media:20120430_soap_racer_material.zip]]

'''4. class'''<br>
07.05.
* Konzeptbesprechung
* ...Alternativen zu PhoneGap (z.B. Sencha) -- Dianna M.

'''5. class'''<br>
14.05.
* Phonegap -- Jennifer Beckmann
** [[Media:Präsentation_PhoneGap.pdf]]
* PHP (Einführung) -- [[User:koge1065|Bastian Weber]]
** [[Media:PHP_Sample_Code.zip]]
** [[Media:20120514_bu_adv_formvalidation.zip|Material Form Validation]]

'''6. class'''<br>
21.05.
* Google Web Toolkit -- Christian Sohn
* SVG (Was ist SVG? Modifizierung mit nativem JS) -- Martin Horbach
* Material
** [[Media:20120521_web_advanced_JS_PHP_Validator.zip]]
** [[Media:20120521_web_adv_raphael.zip]]

'''7. class'''<br>
28.05.
-- Pfingsten --

'''8. class'''<br>
04.06.
* Processing.js (Überblick, Einführung) -- Michel Büchner
* Arduino (Überblick) und Ethernet-Schnittstelle -- Claudia Heinze
* Material
** [[Media:20120604_bu_web_adv_material.zip]]

'''9. class'''<br>
11.06.
* [[/intermediate presentation/]]
* Paper.js -- Marisa Martins
* jQuery Plugins & Extensions (Beispiele und eigene Entwicklung) --Sofia Barbosa

'''10. class'''<br>
18.06.
* Drupal -- Iain Campbel
**[[Media:Drupal_Presentation.pdf]]
* Typo3

'''11. class'''<br>
25. Juni 2011
* Facebook API -- [[User:Sven|Sven S.]]
** Material [[Media:20120625_bu_adv_facebook_app.zip]]
** Referat [[Media:facebook_api_sven.zip]]

'''12. class'''<br>
02.07.
* Ruby (Einführung, Einsatzmöglichkeiten in der Webentwicklung) -- Paul Götze
** Slides [[Media:Ruby_WebAdvancedII_BUW_02.07.2012.pdf]]
** Code examples [[Media:RubyAndRails_ExampleCode.zip]]
* Box2D -- Marcel Döpel
* Web Audio API -- Kathy Yuen
** [[Media:Webaudio.zip]]

'''13. Veranstaltung'''<br>
09.07.
* Current Webdesign Trends -- Mariana Perfeito

'''endpresentation'''<br>
Freitag, 13. Juli 2011, Audimax, 11:00 - 17:00 Uhr

http://www.uni-weimar.de/medien/wiki/IFD:Showreel2012

IFD:WebAdvancedII

2013-02-21T15:11:35Z

Diannamertz:

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

==Projekte==
* [[/Sofia Barbosa and Marisa Martins/]]
* [[/Iain Campell/]]
* [[/Johannes Altmann/]]
* [[/Antje Danz/]]
* [[/Marcel Döpel/]]
* [[/Michel Büchner/]]
* [[/Martin Horbach/]]
* [[/Bastian Weber/]]
* [[/Georg Müller/]]
* [[IFD:SvenSomKU|Sven S.]]
* [[/Tobias Westphal/]]
* [[/Anastasiya Pavelchuk/]]
* [[/Mariana Perfeito/]]
* [[/Claudia Heinze/]]
* [[/Kathy Yuen/]]
* [[/Ivo Santos/]]
* [[/Garcia Matias/]]
* [[/Augusto Gawdia/]]
* [[/Carlo Enke/]]
* [[/Jennifer Beckmann/]]
* [[/Christian Sohn/]]
* [http://doubledi.com Dianna Mertz - Promotional Site]
* [[/Diana Cano/]]
* [[/Paul Götze/]]

==Beschreibung==
[[:Category:Werkmodul|Werkmodul]] / [[:Category:Fachmodul|Fachmodul]]<br>

''Titel'' Web Advanced II<br/>
''Lehrperson(en):'' [[Gabriel Rausch]]<br/>
''Bewertung:'' 6 [[ECTS]], 3 [[SWS]]<br/>
''Termin:'' Montag, 17:00 - 19:15 Uhr <br/>
''Ort:'' Steubenstraße 8, im Glaskasten der Limona <br/>
''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

2013-02-21T15:07:21Z

Diannamertz:

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

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

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

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

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

'''11:00 - 12:00 Block "Fach- und Werkmodule"'''

* Fachmodul '[[IFD:iOSDevI|iOS Development I]]'
** [[/Michael Markert - iOSDev I 2012/]]
* Fachmodul '[[IFD:Interaktive Elektronik 2012]]'
* Werkmodul ‘[[IFD:Elektrische_Gehirnwellengymnastik|Elektrische Gehirnwellengymnastik]]‘
** [[/Martin Schied - Zusammenfassung/]]
* Werkmodul/Fachmodul '[[IFD:WebAdvancedII|WebAdvanced II]]'
** [[/Gabriel Rausch - Web Advanced II/]]
* Werkmodul ‘[[IFD:WebBasicsII|Web Basics II]]‘
** [[/Gabriel Rausch - Web Basics II/]]
* Werkmodul ‘[[IFD:BauhausVorkurs2012|Bauhaus Vorkurs]]‘
** [[/Michael Markert - BauhausVorkurs2012/]]
* Werkmodul ‘[[Roter_Button|Roter Button oben links, grüner Button unten rechts]]‘
* Werkmodul ‘[[IFD:WizardOfOz|The Wizard of Oz: Mock-ups & prototyping]]‘
** [[/Frederic Gmeiner - Zusammenfassung/]]

'''12:00 - 14:00 Block "Projektmodule"'''

* Projektmodul 'Interface Design 2 / Interaktion mit mobilen Medien: „Guides & Games“ '
** [[/Stepan Boldt/]]
** [[/Tobias Zeller/]]
** [[/Marisa Martins, Sofia Barbosa - Multilanguage for european kids/]]
** [[/Interaktives Weimar Abenteuer - Bokelmann, Danz, Froger, Glahn, Pabsdorf, Wolf/]]
** [[/Tobias Westphal/]]
** [[/Sven Sommerlatte/]]
** [[/Anastasiya Pavelchuk/]]
** [[/Jan Schepanski - Veranstaltungsmanagement/]]

* Projektmodul 'Interface Design 4 / Interaction and Experimental Interfaces - 30 cm3'

** [[/Irina Yasinskaya, Sandra Guzman - Heart Beat Textile/]]

** [[/Jelena Djokic - I Was Here/]]
** [[/Patawat Phamuad - What you can do with 100 Yen/]]
** [[/Yue Mao - Interactive Donation Box/]]
** [[/Kathy Yuen, Eleni Digidiki, Augusto Gandia, Xin Wang - Smart Blocks/]]
** [[/Jie Wang, Yunshui Jin - Melodic Rope/]]
** [[/Matthias Gmelin und Miriam Kotyrba - Hospital Organisation/]]
** [[/Matias Garcia, Gentian Begolli - Understanding Our Neighbor/]]
** [http://doubledi.com/appropriator.html Dianna Mertz - Appropriator]
** [[/Adriana Cabrera , Diana Cano - Interactive Surface Design/]]
** [[/Tony Wulfert/]]
** [[/JinHee Choi - What is in your room?/]]

'''Schlusswort'''

<h3 style="color:#FF5D00;">Fach- und Werkmodul Arbeiten</h3>
Übersicht der Arbeiten aus Fach- und Werkmodulen. Werden nicht einzeln auf der Veranstaltung vorgestellt

'''Fachmodule'''

* Werkmodul/Fachmodul '[[IFD:WebAdvancedII|WebAdvanced II]]'
** [[/Marisa Martins, Sofia Barbosa - Multilanguage for european kids/]]
** [[/Iain Campbell - Dhound (Event Manager)/]]
** [[/Johannes Altmann/]]
** [[/Antje Danz/]]
** [[/Marcel Döpel - Web RPG/]]
** [[/Michel Büchner - Web RPG/]]
** [[/Martin Horbach/]]
** [[/Bastian Weber - VirtualGuitar/]]
** [[/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/]]
** [http://doubledi.com Dianna Mertz - Promotional Site]

* Fachmodul '[[IFD:iOSDevI|iOS Development I]]'
** [[/Tobias Wolf – Mediathek/]]
** [[/Juliane Reschke - iDecider/]]
** [[/Christoph Halang/]]
** [[/Fariborz Farid/]]
** [[/Iain Campbell - Solar Monitor/]]
** [http://doubledi.com/appropriator.html Dianna Mertz - Appropriator]
** [[/Jelena Djokic - I was here- iOS/]]
** [[/Adriana Cabrera/]]



'''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/]]
** [[/Stepan Boldt/]]
** [[/Shayna Lauer/]]
** [[/Diana Cano/]]

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

IFD:PhysicalComp2011

2013-02-21T14:54:02Z

Diannamertz:

[[:Category:Fachmodul|Fachmodul]]<br>
''Lehrperson:'' [[Frederic Gmeiner]]<br/>
''Bewertung:'' 6 [[ECTS]], 4 [[SWS]]<br/>
''Termin:'' Montag, 15:15 bis 18:30 Uhr<br/>
''Ort:'' [[Marienstraße 7b]], Raum 104<br/>
''Erster Termin:'' 17.10.2011

==Beschreibung==
Data Stories: Tools for self-reflection

Datenjounalismus bezeichnet allgemein die Verwendung von öffentlich zugänglichen Daten zur Generierung von (interaktiven) Informationsgrafiken zur Erweiterung klassischer journalistischer Reportagen. Die Form der »Datengeschichte« können jedoch auch für den persönlichen Gebrauch interessant sein, denn durch die stetig wachsende Präsenz von Sensoren in Consumer Geräten ist es heute sowohl für den privaten und individuellen Zweck ohne große Mühe machbar eigene Daten über sich selbst und seine Umwelt zu sammeln.

Wie lassen sich diese Daten, die bei der Benutzung von (digitalen) Geräten im Alltag entstehen, nutzen? Welchen Mehrwert können diese Archive für uns selbst oder für eine Gemeinschaft haben? Wie lassen sich gesammelte Informationen inszenieren, sodass diese einen persönlichen Wert erhalten?

Im Mittelpunkt des Kurses steht ein Selbstexperiment bei dem selbst gewählte Daten über einen Zeitraum gesammelt und anschließend inszeniert werden sollen. Hierbei soll eine Übersetzung eines analogen Datensatzes in einen digitalen (oder umgekehrt) stattfinden wobei die dafür verwendeten Geräte und Programme gemeinsam im Rahmen des Kurses entwickelt werden.

Auf der einen Seite werden technische Aspekte und Grundlagen des physical computings behandelt. Ausgangspunkt hierfür ist die Arduino Microcontroller-Plattform sowie die Programmierumgebungen Processing und OpenFrameworks. Je nach vorhandenem Kenntnisstand der Teilnehmer und Anforderungen des jeweiligen Projektes werden weitere Themen angeschlossen, wobei dieses auch in Form von Referaten geschehen kann.

Gleichzeitig sollen alle Teilnehmer im Kurs ein eigenes Projekt entwickeln bei dem das Entwerfen individueller Werkzeuge und Strategien zur Sammlung und Inszenierung (persönlicher) Daten im Vordergrund steht. Dieses kann sowohl anwendungsorientiert wie frei künstlerisch sein.

===English description===

How can we utilise all the meta-data that is being created by the usage of our everyday (digital) devices for an individual purpose? What is the benefit of these archives for ourself or a community? In what way can we stage information, so that it becomes more personal and emotional?

Together we will develop individual tools and strategies to collect and expose (personal) data, either with an application-oriented or an artistic approach.

In order to realise these projects, students will learn about the technical aspects and basics of physical computing with a focus on the Arduino micro-controller as well as the Processing and OpenFramework environments.

==Themen==
* [[Processing]]
* OpenFrameworks
* Object-oriented programming
* Arduino
* Overview and usage of libraries
* Reading and controlling of common sensors and actuators
* APIs and protocols like JSON / XML / OSC

==Voraussetzungen==
* Programmier- und Elektronikkenntnisse sind wünschenswert, jedoch nicht zwingend notwendig.
* Bitte wenn möglich einen eigenen Computer mitbringen.

==Anmeldung==
Die Bewerbung für eine Teilnahme am Kurs muss bis zum 10.10.2011 per E-Mail mit dem Betreff: ''Bewerbung {{PAGENAME}}'' und folgenden Angaben an: hello (at) fregment.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?]]
Sollte es mehr als 15 Bewerber geben, entscheidet das Motivationsschreiben, die Zugehörigkeit zur Fakultät/des Studiengangs und ggf. die Reihenfolge der Anmeldungen über die Aufnahme in den Kurs.

==Leistungsnachweis==
Aktive Teilnahme, Dokumentation einer teilweise oder ganz umgesetzen Projektidee im Wiki

==Zielgruppe==
Master-Studenten der Fakultäten Medien, Gestaltung und der Medienarchitektur

==Literatur==

* Toby Segaran & Jeff Hammerbacher: Beautiful Data, O'Reilly, ISBN 978-0596157111
* Tom Igoe: Making Things Talk, O'Reilly & MAKE, ISBN 978-0596510510
* Ben Fry: Visualizing Data, O'Reilly, ISBN 978-0596514556
* Dan O'Sullivan & Tom Igoe: Physical Computing, Premier, ISBN 978-1592003464
* Joshua Noble: Programming Interactivity, O’Reilly, ISBN 978-0596154141
* Casey Reas und Ben Fry: Processing, Mit Press, ISBN 978-0262182621
* Danny Kodicek: Mathematics and Physics for Programmers, Charles River Media, ISBN 978-1584503309

Hinweis: Die hier aufgeführte Literatur ist optional und nicht verbindlich!

==Mailinglist==
Please subscribe to the list "Datastories" here:
https://mg.medien.uni-weimar.de/mailman/listinfo/datastories

==Links==
===Data visualisation===
* [[Visualisierung]]
*[http://feltron.com/ Nicholas Felton] // [http://rhizome.org/editorial/2011/jun/1/storytelling-interview-nicholas-felton/ Interview w. Nicholas Felton] // [http://daytum.com/ DAYTUM]
*[http://www.number27.org/wefeelfine.html We Feel Fine] // [http://www.adobe.com/designcenter/thinktank/danzico2.html Telling stories using data: An interview with Jonathan Harris]

===Technology===
*[https://pachube.com pachube.com]
*[[Arduino]]
*[[Processing]]
*[http://www.openframeworks.cc OpenFrameworks]

===Student Links===
====Dianna Mertz====
Projects utilizing data:
*[http://vimeo.com/25781176/ Telepresent Water] // [http://www.dwbowen.com/ David Bown]
*[http://www.stephencartwright.com/ Stephen Cartwright]
Thematic interests:
*Classification of cities, i.e.: [http://world-gazetteer.com/wg.php?men=home&lng=en&des=wg&srt=npan&col=abcdefghinoq&msz=1500&geo=0 World Gazeteer] // [http://www.lboro.ac.uk/gawc/world2008t.html GaWC Classification] // [http://www.lboro.ac.uk/gawc/world2008c.html GaWC Cartogram] // [http://www.lboro.ac.uk/gawc/world2008m.html GaWC Map]
*Book + Information Consumption. For example: [http://www.goodreads.com/ Goodreads]

====Jelena Djokic====
*[http://www.andreasmuxel.com/artresearch/ Andreas Muxel]
*[http://www.brooklynmuseum.org/support/1stfans_twitter_art_feed.php?artist_id=4/ Brooklynmuseum]
*[http://glitchfiction.com/project/not_yet_heard Gunnar Green and Bernhard Hopfengärtner]
*[http://www.daito.ws/work/ Daito Manabe]
*[http://makrolab.ljudmila.org/ Marko Peljhan]

====Julia Putscher====
*[http://timescapers.com/blog Timescapers]
*[http://harddisko.ch/dok.htm Harddisko] // [http://www.youtube.com/watch?v=apOaClsKQS8/ Harddisko Video]
*[http://www.we-make-money-not-art.com/archives/2011/10/the-noisolation-headphones.php/ Noisolation Headphones]
*[http://vimeo.com/17997743 Elektronic Dreaming]

====Caren-Maria Jörß====

Stephan Thiel - interaction and information designer:

*[http://www.stephanthiel.com/projects/visualliszt.html Visual Liszt: Process Documentation (2011)]
*[http://www.stephanthiel.com/teaching/understandingtexts.html Understanding Texts (2010)]
*[http://www.understanding-shakespeare.com/ Understanding Shakespeare (2010)]

==== [[Sebastian Wolf|Sebastian]] ====
* [http://vimeo.com/17260051 White Glove Tracking]
* [http://vimeo.com/13007530 The Sporenspiel]
* [http://cinemetrics.fredericbrodbeck.de/ Cinemetrics]
* [http://www.markuskison.de/index.html#Vanity_Ring Vanity Ring]

====Augusto Gandia====
*http://keiichimatsuda.com/augmentedcity.php
*http://keiichimatsuda.com/augmented.php

== Processing sketches ==

[[/code|Here you find the code examples]]

== Student projects ==

On these pages you can post everything related to your project (e.g. links, inspirations, thoughts, sketches, spreadsheets, photos). <br />Please fill it with content on a regular basis. This is also important for your evaluation at the end of the semester, since documenting your project is part of this class.

*[[/Augusto Gandia|Augusto Gandia]]
*[[/Caren Maria joerss|Caren-Maria Jörß]]
*[http://doubledi.com/indepth.html Dianna Mertz - In-Depth: Smart Containers]
*[[/Hui Yuan|Hui Yuan]]
*[[/Jenena Dokic|Jenena Đokić]]
*[[/Jie Wang|Jie Wang ]]
*[[/Julia Putscher|Julia ]]
*[[/Patawat Phamuad|Patawat Phamuad]]
*[[IFD:Zeitmaschinen/geochrono|Sebastian Wolf]]
*[[/Xin Wang|Xin Wang]]
*[[/Yuan Yuan Liu|Yuan Yuan Liu]]
*[[/Yue Mao|Yue Mao]]
*[[/Yunshui Jin|Yunshui Jin]]
*[[/Chaoying Wang|Chaoying Wang]]
*[[/Adriana Cabrera|Adriana Cabrera]]
*[[/Lu Jin| Lu Jin]]
*[[/Liana Chandra|Liana Chandra]]

[[Category:WS11]]
[[Category:Physical Computing]]
[[Category:Frederic Gmeiner]]
[[Category:Interface-Design]]
[[Category:Fachmodul]]
[[Category:WS11]]
[[Category:Physical Computing]]
[[Category:Frederic Gmeiner]]
[[Category:Interface-Design]]
[[Category:Fachmodul]]

IFD:PhysicalComp2011/Dianna Mertz

2013-02-21T14:52:36Z

Diannamertz: Blanked the page

IFD:ShowreelWS1112

2013-02-21T14:48:34Z

Diannamertz:

[[File:Ifd_showreel_20120114b.png]]

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

'''03. Februar 2012'''
'''11:00 - 17:00 Uhr'''<br>
'''Audimax'''<br>
Steubenstraße 6, Haus F

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

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

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

* Projektmodul 'Interaktive Bildmedien' (DEUTSCH)
**[[/Reinhard, Tobias, Lydia, Anastasiya - Weimarpedia Kids (Redesign) (15 min)/]]
**[[/Sven, Carlo - Weimarpedia Kids (Spiel und Spaß)/]]
**[[/Juliane und Alex - Weimarpedia Kids (Spielerisches Lernen mit Stop-Motion) (5 min)/]]
**[[/Melanie & Christiane - IPad-Film kinderleicht?/]]
**[[/Sebastian Johansson - Tweet State of Mind (Research) (5 min?)/]]
**[[/Jan D. - Affordances for novel interfaces/]]

* Projektmodul 'Zeitmaschinen' (ENGLISH)
**[[/Claudia Heinze - Kreativrhythmus/]]
**[[/Liana Chandra - Musical Movements/]]
**[http://doubledi.com/indepth.html Dianna Mertz - In-Depth: Smart Containers]
**[[/Yunshui Jin - Magic Wall Looking into the past/]]
**[[/Jie Wang - Interactive Growing Plant/]]
**[[/Yue Mao - Color Our Life/]]
**[[/Xin Wang - "talk" to flower/]]
**[[/Jelena Djokic & Lu Jin - Vade Mecum (Zusammenarbeit)/]]
**[[/Adriana Cabrera - BuildVille/]]
**[[/Shayna Lauer - eswap/]]
**[[/Patawat Phamuad - Relieve Climate/]]
**[[/Sascha & Sebastian & Jonas - Isochronics/]]
**[[/Jason Reizner - Walls Have Ears/]]
**[[/Nawar Jnedee - Virtual Assistant/]]
**[[/Jeffers Egan - Color Correction App for TouchDesigner_Play/]]

'''Mittagspause'''

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

* Fachmodul '[[/iosdevII|iOS Development II]]'
**[[/Stephan Thiel - Georgy/]]
**[[/Andreas - ADlaVie/]]
**[[/Antje - MovingCloud/]]
**[[/Johannes - Museum/]]

* Fachmodul 'Physical Computing'
**[[/Yunshui Jin - Me Impresser/]]
**[[/Julia Putscher, Reinhard W. - EHP - Emotion Heartbeat Project/]]
**[[/Augusto Gandia - Trip Book/]]
**[[/Jelena Djokic - Der Freundeskreis/]]
**[[/Lu Jin - SHAKE ME/]]

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

* Werkmodul '[[/InterfaceEntwicklungFortgeschrittene|Interface-Entwicklung für Fortgeschrittene]]'
** [[/Jan Grassegger & Daniel Plath - anycook/]]
** [[/Bastian Bischoff - ANTÖRN!/]]
** [[/Antje Danz - The Other Europeans/]]
** [[/Georg Müller - Die Piazza ist toll & Arduino2Light/]]
** [[/Tobias Wolf - Worldwide Somali Students & Professional/]]
** [[/Daniel Schulz - Parallax Scrolling/]]
** [[/Michel Buechner - Enchytraeenzucht/]]
** [[/Marcel Döpel - Residential Lab/]]
** [[/Johannes Altmann - Redesign für eine Hebamme, neue Webpräsentation/]]

* Werkmodul '[[/GrundlagenWebentwicklung|Grundlagen Webentwicklung]]'
**[[/Christoph Römer - Architekt Franz Römer/]]
**[[/Wiebke Jahns - "This is what we mean, when we say..."/]]
**[[/Sebastian Johansson - Tweet State Of Mind/]]
**[[/Wünsche Hannes - Grat u Murdur/]]
**[[/Christian Sohn - "AbrakaHAMM - eine animierte Kinderkochshow"/]]
**[[/Marcus Glahn - Portfolio/]]
**[[/Stepan Boldt - Pappwand/]]
**[[/Lisa Fickenscher - ohrzucker/]]
**[[/Florian Froger - Portfolio/]]
**[[/Shayna Lauer - Portfolio/]]
**[[/Martin Pabsdorf - Portfolio/]] *
**[[/Stefanie Meyer - Portfolio/]]
**[[/Laura Jozefini - Sherlock-Page/]]
**[[/Ulrike Schmidt - Portfolio Udo Keck/]]
**[[/Christopher Zimmer - Architekt Marcus Peter/]]
**[[/Julia Wagner - Time Of My Life/]] *
**[[/Melanie Schumann - Lina Christa/]] *
**[[/Constantin Oestreich - Circus of Pressure Label-Crew/]]

'''17:00 Schlusswort'''

IFD:ShowreelWS1112

2013-02-21T14:48:10Z

Diannamertz:

[[File:Ifd_showreel_20120114b.png]]

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

'''03. Februar 2012'''
'''11:00 - 17:00 Uhr'''<br>
'''Audimax'''<br>
Steubenstraße 6, Haus F

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

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

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

* Projektmodul 'Interaktive Bildmedien' (DEUTSCH)
**[[/Reinhard, Tobias, Lydia, Anastasiya - Weimarpedia Kids (Redesign) (15 min)/]]
**[[/Sven, Carlo - Weimarpedia Kids (Spiel und Spaß)/]]
**[[/Juliane und Alex - Weimarpedia Kids (Spielerisches Lernen mit Stop-Motion) (5 min)/]]
**[[/Melanie & Christiane - IPad-Film kinderleicht?/]]
**[[/Sebastian Johansson - Tweet State of Mind (Research) (5 min?)/]]
**[[/Jan D. - Affordances for novel interfaces/]]

* Projektmodul 'Zeitmaschinen' (ENGLISH)
**[[/Claudia Heinze - Kreativrhythmus/]]
**[[/Liana Chandra - Musical Movements/]]
*[http://doubledi.com/indepth.html Dianna Mertz - In-Depth: Smart Containers]
**[[/Yunshui Jin - Magic Wall Looking into the past/]]
**[[/Jie Wang - Interactive Growing Plant/]]
**[[/Yue Mao - Color Our Life/]]
**[[/Xin Wang - "talk" to flower/]]
**[[/Jelena Djokic & Lu Jin - Vade Mecum (Zusammenarbeit)/]]
**[[/Adriana Cabrera - BuildVille/]]
**[[/Shayna Lauer - eswap/]]
**[[/Patawat Phamuad - Relieve Climate/]]
**[[/Sascha & Sebastian & Jonas - Isochronics/]]
**[[/Jason Reizner - Walls Have Ears/]]
**[[/Nawar Jnedee - Virtual Assistant/]]
**[[/Jeffers Egan - Color Correction App for TouchDesigner_Play/]]

'''Mittagspause'''

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

* Fachmodul '[[/iosdevII|iOS Development II]]'
**[[/Stephan Thiel - Georgy/]]
**[[/Andreas - ADlaVie/]]
**[[/Antje - MovingCloud/]]
**[[/Johannes - Museum/]]

* Fachmodul 'Physical Computing'
**[[/Yunshui Jin - Me Impresser/]]
**[[/Julia Putscher, Reinhard W. - EHP - Emotion Heartbeat Project/]]
**[[/Augusto Gandia - Trip Book/]]
**[[/Jelena Djokic - Der Freundeskreis/]]
**[[/Lu Jin - SHAKE ME/]]

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

* Werkmodul '[[/InterfaceEntwicklungFortgeschrittene|Interface-Entwicklung für Fortgeschrittene]]'
** [[/Jan Grassegger & Daniel Plath - anycook/]]
** [[/Bastian Bischoff - ANTÖRN!/]]
** [[/Antje Danz - The Other Europeans/]]
** [[/Georg Müller - Die Piazza ist toll & Arduino2Light/]]
** [[/Tobias Wolf - Worldwide Somali Students & Professional/]]
** [[/Daniel Schulz - Parallax Scrolling/]]
** [[/Michel Buechner - Enchytraeenzucht/]]
** [[/Marcel Döpel - Residential Lab/]]
** [[/Johannes Altmann - Redesign für eine Hebamme, neue Webpräsentation/]]

* Werkmodul '[[/GrundlagenWebentwicklung|Grundlagen Webentwicklung]]'
**[[/Christoph Römer - Architekt Franz Römer/]]
**[[/Wiebke Jahns - "This is what we mean, when we say..."/]]
**[[/Sebastian Johansson - Tweet State Of Mind/]]
**[[/Wünsche Hannes - Grat u Murdur/]]
**[[/Christian Sohn - "AbrakaHAMM - eine animierte Kinderkochshow"/]]
**[[/Marcus Glahn - Portfolio/]]
**[[/Stepan Boldt - Pappwand/]]
**[[/Lisa Fickenscher - ohrzucker/]]
**[[/Florian Froger - Portfolio/]]
**[[/Shayna Lauer - Portfolio/]]
**[[/Martin Pabsdorf - Portfolio/]] *
**[[/Stefanie Meyer - Portfolio/]]
**[[/Laura Jozefini - Sherlock-Page/]]
**[[/Ulrike Schmidt - Portfolio Udo Keck/]]
**[[/Christopher Zimmer - Architekt Marcus Peter/]]
**[[/Julia Wagner - Time Of My Life/]] *
**[[/Melanie Schumann - Lina Christa/]] *
**[[/Constantin Oestreich - Circus of Pressure Label-Crew/]]

'''17:00 Schlusswort'''

IFD:Zeitmaschinen

2013-02-21T14:43:23Z

Diannamertz:

Projektmodul (Master)<br>
''Lehrpersonen:'' Prof. Dr. Jens Geelhaar<br/>
''Bewertung:'' 18 / 24 [[ECTS]], 16 [[SWS]]<br/>
''Termine:'' <br/>
· Plenum: Dienstags 9:15 h - 12:30 h<br/>
· Kolloquium: Dienstag 13:30 h - 16:45 h<br/>
· Konsultationen: n.V.<br/>
''Ort:'' Marienstraße 5/7b & Hörsaal Hausknechtstraße (Kolloquium)<br/>

''Erster Termin:'' t.b.a.<br/>

''Interface Design 3 / Interactive Media in Urban and Architectural Settings''
= Zeitmaschinen / Time Machines =

==Beschreibung==
Was ist Zeit? Wie kann Zeit dargestellt werden?

In diesem interdisziplinären Kollaborationsprojekt der Fakultäten Gestaltung und Medien geht es um Ideen und die Gestaltung von Darstellungsmethoden von Zeit. Neben Kalendersystemen und Messgeräten wie bspw. Uhren, soll der Kurs einen experimentellen Ansatz zur Auseinandersetzung mit dem Thema bieten und Maschinen entstehen lassen, die in exemplarischer Funktion Zeit darstellen.

Die enge Zusammenarbeit von Grafikdesign, Medieninformatik, Medienkunst und -gestaltung sowie der Medienkultur will das Thema inhaltlich bereichern, Blickwinkel öffnen, den Austausch fördern und zur Bildung von disziplin-übergreifenden Teams ermuntern.

Die Projektteilnehmer treffen im wöchentlichen Kolloquium auf Studenten und Dozenten aus den Bereichen:
Visuelle Kommunikation / Grafik-Design (Prof. Weisbeck),
Medieninformatik / Mobile Medien (Prof. Höpfner),
Medieninformatik / Usability (Prof. Bertel),
Medienkunst + Mediengestaltung / Interface Design (Prof. Geelhaar + Michael Markert)

==English Description==
What is time? How can time be visualized?

In this interdisciplinary collaborative project between the department of Art & Design and the Media Department the focus is on ideas and methods of representation of time. Besides traditional calendar systems and measuring devices such as clocks, the course aims at more experimental methods and debates that result in “machines” exemplarily visualizing time.

The close collaboration of graphic design, computer science, media art & design and media cultures is meant to broadly cover the theme and to allow perspectives, which foster the exchange and lead to the formation of transdisciplinary teams.

In the weekly colloquium participants will meet other students, assistants and professors from the following areas:
Visual Communication / Graphic-Design (Prof. Weisbeck),
Computer Science / Mobile Media (Prof. Höpfner),
Computer Science / Usability (Prof. Bertel),
Media Art & Design / Interface Design (Prof. Geelhaar + Michael Markert)

==Voraussetzungen==
Active participation in the plenum (including a self researched 15 minute seminartalk) and a minimum of 3 individual consultations is expected.
The final result of this course is the presentation and documentation of an individual art or design work related to the courses subtopics. A written documentation in PDF format is required at the end of the term.
General course language is English. Some discussions in the joint colloquium will eventually be conducted in German language.

==Anmeldung==

==Leistungsnachweis==

==Zielgruppe==
Offen für MKG, MS, MK, MediaArchitecture, PD, VK, Freie Kunst und alle Interessierten

== Literatur ==

==Studentische Projekte im Modul==
* Fakultät M, Usability Research Group: [[IFD:Zeitmaschinen/Zeitloser_Organizer|Zeitloser Organizer (AT)]]
* [[/geochrono|Isochrone Karte]], [[/Digitale Stechuhr|Digitale Stechuhr]], Umkonditionierungsuhr
* [[/vademecum|Vade mecum — go with me! (AT)]]
* [[/sonnenuhr|Digitale Sonnenuhr]]
* [[/Log out/]]
* [[/Relieve Climate| Relieve Climate - You can save this world!]]
*[http://doubledi.com/indepth.html Dianna Mertz - In-Depth: Smart Containers]

== Links ==
* [[Media:Zeitmaschinen-smartphonesensors.pdf|25.10.2011 Präsentation zu Smartphone-Sensoren]]

[[Category:WS11]]
[[Category:Projektmodul]]
[[Category:Jens Geelhaar]]
[[Category:Interface-Design]]
[[Category:Courses]]

IFD:Zeitmaschinen/indepth

2013-02-21T14:40:50Z

Diannamertz: Blanked the page

IFD:ShowreelWS12

2013-02-05T11:16:49Z

Diannamertz:

[[File:422px-20120102_IFD-Showreel20122013.png]]

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

[http://www.youtube.com/watch?v=8rtEZEOPACw How-To Videocast]<br>
[[IFD:Showreel/Wie_stelle_ich_mein_Projekt_ins_Wiki%3F|How-To Manual]]<br>
[http://www.uni-weimar.de/medien/interfacedesign/showreel_ws2012 Test Your Presentation]

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

'''Präsentation Wintersemester 2012/2013'''<br>
Professur Interface Design<br>
Prof. Dr. Jens Geelhaar, Johannes Deich, Joatan Preis Dutra, Michael Markert, Gabriel Rausch, Martin Schied

'''30. Januar 2013'''<br>
'''9:00 - 13:00 Uhr'''<br>
'''Hörsaal A'''<br>
Marienstraße 13C

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

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

'''9:00 - 10:00 Block "Werk- und Fachmodule"'''

''Werkmodule''

* Werkmodul 'Einführung in die be-greifbare Programmierung'
** [[/Einführung in die be-greifbare Programmierung - Introduction/]]
** [[/Heinrich Roolf - QBasic Gorillas/]]
** [[/Jonas Grund - Mother Earth/]]
** [[/Matthias Schäfer - Flunkuino/]]
** [[/Adrian Engelhardt - Bike Blink/]]
** [[/Jenny Schröder - Vertreibe den Winter/]]
** [[/Preset Page/]]

* Werkmodul 'Generative Bauhaus (Bauhaus-Vorkurs)'
** [[/Generative Bauhaus - Introduction/|Generative Bauhaus]]

* Werkmodul 'Human-Centered-Design-Research'
** [[/Human-Centered-Design-Research - Introduction/]]
** [[/Gianluca Pandolfo & Heinrich Roolf & Matthias Schäfer - Carrels/]]
** [[/Juli Thiele, Jenny Schröder & Anna Bilousova - Setz dich/]]
** [[/Marie-Therese Dalke, Marina Vissing- Virtueller Lageplan/]]
** [[/Preset Page/]]

* Werkmodul 'Web Basics I'
** [[/Web Basics I - Introduction/]]
** [[/Manuel Janke - Nah - Näher - Am Nächsten/]]
** [[/Martin Melcher - Wordpress Portfolio/]]
** [[/Julia Nießlein - Jolka Design/]]
** [[/Sebastian Utzig - Mensa vs. Fast Food/]]
** [[/Andreas Schädler - Alvarez Chocolat/]]

''Fachmodule''

* Fachmodul 'Eclectic_Electric! Grundlagen der Elektronik'
** [[/Eclectic_Electric! - Overview/]]
** [[/Clemens Bast - Elektrochemie/]]
** [[/Ana Maria Vallejo - Catalina Giraldo - The Magic Box/]]
** [[/Alexander Vogt - AIR 433 HC/]]

* Fachmodul 'iOS Dev II'
** [[/iOS Dev II - Introduction/]]

* Fachmodul 'Mobile Culture and Urban Spaces'
** [[/Mobile Culture and Urban Spaces - Introduction/]]

* Fachmodul 'Tangible Programming - An Introduction'
** [[/Tangible Programming - An Introduction - Introduction/]]
** [[/Yuqiong Huang - Light Tap/]]
** [[/Amr Kamel - Time Keeper/]]
** [[/Qianqian Zhang und Jingjing Lu - Fliegen schlagen/]]
** [[/Meng Chang - Seed's Universe/]]
** [[/Lingling Li - "Touch" game/]]
** [[/Matias Garcia - Processing and Data/]]
** [[/Diana Cano - "See the Light"/]]

* Fachmodul 'Web Advanced I'
** [[/Web Advanced I - Introduction/]]
** [[/Gianluca Pandolfo - Responsive Online Portfolio/]]
** [[/Christian Sohn - Kirschblüten aus Harkau/]]
** [[/Roland Muench - title/]]
** [[/Julius Bullinger - Wirtschaftliche Entwicklung der deutschen Bundesländer/]]

'''10:00 - 12:00 Block "Projektmodule"'''

* Freie Projekte
** [[/Jan Dittrich – Exploring User Research Methods/]]
**[http://www.doubledi.com/HH/HH01.html Dianna Mertz - Heard Here]
** [[/Jelena Djokic - I Was Here/]]
** [[/Sven - Kickers United Browsergame/]]
** [[/Martin Kohlstedt - Lutopia/]]
** [[/Matias Garcia - The Lab Notebook/]]
** [[/Zhong Pu - Tips/]]
** [[/Carlo Enke - UNINIZER/]]
** [[/Marcel Karnapke - Prehistoric Puppets//]]

'''Schlusswort'''

<h3 style="color:#78BA56;">Fach- und Werkmodul Arbeiten</h3>
Übersicht der Arbeiten aus Fach- und Werkmodulen. Werden nicht einzeln auf der Veranstaltung vorgestellt.

* Werkmodul 'Web Basics I'
** [[/Gesa Junne/]]
** [[/Anne Böttner/]]
** [[/Martin Melcher/]]
** [[/Esra Melody Butcher/]]
** [[/Andreas Rügamer/]]
** [[/Christin Doellmann/]]
** [[/Melanie Mesikow/]]
** [[/Julia Albrecht/]]
** [[/Heinrich Roolf/]]
** [[/Jenny Schröder/]]
** [[/Sören Wellhöfer/]]
** [[/Klemens Schmiady/]]
** [[/Adrian Engelhardt/]]
** [[/Robert Schwarzenberg/]]
** [[/Matthias Schäfer/]]
** [[/Marina Vissing/]]
** [[/Julia Nießlein/]]
** [[/Kassandra Krühsel/]]
** [[/Franziska Feistel/]]
** [[/Cathleen Göring/]]
** [[/Martin Lehmann/]]
** [[/Manuel Janke/]]
** [[/Katharina Meißner/]]
** [[/Adriana Cerami/]]
** [[/Olga Uchatsch/]]
** [[/Jonas Lideikis/]]
** [[/Amr Kamel/]]
** [[/Jonas Grund/]]
** [[/Sabina Kim/]]
** [[/Franziska Gerlach/]]
** [[/Wieland Mikolajczyk]]
** [[/Michael Holz]]
** [[/Bianca Müller]]
** [[/Kai Hoppenheidt/]]
** [[/Elisabeth Barth/]]
** [[/Laura Wasserek/]]
** [[/Miriam Kropp/]]
** [[/Daniel Winterberg/]]
** [[/Nils Lauterbach/]]
** [[/Daniela Pohl/]]
** [[/Lisa Guth/]]
** [[/Jannis Harder/]]
** [[/Sebastian Utzig/]]
** [[/Alexaner Rink/]]
** [[/Tina Wagner/]]
** [[Samantha Beständig]]
** [[/Li Lingling/]]
** [[/Nicola Fleischmann/]]
** [[/Aidas Cergelis/]]
** [[/Benjamin Burse/]]
** [[/Andreas Schädler/]]
** [[/Christoph Römer/]]
** [[/Martin Valkanov/]]
** [[/Nelina Kraycheva/]]
** [[/Patricia Hutny/]]
** [[/Nil Akdede/]]
** [[/Busra Yeltekin/]]

IFD:ShowreelWS12/Dianna Mertz - Heard Here

2013-02-05T11:15:33Z

Diannamertz: Blanked the page

IFD:ShowreelWS12/Dianna Mertz - Heard Here

2013-01-29T20:35:27Z

Diannamertz:

== Heard Here ==
=== Dianna Mertz ===

[[File:heardhere01.jpg]]
[[File:heardhere02.jpg]]
[[File:heardhere03.jpg]]
[[File:heardhere04.jpg]]
[[File:heardhere05.jpg]]
[[File:heardhere06.jpg]]
[[File:heardhere07.jpg]]
[[File:heardhere08.jpg]]
[[File:heardhere09.jpg]]
[[File:heardhere10.jpg]]
[[File:heardhere11.jpg]]
[[File:heardhere12.jpg]]

IFD:ShowreelWS12/Dianna Mertz - Heard Here

2013-01-29T12:05:06Z

Diannamertz:

== Heard Here ==
=== Dianna Mertz ===

IFD:ShowreelWS12/Dianna Mertz - Heard Here

2013-01-29T12:00:36Z

Diannamertz:

== Heard Here ==
=== Dianna Mertz ===
==== Subtitle====

<nowiki><a href="http://www.doubledi.com/HH/jpgs/slide01.jpg" class="image"/>http://www.doubledi.com/HH/jpgs/slide01.jpg</a></nowiki>

http://www.doubledi.com/HH/jpgs/slide02.jpg

IFD:ShowreelWS12/Dianna Mertz - Heard Here

2013-01-29T11:59:43Z

Diannamertz:

== Heard Here ==
=== Dianna Mertz ===
==== Subtitle====

<a href="http://www.doubledi.com/HH/jpgs/slide01.jpg" class="image"/>http://www.doubledi.com/HH/jpgs/slide01.jpg</a>

http://www.doubledi.com/HH/jpgs/slide02.jpg

IFD:ShowreelWS12/Dianna Mertz - Heard Here

2013-01-29T11:57:30Z

Diannamertz: created

== Heard Here ==
=== Dianna Mertz ===
==== Subtitle====

http://www.doubledi.com/HH/jpgs/slide01.jpg

http://www.doubledi.com/HH/jpgs/slide02.jpg

IFD:ShowreelWS12

2013-01-29T11:56:08Z

Diannamertz:

[[File:422px-20120102_IFD-Showreel20122013.png]]

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

[http://www.youtube.com/watch?v=8rtEZEOPACw How-To Videocast]<br>
[[IFD:Showreel/Wie_stelle_ich_mein_Projekt_ins_Wiki%3F|How-To Manual]]<br>
[http://www.uni-weimar.de/medien/interfacedesign/showreel_ws2012 Test Your Presentation]

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

'''Präsentation Wintersemester 2012/2013'''<br>
Professur Interface Design<br>
Prof. Dr. Jens Geelhaar, Johannes Deich, Joatan Preis Dutra, Michael Markert, Gabriel Rausch, Martin Schied

'''30. Januar 2013'''<br>
'''9:00 - 13:00 Uhr'''<br>
'''Hörsaal A'''<br>
Marienstraße 13C

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

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

'''9:00 - 10:00 Block "Werk- und Fachmodule"'''

''Werkmodule''

* Werkmodul 'Einführung in die be-greifbare Programmierung'
** [[/Einführung in die be-greifbare Programmierung - Introduction/]]
** [[/Heinrich Roolf - QBasic Gorillas/]]
** [[/Preset Page/]]
** [[/Preset Page/]]

* Werkmodul 'Generative Bauhaus (Bauhaus-Vorkurs)'
** [[/Generative Bauhaus - Introduction/]]

* Werkmodul 'Human-Centered-Design-Research'
** [[/Human-Centered-Design-Research - Introduction/]]
** [[/Gianluca Pandolfo & Heinrich Roolf & Matthias Schäfer - Carrels/]]
** [[/Juli Thiele, Jenny Schröder & Anna Bilousova - Setz dich/]]
** [[/Preset Page/]]

* Werkmodul 'Web Basics I'
** [[/Web Basics I - Introduction/]]
** [[/Martin Melcher - Wordpress Portfolio/]]
** [[/Julia Nießlein - Jolka Design/]]
** [[/Manuel Janke - Nah - Näher - Am Nächsten/]]
** [[/Sebastian Utzig - Mensa vs. Fast Food/]]
** [[/Andreas Schädler - Alvarez Chocolat/]]

''Fachmodule''

* Werkmodul 'Eclectic_Electric! Grundlagen der Elektronik'
** [[/Eclectic_Electric! - Introduction/]]
** [[/Clemens Bast - test/]]
** [[/Ana Vallejo - Catalina Giraldo - The Magic Box/]]
** [[/Preset Page/]]
** [[/Preset Page/]]

* Werkmodul 'iOS Dev II'
** [[/iOS Dev II - Introduction/]]
** [[/Juliane Reschke/]]
** [[/Christoph Halang/]]
** [[/Adriana Cabrera/]]
** [[/David Wiesner und Jonas Pencke/]]
** Eleni Digidiki (under NDA)
** Dianna Mertz (see Project Modules)
** Jelena Djokic (see Project Modules)

* Werkmodul 'Mobile Culture and Urban Spaces'
** [[/Mobile Culture and Urban Spaces - Introduction/]]

* Werkmodul 'Tangible Programming - An Introduction'
** [[/Tangible Programming - An Introduction - Introduction/]]
** [[/Yuqiong Huang - Light Tap/]]
** [[/Qianqian Zhang und Jingjing Lu - Fliegen schlagen/]]
** [[/Meng Chang - Seed's Universe/]]
** [[/Lingling Li - "Touch" game/]]
** [[/Preset Page/]]

* Werkmodul 'Web Advanced I'
** [[/Web Advanced I - Introduction/]]
** [[/Gianluca Pandolfo - title/]]
** [[/Christian Sohn - title/]]
** [[/Roland Muench - title/]]
** [[/Julius Bullinger - title/]]

'''10:00 - 12:00 Block "Projektmodule"'''
* [[/Jan Dittrich – Exploring User Research Methods/]]
* [[/Dianna Mertz - Heard Here/]]
* [[/Jelena Djokic - title/]]
* [[/Martin Kohlstedt - title/]]
* [[/Matias Garcia - title/]]
* [[/Zhong Pu - Tips/]]
* [[/Carlo Enke - UNINIZER/]]
* [[/Marcel Karnapke - Prehistoric Puppets//]]

'''Schlusswort'''

<h3 style="color:#78BA56;">Fach- und Werkmodul Arbeiten</h3>
Übersicht der Arbeiten aus Fach- und Werkmodulen. Werden nicht einzeln auf der Veranstaltung vorgestellt.

''1. Semesterler bitte ganz oben in der Web Basics I Liste eintragen, damit ihr zuerst präsentiert und die Veranstaltung bei Prof. Bauer-Wabnegg noch erreicht!''
* Werkmodul 'Web Basics I'
** [[/Gesa Junne/]]
** [[/Anne Böttner/]]
** [[/Martin Melcher/]]
** [[/Esra Melody Butcher/]]
** [[/Andreas Rügamer/]]
** [[/Christin Doellmann/]]
** [[/Melanie Mesikow/]]
** [[/Julia Albrecht/]]
** [[/Heinrich Roolf/]]
** [[/Jenny Schröder/]]
** [[/Sören Wellhöfer/]]
** [[/Klemens Schmiady/]]
** [[/Adrian Engelhardt/]]
** [[/Robert Schwarzenberg/]]
** [[/Matthias Schäfer/]]
** [[/Marina Vissing/]]
** [[/Julia Nießlein/]]
** [[/Kassandra Krühsel/]]
** [[/Franziska Feistel/]]
** [[/Cathleen Göring/]]
** [[/Martin Lehmann/]]
** [[/Manuel Janke/]]
** [[/Katharina Meißner/]]
** [[/Adriana Cerami/]]
** [[/Olga Uchatsch/]]
** [[/Jonas Lideikis/]]
** [[/Amr Kamel/]]
** [[/Jonas Grund/]]
** [[/Sabina Kim/]]
** [[/Franziska Gerlach/]]
** [[/Wieland Mikolajczyk]]
** [[/Michael Holz]]
** [[/Bianca Müller]]
** [[/Kai Hoppenheidt/]]
** [[/Elisabeth Barth/]]
** [[/Laura Wasserek/]]
** [[/Miriam Kropp/]]
** [[/Daniel Winterberg/]]
** [[/Nils Lauterbach/]]
** [[/Daniela Pohl/]]
** [[/Lisa Guth/]]
** [[/Jannis Harder/]]
** [[/Sebastian Utzig/]]
** [[/Alexaner Rink/]]
** [[/Tina Wagner/]]
** [[Samantha Beständig]]
** [[/Li Lingling/]]
** [[/Nicola Fleischmann/]]
** [[/Aidas Cergelis/]]
** [[/Benjamin Burse/]]
** [[/Andreas Schädler/]]
** [[/Christoph Römer/]]
** [[/Martin Valkanov/]]
** [[/Nelina Kraycheva/]]
** [[/Patricia Hutny/]]
** [[/Nil Akdede/]]
** [[/Busra Yeltekin/]]

IFD:ShowreelWS12

2013-01-29T11:37:19Z

Diannamertz:

[[File:422px-20120102_IFD-Showreel20122013.png]]

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

[http://www.youtube.com/watch?v=8rtEZEOPACw How-To Videocast]<br>
[[IFD:Showreel/Wie_stelle_ich_mein_Projekt_ins_Wiki%3F|How-To Manual]]<br>
[http://www.uni-weimar.de/medien/interfacedesign/showreel_ws2012 Test Your Presentation]

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

'''Präsentation Wintersemester 2012/2013'''<br>
Professur Interface Design<br>
Prof. Dr. Jens Geelhaar, Johannes Deich, Joatan Preis Dutra, Michael Markert, Gabriel Rausch, Martin Schied

'''30. Januar 2013'''<br>
'''9:00 - 13:00 Uhr'''<br>
'''Hörsaal A'''<br>
Marienstraße 13C

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

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

'''9:00 - 10:00 Block "Werk- und Fachmodule"'''

''Werkmodule''

* Werkmodul 'Einführung in die be-greifbare Programmierung'
** [[/Einführung in die be-greifbare Programmierung - Introduction/]]
** [[/Heinrich Roolf - QBasic Gorillas/]]
** [[/Preset Page/]]
** [[/Preset Page/]]

* Werkmodul 'Generative Bauhaus (Bauhaus-Vorkurs)'
** [[/Generative Bauhaus - Introduction/]]

* Werkmodul 'Human-Centered-Design-Research'
** [[/Human-Centered-Design-Research - Introduction/]]
** [[/Gianluca Pandolfo & Heinrich Roolf & Matthias Schäfer - Carrels/]]
** [[/Juli Thiele, Jenny Schröder & Anna Bilousova - Setz dich/]]
** [[/Preset Page/]]

* Werkmodul 'Web Basics I'
** [[/Web Basics I - Introduction/]]
** [[/Martin Melcher - Wordpress Portfolio/]]
** [[/Julia Nießlein - Jolka Design/]]
** [[/Manuel Janke - Nah - Näher - Am Nächsten/]]
** [[/Sebastian Utzig - Mensa vs. Fast Food/]]
** [[/Andreas Schädler - Alvarez Chocolat/]]

''Fachmodule''

* Werkmodul 'Eclectic_Electric! Grundlagen der Elektronik'
** [[/Eclectic_Electric! - Introduction/]]
** [[/Clemens Bast - test/]]
** [[/Ana Vallejo - Catalina Giraldo - The Magic Box/]]
** [[/Preset Page/]]
** [[/Preset Page/]]

* Werkmodul 'iOS Dev II'
** [[/iOS Dev II - Introduction/]]
** [[/Juliane Reschke/]]
** [[/Christoph Halang/]]
** [[/Adriana Cabrera/]]
** [[/David Wiesner und Jonas Pencke/]]
** Eleni Digidiki (under NDA)
** Dianna Mertz (see Project Modules)
** Jelena Djokic (see Project Modules)

* Werkmodul 'Mobile Culture and Urban Spaces'
** [[/Mobile Culture and Urban Spaces - Introduction/]]

* Werkmodul 'Tangible Programming - An Introduction'
** [[/Tangible Programming - An Introduction - Introduction/]]
** [[/Yuqiong Huang - Light Tap/]]
** [[/Qianqian Zhang und Jingjing Lu - Fliegen schlagen/]]
** [[/Meng Chang - Seed's Universe/]]
** [[/Lingling Li - "Touch" game/]]
** [[/Preset Page/]]

* Werkmodul 'Web Advanced I'
** [[/Web Advanced I - Introduction/]]
** [[/Gianluca Pandolfo - title/]]
** [[/Christian Sohn - title/]]
** [[/Roland Muench - title/]]
** [[/Julius Bullinger - title/]]

'''10:00 - 12:00 Block "Projektmodule"'''
* [[/Jan Dittrich – Exploring User Research Methods/]]
* [http://www.doubledi.com/HH/HH01.html Dianna Mertz - Heard Here]
* [[/Jelena Djokic - title/]]
* [[/Martin Kohlstedt - title/]]
* [[/Matias Garcia - title/]]
* [[/Zhong Pu - Tips/]]
* [[/Carlo Enke - UNINIZER/]]
* [[/Marcel Karnapke - Prehistoric Puppets//]]

'''Schlusswort'''

<h3 style="color:#78BA56;">Fach- und Werkmodul Arbeiten</h3>
Übersicht der Arbeiten aus Fach- und Werkmodulen. Werden nicht einzeln auf der Veranstaltung vorgestellt.

''1. Semesterler bitte ganz oben in der Web Basics I Liste eintragen, damit ihr zuerst präsentiert und die Veranstaltung bei Prof. Bauer-Wabnegg noch erreicht!''
* Werkmodul 'Web Basics I'
** [[/Gesa Junne/]]
** [[/Anne Böttner/]]
** [[/Martin Melcher/]]
** [[/Esra Melody Butcher/]]
** [[/Andreas Rügamer/]]
** [[/Christin Doellmann/]]
** [[/Melanie Mesikow/]]
** [[/Julia Albrecht/]]
** [[/Heinrich Roolf/]]
** [[/Jenny Schröder/]]
** [[/Sören Wellhöfer/]]
** [[/Klemens Schmiady/]]
** [[/Adrian Engelhardt/]]
** [[/Robert Schwarzenberg/]]
** [[/Matthias Schäfer/]]
** [[/Marina Vissing/]]
** [[/Julia Nießlein/]]
** [[/Kassandra Krühsel/]]
** [[/Franziska Feistel/]]
** [[/Cathleen Göring/]]
** [[/Martin Lehmann/]]
** [[/Manuel Janke/]]
** [[/Katharina Meißner/]]
** [[/Adriana Cerami/]]
** [[/Olga Uchatsch/]]
** [[/Jonas Lideikis/]]
** [[/Amr Kamel/]]
** [[/Jonas Grund/]]
** [[/Sabina Kim/]]
** [[/Franziska Gerlach/]]
** [[/Wieland Mikolajczyk]]
** [[/Michael Holz]]
** [[/Bianca Müller]]
** [[/Kai Hoppenheidt/]]
** [[/Elisabeth Barth/]]
** [[/Laura Wasserek/]]
** [[/Miriam Kropp/]]
** [[/Daniel Winterberg/]]
** [[/Nils Lauterbach/]]
** [[/Daniela Pohl/]]
** [[/Lisa Guth/]]
** [[/Jannis Harder/]]
** [[/Sebastian Utzig/]]
** [[/Alexaner Rink/]]
** [[/Tina Wagner/]]
** [[Samantha Beständig]]
** [[/Li Lingling/]]
** [[/Nicola Fleischmann/]]
** [[/Aidas Cergelis/]]
** [[/Benjamin Burse/]]
** [[/Andreas Schädler/]]
** [[/Christoph Römer/]]
** [[/Martin Valkanov/]]
** [[/Nelina Kraycheva/]]
** [[/Patricia Hutny/]]
** [[/Nil Akdede/]]
** [[/Busra Yeltekin/]]

IFD:Kolloq WS12

2012-11-30T16:24:59Z

Diannamertz:

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

''Erster Termin:'' Mittwoch, 17. Oktober 2012, 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>17.10.</del> no meeting yet…
# <del>24.10.</del> no meeting yet…
# <del>31.10.</del> no meeting! (Public Holiday)
# 07.11. Jan: Interfaces, Martin: ARS-Project
# 14.11. Matthias + Miriam (Exposé Masterarbeit - Bürgerbeteiligung, Stadtentwicklung, Medien), Jason (If You Have To Ask You Can't Afford It)
# 21.11. Marcel K. (HCI for Cultural Heritage Research and Museums), Patawat. P (IVIN)
# 28.11. Adriana (Interaktive Oberflächen), Max Albrecht ([https://github.com/papermill/documentation papermill])
# 05.12. Augusto Gandia(Collaborative interface for modular architecture), Carlo Enke (Uninizer - Analyse von Kalendersystemen, deren Aufgabenverwaltungssysteme)
# 12.12. Fabian Vogelsteller: [http://feindura.org feindura - Flat File CMS], Martin Kohlstedt: [Interaktive Lampe]
# 09.01. Adrian (Vereinte Kreative)
# 16.01. tba
# 23.01. tba
# 30.01. IFD:Showreel (keine Vorträge mehr)
BITTE MAXIMAL ZWEI VORTRÄGE PRO TERMIN!
ONLY TWO PRESENTATIONS PER DAY PLEASE!

== Siehe auch ==
*tba

[[Category:WS12]]
[[Category:Kollogium]]
[[Category:Interaktion]]
[[Category:Interface-Design]]
[[Category:Jens Geelhaar]]
[[Category:WS12]]
[[Category:Kollogium]]
[[Category:Interaktion]]
[[Category:Interface-Design]]
[[Category:Jens Geelhaar]]

IFD:Kolloq WS12

2012-11-28T11:18:23Z

Diannamertz:

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

''Erster Termin:'' Mittwoch, 17. Oktober 2012, 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>17.10.</del> no meeting yet…
# <del>24.10.</del> no meeting yet…
# <del>31.10.</del> no meeting! (Public Holiday)
# 07.11. Jan: Interfaces, Martin: ARS-Project
# 14.11. Matthias + Miriam (Exposé Masterarbeit - Bürgerbeteiligung, Stadtentwicklung, Medien), Jason (If You Have To Ask You Can't Afford It)
# 21.11. Marcel K. (HCI for Cultural Heritage Research and Museums), Patawat. P (IVIN)
# 28.11. Adriana (Interaktive Oberflächen), Max Albrecht ([https://github.com/papermill/documentation papermill])
# 05.12. Augusto(ensemble), Carlo Enke (Uninizer - Analyse von Kalendersystemen, deren Aufgabenverwaltungssysteme)
# 12.12. Fabian Vogelsteller: [http://feindura.org feindura - Flat File CMS], Martin Kohlstedt: [Interaktive Lampe]
# 09.01. Dianna (app)
# 16.01. tba
# 23.01. tba
# 30.01. IFD:Showreel (keine Vorträge mehr)
BITTE MAXIMAL ZWEI VORTRÄGE PRO TERMIN!
ONLY TWO PRESENTATIONS PER DAY PLEASE!

== Siehe auch ==
*tba

[[Category:WS12]]
[[Category:Kollogium]]
[[Category:Interaktion]]
[[Category:Interface-Design]]
[[Category:Jens Geelhaar]]
[[Category:WS12]]
[[Category:Kollogium]]
[[Category:Interaktion]]
[[Category:Interface-Design]]
[[Category:Jens Geelhaar]]

IFD:ShowreelWS1112

2012-11-08T10:55:11Z

Diannamertz:

[[File:Ifd_showreel_20120114b.png]]

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

'''03. Februar 2012'''
'''11:00 - 17:00 Uhr'''<br>
'''Audimax'''<br>
Steubenstraße 6, Haus F

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

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

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

* Projektmodul 'Interaktive Bildmedien' (DEUTSCH)
**[[/Reinhard, Tobias, Lydia, Anastasiya - Weimarpedia Kids (Redesign) (15 min)/]]
**[[/Sven, Carlo - Weimarpedia Kids (Spiel und Spaß)/]]
**[[/Juliane und Alex - Weimarpedia Kids (Spielerisches Lernen mit Stop-Motion) (5 min)/]]
**[[/Melanie & Christiane - IPad-Film kinderleicht?/]]
**[[/Sebastian Johansson - Tweet State of Mind (Research) (5 min?)/]]
**[[/Jan D. - Affordances for novel interfaces/]]

* Projektmodul 'Zeitmaschinen' (ENGLISH)
**[[/Claudia Heinze - Kreativrhythmus/]]
**[[/Liana Chandra - Musical Movements/]]
**[http://doubledi.com/indepth/indepth01.html Dianna Mertz - In-Depth: Smart Containers]
**[[/Yunshui Jin - Magic Wall Looking into the past/]]
**[[/Jie Wang - Interactive Growing Plant/]]
**[[/Yue Mao - Color Our Life/]]
**[[/Xin Wang - "talk" to flower/]]
**[[/Jelena Djokic & Lu Jin - Vade Mecum (Zusammenarbeit)/]]
**[[/Adriana Cabrera - BuildVille/]]
**[[/Shayna Lauer - eswap/]]
**[[/Patawat Phamuad - Relieve Climate/]]
**[[/Sascha & Sebastian & Jonas - Isochronics/]]
**[[/Jason Reizner - Walls Have Ears/]]
**[[/Nawar Jnedee - Virtual Assistant/]]
**[[/Jeffers Egan - Color Correction App for TouchDesigner_Play/]]

'''Mittagspause'''

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

* Fachmodul '[[/iosdevII|iOS Development II]]'
**[[/Stephan Thiel - Georgy/]]
**[[/Andreas - ADlaVie/]]
**[[/Antje - MovingCloud/]]
**[[/Johannes - Museum/]]

* Fachmodul 'Physical Computing'
**[[/Yunshui Jin - Me Impresser/]]
**[[/Julia Putscher, Reinhard W. - EHP - Emotion Heartbeat Project/]]
**[[/Augusto Gandia - Trip Book/]]
**[[/Jelena Djokic - Der Freundeskreis/]]
**[[/Lu Jin - SHAKE ME/]]

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

* Werkmodul '[[/InterfaceEntwicklungFortgeschrittene|Interface-Entwicklung für Fortgeschrittene]]'
** [[/Jan Grassegger & Daniel Plath - anycook/]]
** [[/Bastian Bischoff - ANTÖRN!/]]
** [[/Antje Danz - The Other Europeans/]]
** [[/Georg Müller - Die Piazza ist toll & Arduino2Light/]]
** [[/Tobias Wolf - Worldwide Somali Students & Professional/]]
** [[/Daniel Schulz - Parallax Scrolling/]]
** [[/Michel Buechner - Enchytraeenzucht/]]
** [[/Marcel Döpel - Residential Lab/]]
** [[/Johannes Altmann - Redesign für eine Hebamme, neue Webpräsentation/]]

* Werkmodul '[[/GrundlagenWebentwicklung|Grundlagen Webentwicklung]]'
**[[/Christoph Römer - Architekt Franz Römer/]]
**[[/Wiebke Jahns - "This is what we mean, when we say..."/]]
**[[/Sebastian Johansson - Tweet State Of Mind/]]
**[[/Wünsche Hannes - Grat u Murdur/]]
**[[/Christian Sohn - "AbrakaHAMM - eine animierte Kinderkochshow"/]]
**[[/Marcus Glahn - Portfolio/]]
**[[/Stepan Boldt - Pappwand/]]
**[[/Lisa Fickenscher - ohrzucker/]]
**[[/Florian Froger - Portfolio/]]
**[[/Shayna Lauer - Portfolio/]]
**[[/Martin Pabsdorf - Portfolio/]] *
**[[/Stefanie Meyer - Portfolio/]]
**[[/Laura Jozefini - Sherlock-Page/]]
**[[/Ulrike Schmidt - Portfolio Udo Keck/]]
**[[/Christopher Zimmer - Architekt Marcus Peter/]]
**[[/Julia Wagner - Time Of My Life/]] *
**[[/Melanie Schumann - Lina Christa/]] *
**[[/Constantin Oestreich - Circus of Pressure Label-Crew/]]

'''17:00 Schlusswort'''

IFD:ShowreelWS1112/Dianna Mertz - In-Depth: Smart Containers

2012-11-08T10:53:34Z

Diannamertz: Blanked the page

IFD:Showreel2012/Dianna Mertz - Appropriator iOS

2012-11-08T10:37:52Z

Diannamertz: Blanked the page

IFD:IOSDevI SS12

2012-11-08T10:32:33Z

Diannamertz:

[[Image:Iosdev_newTeaserpic.jpg|right|320px]]
'''''Programming for iPhone, iPad und iPod Touch'''''<br/>

[[:Category:Fachmodul|Fachmodul]]<br />
''Lecturer:'' [[Michael Markert]]<br />
''Credits:'' 6 [[ECTS]], 3 [[SWS]]<br />
''Date:'' Tuesdays, 13:30 until 16:00 h<br />
''Venue:'' [[Marienstraße 7b]], Room 105<br />
''First meeting:'' Tuesday, 17.4.

IMPORTANT: This is the first part of a two-term Fachmodul!
It is expected that participants attend both courses.

Gerade als die Schlagworte "ubiquitäres Computing" und "Augmented Reality" trotz immer leistungsfähigeren mobilen Endgeräten ihren Glanz zu verlieren scheinen, sind die iOS Geräte und das iPad dabei, diese Begriffe mit neuem Leben zu füllen: Nicht nur in Bedienung und User Interface werden neue Maßstäbe gesetzt, vor allem die auf den Absatz von Applikationen ausgerichtete Konzeption der Gerätefamilie und eine gut durchdachte Entwicklungsumgebung befördert Rekordzahlen an Software-Neuerscheinungen im App Store. 2010 gab es nur ein Tablet: das iPad. Die Absatzzahlen der iPhones haben sich von 2009 zu 2010 verdoppelt und die Berufsaussichten für iOS Entwickler sind im Moment glänzend.

Dieses Fachmodul zollt dieser Entwicklung Anerkennung und gibt Einblick in die Programmierung für iOS 5.x. Die Einführung des Kurses in Objective-C 2.0, die Vorstellung der wichtigsten Frameworks sowie der Entwicklungsumgebung Xcode / Interface Builder sind übrigens in weiten Teilen auch für native OS X Anwendungen gültig.

Im Lauf des Werkmoduls soll eine kleine Applikation umgesetzt werden (Medienkunst, Experiment, Game, Utility…). Verknüpfungen mit Semesterprojekten und das Zusammenfinden in Teams von Programmierern und Designern sind ausdrücklich erwünscht. Ein spezieller Developer Account mit Zertifikat für teilnehmende Studenten ist vorhanden; damit können Anwendungen auch ohne weitere Kosten auf den eigenen Geräten getestet werden.

Das Fachmodul richtet sich sowohl an Studierende der Medieninformatik als auch der Medienkunst/Mediengestaltung und Gestaltung, die sich mit mobilen Anwendungen für iOS Geräte (iPhones, iPod Touch und iPad Geräten) technisch beschäftigen und künstlerisch auseinandersetzen wollen. Der Kurs stellt die beiden grundsätzlichen Möglichkeiten (Web-Apps und ObjC-Apps) vor. Dabei liegt der Schwerpunkt auf nativen Applikationen, die mit Objective-C programmiert werden.

Themen des Kurses sind:
* Einführung in Objective-C 2.0
* Übersicht Cocoa Touch: iOS 5 Frameworks (UIKit, Foundation…)
* Einführung in die Entwicklungsumgebung Xcode 4
* Generelle Programmierkonzepte der objektorientierten Objective-C Sprache und des Cocoa-Touch Frameworks
* Künstlerische Auseinandersetzung mit dem Medium und Fragen der Interaktion

Als Voraussetzung für dieses Fachmodul ist aufgrund der erhöhten Komplexität (Umgang mit einer höheren objektorientierten Programmiersprache) die Vorkenntnis einer (beliebigen) Programmiersprache erforderlich.
Außerdem wird für die Entwicklung ein eigener Mac Rechner mit Intel-Prozessor und OS X 10.7 benötigt.

Dieser Kurs wird auf Englisch abgehalten.

== English Description ==
Just as the buzzwords "Ubiquitous Computing" and "Augmented Reality" are beginning to lose their thrilling denotation, the iPhone and especially the iPad is becoming an exciting platform to set standards - not only regarding the user interface, but also with its application based paradigm and a well-thought development environment. In 2010 there was just one tablet available: the iPad. And the career prospects for iOS developers are certainly very promising.

This module is paying tribute to this progress and is aiming to give an insight into programming concepts for iOS 5 incl. Objective-C 2.0, the related iOS frameworks and the Xcode IDE (which is - by the way - also valid in most parts for application development for the Mac OS X operating system).

At the end of this course, students should have developed a small (!) application (media art, experiment, game, utility...). Combinations with semester projects and teamwork between artists/designers and programmers are very welcome. All participants may access a University's iPhone Developer Account, that enables us to test applications on devices without further expenses.

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). To develop for iOS, an Intel-based Mac running Mac OS X 10.7 is required. Unfortunately we have no iOS devices to lend, so if you don't want to be restricted to the simulator, you should also have a iOS device (iPhone, iPod Touch, iPad).

== Topics ==
* [[iOS]], [[iPhone]] & [[iPad]] (General, App Showcase)
* [[iOS Coding Resources and Tools]] - incl. 3rd Party Frameworks, Templates, Open Source Projects & Classes...
* [[IPhoneDev|iOS Development Setup]] (SDK-Download, App-Signing How-To)
** [[Application Types]]
*** Immersive, Productivity, Utility
*** View-Based, Quartz 2d, OpenGL
** [[Xcode]]
** [http://developer.apple.com/mac/library/documentation/DeveloperTools/Conceptual/IB_UserGuide/Introduction/Introduction.html Interface Builder]
** [[Debugging]]
* [[Objective-C]] 2.0
** [http://developer.apple.com/iphone/library/documentation/Cocoa/Conceptual/ObjectiveC/Articles/ocDefiningClasses.html ObjC Classes]
** [[ObjC-Memory Management]] & [[ARC]]
* [[Cocoa Design Patterns]]
** [[Messaging]] (Methods, Subclassing, Delegation, Notification...)
** [[Target-Action-Paradigm]]
** [[MVC]] (Model / View / Controller)
** [[KVC]] (Key-Value-Coding)
* [[Cocoa Touch]] - the iPhoneOS Frameworks
** [[Foundation Classes]] (NSNumber, NSString, NSArray…)
** [[UIKit Classes]] (UIApplication, UIView, UIViewController, UITouch ...)
** ViewControllers: Navigation Controller, TabBar Controller, TableView Controller, ...
** TableViews
** ... (see Syllabus for further topics)
* [http://developer.apple.com/technologies/iphone/whats-new.html#api What's new in iOS]
* Einführung in [[Systemtheorie|kybernetische Systemtheorie]] als Interaktionsmodell

== Projects ==

Below you find a documentation of the Student's Projects:
* [[/Projects/Example|Example Project]] (Please duplicate this example link and add your project)
* [http://doubledi.com/appropriator/index.html Dianna Mertz - Appropriator]
* [[/Projects/Adriana Cabrera. – My Magic Ball 8|Adriana Cabrera – My Magic Ball 8]]
* [[/Projects/Mediathek|Tobias Wolf – Mediathek]]
* [[/Projects/PomoDone|Christoph Halang - PomoDone]]

== Requirements ==
* Access to a Intel-Mac running 10.7.
** We have one Mac Mini available. Please get in touch with Michael!
* An iOS Device (iPhone, iPod Touch, iPad)
** It's possible to develop without device (Simulator)
* Previous knowledge of at least one programming language (e.g. C or JAVA)

If you have questions, please send an eMail!

== Registration Procedure ==
To register for the course, please send an eMail to Michael.Markert (at) uni-weimar.de incuding the following informations:
* Name
* program and semester (Studienprogramm und Fachsemester)
* matriculation number (Matrikelnummer)
* Angabe der geltenden Prüfungsordnung (eg. PV27 or PV29)
* Valid email address @uni-weimar.de (no other mailing addresses will be accepted)

Sollte es mehr als 20 Bewerber geben, entscheidet die Reihenfolge des Eingangs, die gleichzeitige Teilnahme an begleitenden Semesterprojekten der Professur Interface Design und das Fachsemester (evtl. letzte Chance zur Kursbelegung) über die Aufnahme in den Kurs.

== Leistungsnachweis ==
Regelmäßige und aktive Teilnahme, Kompilierung der Demos sowie die Umsetzung einer Projektidee, entweder als Web-App (online) oder als native Anwendung sowie eine begleitende und abschließende Dokumentation im Wiki mit Kurzpräsentation im Rahmen des Kurses.
Eventuell fließen auch die Ergebnisse von kleinen Kurztests mit in die Bewertung ein.

Grading:
* Attendance (25%)
* Brief Documentation of an app (30%)
* Realisation of the concept, at least partially (45%)
** Technical Design (15%)
** Interaction Design (15%)
** Visual/Acoustic Design (15%)
* Wiki-Bonus (10%)

== Zielgruppe ==
Das Werkmodul richtet sich an Studierende aller Fachrichtungen, die sich mit Anwendungen für iPhones, iPads bzw. iPod Touch Geräten technisch beschäftigen und künstlerisch auseinandersetzen wollen, insbesondere an:
* Master-Studenten der Medienkunst/Mediengestaltung
* Master-Studenten der Medieninformatik
* Master-Studenten des postgradualen Studiengangs Media-Architecture
* Diplom-Studenten der Gestaltung

== Syllabus ==
This is a preliminary syllabus, there will be changes according to the needs of the student's projects
# 17.04. Intro, Showcase, Application Types, iOS, Xcode, Interface Builder, Target/Action Demo
# 24.04. Designing for iOS, Objective-C 2.0, Datatypes<br/><del>01.05. No class</del> (Public Holiday!)
# 08.05. Objective-C 2.0, Properties, Object Oriented Programming, Classes & Instances, Project Talk
# 15.05. Memory Management & ARC, Object Lifecycle, Xcode in depth, Debugging Demo
# 22.05. Foundation Overview, UIKit Overview, UIWebView Demo
# 29.05. MVC, View Controllers, Navigation- & TabBar Controller
# 05.06. Cocoa Design Patterns I (MVC, Target-Action, DataSources, Delegates, KVC/KVO, Notifications ...)
# 12.06. Cocoa Design Patterns II (Categories, Singletons, Protocols: ModalViews), Blocks
# 19.06. TextInput (TextInput Delegation, UIPasteboard & Localisation), UIImagePicker (Photo & Camera Access)
# 26.06. Timers, Data & Persistance (UserPreferences, Settings, NSCoder & NSKeyedArchiver, SQLite, CoreData), Project Talk
# 03.07. Shake, Xcode Tipps & Tricks, Project Talk
# 10.07. TableViews, Project Talk
# To be continued in iOS Dev II next term: Views, Coordinate Space, ScrollViews, Core Animation, Views & Drawing, Audio, Video, Custom Table Cells, Touch Events, Multi-Touch, Gestures, Location, Maps, CoreMotion & Accelerometer, Undo, Blocks, Multitasking, Quick Overview: Gamekit, Instruments, Unit Testing, what's new in iOS, Battery Life & Power Management, Performance (Memory Usage, Leaks, Autorelease, Threads vs. Blocks)<br/>Bonjour & Networking<br/> 
# 20.09. Final Deadline (see below)

Hand-in of the results:
* Brief documentation here in the Wiki with one to three screenshots and short explanation
* (Maybe) 2-min presentation at the [[IFD:Showreel2012|IFD:Showreel]]
* and (via E-Mail or Download-Link): compilable, open Xcode project file (please delete the intermediate build folder!), Deadline is the 20.09.2012.

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

=== Official ===
* [http://developer.apple.com/iphone/manage/overview/index.action Bauhaus-iOS @ developer.apple.com]
* Apple's User Interface Guidelines for the iPhone Plattform: [http://developer.apple.com/iphone/library/documentation/UserExperience/Conceptual/MobileHIG/Introduction/Introduction.html User Experience]
* [http://developer.apple.com/iphone/library/navigation/index.html iOS Reference Library]
* [http://developer.apple.com/iphone/library/documentation/Xcode/Conceptual/iphone_development/000-Introduction/introduction.html iOS Development Guide] - Introduction
* [http://developer.apple.com/iphone/library/documentation/iPhone/Conceptual/iPhoneOSProgrammingGuide/Introduction/Introduction.html iOS Programming Guide]

=== Tutorials & Online-Courses ===
* '''[http://deimos3.apple.com/WebObjects/Core.woa/Browse/itunes.stanford.edu.2024353965.02024353968 iTunes U: Stanford Programming iPhone Course]'''
* '''[http://developer.apple.com/videos/ Apple Developer Videos]''' (for registered developers)
* [http://icodeblog.com/2008/07/26/iphone-programming-tutorial-hello-world/ iCodeBlog iPhone Tutorials]
* [http://www.idev101.com/ iOS Development 101]

=== Literatur ===
* '''O'Reilly: [http://www.headfirstlabs.com/books/hfiphonedev/ Head First iPhone Development], ISBN 978-0-596-80354-4'''
* O'Reilly & MAKE: iPhone Open Application Development, ISBN 9780596516642
* O'Reilly iPhone Game Development: Paul Zirkle & Joe Hogue, ISBN 978-0-596-15985-6
* Beginning iPhone Development: Dave Mark, Jeff LaMarche, ISBN 978-1430224594
* iPhone SDK Programming, Advanced Mobile Development: Maher Ali, ISBN 978-0-470-68398-9
* iPhone Advanced Projects: Apress, ISBN 978-1430224037
* iPhone Design Award Winning Projects: Apress, ISBN 978-1-4302-7235-9 & eBook ISBN 978-1-4302-7234-2
* Beginning iPhone SDK Programming with Objective-C, Wei-Meng Lee, ISBN 978-0470500972
* Pragmatic iPhone 3.0 SDK Development: Bill Dudney & Chris Adamson. ISBN 978-1-93435-625-8
* Web-Applications: Professional iPhone and iPod Touch Programming - Building Applications for Mobile Safari, ISBN 978-0-470-25155-3

Hinweis: Die hier aufgeführte Literatur ist optional und nicht verbindlich! Beim Privatkauf englischsprachiger Literatur bitte beachten, dass diese nicht der deutschen Buchpreisbindung unterliegt (z.B. Head First iPhone Dev im Januar 2010 bei Thalia 48,-, bei Amazon 27,-)!

Teile der o.g. Literatur werden für die Teilnehmer des Kurses auf [http://elearning.uni-weimar.de Metacoon] digital verfügbar sein.

{{Template:iPhoneDev}}

[[Category:SS12]]

IFD:IOSDevI SS12

2012-11-08T10:31:29Z

Diannamertz:

[[Image:Iosdev_newTeaserpic.jpg|right|320px]]
'''''Programming for iPhone, iPad und iPod Touch'''''<br/>

[[:Category:Fachmodul|Fachmodul]]<br />
''Lecturer:'' [[Michael Markert]]<br />
''Credits:'' 6 [[ECTS]], 3 [[SWS]]<br />
''Date:'' Tuesdays, 13:30 until 16:00 h<br />
''Venue:'' [[Marienstraße 7b]], Room 105<br />
''First meeting:'' Tuesday, 17.4.

IMPORTANT: This is the first part of a two-term Fachmodul!
It is expected that participants attend both courses.

Gerade als die Schlagworte "ubiquitäres Computing" und "Augmented Reality" trotz immer leistungsfähigeren mobilen Endgeräten ihren Glanz zu verlieren scheinen, sind die iOS Geräte und das iPad dabei, diese Begriffe mit neuem Leben zu füllen: Nicht nur in Bedienung und User Interface werden neue Maßstäbe gesetzt, vor allem die auf den Absatz von Applikationen ausgerichtete Konzeption der Gerätefamilie und eine gut durchdachte Entwicklungsumgebung befördert Rekordzahlen an Software-Neuerscheinungen im App Store. 2010 gab es nur ein Tablet: das iPad. Die Absatzzahlen der iPhones haben sich von 2009 zu 2010 verdoppelt und die Berufsaussichten für iOS Entwickler sind im Moment glänzend.

Dieses Fachmodul zollt dieser Entwicklung Anerkennung und gibt Einblick in die Programmierung für iOS 5.x. Die Einführung des Kurses in Objective-C 2.0, die Vorstellung der wichtigsten Frameworks sowie der Entwicklungsumgebung Xcode / Interface Builder sind übrigens in weiten Teilen auch für native OS X Anwendungen gültig.

Im Lauf des Werkmoduls soll eine kleine Applikation umgesetzt werden (Medienkunst, Experiment, Game, Utility…). Verknüpfungen mit Semesterprojekten und das Zusammenfinden in Teams von Programmierern und Designern sind ausdrücklich erwünscht. Ein spezieller Developer Account mit Zertifikat für teilnehmende Studenten ist vorhanden; damit können Anwendungen auch ohne weitere Kosten auf den eigenen Geräten getestet werden.

Das Fachmodul richtet sich sowohl an Studierende der Medieninformatik als auch der Medienkunst/Mediengestaltung und Gestaltung, die sich mit mobilen Anwendungen für iOS Geräte (iPhones, iPod Touch und iPad Geräten) technisch beschäftigen und künstlerisch auseinandersetzen wollen. Der Kurs stellt die beiden grundsätzlichen Möglichkeiten (Web-Apps und ObjC-Apps) vor. Dabei liegt der Schwerpunkt auf nativen Applikationen, die mit Objective-C programmiert werden.

Themen des Kurses sind:
* Einführung in Objective-C 2.0
* Übersicht Cocoa Touch: iOS 5 Frameworks (UIKit, Foundation…)
* Einführung in die Entwicklungsumgebung Xcode 4
* Generelle Programmierkonzepte der objektorientierten Objective-C Sprache und des Cocoa-Touch Frameworks
* Künstlerische Auseinandersetzung mit dem Medium und Fragen der Interaktion

Als Voraussetzung für dieses Fachmodul ist aufgrund der erhöhten Komplexität (Umgang mit einer höheren objektorientierten Programmiersprache) die Vorkenntnis einer (beliebigen) Programmiersprache erforderlich.
Außerdem wird für die Entwicklung ein eigener Mac Rechner mit Intel-Prozessor und OS X 10.7 benötigt.

Dieser Kurs wird auf Englisch abgehalten.

== English Description ==
Just as the buzzwords "Ubiquitous Computing" and "Augmented Reality" are beginning to lose their thrilling denotation, the iPhone and especially the iPad is becoming an exciting platform to set standards - not only regarding the user interface, but also with its application based paradigm and a well-thought development environment. In 2010 there was just one tablet available: the iPad. And the career prospects for iOS developers are certainly very promising.

This module is paying tribute to this progress and is aiming to give an insight into programming concepts for iOS 5 incl. Objective-C 2.0, the related iOS frameworks and the Xcode IDE (which is - by the way - also valid in most parts for application development for the Mac OS X operating system).

At the end of this course, students should have developed a small (!) application (media art, experiment, game, utility...). Combinations with semester projects and teamwork between artists/designers and programmers are very welcome. All participants may access a University's iPhone Developer Account, that enables us to test applications on devices without further expenses.

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). To develop for iOS, an Intel-based Mac running Mac OS X 10.7 is required. Unfortunately we have no iOS devices to lend, so if you don't want to be restricted to the simulator, you should also have a iOS device (iPhone, iPod Touch, iPad).

== Topics ==
* [[iOS]], [[iPhone]] & [[iPad]] (General, App Showcase)
* [[iOS Coding Resources and Tools]] - incl. 3rd Party Frameworks, Templates, Open Source Projects & Classes...
* [[IPhoneDev|iOS Development Setup]] (SDK-Download, App-Signing How-To)
** [[Application Types]]
*** Immersive, Productivity, Utility
*** View-Based, Quartz 2d, OpenGL
** [[Xcode]]
** [http://developer.apple.com/mac/library/documentation/DeveloperTools/Conceptual/IB_UserGuide/Introduction/Introduction.html Interface Builder]
** [[Debugging]]
* [[Objective-C]] 2.0
** [http://developer.apple.com/iphone/library/documentation/Cocoa/Conceptual/ObjectiveC/Articles/ocDefiningClasses.html ObjC Classes]
** [[ObjC-Memory Management]] & [[ARC]]
* [[Cocoa Design Patterns]]
** [[Messaging]] (Methods, Subclassing, Delegation, Notification...)
** [[Target-Action-Paradigm]]
** [[MVC]] (Model / View / Controller)
** [[KVC]] (Key-Value-Coding)
* [[Cocoa Touch]] - the iPhoneOS Frameworks
** [[Foundation Classes]] (NSNumber, NSString, NSArray…)
** [[UIKit Classes]] (UIApplication, UIView, UIViewController, UITouch ...)
** ViewControllers: Navigation Controller, TabBar Controller, TableView Controller, ...
** TableViews
** ... (see Syllabus for further topics)
* [http://developer.apple.com/technologies/iphone/whats-new.html#api What's new in iOS]
* Einführung in [[Systemtheorie|kybernetische Systemtheorie]] als Interaktionsmodell

== Projects ==

Below you find a documentation of the Student's Projects:
* [[/Projects/Example|Example Project]] (Please duplicate this example link and add your project)
* [http://doubledi.com/appropriator/index.html Dianna Mertz]
* [[/Projects/Adriana Cabrera. – My Magic Ball 8|Adriana Cabrera – My Magic Ball 8]]
* [[/Projects/Mediathek|Tobias Wolf – Mediathek]]
* [[/Projects/PomoDone|Christoph Halang - PomoDone]]

== Requirements ==
* Access to a Intel-Mac running 10.7.
** We have one Mac Mini available. Please get in touch with Michael!
* An iOS Device (iPhone, iPod Touch, iPad)
** It's possible to develop without device (Simulator)
* Previous knowledge of at least one programming language (e.g. C or JAVA)

If you have questions, please send an eMail!

== Registration Procedure ==
To register for the course, please send an eMail to Michael.Markert (at) uni-weimar.de incuding the following informations:
* Name
* program and semester (Studienprogramm und Fachsemester)
* matriculation number (Matrikelnummer)
* Angabe der geltenden Prüfungsordnung (eg. PV27 or PV29)
* Valid email address @uni-weimar.de (no other mailing addresses will be accepted)

Sollte es mehr als 20 Bewerber geben, entscheidet die Reihenfolge des Eingangs, die gleichzeitige Teilnahme an begleitenden Semesterprojekten der Professur Interface Design und das Fachsemester (evtl. letzte Chance zur Kursbelegung) über die Aufnahme in den Kurs.

== Leistungsnachweis ==
Regelmäßige und aktive Teilnahme, Kompilierung der Demos sowie die Umsetzung einer Projektidee, entweder als Web-App (online) oder als native Anwendung sowie eine begleitende und abschließende Dokumentation im Wiki mit Kurzpräsentation im Rahmen des Kurses.
Eventuell fließen auch die Ergebnisse von kleinen Kurztests mit in die Bewertung ein.

Grading:
* Attendance (25%)
* Brief Documentation of an app (30%)
* Realisation of the concept, at least partially (45%)
** Technical Design (15%)
** Interaction Design (15%)
** Visual/Acoustic Design (15%)
* Wiki-Bonus (10%)

== Zielgruppe ==
Das Werkmodul richtet sich an Studierende aller Fachrichtungen, die sich mit Anwendungen für iPhones, iPads bzw. iPod Touch Geräten technisch beschäftigen und künstlerisch auseinandersetzen wollen, insbesondere an:
* Master-Studenten der Medienkunst/Mediengestaltung
* Master-Studenten der Medieninformatik
* Master-Studenten des postgradualen Studiengangs Media-Architecture
* Diplom-Studenten der Gestaltung

== Syllabus ==
This is a preliminary syllabus, there will be changes according to the needs of the student's projects
# 17.04. Intro, Showcase, Application Types, iOS, Xcode, Interface Builder, Target/Action Demo
# 24.04. Designing for iOS, Objective-C 2.0, Datatypes<br/><del>01.05. No class</del> (Public Holiday!)
# 08.05. Objective-C 2.0, Properties, Object Oriented Programming, Classes & Instances, Project Talk
# 15.05. Memory Management & ARC, Object Lifecycle, Xcode in depth, Debugging Demo
# 22.05. Foundation Overview, UIKit Overview, UIWebView Demo
# 29.05. MVC, View Controllers, Navigation- & TabBar Controller
# 05.06. Cocoa Design Patterns I (MVC, Target-Action, DataSources, Delegates, KVC/KVO, Notifications ...)
# 12.06. Cocoa Design Patterns II (Categories, Singletons, Protocols: ModalViews), Blocks
# 19.06. TextInput (TextInput Delegation, UIPasteboard & Localisation), UIImagePicker (Photo & Camera Access)
# 26.06. Timers, Data & Persistance (UserPreferences, Settings, NSCoder & NSKeyedArchiver, SQLite, CoreData), Project Talk
# 03.07. Shake, Xcode Tipps & Tricks, Project Talk
# 10.07. TableViews, Project Talk
# To be continued in iOS Dev II next term: Views, Coordinate Space, ScrollViews, Core Animation, Views & Drawing, Audio, Video, Custom Table Cells, Touch Events, Multi-Touch, Gestures, Location, Maps, CoreMotion & Accelerometer, Undo, Blocks, Multitasking, Quick Overview: Gamekit, Instruments, Unit Testing, what's new in iOS, Battery Life & Power Management, Performance (Memory Usage, Leaks, Autorelease, Threads vs. Blocks)<br/>Bonjour & Networking<br/> 
# 20.09. Final Deadline (see below)

Hand-in of the results:
* Brief documentation here in the Wiki with one to three screenshots and short explanation
* (Maybe) 2-min presentation at the [[IFD:Showreel2012|IFD:Showreel]]
* and (via E-Mail or Download-Link): compilable, open Xcode project file (please delete the intermediate build folder!), Deadline is the 20.09.2012.

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

=== Official ===
* [http://developer.apple.com/iphone/manage/overview/index.action Bauhaus-iOS @ developer.apple.com]
* Apple's User Interface Guidelines for the iPhone Plattform: [http://developer.apple.com/iphone/library/documentation/UserExperience/Conceptual/MobileHIG/Introduction/Introduction.html User Experience]
* [http://developer.apple.com/iphone/library/navigation/index.html iOS Reference Library]
* [http://developer.apple.com/iphone/library/documentation/Xcode/Conceptual/iphone_development/000-Introduction/introduction.html iOS Development Guide] - Introduction
* [http://developer.apple.com/iphone/library/documentation/iPhone/Conceptual/iPhoneOSProgrammingGuide/Introduction/Introduction.html iOS Programming Guide]

=== Tutorials & Online-Courses ===
* '''[http://deimos3.apple.com/WebObjects/Core.woa/Browse/itunes.stanford.edu.2024353965.02024353968 iTunes U: Stanford Programming iPhone Course]'''
* '''[http://developer.apple.com/videos/ Apple Developer Videos]''' (for registered developers)
* [http://icodeblog.com/2008/07/26/iphone-programming-tutorial-hello-world/ iCodeBlog iPhone Tutorials]
* [http://www.idev101.com/ iOS Development 101]

=== Literatur ===
* '''O'Reilly: [http://www.headfirstlabs.com/books/hfiphonedev/ Head First iPhone Development], ISBN 978-0-596-80354-4'''
* O'Reilly & MAKE: iPhone Open Application Development, ISBN 9780596516642
* O'Reilly iPhone Game Development: Paul Zirkle & Joe Hogue, ISBN 978-0-596-15985-6
* Beginning iPhone Development: Dave Mark, Jeff LaMarche, ISBN 978-1430224594
* iPhone SDK Programming, Advanced Mobile Development: Maher Ali, ISBN 978-0-470-68398-9
* iPhone Advanced Projects: Apress, ISBN 978-1430224037
* iPhone Design Award Winning Projects: Apress, ISBN 978-1-4302-7235-9 & eBook ISBN 978-1-4302-7234-2
* Beginning iPhone SDK Programming with Objective-C, Wei-Meng Lee, ISBN 978-0470500972
* Pragmatic iPhone 3.0 SDK Development: Bill Dudney & Chris Adamson. ISBN 978-1-93435-625-8
* Web-Applications: Professional iPhone and iPod Touch Programming - Building Applications for Mobile Safari, ISBN 978-0-470-25155-3

Hinweis: Die hier aufgeführte Literatur ist optional und nicht verbindlich! Beim Privatkauf englischsprachiger Literatur bitte beachten, dass diese nicht der deutschen Buchpreisbindung unterliegt (z.B. Head First iPhone Dev im Januar 2010 bei Thalia 48,-, bei Amazon 27,-)!

Teile der o.g. Literatur werden für die Teilnehmer des Kurses auf [http://elearning.uni-weimar.de Metacoon] digital verfügbar sein.

{{Template:iPhoneDev}}

[[Category:SS12]]

IFD:IOSDevI SS12/Projects/Dianna M. – Appropriator

2012-11-08T10:30:17Z

Diannamertz: Blanked the page

IFD:Showreel2012

2012-11-08T10:28:02Z

Diannamertz:

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

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

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

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

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

'''11:00 - 12:00 Block "Fach- und Werkmodule"'''

* Fachmodul '[[IFD:iOSDevI|iOS Development I]]'
** [[/Michael Markert - iOSDev I 2012/]]
* Fachmodul '[[IFD:Interaktive Elektronik 2012]]'
* Werkmodul ‘[[IFD:Elektrische_Gehirnwellengymnastik|Elektrische Gehirnwellengymnastik]]‘
** [[/Martin Schied - Zusammenfassung/]]
* Werkmodul/Fachmodul '[[IFD:WebAdvancedII|WebAdvanced II]]'
** [[/Gabriel Rausch - Web Advanced II/]]
* Werkmodul ‘[[IFD:WebBasicsII|Web Basics II]]‘
** [[/Gabriel Rausch - Web Basics II/]]
* Werkmodul ‘[[IFD:BauhausVorkurs2012|Bauhaus Vorkurs]]‘
** [[/Michael Markert - BauhausVorkurs2012/]]
* Werkmodul ‘[[Roter_Button|Roter Button oben links, grüner Button unten rechts]]‘
* Werkmodul ‘[[IFD:WizardOfOz|The Wizard of Oz: Mock-ups & prototyping]]‘
** [[/Frederic Gmeiner - Zusammenfassung/]]

'''12:00 - 14:00 Block "Projektmodule"'''

* Projektmodul 'Interface Design 2 / Interaktion mit mobilen Medien: „Guides & Games“ '
** [[/Stepan Boldt/]]
** [[/Tobias Zeller/]]
** [[/Marisa Martins, Sofia Barbosa - Multilanguage for european kids/]]
** [[/Interaktives Weimar Abenteuer - Bokelmann, Danz, Froger, Glahn, Pabsdorf, Wolf/]]
** [[/Tobias Westphal/]]
** [[/Sven Sommerlatte/]]
** [[/Anastasiya Pavelchuk/]]
** [[/Jan Schepanski - Veranstaltungsmanagement/]]

* Projektmodul 'Interface Design 4 / Interaction and Experimental Interfaces - 30 cm3'

** [[/Irina Yasinskaya, Sandra Guzman - Heart Beat Textile/]]

** [[/Jelena Djokic - I Was Here/]]
** [[/Patawat Phamuad - What you can do with 100 Yen/]]
** [[/Yue Mao - Interactive Donation Box/]]
** [[/Kathy Yuen, Eleni Digidiki, Augusto Gandia, Xin Wang - Smart Blocks/]]
** [[/Jie Wang, Yunshui Jin - Melodic Rope/]]
** [[/Matthias Gmelin und Miriam Kotyrba - Hospital Organisation/]]
** [[/Matias Garcia, Gentian Begolli - Understanding Our Neighbor/]]
** [http://doubledi.com/appropriator/index.html Dianna Mertz - Appropriator]
** [[/Adriana Cabrera , Diana Cano - Interactive Surface Design/]]
** [[/Tony Wulfert/]]
** [[/JinHee Choi - What is in your room?/]]

'''Schlusswort'''

<h3 style="color:#FF5D00;">Fach- und Werkmodul Arbeiten</h3>
Übersicht der Arbeiten aus Fach- und Werkmodulen. Werden nicht einzeln auf der Veranstaltung vorgestellt

'''Fachmodule'''

* Werkmodul/Fachmodul '[[IFD:WebAdvancedII|WebAdvanced II]]'
** [[/Marisa Martins, Sofia Barbosa - Multilanguage for european kids/]]
** [[/Iain Campbell - Dhound (Event Manager)/]]
** [[/Johannes Altmann/]]
** [[/Antje Danz/]]
** [[/Marcel Döpel - Web RPG/]]
** [[/Michel Büchner - Web RPG/]]
** [[/Martin Horbach/]]
** [[/Bastian Weber - VirtualGuitar/]]
** [[/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/]]
** [http://doubledi.com/appropriator/index.html Dianna Mertz - Appropriator]

* Fachmodul '[[IFD:iOSDevI|iOS Development I]]'
** [[/Tobias Wolf – Mediathek/]]
** [[/Juliane Reschke - iDecider/]]
** [[/Christoph Halang/]]
** [[/Fariborz Farid/]]
** [[/Iain Campbell - Solar Monitor/]]
** [http://doubledi.com/appropriator/index.html Dianna Mertz - Appropriator]
** [[/Jelena Djokic - I was here- iOS/]]
** [[/Adriana Cabrera/]]



'''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/]]
** [[/Stepan Boldt/]]
** [[/Shayna Lauer/]]
** [[/Diana Cano/]]

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

IFD:Showreel2012/Dianna Mertz - Appropriator Web

2012-11-08T10:24:45Z

Diannamertz: Blanked the page

IFD:Showreel2012/Dianna Mertz - Appropriator

2012-11-08T10:24:22Z

Diannamertz: Blanked the page

IFD:WebAdvancedII

2012-11-08T10:21:57Z

Diannamertz:

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

==Projekte==
* [[/Sofia Barbosa and Marisa Martins/]]
* [[/Iain Campell/]]
* [[/Johannes Altmann/]]
* [[/Antje Danz/]]
* [[/Marcel Döpel/]]
* [[/Michel Büchner/]]
* [[/Martin Horbach/]]
* [[/Bastian Weber/]]
* [[/Georg Müller/]]
* [[IFD:SvenSomKU|Sven S.]]
* [[/Tobias Westphal/]]
* [[/Anastasiya Pavelchuk/]]
* [[/Mariana Perfeito/]]
* [[/Claudia Heinze/]]
* [[/Kathy Yuen/]]
* [[/Ivo Santos/]]
* [[/Garcia Matias/]]
* [[/Augusto Gawdia/]]
* [[/Carlo Enke/]]
* [[/Jennifer Beckmann/]]
* [[/Christian Sohn/]]
* [http://doubledi.com/appropriator/index.html Dianna M.]
* [[/Diana Cano/]]
* [[/Paul Götze/]]

==Beschreibung==
[[:Category:Werkmodul|Werkmodul]] / [[:Category:Fachmodul|Fachmodul]]<br>

''Titel'' Web Advanced II<br/>
''Lehrperson(en):'' [[Gabriel Rausch]]<br/>
''Bewertung:'' 6 [[ECTS]], 3 [[SWS]]<br/>
''Termin:'' Montag, 17:00 - 19:15 Uhr <br/>
''Ort:'' Steubenstraße 8, im Glaskasten der Limona <br/>
''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:WebAdvancedII/Dianna M.

2012-11-08T10:21:03Z

Diannamertz: Blanked the page

IFD:WebAdvancedII/Dianna M.

2012-11-08T10:19:39Z

Diannamertz:

===Concept===
This semester, I began to develop an app for the iPhone and iPad, called <i>Appropriator</i>. This app provides the user with a library of selected elements from famous paintings throughout history, which can then be incorporated into the user's own personal image and shared via a variety of social networks. I collaborated with Ian Morrison to design and develop a promotional web site for <i>Appropriator</i>, which is still in progress. The live-site-in-progress can be seen here:
<br><br>

===Link===
[http://doubledi.com/appropriator/index.html Appropriator Web Site]
<br><br>

===Interactive iPad Snapshots===
http://doubledi.com/appropriator/AdvWebAppII/img/01.gif
<br><br>
http://doubledi.com/appropriator/AdvWebAppII/img/02.gif
<br><br>

===Interactive Functionality===
The interactive iPad section of the site utilizes two JQuery functions: one that slides through a small selection of background images, and the other that clicks through a small library of artwork elements. Once the artwork element is selected, the user can click and drag the element to place it within the bounds of the iPad screen.
<br><br>
This interaction can currently be accessed through the "Artwork" and "Background" text at the top of the site; however, these buttons will soon be incorporated into animated CSS buttons and redesigned into the page.
<br><br>

===Technologies===
The interactive area of the web site is enabled via Javascript and JQuery. All of the positioning on-page was done via CSS. The iPad and iPhone shells were designed as vectors in Illustrator. The font is taken from the Google Web Fonts collection.
<br><br>

===In-Progress===
The next step for us is to design and implement the buttons for the interactive iPad area, so that the functionality becomes clearer to the user. Additionally, the slideshow background images and iphone screenshots currently on-page serve as placeholders for final images. Background texture and final text are also still pending.

IFD:WebAdvancedII/Kursplan Web Advanced II/intermediate presentation

2012-11-08T10:14:59Z

Diannamertz:

[[/Anastasiya Pavelchuk/]]

[[/Antje Danz/]]

[[/Bastian Weber/]]

[[/Christian Sohn/]]

[[/Claudia Heinze/]]

[http://doubledi.com/appropriator/index.html Dianna M.]

[[/Georg Müller/]]

[[/GIGApedia/]]

[[/Iain M Campbell/]]

[[/Jennifer Beckmann/]]

[[/Johannes Konrad/]]

[[/Kathy Yuen/]]

[[/Marcel Döpel/]]

[[/Mariana Perfeito/]]

[[/Marisa Martins/]]

[[/Martin Horbach/]]

[[/Michel Buechner/]]

[[/Paul Götze/]]

[[/Sofia Veiga Neto Mendes Barbosa/]]

IFD:WebAdvancedII/Kursplan Web Advanced II/intermediate presentation/Dianna M.

2012-11-08T10:12:34Z

Diannamertz: Blanked the page

IFD:WebAdvancedII/Kursplan Web Advanced II

2012-11-08T10:11:15Z

Diannamertz:

==info for presentations==
* choose your date in the curriculum (if still available! Available marked with "...")
* every class two presentations possible
* presentation 30 minutes
** theory of technology
** examples in "real life" websites
** short practical part
** optional handout

===topics:===
* jQuery Plugins & Extensions (Beispiele und eigene Entwicklung)
* jQuery Mobil
* Optimierung mobile Endgeräte (ohne jQuery Mobil, also Weichen, Metatags usw...)
* Drupal CMS
* CMS Alternativen: Modx, Pulse (oder ein anderes, kompaktes CMS, nicht * Wordpress!)
* Facebook API
* Google API
* Fallbacks (Anwendungsfälle: HTML5-Video Flash-Fallback, Audio, Canvas Fallback usw...)
* Processing.js (Überblick, Einführung)
* SVG (Was ist SVG? Modifizierung mit nativem JS)
* Raphael (JS Library für SVG)
* Paper.js (JS Library für Vektorrenderings im Canvas)
* three.js (3D Elemente mit WebGL oder Canvas rendern)
* Box2d (JS Library für physikalische Effekte (Gravitation))
* Google Web Toolkit (GWT)
* node.js
* PhoneGap
* Alternativen zu PhoneGap (z.B. Sencha)
* Arduino (Überblick) und Ethernet-Schnittstelle
* Ruby (Einführung, Schwerpunkt: Einsatzmöglichkeiten in der Webentwicklung)
* PHP (Einführung, Schwerpunkt: Datenbank ein/auslesen)

==info for project==
* subject: own idea or connected to semester project (e.g. projects of Prof. Geelhaar)
* intermediate presentation and endpresentation required (dates see below in curriculum)
* deadline: september 30th 2012

==curriculum==

'''1. class'''<br>
16.04.
* introduction

'''2. class'''<br>
23.04.
* 3D in webdesign
** CSS3
** [[Media:BU_web_adv_II_CSS3_transform.zip]]
** Spritemap
** [[Media:BU_web_adv_II_3D_Sequence.zip]]
** three.js
** [[Media:BU_web_adv_II_Three_js.zip]]

'''3. class'''<br>
30.04.
* 3D, Three.js, WebGL, dive deeper
** [[Media:20120430_web_adv_II_material_3d.zip]]
* Soap-Box-Racer
** Animations with CSS3, PS static animated gif
** [[Media:20120430_soap_racer_material.zip]]

'''4. class'''<br>
07.05.
* Konzeptbesprechung
* ...Alternativen zu PhoneGap (z.B. Sencha) -- Dianna M.
** [http://doubledi.com/indepth/indepth09.html Link to Sencha Touch Example]

'''5. class'''<br>
14.05.
* Phonegap -- Jennifer Beckmann
** [[Media:Präsentation_PhoneGap.pdf]]
* PHP (Einführung) -- [[User:koge1065|Bastian Weber]]
** [[Media:PHP_Sample_Code.zip]]
** [[Media:20120514_bu_adv_formvalidation.zip|Material Form Validation]]

'''6. class'''<br>
21.05.
* Google Web Toolkit -- Christian Sohn
* SVG (Was ist SVG? Modifizierung mit nativem JS) -- Martin Horbach
* Material
** [[Media:20120521_web_advanced_JS_PHP_Validator.zip]]
** [[Media:20120521_web_adv_raphael.zip]]

'''7. class'''<br>
28.05.
-- Pfingsten --

'''8. class'''<br>
04.06.
* Processing.js (Überblick, Einführung) -- Michel Büchner
* Arduino (Überblick) und Ethernet-Schnittstelle -- Claudia Heinze
* Material
** [[Media:20120604_bu_web_adv_material.zip]]

'''9. class'''<br>
11.06.
* [[/intermediate presentation/]]
* Paper.js -- Marisa Martins
* jQuery Plugins & Extensions (Beispiele und eigene Entwicklung) --Sofia Barbosa

'''10. class'''<br>
18.06.
* Drupal -- Iain Campbel
**[[Media:Drupal_Presentation.pdf]]
* Typo3

'''11. class'''<br>
25. Juni 2011
* Facebook API -- [[User:Sven|Sven S.]]
** Material [[Media:20120625_bu_adv_facebook_app.zip]]
** Referat [[Media:facebook_api_sven.zip]]

'''12. class'''<br>
02.07.
* Ruby (Einführung, Einsatzmöglichkeiten in der Webentwicklung) -- Paul Götze
** Slides [[Media:Ruby_WebAdvancedII_BUW_02.07.2012.pdf]]
** Code examples [[Media:RubyAndRails_ExampleCode.zip]]
* Box2D -- Marcel Döpel
* Web Audio API -- Kathy Yuen
** [[Media:Webaudio.zip]]

'''13. Veranstaltung'''<br>
09.07.
* Current Webdesign Trends -- Mariana Perfeito

'''endpresentation'''<br>
Freitag, 13. Juli 2011, Audimax, 11:00 - 17:00 Uhr

http://www.uni-weimar.de/medien/wiki/IFD:Showreel2012

IFD:WebAdvancedII/Dianna M.

2012-09-25T12:05:40Z

Diannamertz:

===Concept===
This semester, I began to develop an app for the iPhone and iPad, called <i>Appropriator</i>. This app provides the user with a library of selected elements from famous paintings throughout history, which can then be incorporated into the user's own personal image and shared via a variety of social networks. I collaborated with Ian Morrison to design and develop a promotional web site for <i>Appropriator</i>, which is still in progress. The live-site-in-progress can be seen here:
<br><br>

===Link===
[http://doubledi.com/appropriator/AdvWebAppII/index.html Appropriator Web Site]
<br><br>

===Interactive iPad Snapshots===
http://doubledi.com/appropriator/AdvWebAppII/img/01.gif
<br><br>
http://doubledi.com/appropriator/AdvWebAppII/img/02.gif
<br><br>

===Interactive Functionality===
The interactive iPad section of the site utilizes two JQuery functions: one that slides through a small selection of background images, and the other that clicks through a small library of artwork elements. Once the artwork element is selected, the user can click and drag the element to place it within the bounds of the iPad screen.
<br><br>
This interaction can currently be accessed through the "Artwork" and "Background" text at the top of the site; however, these buttons will soon be incorporated into animated CSS buttons and redesigned into the page.
<br><br>

===Technologies===
The interactive area of the web site is enabled via Javascript and JQuery. All of the positioning on-page was done via CSS. The iPad and iPhone shells were designed as vectors in Illustrator. The font is taken from the Google Web Fonts collection.
<br><br>

===In-Progress===
The next step for us is to design and implement the buttons for the interactive iPad area, so that the functionality becomes clearer to the user. Additionally, the slideshow background images and iphone screenshots currently on-page serve as placeholders for final images. Background texture and final text are also still pending.

IFD:WebAdvancedII/Dianna M.

2012-09-25T11:54:40Z

Diannamertz:

===Concept===
This semester, I began to develop an app for the iPhone and iPad, called <i>Appropriator</i>. This app provides the user with a library of selected elements from famous paintings throughout history, which can then be incorporated into the user's own personal image and shared via a variety of social networks. I collaborated with Ian Morrison to design and develop a promotional web site for <i>Appropriator</i>, which is still in progress. The live-site-in-progress can be seen here:
<br><br>

===Link===
[http://doubledi.com/appropriator/AdvWebAppII/index.html Appropriator Web Site]
<br><br>

===Interactive iPad Snapshots===
http://doubledi.com/appropriator/AdvWebAppII/img/01.gif
http://doubledi.com/appropriator/AdvWebAppII/img/02.gif
<br><br>

===Interactive Functionality===
The interactive iPad section of the site utilizes two JQuery functions: one that slides through a small selection of background images, and the other that clicks through a small library of artwork elements. Once the artwork element is selected, the user can click and drag the element to place it within the bounds of the iPad screen.
<br><br>
This interaction can currently be accessed through the "Artwork" and "Background" text at the top of the site; however, these buttons will soon be incorporated into animated CSS buttons and redesigned into the page.
<br><br>

===Technologies===
The interactive area of the web site is enabled via Javascript and JQuery. All of the positioning on-page was done via CSS. The iPad and iPhone shells were designed as vectors in Illustrator. The font is taken from the Google Web Fonts collection.
<br><br>

===In-Progress===
The next step for us is to design and implement the buttons for the interactive iPad area, so that the functionality becomes clearer to the user. Additionally, the slideshow background images and iphone screenshots currently on-page serve as placeholders for final images. Background texture and final text are also still pending.

IFD:WebAdvancedII/Dianna M.

2012-09-25T11:39:00Z

Diannamertz:

===Concept===
This semester, I began to develop an app for the iPhone and iPad, called <i>Appropriator</i>. This app provides the user with a library of selected elements from famous paintings throughout history, which can then be incorporated into the user's own personal image and shared via a variety of social networks. I collaborated with Ian Morrison to design and develop a promotional web site for <i>Appropriator</i>, which is still in progress. The live-site-in-progress can be seen here:
<br><br>

===Link===
[http://doubledi.com/appropriator/AdvWebAppII/index.html Appropriator Web Site]
<br><br>

===Interactive iPad Snapshots===
http://doubledi.com/appropriator/AdvWebAppII/img/01.gif
http://doubledi.com/appropriator/AdvWebAppII/img/02.gif
<br><br>

===Functionality===
The interactive iPad section of the site utilizes two JQuery functions: one that clicks through a small library of artwork elements, and the other that slides through a small selection of background images. This interaction can currently be accessed through the "Artwork" and "Background" text at the top of the site; however, these buttons will soon be incorporated into animated CSS buttons and redesigned into the page.
<br><br>
All of the positioning on-page was done via CSS. The iPad and iPhone shells were designed as vectors in Illustrator. The slideshow background images and iphone screenshots currently on-page serve as placeholders for final images. Background texture and final text are also still pending.

IFD:WebAdvancedII/Dianna M.

2012-09-25T11:09:19Z

Diannamertz: Created page with "===Concept=== This semester, I began to develop an app for the iPhone and iPad, called <i>Appropriator</i>. This app provides the user with a library of selected elements from f..."

IFD:WebAdvancedII

2012-09-22T09:08:49Z

Diannamertz:

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

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

==Beschreibung==
[[:Category:Werkmodul|Werkmodul]] / [[:Category:Fachmodul|Fachmodul]]<br>

''Titel'' Web Advanced II<br/>
''Lehrperson(en):'' [[Gabriel Rausch]]<br/>
''Bewertung:'' 6 [[ECTS]], 3 [[SWS]]<br/>
''Termin:'' Montag, 17:00 - 19:15 Uhr <br/>
''Ort:'' Steubenstraße 8, im Glaskasten der Limona <br/>
''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:WebAdvancedII/Dianna Mertz - Appropriator Web

2012-09-22T09:07:23Z

Diannamertz: Blanked the page

IFD:WebAdvancedII/Kursplan Web Advanced II/intermediate presentation/Dianna M.

2012-09-16T21:09:04Z

Diannamertz: Created page with "==Appropriator== http://doubledi.com/appropriator/img/midterm/appslide01.jpg http://doubledi.com/appropriator/img/midterm/appslide03.jpg http://doubledi.com/appropriator/img/mid..."

==Appropriator==

http://doubledi.com/appropriator/img/midterm/appslide01.jpg
http://doubledi.com/appropriator/img/midterm/appslide03.jpg
http://doubledi.com/appropriator/img/midterm/appslide04.jpg
http://doubledi.com/appropriator/img/midterm/appslide05.jpg
http://doubledi.com/appropriator/img/midterm/appslide06.jpg
http://doubledi.com/appropriator/img/midterm/appslide07.jpg
http://doubledi.com/appropriator/img/midterm/appslide08.jpg
http://doubledi.com/appropriator/img/midterm/appslide09.jpg
http://doubledi.com/appropriator/img/midterm/appslide10.jpg
http://doubledi.com/appropriator/img/midterm/appslide11.jpg
http://doubledi.com/appropriator/img/midterm/appslide12.jpg

IFD:WebAdvancedII/Kursplan Web Advanced II/intermediate presentation/Dianna Mertz

2012-09-16T21:08:30Z

Diannamertz: Blanked the page

IFD:WebAdvancedII/Kursplan Web Advanced II/intermediate presentation

2012-09-16T21:05:47Z

Diannamertz:

[[/Anastasiya Pavelchuk/]]

[[/Antje Danz/]]

[[/Bastian Weber/]]

[[/Christian Sohn/]]

[[/Claudia Heinze/]]

[[/Dianna M./]]

[[/Georg Müller/]]

[[/GIGApedia/]]

[[/Iain M Campbell/]]

[[/Jennifer Beckmann/]]

[[/Johannes Konrad/]]

[[/Kathy Yuen/]]

[[/Marcel Döpel/]]

[[/Mariana Perfeito/]]

[[/Marisa Martins/]]

[[/Martin Horbach/]]

[[/Michel Buechner/]]

[[/Paul Götze/]]

[[/Sofia Veiga Neto Mendes Barbosa/]]