Medien Wiki - User contributions [en]

IFD:Mobile Apps with HTML5

2013-12-09T23:04:05Z

Julia Waack:

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

==Beschreibung==

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

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

Themen:
* siehe englische Auflistung

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

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

==English description==

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

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

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

This course will most likely be held in English

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

== Registration Procedure ==


THE COURSE IS FULL. NO MORE REGISTRATIONS ACCEPTED.

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

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

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

* [[/Charlotte]]
* [[/Xianzhi]]
* [[/MartinMelcher]]
* [[/NataSuu]]
* [[/AndrésArteaga]]
* [[/Jano]]
* [[/ElMerino]]
* [[/Alex]]
* [[/JohannesL]]
* [[/Saya]]
* [[/JonasKoehler]]
* [[/belikova]]
* [[/Livingoutloud]]
* [[/sth]]
* [[/Julia]]

Inactive/incomplete (Please do something!!!)

* [[/Sabina]]
* [[/YorGarcia]]
* [[/Sebastian R.]]
* [[/Apasri]]
* [[/S.Boldt]]
* [[/Amr]]
* [[/Jonas]]
* [[/Tobias]]
* [[/AdrianaR]]
* [[/Matthias]]

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

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

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

== Links ==

* [http://procoding.audiocommander.de Procoding] - JavaScript IDE for iOS & Mac OS X
* [http://www.codecademy.com/de CodeCademy.com] - Learn Coding

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

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

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

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

IFD:Mobile Apps with HTML5/Julia

2013-12-09T23:02:07Z

Julia Waack:

==first Assignment==
[http://cwox.de/Julia/TestWebOne/index.html RedOne]
 
[http://cwox.de/Julia/TestWebTwo/ BlueTwo]

==second Assignment==
[http://cwox.de/Julia/Time_Machine/ The Time Machine]

And a nice one...
[http://cwox.de/Julia/FlipClock/ Flipdown Clock]

==third Assignment==
[http://cwox.de/Julia/FroheWeihnachten/ ***]

==fourth Assignment==
[http://cwox.de/Julia/WunderWeather/ ... in progress but doesn´t work...]

IFD:Mobile Apps with HTML5/Julia

2013-11-19T07:54:30Z

Julia Waack:

IFD:Mobile Apps with HTML5/Julia

2013-11-18T13:10:01Z

Julia Waack:

==first Assignment==
[http://cwox.de/Julia/TestWebOne/index.html RedOne]
 
[http://cwox.de/Julia/TestWebTwo/ BlueTwo]

==second Assignment==

IFD:Mobile Apps with HTML5/Julia

2013-11-18T13:07:22Z

Julia Waack:

==Assigment One==
[http://cwox.de/Julia/TestWebOne/index.html RedOne]
 
[http://cwox.de/Julia/TestWebTwo/ BlueTwo]

==Assigment Two==

IFD:Mobile Apps with HTML5/Julia

2013-11-12T11:33:05Z

Julia Waack:

[http://cwox.de/Julia/TestWebOne/index.html RedOne]
 
[http://cwox.de/Julia/TestWebTwo/ BlueTwo]

Sorry for these bad pages, but I learned a lot in this time! :)

IFD:Mobile Apps with HTML5/Julia

2013-11-12T11:31:51Z

Julia Waack:

[http://cwox.de/Julia/TestWebOne/index.html RedOne]
[http://cwox.de/Julia/TestWebTwo/ BlueTwo]

Sorry for these bad pages, but I learned a lot in this time! :)

IFD:Mobile Apps with HTML5/Julia

2013-11-12T10:06:03Z

Julia Waack:

[http://cwox.de/Julia/TestWebOne/index.html RedOne]

IFD:Mobile Apps with HTML5/Julia

2013-11-10T11:20:43Z

Julia Waack: Created page with "''... still in progress''"

''... still in progress''

IFD:Mobile Apps with HTML5

2013-11-10T11:18:08Z

Julia Waack: /* Student Projects */

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

==Beschreibung==

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

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

Themen:
* siehe englische Auflistung

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

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

==English description==

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

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

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

This course will most likely be held in English

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

== Registration Procedure ==


THE COURSE IS FULL. NO MORE REGISTRATIONS ACCEPTED.

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

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

* [[/NameOderPseudonym]] <-- Please '''''copy''''' this link and use your own name (this is a public wiki!).
* [[/Charlotte]]
* [[/mantik]]
* [[/Anastasiya Pavelchuk]]
* [[/Sabina]]
* [[/Xianzhi]]
* [[/MartinMelcher]]
* [[/NataSuu]]
* [[/YorGarcia]]
* [[/AndrésArteaga]]
* [[/Bastiny]]
* [[/Julia]]

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

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

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

== Links ==

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

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

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

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

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

GMU:Dataflow I WS12/Julia

2013-01-30T10:26:54Z

Julia Waack: Replaced content with "==Documentation== */Exposé zum Projekt "Folge, aber richtig!"/ */Technische Umsetzung in Pure Data/"

==Documentation==
*[[/Exposé zum Projekt "Folge, aber richtig!"/]]
*[[/Technische Umsetzung in Pure Data/]]

GMU:Dataflow I WS12/Julia/Exposé zum Projekt "Folge, aber richtig!"

2013-01-30T10:26:12Z

Julia Waack:

== Folge, aber richtig! ==
[Exposé zum GPS-Feature]

'''Idee:'''
Moderne Navigationssysteme machen es uns leicht: gib ein Ziel ein und du wirst auf einem vorgegeben Pfad von deiner aktuellen Position aus dorthin geführt. Du musst dich weder in der Umgebung auskennen, noch Computerexperte sein. Alles easy – einfach nur den Anweisungen folgen. Du wirst lokalisiert und auf dem optimal berechneten Weg entlang geführt. Nur eines darfst du auf keinen Fall: den Weg verlassen, ansonsten bist du verloren.
Was links und rechts neben dem Weg passiert fällt uns gar nicht mehr auf, weil wir viel zu sehr damit beschäftigt sind nicht vom Weg abzukommen.
Getreu dem Motto: „der Weg ist das Ziel“ geht es in dem GPS-Feature Folge, aber richtig nicht um das Ankommen, sondern um den Prozess des Folgens. Was ist einfacher: jemandem zu folgen oder einen eigenen Weg finden?

'''Inhaltliche Form:'''
In ca. 20-25 Fragmenten, die im öffentlichen Raum verteilt werden, wird dem „Folger“ ein Weg diktiert. Folge, aber richtig! Lädt ein einmal abseits der bekannten Wege zu schlendern, zu hetzen, zu folgen, zu verfolgen, zu beobachten und zu zuhören. In poetischer und interaktiver Form soll das Phänomen des Folgens und der Führung untersucht werden.

'''Technische Umsetzung:'''
Als Software wird ein selbst programmierter pd-Patch (pure data) verwendet um die GPS-Daten mit den Audio-Fragmenten zu verknüpfen. Als mobiles Ausgabegerät dient ein Android-basiertes Smartphone.

----

GMU:Dataflow I WS12/Julia/Exposé zum Projekt "Folge, aber richtig!"

2013-01-30T10:25:43Z

Julia Waack:

== Folge, aber richtig! ==

[['''Exposé zum GPS-Feature''']]

'''Idee:'''
Moderne Navigationssysteme machen es uns leicht: gib ein Ziel ein und du wirst auf einem vorgegeben Pfad von deiner aktuellen Position aus dorthin geführt. Du musst dich weder in der Umgebung auskennen, noch Computerexperte sein. Alles easy – einfach nur den Anweisungen folgen. Du wirst lokalisiert und auf dem optimal berechneten Weg entlang geführt. Nur eines darfst du auf keinen Fall: den Weg verlassen, ansonsten bist du verloren.
Was links und rechts neben dem Weg passiert fällt uns gar nicht mehr auf, weil wir viel zu sehr damit beschäftigt sind nicht vom Weg abzukommen.
Getreu dem Motto: „der Weg ist das Ziel“ geht es in dem GPS-Feature Folge, aber richtig nicht um das Ankommen, sondern um den Prozess des Folgens. Was ist einfacher: jemandem zu folgen oder einen eigenen Weg finden?

'''Inhaltliche Form:'''
In ca. 20-25 Fragmenten, die im öffentlichen Raum verteilt werden, wird dem „Folger“ ein Weg diktiert. Folge, aber richtig! Lädt ein einmal abseits der bekannten Wege zu schlendern, zu hetzen, zu folgen, zu verfolgen, zu beobachten und zu zuhören. In poetischer und interaktiver Form soll das Phänomen des Folgens und der Führung untersucht werden.

'''Technische Umsetzung:'''
Als Software wird ein selbst programmierter pd-Patch (pure data) verwendet um die GPS-Daten mit den Audio-Fragmenten zu verknüpfen. Als mobiles Ausgabegerät dient ein Android-basiertes Smartphone.

----

GMU:Dataflow I WS12/Julia/Exposé zum Projekt "Folge, aber richtig!"

2013-01-30T10:25:13Z

Julia Waack:

Arbeitstitel:

== Folge, aber richtig! ==

[['''Exposé zum GPS-Feature''']]

'''Idee:'''
Moderne Navigationssysteme machen es uns leicht: gib ein Ziel ein und du wirst auf einem vorgegeben Pfad von deiner aktuellen Position aus dorthin geführt. Du musst dich weder in der Umgebung auskennen, noch Computerexperte sein. Alles easy – einfach nur den Anweisungen folgen. Du wirst lokalisiert und auf dem optimal berechneten Weg entlang geführt. Nur eines darfst du auf keinen Fall: den Weg verlassen, ansonsten bist du verloren.
Was links und rechts neben dem Weg passiert fällt uns gar nicht mehr auf, weil wir viel zu sehr damit beschäftigt sind nicht vom Weg abzukommen.
Getreu dem Motto: „der Weg ist das Ziel“ geht es in dem GPS-Feature Folge, aber richtig nicht um das Ankommen, sondern um den Prozess des Folgens. Was ist einfacher: jemandem zu folgen oder einen eigenen Weg finden?

'''Inhaltliche Form:'''
In ca. 20-25 Fragmenten, die im öffentlichen Raum verteilt werden, wird dem „Folger“ ein Weg diktiert. Folge, aber richtig! Lädt ein einmal abseits der bekannten Wege zu schlendern, zu hetzen, zu folgen, zu verfolgen, zu beobachten und zu zuhören. In poetischer und interaktiver Form soll das Phänomen des Folgens und der Führung untersucht werden.

'''Technische Umsetzung:'''
Als Software wird ein selbst programmierter pd-Patch (pure data) verwendet um die GPS-Daten mit den Audio-Fragmenten zu verknüpfen. Als mobiles Ausgabegerät dient ein Android-basiertes Smartphone.

----

GMU:Dataflow I WS12/Julia/Exposé zum Projekt "Folge, aber richtig!"

2013-01-30T10:24:49Z

Julia Waack: Created page with " Arbeitstitel: Folge, aber richtig! '''Exposé zum GPS-Feature''' '''Idee:''' Moderne Navigationssysteme machen es uns leicht: gib ein Ziel ein und du wirst auf einem vo..."

Arbeitstitel:
Folge, aber richtig!

[['''Exposé zum GPS-Feature''']]

'''Idee:'''
Moderne Navigationssysteme machen es uns leicht: gib ein Ziel ein und du wirst auf einem vorgegeben Pfad von deiner aktuellen Position aus dorthin geführt. Du musst dich weder in der Umgebung auskennen, noch Computerexperte sein. Alles easy – einfach nur den Anweisungen folgen. Du wirst lokalisiert und auf dem optimal berechneten Weg entlang geführt. Nur eines darfst du auf keinen Fall: den Weg verlassen, ansonsten bist du verloren.
Was links und rechts neben dem Weg passiert fällt uns gar nicht mehr auf, weil wir viel zu sehr damit beschäftigt sind nicht vom Weg abzukommen.
Getreu dem Motto: „der Weg ist das Ziel“ geht es in dem GPS-Feature Folge, aber richtig nicht um das Ankommen, sondern um den Prozess des Folgens. Was ist einfacher: jemandem zu folgen oder einen eigenen Weg finden?

'''Inhaltliche Form:'''
In ca. 20-25 Fragmenten, die im öffentlichen Raum verteilt werden, wird dem „Folger“ ein Weg diktiert. Folge, aber richtig! Lädt ein einmal abseits der bekannten Wege zu schlendern, zu hetzen, zu folgen, zu verfolgen, zu beobachten und zu zuhören. In poetischer und interaktiver Form soll das Phänomen des Folgens und der Führung untersucht werden.

'''Technische Umsetzung:'''
Als Software wird ein selbst programmierter pd-Patch (pure data) verwendet um die GPS-Daten mit den Audio-Fragmenten zu verknüpfen. Als mobiles Ausgabegerät dient ein Android-basiertes Smartphone.

----

GMU:Dataflow I WS12/Julia

2013-01-30T10:23:52Z

Julia Waack:

==Documentation==
*[[/Exposé zum Projekt "Folge, aber richtig!"/]]
*[[/Technische Umsetzung in Pure Data/]]

Arbeitstitel:
Folge, aber richtig!

[['''Exposé zum GPS-Feature''']]

'''Idee:'''
Moderne Navigationssysteme machen es uns leicht: gib ein Ziel ein und du wirst auf einem vorgegeben Pfad von deiner aktuellen Position aus dorthin geführt. Du musst dich weder in der Umgebung auskennen, noch Computerexperte sein. Alles easy – einfach nur den Anweisungen folgen. Du wirst lokalisiert und auf dem optimal berechneten Weg entlang geführt. Nur eines darfst du auf keinen Fall: den Weg verlassen, ansonsten bist du verloren.
Was links und rechts neben dem Weg passiert fällt uns gar nicht mehr auf, weil wir viel zu sehr damit beschäftigt sind nicht vom Weg abzukommen.
Getreu dem Motto: „der Weg ist das Ziel“ geht es in dem GPS-Feature Folge, aber richtig nicht um das Ankommen, sondern um den Prozess des Folgens. Was ist einfacher: jemandem zu folgen oder einen eigenen Weg finden?

'''Inhaltliche Form:'''
In ca. 20-25 Fragmenten, die im öffentlichen Raum verteilt werden, wird dem „Folger“ ein Weg diktiert. Folge, aber richtig! Lädt ein einmal abseits der bekannten Wege zu schlendern, zu hetzen, zu folgen, zu verfolgen, zu beobachten und zu zuhören. In poetischer und interaktiver Form soll das Phänomen des Folgens und der Führung untersucht werden.

'''Technische Umsetzung:'''
Als Software wird ein selbst programmierter pd-Patch (pure data) verwendet um die GPS-Daten mit den Audio-Fragmenten zu verknüpfen. Als mobiles Ausgabegerät dient ein Android-basiertes Smartphone.

----

GMU:Dataflow I WS12/Julia

2013-01-30T10:20:23Z

Julia Waack:

GMU:Dataflow I WS12/Julia

2013-01-30T10:19:21Z

Julia Waack: Created page with "Arbeitstitel: Folge, aber richtig! '''Exposé zum GPS-Feature''' '''Idee:''' Moderne Navigationssysteme machen es uns leicht: gib ein Ziel ein und du wirst auf einem vor..."

Arbeitstitel:
Folge, aber richtig!

[['''Exposé zum GPS-Feature''']]

'''Idee:'''
Moderne Navigationssysteme machen es uns leicht: gib ein Ziel ein und du wirst auf einem vorgegeben Pfad von deiner aktuellen Position aus dorthin geführt. Du musst dich weder in der Umgebung auskennen, noch Computerexperte sein. Alles easy – einfach nur den Anweisungen folgen. Du wirst lokalisiert und auf dem optimal berechneten Weg entlang geführt. Nur eines darfst du auf keinen Fall: den Weg verlassen, ansonsten bist du verloren.
Was links und rechts neben dem Weg passiert fällt uns gar nicht mehr auf, weil wir viel zu sehr damit beschäftigt sind nicht vom Weg abzukommen.
Getreu dem Motto: „der Weg ist das Ziel“ geht es in dem GPS-Feature Folge, aber richtig nicht um das Ankommen, sondern um den Prozess des Folgens. Was ist einfacher: jemandem zu folgen oder einen eigenen Weg finden?
'''
Inhaltliche Form:'''
In ca. 20-25 Fragmenten, die im öffentlichen Raum verteilt werden, wird dem „Folger“ ein Weg diktiert. Folge, aber richtig! Lädt ein einmal abseits der bekannten Wege zu schlendern, zu hetzen, zu folgen, zu verfolgen, zu beobachten und zu zuhören. In poetischer und interaktiver Form soll das Phänomen des Folgens und der Führung untersucht werden.
'''
Technische Umsetzung:'''
Als Software wird ein selbst programmierter pd-Patch (pure data) verwendet um die GPS-Daten mit den Audio-Fragmenten zu verknüpfen. Als mobiles Ausgabegerät dient ein Android-basiertes Smartphone.

----

GMU:Dataflow I WS12

2013-01-30T10:15:32Z

Julia Waack:

[[:Category:Werkmodul|Werkmodul]]/[[:Category:Fachmodul|Fachmodul]] 
''Lecturer:'' [[Max Neupert]] 
''Credits:'' 6 [[ECTS]], 4 [[SWS]] 
''Date:'' Wednesday, 9:15 until 12:30 h 
''Venue:'' [[Marienstraße 7b]], Room 204 
''First meeting:'' 2012-10-17

==Description==
Data-flow programming languages can be easier end faster to grasp than code based languages. The program itself becomes a visualization of its own function. We will look at different environments and specifically the free, open source, and cross-platform [[Pure Data]] and its graphics library Gem. In small assignments we will gradually learn to use the software and solve tasks enabling us to realize more complex projects. Final results may be everything from playful musical instruments, interactive installations, mobile apps to streaming servers for radio shows.
This class is aimed at a beginner level introducing data-flow programming paradigms to artists and designers. Successful completion of this class is precondition for the succeeding class Dataflow II.

Course language will be English (except everyone speaks German then it will be in German.. obviously).

===German description===
Datenfluss-Programmiersprachen können einfacher und schneller zu verstehen sein als Kode-basierte sprachen. Das Programm selbst wird zur Visualisierung seiner Funktion. Wir werden verschiedene Umgebungen kennen lernen und im Speziellen mit dem kostenlosen, quelloffenen und plattformunabhängigen [[Pure Data]] und der Grafikbibliothek Gem arbeiten. In kleinen Aufgabenstellungen wird Schritt für Schritt die Software erlernt. So können schließlich komplexere Vorhaben umgesetzt werden. Der Kurs schließt mit einem eigenen Projekt ab, welches von spielerischen Instrumenten, Interaktiven Installationen, Mobile Apps bis hin zu streaming Servern für Radiosendungen reichen kann.
Dieser Kurs richtet sich an Anfänger, und ist eine Einführung in Datenfluss Programmiersprachen für Künstler und Designer. Ein erfolgreicher Abschluss dieses Kurses ist die Vorbedingung für den Nachfolgenden Kurs Dataflow II

Kurssprache ist Englisch (es sei denn alle Teilnehmer verstehen und sprechen Deutsch. Dann ist die Kurssprache natürlich Deutsch).

==Documentation==
*[[/Mensch am Meer|Michael]]
*[[/Manuel/]]
*[[/Christina/]]
*[[/Li Lingling/]]
*[[/Brian Bixby/]]
*[[/Jeremy/]]
*[[/Julia/]]

==Topics==
* Video-Tracking
* Kinect
* Audio processing
* 3D

==Syllabus==
* 12.12. mid term presentation
* 23.1. Ives
* 30.1. Final Presentation
* 31.3. Submission of Documentation (deadline)

==Evaluation==

* 10% attendance
* 10% mailinglist
* 40% presentation, Active participation, artistic examination
* 40% documentation in this wiki (but other media is welcome additionally)
* +10% for edits in the wiki not related to any speific class

==Eligible participants==
Undergraduates and graduates enrolled in the Faculties of Media, Gestaltung and in the MediaArchitecture program

==Literature==
{{Template:PdBooks}}

==Links==
* [[Pure Data - Getting started]]
* [https://mg.medien.uni-weimar.de/mailman/listinfo/dataflowi Mailinglist Dataflow I]

[[Category:WS12]]
[[Category:Pure Data]]
[[Category:Max Neupert]]
[[Category:Programmiersprachen]]
[[Category:Werkmodul]]
[[Category:Fachmodul]]