Medien Wiki - User contributions [en]

IFD:Kolloq SS15

2015-06-29T08:21:28Z

Yoryeline: /* Syllabus */

[[:Category:Kolloquium|Kolloquium]] <br/>
''Lehrperson:'' [[Jens Geelhaar]], [[Michael Markert]], [[Jason Reizner]], [[Martin Schied]], [[User:Joatan|Joatan Preis Dutra]], [[Johannes Deich]], [[Daniela Tröger]]<br/>
''Bewertung:'' 0 [[ECTS]], ca. 3 [[SWS]]<br/>
''Termin:'' Wednesdays, 11:30 to 13:00 h<br/>
''Ort:'' Marienstraße 7b, Raum 105<br/>

''First Meeting:'' Wednesday, April 29 2014, 11:30 h

==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.

Ein Internetzugang steht über das WiFi Netzwerk "eduroam" zur Verfügung. Falls Sie kein Universitätslogin haben, melden Sie sich bitte rechtzeitig, damit wir einen Gastzugang beantragen können.

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.

To connect to the internet, you can use the "eduroam" WiFi network. If you have no University login, please get in touch, so we can arrange a guest account.

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>Wed, 15.04. no meeting</del>
# <del>Wed, 22.04. no meeting</del>
# Wed, 29.04. Roger Shin (PhD presentation)
# <del>Wed, 06.05. no meeting</del>
# <del>Wed, 13.05. no meeting </del>
# Wed, 20.05. Michael Markert (Phonorama - Doctoral Thesis Progress Presentation)
# Wed, 27.05. Gabriel Rausch (PhD progress presentation)
# Wed, 03.06. Steffi Harnisch (PhD presentation / German)
# <del>Wed, 10.06. no meeting</del>
# Wed, 17.06. Verena Vogler (PhD presentation / Skype)
# <del>Wed, 24.06. no meeting</del> (Eignungsprüfung)
# Wed, 01.07. Emma-Laura Gonzalez (Internship Presentation)
# Wed, 08.07. Laura Jozefini (Master(In Progress)) & Jorgelina Garcia (Master(In Progress))
BITTE MAXIMAL ZWEI VORTRÄGE PRO TERMIN!
ONLY TWO PRESENTATIONS PER DAY PLEASE!

== Siehe auch ==
* [[IFD:Kolloq SS 15]]
* [[IFD:Kolloq WS14]]
* [[IFD:Kolloq SS14]]
* [[IFD:Kolloq WS13]]
* [[IFD:Kolloq SS12]]
* [[IFD:Kolloq WS12]]
* [[IFD:Kolloq SS13]]

==Links==
* tba

IFD:All Hail The Pixels/ResearchPixelProjects

2014-11-07T15:03:49Z

Yoryeline: /* Jorgelina */

== Introduction Presentation ==

* MECHANICAL MIRRORS by Daniel Rozin

* WIND DRIVEN FACADES by Ned Kahn Studios

* 3D DISPLAY CUBE by James Clar

* BLINKENLIGHTS by CCC

* BIX SPOTS by REALITIES:UNITED

* KINETIC SCULPTURES by ART+COM

* BIT.FALL by Julius Popp

* FERROFLUID SCULPTURES by Sachiko Kodama

* HYPERMATRIX by Jonpasang

* CLOUD by Troika

* PIXEL TRACK by Berg

* PAPER PIXELS by Aram Bartholl

* LEGO PIXELS - FELL IN LOVE WITH A GIRL by Michel Gondry

* LUMINOUS SCULPTURE by FELD

== Nielek ==

* SIX-FORTY BY FOUR-EIGHTY (Zigelbaum+Coehlo) [http://fluid.media.mit.edu/projects/six-forty-four-eighty]

* PIXELBOTS (Disney Research) [http://www.disneyresearch.com/project/pixelbots/]

* FLYFIRE (MIT Senseable City Lab) [http://senseable.mit.edu/flyfire/]

* SPAXELS (Ars Electronica Future Lab) [http://www.aec.at/aeblog/en/2013/12/17/lichtmalereien-mit-spaxels/]

== Jorgelina ==

* PLAY THE HOUSE by Håkan Lidbo [http://playthehouse.com/]

IFD:All Hail The Pixels/Patterns

2014-11-07T11:16:32Z

Yoryeline: /* Jorgelina Garcia */

==ASSIGNMENT 1==

''' '' "Create three different patterns on paper and formulate these in code with properties using processing" '' '''

Please paste your images and processing sketches below:

=== Rubab Paracha ===

* Pattern A

//pattern of sqaures overlapping each other. i tried to use colour and opacity to experiment how layers work in processsing

void setup() {
size(600, 600);
smooth();

}

void draw()
{
background(0,102,102);

stroke (255);
strokeWeight (1.5);

noFill();
rect (30,200, 100,100);

fill (150);
rect (100,220, 100,100);

fill (80, 100);
rect (170,240, 100,100);

fill (255,237, 188);
rect (240,260, 100, 100);

fill (167, 82, 101, 150);
rect (310,280, 100, 100);

fill (254, 190, 126);
rect (380,300, 100,100);

fill (254, 190, 126, 120);
rect (450,320, 100,100);

}

* Pattern B

void setup() {

size(900, 600);

background(216,124,124);

}

void draw() {

variableRect(mouseX, mouseY, pmouseX, pmouseY);

}

//abs() calculates the absolute value (magnitude) of a number. The absolute value of a number is always positive

// and draws a small rectangle if the mouse is moving slowly

// and draws a large rectangle if the mouse is moving quickly

// random(255) calls the random colours from 0-255 for the different squares

//working with opacity to show layering

void variableRect(int x, int y, int px, int py) {

float speed = abs(x-px) + abs(y-py);

stroke(0);

fill(random(255),random(255),random(255), 190);

rect(x, y, speed, speed);

}

=== Fernando Millán ===

* Pattern A
Simple pattern in which depending on the position of the Mouse in the Y axis, the pattern starts to get "erased" from the middle.

void setup () {
size (1000,1000);
}

void draw () {
background (209);
noStroke ();
fill (155,0,0);

//pushMatrix();
Squares();
//popMatrix();

float ValueX = mouseX;
float ValueY = mouseY;

pushMatrix();
translate(500,500);

rectMode(CENTER);

fill (209);
noStroke ();
rect(0,0,ValueY,ValueY);

rectMode(CORNER);
popMatrix();

}

void Squares(){
rect (400,0,200,100);

rect (300,100,100,100);
rect (600,100,100,100);

rect (200,200,100,100);
rect (400,200,200,100);
rect (700,200,100,100);

rect (100,300,100,100);
rect (300,300,100,100);
rect (600,300,100,100);
rect (800,300,100,100);

rect (000,400,100,200); //both lines at the same time
rect (200,400,100,200);
rect (400,400,200,200);
rect (700,400,100,200);
rect (900,400,100,200);

rect (100,600,100,100);
rect (300,600,100,100);
rect (600,600,100,100);
rect (800,600,100,100);

rect (200,700,100,100);
rect (400,700,200,100);
rect (700,700,100,100);

rect (300,800,100,100);
rect (600,800,100,100);

rect (400,900,200,100);
}

* Pattern B
Simple checkerboard pattern in which if clicked, the colors get inverted.

void setup() {
size(600, 600);
noSmooth();
fill(255,0,0);
background(102);
}

void draw() { //Setting the colors for pattern A
if (mousePressed) {
stroke(255,0,0);
fill(255,0,0);
} else {
stroke(0);
fill(0);
}
//Starting to draw the checkerboard A
RowOdd();

pushMatrix();
translate(0, 50);
RowEven();
popMatrix();

pushMatrix();
translate(0, 100);
RowOdd();
popMatrix();

pushMatrix();
translate(0, 150);
RowEven();
popMatrix();

pushMatrix();
translate(0, 200);
RowOdd();
popMatrix();

pushMatrix();
translate(0, 250);
RowEven();
popMatrix();

pushMatrix();
translate(0, 300);
RowOdd();
popMatrix();

pushMatrix();
translate(0, 350);
RowEven();
popMatrix();

pushMatrix();
translate(0, 400);
RowOdd();
popMatrix();

pushMatrix();
translate(0, 450);
RowEven();
popMatrix();

pushMatrix();
translate(0, 500);
RowOdd();
popMatrix();

pushMatrix();
translate(0, 550);
RowEven();
popMatrix();

if (mousePressed) {
stroke(0);
fill(0);
} else {
stroke(255,0,0);
fill(255,0,0);
}
//Starting to draw the checkerboard B
RowEven();

pushMatrix();
translate(0, 50);
RowOdd();
popMatrix();

pushMatrix();
translate(0, 100);
RowEven();
popMatrix();

pushMatrix();
translate(0, 150);
RowOdd();
popMatrix();

pushMatrix();
translate(0, 200);
RowEven();
popMatrix();

pushMatrix();
translate(0, 250);
RowOdd();
popMatrix();

pushMatrix();
translate(0, 300);
RowEven();
popMatrix();

pushMatrix();
translate(0, 350);
RowOdd();
popMatrix();

pushMatrix();
translate(0, 400);
RowEven();
popMatrix();

pushMatrix();
translate(0, 450);
RowOdd();
popMatrix();

pushMatrix();
translate(0, 500);
RowEven();
popMatrix();

pushMatrix();
translate(0, 550);
RowOdd();
popMatrix();
}

void RowOdd(){
rect(0,0,50,50);
rect(100,0,50,50);
rect(200,0,50,50);
rect(300,0,50,50);
rect(400,0,50,50);
rect(500,0,50,50);
}

void RowEven(){
rect(50,0,50,50);
rect(150,0,50,50);
rect(250,0,50,50);
rect(350,0,50,50);
rect(450,0,50,50);
rect(550,0,50,50);
}

* Pattern C
In this pattern I wanted to draw the same checkerboard pattern but this time, all the squares would rotate on their own axis to reveal the one behind it (with a different color). So far I have not been able to do so, as the squares insist on all rotating from the same point. I'm uploading this while I try to figure it out, if someone else has an idea feel free to post it here.

<post ideas here>
<post ideas here>

void setup () {
size (500,500);
}
void draw () {
background (209);
rectMode(CENTER);
float Mouse = mouseX;

pushMatrix();
translate(50,50);
rotate(radians(mouseX));
Ele1();
popMatrix();

pushMatrix();
translate(50,50);
//rotate(mouseX);
Ele2();
popMatrix();
}
void Ele1(){
pushMatrix();
rect(0,0,100,100);
popMatrix();
}

void Ele2(){
pushMatrix();
rect(200,0,100,100);
popMatrix();
}

void Ele3(){
// pushMatrix();
// rotate(radians(mouseX));
rect(400,0,100,100);
// popMatrix();
}

== Xianzhi Zhang ==

=== Andre Faupel ===

i wanted to create some simple algorithmic pixeldancing reminiscent of audiovisual performances.
click anywhere and adjust the refreshrate with UP/DOWN

http://pastebin.com/91y8jZ53

=== Jorgelina Garcia ===

GRID I

[[Image:grid1_yor.JPG‎ ]]

void setup(){

size(600,600);
background(255);
}

void draw(){

for(int y=10; y<590; y= y+5){
for( int x=10; x<590; x= x+5){
line(x, 0, x, height );
line(0, y, width, y);
}

}
}

GRID II

[[Image:grid2_yor.JPG‎ ]]

void setup(){

size(600,600);
background(255);
}

void draw(){

for(int y=0; y<height; y= y+20){
for( int x=0; x< width; x= x+20){

stroke(0);
line(x, 0, x, height );
line(0, y, width, y);
}

}
for(int i=0; i<height; i= i+50){
for(int s=0; s<width; s= s+50){
noFill();

//stroke(random(255), random(255), random(255));
stroke(0,200,200);
rectMode(CENTER);
rect(i,s,100,100);

}
}
}

GRID III

[[Image:grid3_yor.JPG‎ ]]

void setup(){

size(600,600);
background(255);
}

void draw(){

for ( int w = width; w > 0 ; w-=10) {
stroke(200,200,2);
noFill();
rectMode(CENTER);
rect(width/2,height/2,w,w);

}

}

File:Grid3 yor.JPG

2014-11-07T10:56:50Z

Yoryeline:

== Summary ==

== Copyright status: ==

== Source: ==

File:Grid2 yor.JPG

2014-11-07T10:54:46Z

Yoryeline:

== Summary ==

== Copyright status: ==

== Licensing ==
{{self|c}}
== Source: ==

File:Grid1 yor.JPG

2014-11-07T10:50:59Z

Yoryeline:

== Summary ==

== Copyright status: ==

== Licensing ==
{{self|c}}
== Source: ==

IFD:ShowreelSS14/CRIMAER Inc - CRIMAER Board Game

2014-07-11T11:27:36Z

Yoryeline: /* Projekt Interface Design 4 - "fingies" */

==CRIMAER BOARD GAME==
===Alexander Vogt, Jorgelina Garcia, Laura Jozefini===
====Projekt Interface Design 4 - "fingies"====
[[File:PRESI_CRIMAER.jpg]]
[[File:PRESI_CRIMAER2.jpg]]
[[File:PRESI_CRIMAER3.jpg]]
[[File:PRESI_CRIMAER4.jpg]]
[[File:PRESI_CRIMAER5.jpg]]
[[File:PRESI_CRIMAER6.jpg]]
[[File:PRESI_CRIMAER7.jpg]]
[[File:PRESI_CRIMAER8.jpg]]
[[File:PRESI_CRIMAER9.jpg]]
[[File:PRESI_CRIMAER10.jpg]]

IFD:ShowreelSS14/CRIMAER Inc - CRIMAER Board Game

2014-07-11T11:26:31Z

Yoryeline: /* Projekt Interface Design 4 - "fingies" */

File:PRESI CRIMAER10.jpg

2014-07-11T11:24:18Z

Yoryeline:

== Summary ==

== Copyright status: ==

== Source: ==

File:PRESI CRIMAER9.jpg

2014-07-11T11:23:59Z

Yoryeline:

== Summary ==

== Copyright status: ==

== Source: ==

File:PRESI CRIMAER8.jpg

2014-07-11T11:23:43Z

Yoryeline:

== Summary ==

== Copyright status: ==

== Source: ==

File:PRESI CRIMAER7.jpg

2014-07-11T11:23:23Z

Yoryeline:

== Summary ==

== Copyright status: ==

== Source: ==

File:PRESI CRIMAER6.jpg

2014-07-11T11:23:06Z

Yoryeline:

== Summary ==

== Copyright status: ==

== Source: ==

File:PRESI CRIMAER5.jpg

2014-07-11T11:22:45Z

Yoryeline:

== Summary ==

== Copyright status: ==

== Source: ==

File:PRESI CRIMAER4.jpg

2014-07-11T11:22:23Z

Yoryeline:

== Summary ==

== Copyright status: ==

== Source: ==

File:PRESI CRIMAER3.jpg

2014-07-11T11:21:57Z

Yoryeline:

== Summary ==

== Copyright status: ==

== Source: ==

File:PRESI CRIMAER2.jpg

2014-07-11T11:21:35Z

Yoryeline:

== Summary ==

== Copyright status: ==

== Source: ==

File:PRESI CRIMAER.jpg

2014-07-11T11:21:01Z

Yoryeline:

== Summary ==

== Copyright status: ==

== Source: ==

IFD:ShowreelSS14/CRIMAER Inc - CRIMAER Board Game

2014-07-11T11:15:44Z

Yoryeline: /* Projekt Interface Design 4 - "fingies" */

==CRIMAER BOARD GAME==
===Alexander Vogt, Jorgelina Garcia, Laura Jozefini===
====Projekt Interface Design 4 - "fingies"====
[[File:PRESI_CRIMAER.pdf]]

File:PRESI CRIMAER.pdf

2014-07-11T11:12:16Z

Yoryeline:

== Summary ==

== Copyright status: ==

== Source: ==

IFD:Mobile Apps with HTML5/YorGarcia

2013-11-25T22:39:53Z

Yoryeline: /* Assignment III */

== '''Assignment I'''==

[http://dasschmott.de/stuff/HausAufgabe-1/HTML5-1/index.html Leachim Roy]

[http://dasschmott.de/stuff/HausAufgabe-1/HTML5-2/index.html Me Dog Nonsense]

== '''Assignment II'''==

[http://dasschmott.de/stuff/Zeit:YorGarcia/index.html Zeit.js_probe]

== '''Assignment III'''==

[http://dasschmott.de/stuff/JavaScript_Dictionary/index.html Basics Dictionary]

IFD:Mobile Apps with HTML5/YorGarcia

2013-11-25T22:38:58Z

Yoryeline:

IFD:Mobile Apps with HTML5/YorGarcia

2013-11-18T23:17:02Z

Yoryeline: /* Assignment I */

== '''Assignment I'''==

[http://dasschmott.de/stuff/HausAufgabe-1/HTML5-1/index.html Leachim Roy]

[http://dasschmott.de/stuff/HausAufgabe-1/HTML5-2/index.html Me Dog Nonsense]

== '''Assignment II'''==
[http://dasschmott.de/stuff/Zeit:YorGarcia/index.html Zeit.js_probe]

IFD:Mobile Media and Urban Spaces WS13/presentations

2013-11-17T16:34:49Z

Yoryeline: /* 21.11.2013 */

== 1st Assignment - Existing Mobile App ==

=== 21.11.2013 ===

{|border=1 align=center cellpadding=4 style="text-align:center; border-collapse: collapse; font-size: 100%; margin-left: 50px;"
!bgcolor=#f9f9f9 colspan="4" align=center | List of Presentations
|-
!bgcolor=#f9f9f9| Student !!bgcolor=#f9f9f9| App Name !!bgcolor=#f9f9f9| URL !!bgcolor=#f9f9f9| PDF
|-
| 1.Andrés Arteaga
| Gedenkstätte Buchenwald
| https://itunes.apple.com/de/app/gedenkstatte-buchenwald-ger/id591973901?mt=8
| (PDF Presentation File)
|-
| 2.Mihail Mihaylov
| World Heritage in Germany
| https://play.google.com/store/apps/details?id=com.qizhi.worldheritagege
| (PDF Presentation File)
|-
| 3.Evangelos Konstantinidis
| Cologne Cathedral
|https://play.google.com/store/apps/details?id=de.colognedigital.dom15_e&hl=en
| (PDF Presentation File)
|-
| 4.Jorgelina Garcia
| Pausanio - Kunst und Kultur mobil
| https://itunes.apple.com/de/app/pausanio-kunst-und-kultur/id431589151?mt=8
| (PDF Presentation File)
|-
| 5.Joachim Takoutsing
| World Heritage sites in Germany
| https://play.google.com/store/apps/details?id=com.qizhi.worldheritagege&hl=en
| (PDF Presentation File)
|-
| 6.Mohammad Jaradat
| Köln Guide
| https://play.google.com/store/apps/details?id=com.tourias.android.guide.koeln&hl=en
| (PDF Presentation File)
|-
| 7.(Your Name)
| (Your App Choice)
| (App's URL)
| (PDF Presentation File)
|-
| 8.(Your Name)
| (Your App Choice)
| (App's URL)
| (PDF Presentation File)

|}
<br/>

=== 28.11.2013 ===

{|border=1 align=center cellpadding=4 style="text-align:center; border-collapse: collapse; font-size: 100%; margin-left: 50px;"
!bgcolor=#f9f9f9 colspan="4" align=center | List of Presentations
|-
!bgcolor=#f9f9f9| Student !!bgcolor=#f9f9f9| App Name !!bgcolor=#f9f9f9| URL !!bgcolor=#f9f9f9| PDF
|-
| 9. A. Hamid Sabri
| GuideWithMe Germany
| https://play.google.com/store/apps/details?id=com.guidewithme.germany&hl=en
| (PDF Presentation File)
|-
| 10.Umair Jabbar
| Zwiebelmarkt Weimar
| https://play.google.com/store/apps/details?id=com.apphoria.zwiebelmarkt&hl=en
| (PDF Presentation File)
|-
| 11.Xianzhi Zhang
| Fotopedia Heritage
| https://itunes.apple.com/de/app/fotopedia-heritage/id383327395
| (PDF Presentation File)
|-
| 12.Ting Shen
| Impulsregion
| https://itunes.apple.com/cn/app/impulsregion/id606181319?mt=8
| (PDF Presentation File)
|-
| 13.Cui Zhu
| tripwolf
| https://itunes.apple.com/cn/app/tripwolf-travel-guide-offline/id318062323?mt=8
| (PDF Presentation File)
|-
| 14.Emre Ertem
| Weimar Offline Travel Guide
| https://itunes.apple.com/tr/app/weimar-offline-travel-guide/id662004098?...
| (PDF Presentation File)
|-
| 15.Lulin Wang
| Germany Travel Guide by Triposo
| https://itunes.apple.com/cn/app/germany-travel-guide-by-triposo/id447756805?mt=8
| (PDF Presentation File)
|-
| 16.Asma Naz
| My UNESCO World Heritage Sites
| https://play.google.com/store/apps/details?id=whc.synnwang.com&hl=en
| (PDF Presentation File)

|}
<br/>

IFD:Mobile Media and Urban Spaces WS13/presentations

2013-11-14T12:29:55Z

Yoryeline: /* 21.11.2013 */

== 1st Assignment - Existing Mobile App ==

=== 21.11.2013 ===

{|border=1 align=center cellpadding=4 style="text-align:center; border-collapse: collapse; font-size: 100%; margin-left: 50px;"
!bgcolor=#f9f9f9 colspan="4" align=center | List of Presentations
|-
!bgcolor=#f9f9f9| Student !!bgcolor=#f9f9f9| App Name !!bgcolor=#f9f9f9| URL !!bgcolor=#f9f9f9| PDF
|-
| 1.Andrés Arteaga
| Gedenkstätte Buchenwald
| https://itunes.apple.com/de/app/gedenkstatte-buchenwald-ger/id591973901?mt=8
| (PDF Presentation File)
|-
| 2.Mihail Mihaylov
| World Heritage in Germany
| https://play.google.com/store/apps/details?id=com.qizhi.worldheritagege
| (PDF Presentation File)
|-
| 3.Evangelos Konstantinidis
| Handy Stadtplandienst Weimar
|http://android.pdassi.de/product.php?pf=android&prod_id=122907&xsearch=Stadtplandienst+Weimar
| (PDF Presentation File)
|-
| 4.Jorgelina Garcia
| Berlin Wall Video Guide
| https://itunes.apple.com/de/app/berlin-wall/id593874849?mt=8
| (PDF Presentation File)
|-
| 5.(Your Name)
| (Your App Choice)
| (App's URL)
| (PDF Presentation File)
|-
| 6.(Your Name)
| (Your App Choice)
| (App's URL)
| (PDF Presentation File)
|-
| 7.(Your Name)
| (Your App Choice)
| (App's URL)
| (PDF Presentation File)
|}
<br/>

=== 28.11.2013 ===

{|border=1 align=center cellpadding=4 style="text-align:center; border-collapse: collapse; font-size: 100%; margin-left: 50px;"
!bgcolor=#f9f9f9 colspan="4" align=center | List of Presentations
|-
!bgcolor=#f9f9f9| Student !!bgcolor=#f9f9f9| App Name !!bgcolor=#f9f9f9| URL !!bgcolor=#f9f9f9| PDF
|-
| 8. A. Hamid Sabri
| GuideWithMe Germany
| https://play.google.com/store/apps/details?id=com.guidewithme.germany&hl=en
| (PDF Presentation File)
|-
| 9.Umair Jabbar
| Zwiebelmarkt Weimar
| https://play.google.com/store/apps/details?id=com.apphoria.zwiebelmarkt&hl=en
| (PDF Presentation File)
|-
| 10.Xianzhi Zhang
| Fotopedia Heritage
| https://itunes.apple.com/de/app/fotopedia-heritage/id383327395
| (PDF Presentation File)
|-
| 11.Ting Shen
| Impulsregion
| https://itunes.apple.com/cn/app/impulsregion/id606181319?mt=8
| (PDF Presentation File)
|-
| 12.Cui Zhu
| tripwolf
| https://itunes.apple.com/cn/app/tripwolf-travel-guide-offline/id318062323?mt=8
| (PDF Presentation File)
|-
| 13.Emre Ertem
| Weimar Offline Travel Guide
| https://itunes.apple.com/tr/app/weimar-offline-travel-guide/id662004098?...
| (PDF Presentation File)
|-
| 14.Lulin Wang
| Germany Travel Guide by Triposo
| https://itunes.apple.com/cn/app/germany-travel-guide-by-triposo/id447756805?mt=8
| (PDF Presentation File)
|}
<br/>

IFD:Mobile Apps with HTML5/YorGarcia

2013-11-05T22:25:41Z

Yoryeline: Created page with "== '''Assignment I'''== [http://dasschmott.de/stuff/HausAufgabe-1/HTML5-1/index.html Leachim Roy] [http://dasschmott.de/stuff/HausAufgabe-1/HTML5-2/index.html Me Dog Nonsense]"

== '''Assignment I'''==

[http://dasschmott.de/stuff/HausAufgabe-1/HTML5-1/index.html Leachim Roy]

[http://dasschmott.de/stuff/HausAufgabe-1/HTML5-2/index.html Me Dog Nonsense]

IFD:Mobile Apps with HTML5

2013-11-05T22:19:42Z

Yoryeline: /* Student Projects */

[[Image:ProcodingMobile.png|right|400px]]
[[:Category:Werkmodul|Werkmodul]] | [[: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, 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]]

'''Btw:'''<br/>
[[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:Istanbul/EHH? the game

2013-09-12T15:11:07Z

Yoryeline:

==EHH? THE GAME==
The concept of my project is based on knowing the unknown. Ever since I moved to Germany I have been dealing with new cultures, people, languages and so on. The experience of being in a place where not only the language but also the way the people move, react, eat, dance, express is different was and is still a big challenge to me.

Being surrounded by different cultures and languages gave me the inspiration to develop the idea of this project. Istanbul to me was also unknown, so I took the challenge again, to try to understand their culture, dealing with a new language, people, and so on.

This time I thought of sharing my experience. I wanted the people who are in a known environment and culture to feel and interact with the unknown. This is how the idea of developing a "language" game came up.

'''Why Ehh?'''

Eh is a spoken interjection in many languages such as English, Armenian, Hokkien Chinese, Japanese, French, Italian, Greek, Hebrew, Spanish, Persian, Portuguese, and Catalan and many others that is similar in meaning to "Excuse me," "Please repeat that" or "huh?". Even if you do not know any of these languages you can still understand the meaning of Eh?. This is the concept of the game, even if you can not speak some languages you can still recognize them either with sounds, movements or cultural characteristics.

There is a story behind every video of the game. People from many countries of the world made a 10 seconds video where the only task was to say and express whatever they wanted to in their own language.

Ehh? the Game was ready to go to Istanbul and be played for the first time by unknown people in their own known places.

==ISTANBUL==
Before going to Istanbul I had a few clichés in mind that I wanted to figure out. Some of them were that turkish are very conservative people, not very open-minded, very nationalist and so on.

So my first challenge was to display a game in the city through the relatively new QR code technology.

===Step 1 Displaying the game===
I chose the neighborhood of Beyoğlu to display the game. This area is well-known for its young 24/7 life. How? The game was linked to a QR code sticker. People were supposed to scan the code with their smartphones and immediatly start playing the game. The whole neighborhood of Beyoğlu was spammed with the codes and the people were starting to get very curious about them.

===Step 2 Getting feedback===
After a week that the "QR codes ehh-Spam" was on the streets, I started to get involved with the people who were scanning and playing on the street. I asked for they opinions and whether they would like to be part of the game.
They were all very open with me even if they did not know me. Almost all of them loved the game and wanted to keep on playing. The interesting thing came when I asked them to be part of the game, with their own language. To my surprise many of them, even if they were born in Turkey, wanted to do it in another language such as Armenian, Greek, even Kurdish. And this is how the second part of the game came up.

===Step 3 Languages behind Languages===
Something I found very interesting during my stay in Istanbul, is how diverse and full of stories a city can be. While I was getting the feedback of the game, some interesting stories came up. Immigration, territorial, political and social stories from which I got very excited and inspired to develop the second part of the game.
Languages behind Languages is based on the many diversities in one city. Even if turkish is the main language in Turkey, there are many other either languages or dialects hidden in the whole country. So this time, the people in the game are speaking in their own languages, the one from which their families emigrated from.

==SUMMARY 2012==
For the Summary Exposition I displayed the game throw the QR codes. To better understand the project I made three other codes linked to different videos which explained the story behind the game. Finally the fourth code was the game.

[[Image:Summary3.jpg|200px|thumb]]

[[Image:Summary1.jpg|200px|thumb]]

[[Image:Summary2.jpg|200px|thumb]]

'''Code I'''

<videoflash type=vimeo>45564822|500|280</videoflash>

'''Code II'''

<videoflash type=vimeo>49672139|500|280</videoflash>

'''Code III'''

<videoflash type=vimeo>49874882|500|280</videoflash>

==KNOWING THE UNKNOWN==
The challenge that I took of going to Istanbul and braking the myths and clichés that I had before being there and interacting with the people was 100% positive. Istanbul is a wonderful city, with a very open-minded youth willing to change the social, political, conservative barriers that they have.

The game is still running, the people are still playing thanks to the feedback on Facebook (http://www.facebook.com/Ehhthegame). The number of visitors is still increasing having the most numbers of visitors in Turkey.

<videoflash type=vimeo>50883720|500|280</videoflash>

==THE GAME==

http://webuser.uni-weimar.de/~jama0190/

*Running better with Chrome or Safari.

IFD:ShowreelSS13/Jorgelina Garcia - Printed e-Book

2013-07-12T14:42:07Z

Yoryeline:

[[File:PE JorgelinaG01.jpg]]
[[File:PE JorgelinaG02.jpg]]
[[File:PE JorgelinaG03.jpg]]
[[File:PE JorgelinaG04.jpg]]
[[File:JorgelinaGarcia PRESENTATION5.jpg]]
[[File:PE JorgelinaG06.jpg]]
[[File:PE JorgelinaG07.jpg]]
[[File:PE JorgelinaG08.jpg]]
[[File:PE JorgelinaG09.jpg]]
[[File:PE JorgelinaG10.jpg]]

File:PE long.jpg

2013-07-12T08:36:01Z

Yoryeline: uploaded a new version of "File:PE long.jpg"

== Summary ==

== Copyright status: ==

== Licensing ==
{{self|c}}
== Source: ==

IFD:ShowreelSS13/Jorgelina Garcia - Printed e-Book

2013-07-12T01:42:28Z

Yoryeline: Created page with "File:PE_long.jpg"

[[File:PE_long.jpg]]

File:PE long.jpg

2013-07-12T01:39:43Z

Yoryeline:

== Summary ==

== Copyright status: ==

== Licensing ==
{{self|c}}
== Source: ==

IFD:ShowreelSS13

2013-07-12T01:19:10Z

Yoryeline:

[[File:Showreel_ss13_banner_20130618.png]]

<h3 style="color:#E6007E;">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_ss2013/ Test Your Presentation]

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

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

'''12. Juli 2013'''<br>
'''ab 15:30 Uhr'''<br>
'''Belvederer Allee 5, Raum 007 '''<br>

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

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

* Werkmodul 'Einführung in die be-greifbare Programmierung II'
** [[/Einführung in die be-greifbare Programmierung II - Introduction/]]
** [[/Student/]]
** [[/Student/]]

* Werkmodul 'Human Centered Design Research'
** [[/Human Centered Design Research - Introduction/]]
** [[/HCDR2_Gruppe1/]]
** [[/HCDR2_Gruppe2/]]
** [[/HCDR2_Gruppe3/]]

* Werkmodul 'Web Basics II'
** [[/Web Basics II - Introduction/]]
** [[/MartinMelcher/]]
** [[/DanielWinterberg/]]
** [[/Student/]]

* Fachmodul 'Collaborative Mobile Media'
** [[/Collaborative Mobile Media - Introduction/]]
** [[/Student/]]
** [[/Student/]]

* Werkmodul/Fachmodul 'Eclectic_Electric!!'
** [[/Eclectic_Electric!! - Introduction/]]
** [[/Zhong Pu/]]
** [[/Student/]]

* Werkmodul/Fachmodul 'Generative Bauhaus II'
** [[/Generative Bauhaus II - Introduction/]]
** [[/Student/]]
** [[/Student/]]

* Werkmodul/Fachmodul 'iOS Dev I'
** [[/iOS Dev I - Introduction/]]
** [[/Florian/]]
** [[/Lu/]]
** [[/Rickie Lea/]]
** [[/Sebastian/]]
** [[/Matthias/]]

* Fachmodul 'Tangible Programming - An Introduction II'
** [[/Tangible Programming - An Introduction II - Introduction/]]
** [[/Student/]]
** [[/Student/]]

* Werkmodul/Fachmodul 'Web Advanced II'
** [[/Web Advanced II - Introduction/]]
** [[/Student/]]
** [[/Student/]]
** [[/Alexander Vogt - Ich habe noch nie.../]]

'''17:00 Block "Projekte und Praktika"'''

* Praktika + Freie Projekte
** [[/Tobias Westphal/]]
** [[/Matias Garcia/]]
** [[/Jan Dittrich/]]
** [[/Daniel Ofosu/]]
** [[/Stepan Boldt/]]
** [[/Diana Cano/]]

* Projekt 'Interface Design 2 / Interaktion mit mobilen Medien: „Interaction Design Basics“'
** [[/Lisa Fickenscher/]]
** [[/Monika Schwarz - Rauchzeichen/]]
** [[/Ditmar Funk/]]
** [[/Martin Melcher/]]
** [[/Klemens Schmiady/]]
** [[/Adrian Engelhardt/]]
** [[/Daniel Winterberg/]]

* Projekt 'Interface Design 4 / Interaction and Experimental Interfaces “From Objects to Space: Printed Electronics & Light”'
** [[/Lingling Li/]]
** [[/Laura Jozefini/]]
** [[/Moritz Dreßler + Alexander Vogt - Integrated Printed Electronics in Wallpapers/]]
** [[/Florian Wittig/]]
** [[/Jorgelina Garcia - Printed e-Book/]]
** [[/Somayeh Jamalifard/]]
** [[/Julia Gaßmann/]]
** [[/Alla Grishko - The Swareplay: Light Orchestra/]]
** [[/Mariam Giguashvili/]]
** [[/Georgia Voradaki/]]
** [[/Guanling Yuan + Hsinyu Chuang + Chen Liang/]]

'''Schlusswort'''

IFD:ShowreelSS13/Jorgelina Garcia

2013-07-11T22:42:36Z

Yoryeline:

[[File:PE_JorgelinaG01.jpg]]
[[File:PE_JorgelinaG02.jpg]]
[[File:PE_JorgelinaG03.jpg]]
[[File:PE_JorgelinaG04.jpg]]
[[File:JorgelinaGarcia_PRESENTATION5.jpg]]
[[File:PE_JorgelinaG06.jpg]]
[[File:PE_JorgelinaG07.jpg]]
[[File:PE_JorgelinaG08.jpg]]
[[File:PE_JorgelinaG09.jpg]]
[[File:PE_JorgelinaG10.jpg]]

IFD:ShowreelSS13/Jorgelina Garcia

2013-07-11T22:33:39Z

Yoryeline:

[[File:PE_JorgelinaG01.jpg]]
[[File:PE_JorgelinaG02.jpg]]
[[File:PE_JorgelinaG03.jpg]]
[[File:PE_JorgelinaG04.jpg]]
[[JorgelinaGarcia_PRESENTATION5.jpg]]
[[File:PE_JorgelinaG06.jpg]]
[[File:PE_JorgelinaG07.jpg]]
[[File:PE_JorgelinaG08.jpg]]
[[File:PE_JorgelinaG09.jpg]]
[[File:PE_JorgelinaG10.jpg]]

File:PE JorgelinaG10.jpg

2013-07-11T22:28:45Z

Yoryeline:

== Summary ==

== Copyright status: ==

== Licensing ==
{{self|c}}
== Source: ==

File:PE JorgelinaG09.jpg

2013-07-11T22:28:05Z

Yoryeline:

== Summary ==

== Copyright status: ==

== Licensing ==
{{self|c}}
== Source: ==

File:PE JorgelinaG08.jpg

2013-07-11T22:27:27Z

Yoryeline:

== Summary ==

== Copyright status: ==

== Licensing ==
{{self|c}}
== Source: ==

File:PE JorgelinaG07.jpg

2013-07-11T22:26:49Z

Yoryeline:

== Summary ==

== Copyright status: ==

== Licensing ==
{{self|c}}
== Source: ==

File:PE JorgelinaG06.jpg

2013-07-11T22:25:08Z

Yoryeline:

== Summary ==

== Copyright status: ==

== Licensing ==
{{self|c}}
== Source: ==

File:JorgelinaGarcia PRESENTATION5.jpg

2013-07-11T22:24:15Z

Yoryeline:

== Summary ==

== Copyright status: ==

== Licensing ==
{{self|c}}
== Source: ==

File:PE JorgelinaG04.jpg

2013-07-11T22:23:24Z

Yoryeline:

== Summary ==

== Copyright status: ==

== Licensing ==
{{self|c}}
== Source: ==

File:PE JorgelinaG03.jpg

2013-07-11T22:22:38Z

Yoryeline:

== Summary ==

== Copyright status: ==

== Licensing ==
{{self|c}}
== Source: ==

File:PE JorgelinaG02.jpg

2013-07-11T22:22:03Z

Yoryeline:

== Summary ==

== Copyright status: ==

== Licensing ==
{{self|c}}
== Source: ==

File:PE JorgelinaG01.jpg

2013-07-11T22:21:01Z

Yoryeline:

== Summary ==

== Copyright status: ==

== Licensing ==
{{self|c}}
== Source: ==

IFD:ShowreelSS13/Jorgelina Garcia

2013-07-11T22:17:25Z

Yoryeline: Created page with "File:PrintedElectronicsJorgelina.pdf"

[[File:PrintedElectronicsJorgelina.pdf]]

File:PrintedElectronicsJorgelina.pdf

2013-07-11T22:12:56Z

Yoryeline:

== Summary ==

== Copyright status: ==

== Licensing ==
{{self|c}}
== Source: ==

GMU:Provokative Architektur/Jorgelina Garcia (e) Solitude

2013-07-09T08:08:26Z

Yoryeline:

== (e) Solitude ==
''by Vanessa Murillo, Stephanie Massarelli, Jorgelina Garcia.''

Since the Internet appeared, the ways of communication changed,
and this affected people’s lifestyles.

Technology has become the architect of our intimacies; we live exclusively in relation to others and what disappears from our lives is solitude. Technology is taking away our privacy and our concentration and it is also taking away our capacity for being alone. This project is an experiment to try and go back to ourselves, to look inside and find our little space of solitude.

After a long investigation into the subject, we observed that many opinions and experiences about it were different, but based on the same things. That is why we decided to make our first approach the building of what we called “The Solitude Box”. We wanted to create a physical space of solitude. We created a room as an environment in order to collect peoples thoughts by giving them the chance of being isolated and, if they wished, to give an answer to the question: ''Was denkst du wenn du allein bist?'' (''What do you think when you are alone?'')

The installation took place in the Mensa, the student’s restaurant in the Bauhaus-Universität Weimar. The place was not randomly picked. We didn’t want to have the box in an isolated space, but in a place where people go as part of their everyday routine, and suddenly they find a strange, big, black box that invites them to go in, but with one condition; that they do it ALONE. It was an invitation to isolate themselves during the course of their everyday routine, even if the noise was still out there.

This social experiment was a big challenge for us. During the installation, we were observing people’s reactions; some of them just passed by, without even noticing the big black structure. Some others were just curious, they took a look from outside and kept on walking. An interesting behavior that we observed was that many persons that were going inside the box, were not respecting the rules that clearly said GO INSIDE ALONE, and instead they were going in as a group, as if they were afraid to be alone in there. Kids where also very curious about the box, and somehow played with it, they used the structure as part of the scenarios in their imaginative worlds while playing. There were also people that understood what was happening. They respected the rules of the box, took their time and wrote.

[[File:CajaBN.jpg|315px]] [[File:Wasdenkstdu.jpg|300px]]

[[File:Paperbox6.jpg‎ |155px]] [[File:Void1.jpg‎ |155px]]
[[File:Whatdoido.jpg‎ |155px]] [[File:Angst01.jpg |155px]]

[[File:Paperbox1.jpg‎ |155px]] [[File:Freiheit01.jpg‎ |155px]]
[[File:Cabezamono.jpg‎ |155px]] [[File:Allesaufeinmal.jpg‎ |155px]]

February - April 2013

== The (e) Solitude Sound Story ==
''by Jorgelina Garcia''

We collected 56 different thoughts from the "Solitude Box". Almost all of them different, but at the same time connected: deep, naive, superficial, negative, positive. I personally found them very interesting, and could find many different analysis also by comparing them with my own concept, experience and vision of solitude.

My work is based on what happened inside the box, but adapted to my own interpretation of this new concept of solitude. It is a fictional representation of my own head, my inner voice, my inner sound. An expression of what I think is happening with our private space, our freedom and individuality. A statement of how our imagination, our sometimes nonsense thoughts that used to take us to great ideas, are starting to vanish because of the huge increase of ways and “needs” of communication and socialization. It is about a new generation that might be getting enriched by the technological opportunities of this new era, but that is clearly losing the sense of individuality and the importance of being by oneself.

<flashmp3 id="SolitudeSTORY.mp3">SolitudeSTORY.mp3|parameter=value|...</flashmp3>

What you can hear is a short sound story inspired by the results of the box and my analysis of it.

== Documentation ==

For the complete Documentation and explanation of the work please read the following PDF.

[[Media:Esolitudebook.pdf]]

== Final Presentation ==

18th July 2013

LADEN, Weimar.

[[File:TextSOLITUDE.jpg|300px]]
[[File:Standsolitude.jpg|300px]] [[File:Librosolitude.jpg|300px]]
[[File:Standarriba.jpg|300px]]

File:SolitudeSTORY.mp3

2013-07-09T08:05:13Z

Yoryeline:

== Summary ==

== Copyright status: ==

== Licensing ==
{{self|c}}
== Source: ==

GMU:Provokative Architektur/Jorgelina Garcia (e) Solitude

2013-06-28T19:53:44Z

Yoryeline:

== (e) Solitude ==
''by Vanessa Murillo, Stephanie Massarelli, Jorgelina Garcia.''

Since the Internet appeared, the ways of communication changed,
and this affected people’s lifestyles.

Technology has become the architect of our intimacies; we live exclusively in relation to others and what disappears from our lives is solitude. Technology is taking away our privacy and our concentration and it is also taking away our capacity for being alone. This project is an experiment to try and go back to ourselves, to look inside and find our little space of solitude.

After a long investigation into the subject, we observed that many opinions and experiences about it were different, but based on the same things. That is why we decided to make our first approach the building of what we called “The Solitude Box”. We wanted to create a physical space of solitude. We created a room as an environment in order to collect peoples thoughts by giving them the chance of being isolated and, if they wished, to give an answer to the question: ''Was denkst du wenn du allein bist?'' (''What do you think when you are alone?'')

The installation took place in the Mensa, the student’s restaurant in the Bauhaus-Universität Weimar. The place was not randomly picked. We didn’t want to have the box in an isolated space, but in a place where people go as part of their everyday routine, and suddenly they find a strange, big, black box that invites them to go in, but with one condition; that they do it ALONE. It was an invitation to isolate themselves during the course of their everyday routine, even if the noise was still out there.

This social experiment was a big challenge for us. During the installation, we were observing people’s reactions; some of them just passed by, without even noticing the big black structure. Some others were just curious, they took a look from outside and kept on walking. An interesting behavior that we observed was that many persons that were going inside the box, were not respecting the rules that clearly said GO INSIDE ALONE, and instead they were going in as a group, as if they were afraid to be alone in there. Kids where also very curious about the box, and somehow played with it, they used the structure as part of the scenarios in their imaginative worlds while playing. There were also people that understood what was happening. They respected the rules of the box, took their time and wrote.

[[File:CajaBN.jpg|315px]] [[File:Wasdenkstdu.jpg|300px]]

[[File:Paperbox6.jpg‎ |155px]] [[File:Void1.jpg‎ |155px]]
[[File:Whatdoido.jpg‎ |155px]] [[File:Angst01.jpg |155px]]

[[File:Paperbox1.jpg‎ |155px]] [[File:Freiheit01.jpg‎ |155px]]
[[File:Cabezamono.jpg‎ |155px]] [[File:Allesaufeinmal.jpg‎ |155px]]

February - April 2013

== The (e) Solitude Sound Story ==
''by Jorgelina Garcia''

We collected 56 different thoughts from the "Solitude Box". Almost all of them different, but at the same time connected: deep, naive, superficial, negative, positive. I personally found them very interesting, and could find many different analysis also by comparing them with my own concept, experience and vision of solitude.

My work is based on what happened inside the box, but adapted to my own interpretation of this new concept of solitude. It is a fictional representation of my own head, my inner voice, my inner sound. An expression of what I think is happening with our private space, our freedom and individuality. A statement of how our imagination, our sometimes nonsense thoughts that used to take us to great ideas, are starting to vanish because of the huge increase of ways and “needs” of communication and socialization. It is about a new generation that might be getting enriched by the technological opportunities of this new era, but that is clearly losing the sense of individuality and the importance of being by oneself.

[https://soundcloud.com/yor-soundinstallation/e-solitudestory3 '''-click here-'''] to listen to the sound file.

What you can hear is a short sound story inspired by the results of the box and my analysis of it.

== Documentation ==

For the complete Documentation and explanation of the work please read the following PDF.

[[Media:Esolitudebook.pdf]]

== Final Presentation ==

18th July 2013

LADEN, Weimar.

[[File:TextSOLITUDE.jpg|300px]]
[[File:Standsolitude.jpg|300px]] [[File:Librosolitude.jpg|300px]]
[[File:Standarriba.jpg|300px]]