Medien Wiki - User contributions [en]

Adriana Román

2014-04-28T09:57:07Z

AdrianaR: /* Examples of 2D and 3D product presentation in eCommerce */

==Examples of 2D and 3D product presentation in eCommerce==

[https://www.adidas-archive.org/#/home '''ADIDAS Archive''' ]
[[File:screen_shot_adidas.png | 450px]] 
 

[http://www.webrotate360.com/360_degree_product_imaging_and_3D_modeling_services.html '''360 Degree Product Imaging''' ] 
[[File:screen_shot_360.png | 450px]] 
 

[http://www.esimple.it/en/item/natuzzi-re-live-ar '''Natuzzi re-live AR''' ] 
[[File:screen_shot_natuzzi.png | 450px]] 
 

[http://www.in3dexpo.com/ '''3D Expo''' ] 
[[File:screen_shot_3dexpo.png | 450px]]

File:Screen shot 3dexpo.png

2014-04-28T09:52:25Z

AdrianaR: screen shot about browser with 3d Expo site

== Summary ==
screen shot about browser with 3d Expo site
== Copyright status: ==

== Source: ==

File:Screen shot natuzzi.png

2014-04-28T09:51:47Z

AdrianaR: screen shot about browser with natuzzi web site app

== Summary ==
screen shot about browser with natuzzi web site app
== Copyright status: ==

== Source: ==

File:Screen shot 360.png

2014-04-28T09:50:54Z

AdrianaR: Screen shot about browser with 360 product website

== Summary ==
Screen shot about browser with 360 product website
== Copyright status: ==

== Source: ==

Adriana Román

2014-04-28T09:49:33Z

AdrianaR: /* Examples of 2D and 3D product presentation in eCommerce */

==Examples of 2D and 3D product presentation in eCommerce==

[[File:screen_shot_adidas.png | 450px]] 
[https://www.adidas-archive.org/#/home '''ADIDAS Archive''' ]

[[File:screen_shot_360.png | 450px]] 
[http://www.webrotate360.com/360_degree_product_imaging_and_3D_modeling_services.html ""360 Degree Product Imaging""]

[[File:screen_shot_natuzzi.png | 450]] 
[http://www.esimple.it/en/item/natuzzi-re-live-ar ""Natuzzi re-live AR""]

[[File:screen_shot_3dexpo.png | 450px]] 
[http://www.in3dexpo.com/ ""3D Expo""]

File:Screen shot adidas.png

2014-04-28T09:12:11Z

AdrianaR: screen shot of my browser showing adidas archive site

== Summary ==
screen shot of my browser showing adidas archive site
== Copyright status: ==

== Source: ==

Adriana Román

2014-04-28T08:59:53Z

AdrianaR: 2D vs 3D eCommerce

==Examples of 2D and 3D product presentation in eCommerce==

[[File:adidas.png | 450]][[File:adidas.png]]
[https://www.adidas-archive.org/#/home ""ADIDAS Archive""]

IFD:ThreedimensionalWebinterfaces

2014-04-28T08:39:44Z

AdrianaR: /* Participants */

[[:Category:Werkmodul|Werkmodul]] | [[:Category:Fachmodul|Fachmodul]] 
''Lehrperson:'' [[Gabriel Rausch]] 
''Bewertung:'' 6 [[ECTS]], 4 [[SWS]] 
''Termin:'' Monday, 13:30 - 15:45 
''Ort:'' Marienstr. 7b, Raum 105 

''Erster Termin:'' Mo, April 7th 2014

==Three-dimensional web-interfaces==
new approaches in eCommerce and eLearning
This course is dedicated to all design- and media-students who are interested in frontend-development of websites and applications and have first experience in complex visualization techniques (using CSS3-Transforms or WebGL or other techniques). The course is like an optional continuation of the last semester course "Three-dimensional web-interfaces - new approaches in visualization, interaction and animation".

This semester we will explore (from the point of view of the user) the possible use of 3D in eCommerce- and eLearning-applications. In our research we will create prototype-based applications to define the potential between 2D and 3D visualization. How can we evaluate the experience of a user who is operating in a webshop. Are there any positiv/negativ effects when we visualize the products of the webshop in 3D in comparison to conventional 2D visualization (like picture-slideshows)?

And don't worry about the experimental character: most of the defined solutions can be transfered to the conventional two-dimensional web-development.

== Registration Procedure ==
To register for the course, please send an eMail due to April 5th with the Topic "Registration for {{PAGENAME}}" to Gabriel.Rausch (at) uni-weimar.de,
incuding the following informations:
* Full 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
* One short sentence why you want to (have to) be in this course (german or english)

If there are more than 15 registrations, students will be accepted depending on:
* Order (first come, first serve)
* If you are in a Project of Interface-Design (see Prof. Jens Geelhaar's semester projects this semester)
* What you've written in "why I want to be in this course"

If there are more than 20 registrations, there might be a kick-off event with an evaluation competition.

==Certificates of Achievements==
* Active and regular participation
* Progress on the individual project you are working on
* Creating a piece of work for an exhibition at the Summary
* 2 minute presentation at the [[IFD:Showreel]]
* Final Hand-in of your project/concept/...

==Target Audience==
* In general open to all students, but esp. suited for
* Bachelor- and Master students of Media-Arts & Design
* Master students Media-Architecture

==Syllabus==

* 07.04. Introduction & Study
** [https://dl.dropboxusercontent.com/u/22663277/Bosch%203D%20Images.zip Download Bosch 3D Images 800x450]
* 14.04. Cancled
* 28.04. Current State eCommerce Product Presentation, Product Definition
* 05.05. Hands On HTML5, Canvas & WebGL
* 12.05. Concept & Wireframes A-B-Application
* 19.05. Prototype Assembly I
* 26.05. Prototype Assembly II
* 02.06. Internal Test Scenario
* 16.06. Adjustments I
* 23.06. Adjustments II
* 30.06. Test Scenario Target Group
* 07.07. First Analysis
* 10. - 13.07. Summaery

==Participants==
[[Tobias Westphal]]

[[Alexander Vogt]]

[[Adriana Román]]

IFD:Three-dimensional web-interfaces WS 13/Dokumentation/Adriana

2014-02-06T00:03:30Z

AdrianaR:

== First snapshots ==

[http://www.creandoaves.net/web/3d/prototype/ 1st try ] 

[http://www.creandoaves.net/web/3d/prototype/index2.html 2nd try] 
"More soon"

== Final ==

IFD:Three-dimensional web-interfaces WS 13/Dokumentation/Adriana

2014-02-05T23:51:23Z

AdrianaR: Created page with "First snapshots "soon""

First snapshots 
"soon"

IFD:Three-dimensional web-interfaces WS 13/Dokumentation

2014-02-05T23:49:02Z

AdrianaR:

[[/Max Mustermann/]]

[[/Alex Vogt/]]

[[/Adriana/]]

IFD:Mobile Apps with HTML5/AdrianaR

2014-01-12T19:42:23Z

AdrianaR:

'''Task 1-2''' 
[http://www.creandoaves.net/web/mobile/01/ HTML5 & CSS 1(a,b)] 
[http://www.creandoaves.net/web/mobile/02/index.html HTML5 & CSS 2(a,b)] 
[http://www.creandoaves.net/web/mobile/03mobile/index.html jQuery Mobile (fail)] 
'''Task 3''' 
[http://www.creandoaves.net/web/mobile/03zeit/clock/ Playing with time (a)] 
'''Task 4''' 
[http://www.creandoaves.net/web/mobile/04havascript_dict Dictionary] 
'''Task 5''' ''(experimenting with "prompt window")'' 
[http://www.creandoaves.net/web/mobile/05drawin Drawing with text] 
[http://www.creandoaves.net/web/mobile/05paper Experimenting with simple game (developing, Pt I)] 
'''Task 6''' 
[http://www.creandoaves.net/web/mobile/check2/ Game "rock, paper, scissors" using form data storage (developing, Pt II)] 
Work pending to do here:
*to check when it's a tie
*to use images
*to finish the final style
*to allow only the use of the words "rock", "paper", "scissors". In other words, that restrain the user's possibility to type different words from these ones in the "options" input.
*to use the device motion to generate a random choice for the user.
 
'''Task 7''' 
'''Working with Processing on Procoding''' 
Random Walker example from Nature of Code modified [http://www.creandoaves.net/web/mobile/processing/walker_lines/ V1] [http://www.creandoaves.net/web/mobile/processing/blue_walkerh/ V2] 
'''Task 8'''

IFD:Mobile Apps with HTML5/AdrianaR

2014-01-07T00:26:18Z

AdrianaR:

IFD:Mobile Apps with HTML5/AdrianaR

2014-01-07T00:24:53Z

AdrianaR:

'''Task 1-2''' 
[http://www.creandoaves.net/web/mobile/01/ HTML5 & CSS 1(a,b)] 
[http://www.creandoaves.net/web/mobile/02/index.html HTML5 & CSS 2(a,b)] 
[http://www.creandoaves.net/web/mobile/03mobile/index.html jQuery Mobile (fail)] 
'''Task 3''' 
[http://www.creandoaves.net/web/mobile/03zeit/clock/ Playing with time (a)] 
'''Task 4''' 
[http://www.creandoaves.net/web/mobile/04havascript_dict Dictionary] 
'''Task 5''' ''(experimenting with "prompt window")'' 
[http://www.creandoaves.net/web/mobile/05drawin Drawing with text] 
[http://www.creandoaves.net/web/mobile/05paper Experimenting with simple game (developing, Pt I)] 
'''Task 6''' 
[http://www.creandoaves.net/web/mobile/check2/ Game "rock, paper, scissors" using form data storage (developing, Pt II)] 
Work pending to do here:
*to check when it's a tie
*to use images
*to finish the final style
*to allow only the use of the words "rock", "paper", "scissors". In other words, that restrain the user's possibility to type different words from these ones in the "options" input.
*to use the device motion to generate a random choice for the user.
 
'''Task 7'''

IFD:Mobile Apps with HTML5/AdrianaR

2014-01-07T00:24:09Z

AdrianaR:

'''Task 1-2''' 
[http://www.creandoaves.net/web/mobile/01/ HTML5 & CSS 1(a,b)] 
[http://www.creandoaves.net/web/mobile/02/index.html HTML5 & CSS 2(a,b)] 
[http://www.creandoaves.net/web/mobile/03mobile/index.html jQuery Mobile (fail)] 
'''Task 3''' 
[http://www.creandoaves.net/web/mobile/03zeit/clock/ Playing with time (a)] 
'''Task 4''' 
[http://www.creandoaves.net/web/mobile/04havascript_dict Dictionary] 
'''Task 5''' ''(experimenting with "prompt window")'' 
[http://www.creandoaves.net/web/mobile/05drawin Drawing with text] 
[http://www.creandoaves.net/web/mobile/05paper Experimenting with simple game (developing, Pt I)] 
'''Task 6''' 
[http://www.creandoaves.net/web/mobile/check2/ Game "rock, paper, scissors" using form data storage (developing, Pt II)]
Work pending to do here:
*to check when it's a tie
*to use images
*to finish the final style
*to allow only the use of the words "rock", "paper", "scissors". In other words, that restrain the user's possibility to type different words from these ones in the "options" input.
*to use the device motion to generate a random choice for the user.

'''Task 7'''

IFD:Mobile Apps with HTML5

2013-12-10T14:18:08Z

AdrianaR: /* 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]]
* [[/Xianzhi]]
* [[/MartinMelcher]]
* [[/NataSuu]]
* [[/AndrésArteaga]]
* [[/Jano]]
* [[/ElMerino]]
* [[/Alex]]
* [[/JohannesL]]
* [[/Saya]]
* [[/JonasKoehler]]
* [[/belikova]]
* [[/Livingoutloud]]
* [[/sth]]
* [[/Julia]]
* [[/AdrianaR]]

Inactive/incomplete (Please do something!!!)

* [[/Sabina]]
* [[/YorGarcia]]
* [[/Sebastian R.]]
* [[/Apasri]]
* [[/S.Boldt]]
* [[/Amr]]
* [[/Jonas]]
* [[/Tobias]]
* [[/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/AdrianaR

2013-12-10T01:09:04Z

AdrianaR:

IFD:Mobile Apps with HTML5/AdrianaR

2013-12-10T01:07:52Z

AdrianaR:

IFD:Mobile Apps with HTML5/AdrianaR

2013-12-10T01:06:39Z

AdrianaR:

GMU:Urban Development Kit

2013-11-19T12:06:45Z

AdrianaR: /* Projects */

[[:Category:Projektmodul|Projektmodul]] 
''Lehrpersonen:'' [[Ursula Damm]], [[Gunnar Green]] 
''Bewertung:'' 18 [[ECTS]], 16 [[SWS]] 
''Termin:'' Dienstag, 13.30 Uhr 
''Ort:'' [[Marienstraße 7b]], Raum 204 
''Erster Termin:'' 22.10.2012

'''
the urban development kit'''
Master Project (english)
Im Projekt werden Methoden entworfen, Stadtleben besser und neu zu gestalten.
Die Vorschläge sollen in Form von Sets ausgestaltet werden, die entweder als Spiel, als Produkt, als Baukasten oder Anleitung einer interessierten Öffentlichkeit zugänglich gemacht werden.
Das Spektrum der Betätigungsfelder ist sehr weit gefasst: hier können Werkzeuge und Apparaturen zu Sensibilisierung entwickelt werden, Strategien für Treffen/Happenings oder Performances organisiert werden, Ausstellungen und Installationen im öffentlichen Raum durchgeführt werden. Spekulative Neuentwürfe, Ephemeres wie auch Revolutionäres soll in konkreten, innovativen und ungesehenen (Stadt-) Situationen Entfaltung finden können.

1. Prüfungsleistung (10%) - schriftlich: Recherche zum gewählten Thema/ zur gewählten Arbeit in Kunstgeschichte, Urbanistik, Medientheorie oder einer anderen Disziplin, wobei ein Werk/Thema als Referenz individuell auszuwählen ist, das vorbildlich zur eigenen Tätigkeit steht.

2. Prüfungsleistung (10%) - mündlich: Vortrag über ein selbstgewähltes Thema in Verbindung mit dem praktischen Arbeitsvorhaben

3. Mitarbeit im Plenum (20%)

4. Prüfungsleistung (60%) - Präsentation eines Werkes

Das Projekt richtet sich an Master-Studierende

Termin: Dienstag, 13.30 Uhr -17.15
Marienstrasse 7b, room 204
Empfohlene Fach- und Werkmodule: DIY Microscopy, Diagramme

The urban development kit
In the course of the project, several methods will be created and formulated to design cities a new and in a better manner. The proposals should be designed in the form of sets - either as games, products, model kits or instructions - that will be made accessible to an interested audience.
The scope of activities is here rather wide: tools and apparatus to raise awareness can be developed, strategies for meeting/happenings or performances could be organized, exhibitions and installations in public spaces could take place. Speculative, ephemeral and revolutionary designs and projects should deploy themselves in concrete, innovative and unseen (city-) situations.
1. Coursework 10% - assignment in written form: research to a chosen topic/to the developed project in the fields of art history, urbanistics, media theory or another discipline, whereas a work/topic should be chosen individually as a reference that stands exemplary to an activity.
2. Coursework 10 % - assignment in spoken form: oral presentation on a topic chosen individually that stays in relationship to the developed practical proposal

3. Active participation in the project colloquium
4. Course work 60 % - presentation of a work
The project directs itself to MFA students.

==Syllabus:==

first meeting:
* 22.10.2013 Introduction
* 29.10.2013 Presentation of Works
* 05.11.2013 Presentation of Works of Participants - Lecture
* 12.11.2013 Lecture street art. presentation Sebastian
* 19.11.2013 Lecture
* 26.11.2013 Meeting at 9.00 in 204: Workshopday (Theme: "Sensor")
* 03.12.2013 Meeting at 9.00 in 204: Workshopday (Theme: "Feeback")
* 10.12.2013 Presentation Deniz: Atelier van Lieshout, Michael: Guy Debord
* 17.12.2013 Presentation Adriana: Hana Iverson
* 13.01.2014 Presentation Rubab: Krzysztof Wodiczko(?) or Amor Munoz
* 20.01.2014 Presenation Mohammad????

==Projects==
* [[GMU:Urban_Development_Kit/Kinoki-Pi-Project|Kinoki-Pi-Project]] (Michael Fischer)
* [[GMU:Urban_Development_Kit/The legend of Heimat|The legend of Heimat]] (Wiebke Jahns)
* [[GMU:Urban_Development_Kit/People In Public Spaces|People In the Public Spaces]] (Rubab Paracha)
* [[GMU:Urban_Development_Kit/Organic City|Organic City]] (Laura Jozefini)
* [[GMU:Urban_Development_Kit/Jordan Evolution in Public Squares |Jordan Evolution in Public Squares ]] (Mohammad Jaradat)
* [[GMU:Urban_Development_Kit/Urban Space for Mind]] (Sebastian Kaye)
* [[GMU:Urban_Development_Kit/hiddenCity/| HidenCity]] (Adriana Román)

==Literature, Films and related Projects:==

Links:
* [http://estudioteddycruz.com/ Teddy Cruz]
* [http://www.mechanicsofplace.net/ Hana Iverson]
* [http://www.andinc.org/v4/ Mark Shepard]
* [http://www.atelier-latent.de/spaziergangsforschung atelier latent]
* [http://greyworld.org/ greyworld]
* [http://www.ubermatic.org/ Michelle Teran]
* [http://biomapping.net/ Christian Nold Biomapping]
* [http://senseable.mit.edu/ Senseable City Lab]
* [http://www.elasticspace.com/ Timo Arnall]

* Urban Interventions Persona Projects in Public Space ISBN 978-3-89955-291-1
* Paradoxien des Öffentlichen ISBN 978-3940748461
* Megastructures Reloaded ISBN 978-3775722162
* A New Theory of Urban Design ISBN 978-0195037531
* Zur Nachahmung empfohlen!: Expeditionen in Ästhetik und Nachhaltigkeit ISBN 978-3775727723
* Klimakunstforschung ISBN 978-3883962993
* Klimakapseln: Überlebensbedingungen in der Katastrophe ISBN 978-3518126158
* Ökomedien ISBN 978-3775720489
* Aram Bartholl ISBN 978-3-89955-393-2
* Team Compendium: Selfmade Matches - Selbstorganisation Bereich Kunst ISBN 3-927623-55-5
* Sensing Place - Mediatising the Urban Landscape ISBN 978-3-85616-581-9

*[http://www.nand.io/research/cruiser-charisma/ Cruiser Charisma]
*[http://zaphod.mindlab.umd.edu/docSeminar/pdfs/Winner.pdf/ Do artifacts have politics? by Langdon Winner]
*[http://www.mischertraxler.com/projects_the_idea_of_a_tree_recorder_one.html/ 'The idea of a tree - recorder one' by Mischer'Traxler]
*[http://www.julijonasurbonas.lt/p/sounding-doors/ Sounding Doors by Julijonas Urbonas]
*It's not exactly related to the subject, but this kit is nicely made. [http://www.bjornfranke.com/objects/2006_traces_of_an_imaginary_affair.htm/ Traces of an Imaginary Affair by Björn Franke]
* Secret Agent's Handbook: The Top Secret Manual of Wartime Weapons, Gadgets, Disguises and Devices, ISBN-10: 1906251193
*Hertzian Tales: Electronic Products, Aesthetic Experience, and Critical Design, Tony Dunne, ISBN-10: 0262541998
* Playtime, Jacques Tati, 1967

[[Category:WS13]]

GMU:Urban Development Kit/hidenCity/

2013-11-19T12:04:44Z

AdrianaR:

== '''Hidden City''' ==

This project is based on artistic practices using cartographies to find different ways to see, experience and understand life, either real or imagined.

As part of the research, a prototype of an interface design based on participatory web was developed and analyzed. Understanding “participatory web” as the term used in Web 2.0 referring to web applications that simplify the sharing of information. It is oriented to promote citizen participation and collective creativity. It is a project for static and mobile devices that uses maps for data visualization.

Under the term “hidden city” we understand events happening spontaneously at some place in the city and that we rarely are conscious about. The fast rhythm of the city makes us blind for such events. This is the reason why they go unnoticed, even though are there.

After all: “What is a city? A place with a lot of people. A public space open and protected. A place, namely, a material fact of sense production. A concentration of meeting points. In the city first are the streets and plazas, the collective spaces, then come the buildings and tracks". [1]

Therefore, we state that these events shape the nature of a city; making it more human-like. Where the public space is not just a space, where not only the physical dimensions but also the social, cultural and symbolic dimensions are confluent.

Nowadays, maps are more than a physical and linear representation of territory. They are means to express concerns, reflect or criticize the public space and the urban life in a very subjective way. The portrayal of these maps expands and upgrades its content with other kinds of information and signification, placing us as active individuals in the global space, making us part of something, an identity.

It is interesting to explore the possibilities that these means offer not just to situate us geographically in some global coordinates, but also to place us inside a problematic, a social experience or an identity. Crucially, we can share all these information with the rest of the world. This remind us of the global village that McLuhan used to talk about. Furthermore, it lets us see how far individuals can be away from each other despite of living in the same place. Not only can technology bring us together, it can also separate us. Therefore, this is a good practice to generate different employment of technology that can prevent these things from happening but encourages collective creativity to expand social awareness and collective memory.

Notes
[1] Borja, Jordi, La ciudad del deseo. Flacso, Ecuador, 2001. Translation by Adriana Román.
"¿Qué es una ciudad? Un lugar con mucha gente. Un espacio público, abierto y protegido. Un lugar, es decir, un hecho material productor de sentido. Una concentración de puntos de encuentro. En la ciudad lo primero son las calles y plazas, los espacios colectivos, luego vendrán los edificios y las vías.”

'''Tags:''' participatory web, collaborative Interface, data visualization, geolocation,
non linear narratives, citizen participation and collective creativity, remix, mobile apps.

== Specific Objectives bye the requirements: ==

1.To build metaphorically a global vision about places shaping the hidden city, generating a collective visual poem about the city (i.e. Valencia).
2.To design a multi platform and multi device interface with information layers.
3.To generate and communicate poetics through the interface and interaction design.
4.To Capture and optimize images.
5.To locate and visualize images on the map with real geo information.
6.To refer and orient the information points through the navigation map.
7.To visualize verses on their own (without images), for the creation of the collective poem as well as to be archived, sent or publish on social networks.
8.To generate short poems narrowing by: neighborhoods or zones, randomly or direct selection by the user in an specific order.
9.To visualize short poems effectively and aesthetically.
10.To generate drifts from the verses selection.
11.To notify if the user is near the geolocation a verse.

== Motivations ==

To incite citizens to think about their own city and reflect how is the city they would like to live in with a positive question. Instead of asking "What do not like you about the city?" through the app we ask "What do you like the most about your city?".
Cabanyal issue (gentrification). How this problems repeat itself in more places around the world.
To give a guide on the daily production of images.
Among all the negative ideas, create positive ideas and feelings.

GMU:Urban Development Kit/hidenCity/

2013-11-19T11:42:08Z

AdrianaR:

GMU:Urban Development Kit/hidenCity/

2013-11-19T11:30:58Z

AdrianaR: Created page with "'''Hidden City''' This project is based on artistic practices using cartographies to find different ways to see, experience and understand life, either real or imagined. As p..."

'''Hidden City'''

This project is based on artistic practices using cartographies to find different ways to see, experience and understand life, either real or imagined.

As part of the research, a prototype of an interface design based on participatory web was developed and analyzed. Understanding “participatory web” as the term used in Web 2.0 referring to web applications that simplify the sharing of information. It is oriented to promote citizen participation and collective creativity. It is a project for static and mobile devices that uses maps for data visualization.

Under the term “hidden city” we understand events happening spontaneously at some place in the city and that we rarely are conscious about. The fast rhythm of the city makes us blind for such events. This is the reason why they go unnoticed, even though are there.

After all: “¿Qué es una ciudad? Un lugar con mucha gente. Un espacio público, abierto y protegido. Un lugar, es decir, un hecho material productor de sentido. Una concentración de puntos de encuentro. En la ciudad lo primero son las calles y plazas, los espacios colectivos, luego vendrán los edificios y las vías.” [1]

Therefore, we state that these events shape the nature of a city; making it more human-like. Where the public space is not just a space, where the physical dimensions but also the social, cultural and symbolic dimensions are confluent.

Nowadays, maps are more than a physical and linear representation of territory. They are means to express concerns, reflect or criticize the public space and the urban life in a very subjective way. The portrayal of these maps expands and upgrades its content with other kinds of information and signification, placing us as active individuals in the global space, making us part of something, an identity.

It is interesting to explore the possibilities that these means offer not just to situate us geographically in some global coordinates, but also to place us inside a problematic, a social experience or an identity. Crucially, we can share all these information with the rest of the world. This remind us of the global village that McLuhan used to talk about. Furthermore, it lets us see how far individuals can be away from each other despite of living in the same place. Not only can technology bring us together, it can also separate us Therefore, this is a good practice to generate different employment of technology that can prevent these things from happening but encourages collective creativity to expand social awareness and collective memory.

Notes
[1] Borja, Jordi, La ciudad del deseo. Flacso, Ecuador, 2001.

GMU:Urban Development Kit

2013-11-19T11:11:07Z

AdrianaR:

[[:Category:Projektmodul|Projektmodul]] 
''Lehrpersonen:'' [[Ursula Damm]], [[Gunnar Green]] 
''Bewertung:'' 18 [[ECTS]], 16 [[SWS]] 
''Termin:'' Dienstag, 13.30 Uhr 
''Ort:'' [[Marienstraße 7b]], Raum 204 
''Erster Termin:'' 22.10.2012

'''
the urban development kit'''
Master Project (english)
Im Projekt werden Methoden entworfen, Stadtleben besser und neu zu gestalten.
Die Vorschläge sollen in Form von Sets ausgestaltet werden, die entweder als Spiel, als Produkt, als Baukasten oder Anleitung einer interessierten Öffentlichkeit zugänglich gemacht werden.
Das Spektrum der Betätigungsfelder ist sehr weit gefasst: hier können Werkzeuge und Apparaturen zu Sensibilisierung entwickelt werden, Strategien für Treffen/Happenings oder Performances organisiert werden, Ausstellungen und Installationen im öffentlichen Raum durchgeführt werden. Spekulative Neuentwürfe, Ephemeres wie auch Revolutionäres soll in konkreten, innovativen und ungesehenen (Stadt-) Situationen Entfaltung finden können.

1. Prüfungsleistung (10%) - schriftlich: Recherche zum gewählten Thema/ zur gewählten Arbeit in Kunstgeschichte, Urbanistik, Medientheorie oder einer anderen Disziplin, wobei ein Werk/Thema als Referenz individuell auszuwählen ist, das vorbildlich zur eigenen Tätigkeit steht.

2. Prüfungsleistung (10%) - mündlich: Vortrag über ein selbstgewähltes Thema in Verbindung mit dem praktischen Arbeitsvorhaben

3. Mitarbeit im Plenum (20%)

4. Prüfungsleistung (60%) - Präsentation eines Werkes

Das Projekt richtet sich an Master-Studierende

Termin: Dienstag, 13.30 Uhr -17.15
Marienstrasse 7b, room 204
Empfohlene Fach- und Werkmodule: DIY Microscopy, Diagramme

The urban development kit
In the course of the project, several methods will be created and formulated to design cities a new and in a better manner. The proposals should be designed in the form of sets - either as games, products, model kits or instructions - that will be made accessible to an interested audience.
The scope of activities is here rather wide: tools and apparatus to raise awareness can be developed, strategies for meeting/happenings or performances could be organized, exhibitions and installations in public spaces could take place. Speculative, ephemeral and revolutionary designs and projects should deploy themselves in concrete, innovative and unseen (city-) situations.
1. Coursework 10% - assignment in written form: research to a chosen topic/to the developed project in the fields of art history, urbanistics, media theory or another discipline, whereas a work/topic should be chosen individually as a reference that stands exemplary to an activity.
2. Coursework 10 % - assignment in spoken form: oral presentation on a topic chosen individually that stays in relationship to the developed practical proposal

3. Active participation in the project colloquium
4. Course work 60 % - presentation of a work
The project directs itself to MFA students.

==Syllabus:==

first meeting:
* 22.10.2013 Introduction
* 29.10.2013 Presentation of Works
* 05.11.2013 Presentation of Works of Participants - Lecture
* 12.11.2013 Lecture street art. presentation Sebastian
* 19.11.2013 Lecture
* 26.11.2013 Meeting at 9.00 in 204: Workshopday (Theme: "Sensor")
* 03.12.2013 Meeting at 9.00 in 204: Workshopday (Theme: "Feeback")
* 10.12.2013 Presentation Deniz: Atelier van Lieshout, Michael: Guy Debord
* 17.12.2013 Presentation Adriana: Hana Iverson
* 13.01.2014 Presentation Rubab: Krzysztof Wodiczko(?) or Amor Munoz
* 20.01.2014 Presenation Mohammad????

==Projects==
* [[GMU:Urban_Development_Kit/Kinoki-Pi-Project|Kinoki-Pi-Project]] (Michael Fischer)
* [[GMU:Urban_Development_Kit/The legend of Heimat|The legend of Heimat]] (Wiebke Jahns)
* [[GMU:Urban_Development_Kit/People In Public Spaces|People In the Public Spaces]] (Rubab Paracha)
* [[GMU:Urban_Development_Kit/Organic City|Organic City]] (Laura Jozefini)
* [[GMU:Urban_Development_Kit/Jordan Evolution in Public Squares |Jordan Evolution in Public Squares ]] (Mohammad Jaradat)
* [[GMU:Urban_Development_Kit/Urban Space for Mind]] (Sebastian Kaye)
* [[GMU:Urban_Development_Kit/hidenCity/| HidenCity]] (Adriana Román)

==Literature, Films and related Projects:==

Links:
* [http://estudioteddycruz.com/ Teddy Cruz]
* [http://www.mechanicsofplace.net/ Hana Iverson]
* [http://www.andinc.org/v4/ Mark Shepard]
* [http://www.atelier-latent.de/spaziergangsforschung atelier latent]
* [http://greyworld.org/ greyworld]
* [http://www.ubermatic.org/ Michelle Teran]
* [http://biomapping.net/ Christian Nold Biomapping]
* [http://senseable.mit.edu/ Senseable City Lab]
* [http://www.elasticspace.com/ Timo Arnall]

* Urban Interventions Persona Projects in Public Space ISBN 978-3-89955-291-1
* Paradoxien des Öffentlichen ISBN 978-3940748461
* Megastructures Reloaded ISBN 978-3775722162
* A New Theory of Urban Design ISBN 978-0195037531
* Zur Nachahmung empfohlen!: Expeditionen in Ästhetik und Nachhaltigkeit ISBN 978-3775727723
* Klimakunstforschung ISBN 978-3883962993
* Klimakapseln: Überlebensbedingungen in der Katastrophe ISBN 978-3518126158
* Ökomedien ISBN 978-3775720489
* Aram Bartholl ISBN 978-3-89955-393-2
* Team Compendium: Selfmade Matches - Selbstorganisation Bereich Kunst ISBN 3-927623-55-5
* Sensing Place - Mediatising the Urban Landscape ISBN 978-3-85616-581-9

*[http://www.nand.io/research/cruiser-charisma/ Cruiser Charisma]
*[http://zaphod.mindlab.umd.edu/docSeminar/pdfs/Winner.pdf/ Do artifacts have politics? by Langdon Winner]
*[http://www.mischertraxler.com/projects_the_idea_of_a_tree_recorder_one.html/ 'The idea of a tree - recorder one' by Mischer'Traxler]
*[http://www.julijonasurbonas.lt/p/sounding-doors/ Sounding Doors by Julijonas Urbonas]
*It's not exactly related to the subject, but this kit is nicely made. [http://www.bjornfranke.com/objects/2006_traces_of_an_imaginary_affair.htm/ Traces of an Imaginary Affair by Björn Franke]
* Secret Agent's Handbook: The Top Secret Manual of Wartime Weapons, Gadgets, Disguises and Devices, ISBN-10: 1906251193
*Hertzian Tales: Electronic Products, Aesthetic Experience, and Critical Design, Tony Dunne, ISBN-10: 0262541998
* Playtime, Jacques Tati, 1967

[[Category:WS13]]

IFD:Mobile Apps with HTML5/AdrianaR

2013-11-19T05:36:24Z

AdrianaR:

[http://www.creandoaves.net/web/mobile/01/ HTML5 & CSS 1(a,b)] 
[http://www.creandoaves.net/web/mobile/02/index.html HTML5 & CSS 2(a,b)] 
[http://www.creandoaves.net/web/mobile/03mobile/index.html jQuery Mobile (fail)] 
[http://www.creandoaves.net/web/mobile/03zeit/clock/ Playing with time (a)]

IFD:Mobile Apps with HTML5/AdrianaR

2013-11-19T05:36:06Z

AdrianaR:

[http://www.creandoaves.net/web/mobile/01/ HTML5 & CSS 1(a,b)] 
[http://www.creandoaves.net/web/mobile/02/index.html HTML5 & CSS 2(a,b)] 
[http://www.creandoaves.net/web/mobile/03mobile/index.html jQuery Mobile (fail)]
[http://www.creandoaves.net/web/mobile/03zeit/clock/ Playing with time (a)]

IFD:Mobile Apps with HTML5/AdrianaR

2013-11-19T05:03:48Z

AdrianaR:

IFD:Mobile Apps with HTML5/AdrianaR

2013-11-19T02:33:07Z

AdrianaR:

[http://www.creandoaves.net/web/mobile/01/ HTML5 & CSS 1(a,b)] 
[http://www.creandoaves.net/web/mobile/03zeit/clock/ Playing with time (a)]

IFD:Mobile Apps with HTML5/AdrianaR

2013-11-19T01:39:24Z

AdrianaR: Created page with "[http://www.creandoaves.net/web/mobile/03zeit/clock/ Playing with time (a)]"

[http://www.creandoaves.net/web/mobile/03zeit/clock/ Playing with time (a)]

IFD:Mobile Apps with HTML5

2013-11-19T01:36:10Z

AdrianaR: /* 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]]
* [[/Sebastian R.]]
* [[/Julia]]
* [[/Jano]]
* [[/ElMerino]]
* [[/Apasri]]
* [[/Alex]]
* [[/JohannesL]]
* [[/Saya]]
* [[/S.Boldt]]
* [[/JonasKoehler]]
* [[/belikova]]
* [[/Amr]]
* [[/Livingoutloud]]
* [[/Tobias]]
* [[/sth]]
* [[/AdrianaR]]
'''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]]