Medien Wiki - User contributions [en]

IFD:ShowreelWS12/Wieland Mikolajczyk

2013-01-27T11:28:50Z

Wieland: /* Web Basics I */

==Canned Applause Website==
===Wieland Mikolajczyk===
====Web Basics I====
Diese Website ist auch zu finden unter [http://www.cannedapplause.de/ www.cannedapplause.de]

[[File:ifd_wielandmikolajczyk_de_001.jpg]]
[[File:ifd_wielandmikolajczyk_de_002.jpg]]
[[File:ifd_wielandmikolajczyk_de_003.jpg]]
[[File:ifd_wielandmikolajczyk_de_004.jpg]]
[[File:ifd_wielandmikolajczyk_de_005.jpg]]

IFD:ShowreelWS12/Wieland Mikolajczyk

2013-01-27T11:27:56Z

Wieland: /* Web Basics I */

==Canned Applause Website==
===Wieland Mikolajczyk===
====Web Basics I====
Diese Website ist auch zu finden unter [https://www.cannedapplause.de www.cannedapplause.de]

[[File:ifd_wielandmikolajczyk_de_001.jpg]]
[[File:ifd_wielandmikolajczyk_de_002.jpg]]
[[File:ifd_wielandmikolajczyk_de_003.jpg]]
[[File:ifd_wielandmikolajczyk_de_004.jpg]]
[[File:ifd_wielandmikolajczyk_de_005.jpg]]

IFD:ShowreelWS12/Wieland Mikolajczyk

2013-01-27T11:27:38Z

Wieland: /* Web Basics I */

==Canned Applause Website==
===Wieland Mikolajczyk===
====Web Basics I====
Diese Website ist auch zu finden unter [[https://www.cannedapplause.de | www.cannedapplause.de]]

[[File:ifd_wielandmikolajczyk_de_001.jpg]]
[[File:ifd_wielandmikolajczyk_de_002.jpg]]
[[File:ifd_wielandmikolajczyk_de_003.jpg]]
[[File:ifd_wielandmikolajczyk_de_004.jpg]]
[[File:ifd_wielandmikolajczyk_de_005.jpg]]

IFD:ShowreelWS12/Wieland Mikolajczyk

2013-01-27T11:27:04Z

Wieland: /* Canned Applause Website */

==Canned Applause Website==
===Wieland Mikolajczyk===
====Web Basics I====
Diese Website ist auch zu finden unter [[https://www.cannedapplause.de|www.cannedapplause.de]]

[[File:ifd_wielandmikolajczyk_de_001.jpg]]
[[File:ifd_wielandmikolajczyk_de_002.jpg]]
[[File:ifd_wielandmikolajczyk_de_003.jpg]]
[[File:ifd_wielandmikolajczyk_de_004.jpg]]
[[File:ifd_wielandmikolajczyk_de_005.jpg]]

File:Ifd wielandmikolajczyk de 005.jpg

2013-01-27T11:25:24Z

Wieland: Impressumsseite von cannedapplause.de

== Summary ==
Impressumsseite von cannedapplause.de
== Copyright status: ==

== Licensing ==
{{self|GFDL|cc-by-sa-all|migration=redundant}}
== Source: ==

File:Ifd wielandmikolajczyk de 004.jpg

2013-01-27T11:25:02Z

Wieland: Liveseite von cannedapplause.de

== Summary ==
Liveseite von cannedapplause.de
== Copyright status: ==

== Licensing ==
{{self|GFDL|cc-by-sa-all|migration=redundant}}
== Source: ==

File:Ifd wielandmikolajczyk de 003.jpg

2013-01-27T11:24:34Z

Wieland: Newsseite von cannedapplause.de

== Summary ==
Newsseite von cannedapplause.de
== Copyright status: ==

== Licensing ==
{{self|GFDL|cc-by-sa-all|migration=redundant}}
== Source: ==

File:Ifd wielandmikolajczyk de 002.jpg

2013-01-27T11:24:11Z

Wieland: Newsseite von cannedapplause.de

== Summary ==
Newsseite von cannedapplause.de
== Copyright status: ==

== Licensing ==
{{self|GFDL|cc-by-sa-all|migration=redundant}}
== Source: ==

File:Ifd wielandmikolajczyk de 001.jpg

2013-01-27T11:23:10Z

Wieland: Landingpage von cannedapplause.de

== Summary ==
Landingpage von cannedapplause.de
== Copyright status: ==

== Licensing ==
{{self|GFDL|cc-by-sa-all|migration=redundant}}
== Source: ==

IFD:ShowreelWS12/Wieland Mikolajczyk

2013-01-27T11:21:39Z

Wieland: Created page with "==Canned Applause Website== ===Wieland Mikolajczyk=== ====Web Basics I==== File:ifd_wielandmikolajczyk_de_001.jpg File:ifd_wielandmikolajczyk_de_002.jpg [[File:ifd_wiela..."

==Canned Applause Website==
===Wieland Mikolajczyk===
====Web Basics I====

[[File:ifd_wielandmikolajczyk_de_001.jpg]]
[[File:ifd_wielandmikolajczyk_de_002.jpg]]
[[File:ifd_wielandmikolajczyk_de_003.jpg]]
[[File:ifd_wielandmikolajczyk_de_004.jpg]]
[[File:ifd_wielandmikolajczyk_de_005.jpg]]

IFD:ShowreelWS12

2013-01-27T11:02:32Z

Wieland:

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

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

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

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

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

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

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

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

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

''Werkmodule''

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

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

* Werkmodul 'Human-Centered-Design-Research'
** [[/Human-Centered-Design-Research - Introduction/]]
** [[/Gianluca Pandolfo & Heinrich Roolf & Matthias Schäfer - Carrels/]]
** [[/Preset Page/]]
** [[/Preset Page/]]

* Werkmodul 'Web Basics I'
** [[/Web Basics I - Introduction/]]
** [[/Preset Page/]]
** [[/Preset Page/]]

''Fachmodule''

* Werkmodul 'Eclectic_Electric! Grundlagen der Elektronik'
** [[/Eclectic_Electric! - Introduction/]]
** [[/Clemens Bast - test/]]
** [[/Preset Page/]]
** [[/Preset Page/]]

* Werkmodul 'iOS Dev II'
** [[/iOS Dev II - Introduction/]]
** [[/Preset Page/]]
** [[/Preset Page/]]

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

* Werkmodul 'Tangible Programming - An Introduction'
** [[/Tangible Programming - An Introduction - Introduction/]]
** [[/Yuqiong Huang - Light Tap/]]
** [[/Preset Page/]]
** [[/Preset Page/]]

* Werkmodul 'Web Advanced I'
** [[/Web Advanced I - Introduction/]]
** [[/Preset Page/]]
** [[/Preset Page/]]

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

'''Schlusswort'''

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

''1. Semesterler bitte ganz oben in der Web Basics I Liste eintragen, damit ihr zuerst präsentiert und die Veranstaltung bei Prof. Bauer-Wabnegg noch erreicht!''
* Werkmodul 'Web Basics I'
** [[/Gabriel Rausch/]]
** [[/Gesa Junne/]]
** [[/Anne Böttner/]]
** [[/Martin Melcher/]]
** [[/Esra Melody Butcher/]]
** [[/Franziska Feistel/]]
** [[/Katharina Meißner/]]
** [[/Adriana Cerami/]]
** [[/Jonas Lideikis/]]
** [[/Sabina Kim/]]
** [[/Marina Vissing/]]
** [[/Franziska Gerlach/]]
** [[/Wieland Mikolajczyk]]
** [[/Preset Page/]]

IFD:GenerativeBauhaus WS2012/Wieland

2012-12-11T14:27:15Z

Wieland: /* Farbe */

==Punkt==
===Punkt wandert===
[[File:punkt-ss-0001.png|200px|thumb| Screenshot 1]]
[[File:punkt-ss-0002.png|200px|thumb| Screenshot 2]]

Der Punkt bewegt sich vom Mittelpunkt aus nach links bis ans Ende der Zeile und springt dann eine Zeile nach weiter nach unten und an den Anfang der Zeile. Wenn er unten recht angekommen ist fängt er oben links wieder an.

<source lang="java">

float x = 150;
float y = 150;

void setup() {
size(300, 300);
smooth();
}
void draw() {
background(255);

if (x > 300) {
x = 0;
y = y + 5;
}
if (y > 300) {
y = 0;
}
x = x + 5;
ellipse(x, y, 4, 4);
}

</source>

===Mit Punkten "malen"===

Die Punkte werden durch die Mausbewegung über das Feld erzeugt.

<source lang="java">

void setup() {
size(300, 300);
background(255);
}
void draw() {

point(mouseX, mouseY);
}

</source>

[[File:punkt-ss-0004.png|200px|thumb|left|border| Screenshot 1]]
[[File:punkt-ss-0005.png|200px|thumb|left|border| Screenshot 2]]
<br>

<br clear="all">
==Linie==
[[File:faden1.jpg|200px|thumb|left| Linie 1]] [[File:faden2.jpg|200px|thumb|left| Linie 2]]
[[File:faden3.jpg|200px|thumb|left| Linie 3]] [[File:faden4.jpg|200px|thumb|left| Linie 4]]

<br clear="all">
==Form==
[[File:dreieck.gif|200px|thumb|left| Dreieck]]
[[File:kreis.gif|200px|thumb|left| Kreis]]
[[File:viereck.gif|200px|thumb|left| Viereck]]

<br clear="all">
==Form==
[[File:format.gif|600px|thumb|left| Ein Bild, verschiedene Formate]]

<br clear="all">
==Farbe==
[https://www.dropbox.com/s/grx1spnj6y7luzw/Frablogokreis.jpg Farblogokreis]

IFD:GenerativeBauhaus WS2012/Wieland

2012-12-11T14:26:57Z

Wieland: /* Farbe */

IFD:GenerativeBauhaus WS2012/Wieland

2012-12-11T14:26:28Z

Wieland: /* Farbe */

IFD:GenerativeBauhaus WS2012/Wieland

2012-12-11T14:25:53Z

Wieland:

File:Format.gif

2012-11-20T14:11:16Z

Wieland: uploaded a new version of "File:Format.gif"

== Summary ==

== Copyright status: ==

== Licensing ==
{{self|cc-by-sa-3.0}}
== Source: ==

File:Format.gif

2012-11-20T14:06:33Z

Wieland: uploaded a new version of "File:Format.gif"

== Summary ==

== Copyright status: ==

== Licensing ==
{{self|cc-by-sa-3.0}}
== Source: ==

IFD:GenerativeBauhaus WS2012/Wieland

2012-11-20T13:58:27Z

Wieland:

IFD:GenerativeBauhaus WS2012/Wieland

2012-11-20T13:55:54Z

Wieland: /* Form */

IFD:GenerativeBauhaus WS2012/Wieland

2012-11-20T13:52:28Z

Wieland:

File:Format.gif

2012-11-20T13:51:26Z

Wieland:

== Summary ==

== Copyright status: ==

== Licensing ==
{{self|cc-by-sa-3.0}}
== Source: ==

IFD:GenerativeBauhaus WS2012/Wieland

2012-11-20T13:44:37Z

Wieland:

File:Kreis.gif

2012-11-13T14:51:19Z

Wieland:

== Summary ==

== Copyright status: ==

== Licensing ==
{{self|cc-by-sa-3.0}}
== Source: ==

File:Viereck.gif

2012-11-13T14:51:17Z

Wieland:

== Summary ==

== Copyright status: ==

== Licensing ==
{{self|cc-by-sa-3.0}}
== Source: ==

File:Dreieck.gif

2012-11-13T14:48:04Z

Wieland:

== Summary ==

== Copyright status: ==

== Licensing ==
{{self|cc-by-sa-3.0}}
== Source: ==

IFD:GenerativeBauhaus WS2012/Wieland

2012-11-13T14:46:28Z

Wieland: /* Form */

IFD:GenerativeBauhaus WS2012/Wieland

2012-11-13T14:45:51Z

Wieland:

==Punkt==
===Punkt wandert===
[[File:punkt-ss-0001.png|200px|thumb| Screenshot 1]]
[[File:punkt-ss-0002.png|200px|thumb| Screenshot 2]]

Der Punkt bewegt sich vom Mittelpunkt aus nach links bis ans Ende der Zeile und springt dann eine Zeile nach weiter nach unten und an den Anfang der Zeile. Wenn er unten recht angekommen ist fängt er oben links wieder an.

<source lang="java">

float x = 150;
float y = 150;

void setup() {
size(300, 300);
smooth();
}
void draw() {
background(255);

if (x > 300) {
x = 0;
y = y + 5;
}
if (y > 300) {
y = 0;
}
x = x + 5;
ellipse(x, y, 4, 4);
}

</source>

===Mit Punkten "malen"===

Die Punkte werden durch die Mausbewegung über das Feld erzeugt.

<source lang="java">

void setup() {
size(300, 300);
background(255);
}
void draw() {

point(mouseX, mouseY);
}

</source>

[[File:punkt-ss-0004.png|200px|thumb|left|border| Screenshot 1]]
[[File:punkt-ss-0005.png|200px|thumb|left|border| Screenshot 2]]
<br>

<br clear="all">
==Linie==
[[File:faden1.jpg|200px|thumb|left| Linie 1]] [[File:faden2.jpg|200px|thumb|left| Linie 2]]
[[File:faden3.jpg|200px|thumb|left| Linie 3]] [[File:faden4.jpg|200px|thumb|left| Linie 4]]

<br clear="all">
==Form==
[[File:dreieck.gif|200px|thumb|left| Dreieck]] [[File:kreis.jpg|200px|thumb|left| Kreis]]
[[File:viereck.jpg|200px|thumb|left| Viereck]]

IFD:GenerativeBauhaus WS2012/Wieland

2012-11-06T13:35:23Z

Wieland: /* Mit Punkten "malen" */

==Punkt==
===Punkt wandert===
[[File:punkt-ss-0001.png|200px|thumb| Screenshot 1]]
[[File:punkt-ss-0002.png|200px|thumb| Screenshot 2]]

Der Punkt bewegt sich vom Mittelpunkt aus nach links bis ans Ende der Zeile und springt dann eine Zeile nach weiter nach unten und an den Anfang der Zeile. Wenn er unten recht angekommen ist fängt er oben links wieder an.

<source lang="java">

float x = 150;
float y = 150;

void setup() {
size(300, 300);
smooth();
}
void draw() {
background(255);

if (x > 300) {
x = 0;
y = y + 5;
}
if (y > 300) {
y = 0;
}
x = x + 5;
ellipse(x, y, 4, 4);
}

</source>

===Mit Punkten "malen"===

Die Punkte werden durch die Mausbewegung über das Feld erzeugt.

<source lang="java">

void setup() {
size(300, 300);
background(255);
}
void draw() {

point(mouseX, mouseY);
}

</source>

[[File:punkt-ss-0004.png|200px|thumb|left|border| Screenshot 1]]
[[File:punkt-ss-0005.png|200px|thumb|left|border| Screenshot 2]]
<br>

==Linie==
[[File:faden1.jpg|200px|thumb|left| Linie 1]] [[File:faden2.jpg|200px|thumb|left| Linie 2]]
[[File:faden3.jpg|200px|thumb|left| Linie 3]] [[File:faden4.jpg|200px|thumb|left| Linie 4]]

IFD:GenerativeBauhaus WS2012/Wieland

2012-11-06T13:34:11Z

Wieland: /* Punkt */

==Punkt==
===Punkt wandert===
[[File:punkt-ss-0001.png|200px|thumb| Screenshot 1]]
[[File:punkt-ss-0002.png|200px|thumb| Screenshot 2]]

Der Punkt bewegt sich vom Mittelpunkt aus nach links bis ans Ende der Zeile und springt dann eine Zeile nach weiter nach unten und an den Anfang der Zeile. Wenn er unten recht angekommen ist fängt er oben links wieder an.

<source lang="java">

float x = 150;
float y = 150;

void setup() {
size(300, 300);
smooth();
}
void draw() {
background(255);

if (x > 300) {
x = 0;
y = y + 5;
}
if (y > 300) {
y = 0;
}
x = x + 5;
ellipse(x, y, 4, 4);
}

</source>

===Mit Punkten "malen"===

Die Punkte werden durch die Mausbewegung über das Feld erzeugt.

<source lang="java">

void setup() {
size(300, 300);
background(255);
}
void draw() {

point(mouseX, mouseY);
}

</source>

[[File:punkt-ss-0004.png|200px|thumb|left|border| Screenshot 1]]
[[File:punkt-ss-0005.png|200px|thumb|left|border| Screenshot 2]]

==Linie==
[[File:faden1.jpg|200px|thumb|left| Linie 1]] [[File:faden2.jpg|200px|thumb|left| Linie 2]]
[[File:faden3.jpg|200px|thumb|left| Linie 3]] [[File:faden4.jpg|200px|thumb|left| Linie 4]]

IFD:GenerativeBauhaus WS2012/Wieland

2012-11-06T13:32:08Z

Wieland: /* Punkt wandert */

==Punkt==
===Punkt wandert===

Der Punkt bewegt sich vom Mittelpunkt aus nach links bis ans Ende der Zeile und springt dann eine Zeile nach weiter nach unten und an den Anfang der Zeile. Wenn er unten recht angekommen ist fängt er oben links wieder an.

<source lang="java">

float x = 150;
float y = 150;

void setup() {
size(300, 300);
smooth();
}
void draw() {
background(255);

if (x > 300) {
x = 0;
y = y + 5;
}
if (y > 300) {
y = 0;
}
x = x + 5;
ellipse(x, y, 4, 4);
}

</source>
[[File:punkt-ss-0001.png|200px|thumb| Screenshot 1]]
[[File:punkt-ss-0002.png|200px|thumb| Screenshot 2]]

===Mit Punkten "malen"===

Die Punkte werden durch die Mausbewegung über das Feld erzeugt.

[[File:punkt-ss-0004.png|200px|thumb|right|border| Screenshot 1]]
[[File:punkt-ss-0005.png|200px|thumb|right|border| Screenshot 2]]

<source lang="java">

void setup() {
size(300, 300);
background(255);
}
void draw() {

point(mouseX, mouseY);
}

</source>

==Linie==
[[File:faden1.jpg|200px|thumb|left| Linie 1]] [[File:faden2.jpg|200px|thumb|left| Linie 2]]
[[File:faden3.jpg|200px|thumb|left| Linie 3]] [[File:faden4.jpg|200px|thumb|left| Linie 4]]

IFD:GenerativeBauhaus WS2012/Wieland

2012-11-06T13:31:36Z

Wieland: /* Punkt wandert */

==Punkt==
===Punkt wandert===

Der Punkt bewegt sich vom Mittelpunkt aus nach links bis ans Ende der Zeile und springt dann eine Zeile nach weiter nach unten und an den Anfang der Zeile. Wenn er unten recht angekommen ist fängt er oben links wieder an.

<source lang="java">

float x = 150;
float y = 150;

void setup() {
size(300, 300);
smooth();
}
void draw() {
background(255);

if (x > 300) {
x = 0;
y = y + 5;
}
if (y > 300) {
y = 0;
}
x = x + 5;
ellipse(x, y, 4, 4);
}

</source>
[[File:punkt-ss-0001.png|200px|thumb|left| Screenshot 1]]
[[File:punkt-ss-0002.png|200px|thumb|left| Screenshot 2]]

===Mit Punkten "malen"===

Die Punkte werden durch die Mausbewegung über das Feld erzeugt.

[[File:punkt-ss-0004.png|200px|thumb|right|border| Screenshot 1]]
[[File:punkt-ss-0005.png|200px|thumb|right|border| Screenshot 2]]

<source lang="java">

void setup() {
size(300, 300);
background(255);
}
void draw() {

point(mouseX, mouseY);
}

</source>

==Linie==
[[File:faden1.jpg|200px|thumb|left| Linie 1]] [[File:faden2.jpg|200px|thumb|left| Linie 2]]
[[File:faden3.jpg|200px|thumb|left| Linie 3]] [[File:faden4.jpg|200px|thumb|left| Linie 4]]

IFD:GenerativeBauhaus WS2012/Wieland

2012-11-06T13:31:07Z

Wieland: /* Punkt wandert */

==Punkt==
===Punkt wandert===

Der Punkt bewegt sich vom Mittelpunkt aus nach links bis ans Ende der Zeile und springt dann eine Zeile nach weiter nach unten und an den Anfang der Zeile. Wenn er unten recht angekommen ist fängt er oben links wieder an.

[[File:punkt-ss-0001.png|200px|thumb|left| Screenshot 1]]
[[File:punkt-ss-0002.png|200px|thumb|left| Screenshot 2]]

<source lang="java">

float x = 150;
float y = 150;

void setup() {
size(300, 300);
smooth();
}
void draw() {
background(255);

if (x > 300) {
x = 0;
y = y + 5;
}
if (y > 300) {
y = 0;
}
x = x + 5;
ellipse(x, y, 4, 4);
}

</source>

===Mit Punkten "malen"===

Die Punkte werden durch die Mausbewegung über das Feld erzeugt.

[[File:punkt-ss-0004.png|200px|thumb|right|border| Screenshot 1]]
[[File:punkt-ss-0005.png|200px|thumb|right|border| Screenshot 2]]

<source lang="java">

void setup() {
size(300, 300);
background(255);
}
void draw() {

point(mouseX, mouseY);
}

</source>

==Linie==
[[File:faden1.jpg|200px|thumb|left| Linie 1]] [[File:faden2.jpg|200px|thumb|left| Linie 2]]
[[File:faden3.jpg|200px|thumb|left| Linie 3]] [[File:faden4.jpg|200px|thumb|left| Linie 4]]

IFD:GenerativeBauhaus WS2012/Wieland

2012-11-06T13:30:08Z

Wieland:

==Punkt==
===Punkt wandert===

Der Punkt bewegt sich vom Mittelpunkt aus nach links bis ans Ende der Zeile und springt dann eine Zeile nach weiter nach unten und an den Anfang der Zeile. Wenn er unten recht angekommen ist fängt er oben links wieder an.

[[File:punkt-ss-0001.png|200px|thumb|right|border| Screenshot 1]]
[[File:punkt-ss-0002.png|200px|thumb|right|border| Screenshot 2]]

<source lang="java">

float x = 150;
float y = 150;

void setup() {
size(300, 300);
smooth();
}
void draw() {
background(255);

if (x > 300) {
x = 0;
y = y + 5;
}
if (y > 300) {
y = 0;
}
x = x + 5;
ellipse(x, y, 4, 4);
}

</source>

===Mit Punkten "malen"===

Die Punkte werden durch die Mausbewegung über das Feld erzeugt.

[[File:punkt-ss-0004.png|200px|thumb|right|border| Screenshot 1]]
[[File:punkt-ss-0005.png|200px|thumb|right|border| Screenshot 2]]

<source lang="java">

void setup() {
size(300, 300);
background(255);
}
void draw() {

point(mouseX, mouseY);
}

</source>

==Linie==
[[File:faden1.jpg|200px|thumb|left| Linie 1]] [[File:faden2.jpg|200px|thumb|left| Linie 2]]
[[File:faden3.jpg|200px|thumb|left| Linie 3]] [[File:faden4.jpg|200px|thumb|left| Linie 4]]

IFD:GenerativeBauhaus WS2012/Wieland

2012-11-06T13:28:28Z

Wieland:

==Punkt==
===Punkt wandert===

Der Punkt bewegt sich vom Mittelpunkt aus nach links bis ans Ende der Zeile und springt dann eine Zeile nach weiter nach unten und an den Anfang der Zeile. Wenn er unten recht angekommen ist fängt er oben links wieder an.

[[File:punkt-ss-0001.png|200px|thumb|right|border| Screenshot 1]]
[[File:punkt-ss-0002.png|200px|thumb|right|border| Screenshot 2]]

<source lang="java">

float x = 150;
float y = 150;

void setup() {
size(300, 300);
smooth();
}
void draw() {
background(255);

if (x > 300) {
x = 0;
y = y + 5;
}
if (y > 300) {
y = 0;
}
x = x + 5;
ellipse(x, y, 4, 4);
}

</source>

===Mit Punkten "malen"===

Die Punkte werden durch die Mausbewegung über das Feld erzeugt.

[[File:punkt-ss-0004.png|200px|thumb|right|border| Screenshot 1]]
[[File:punkt-ss-0005.png|200px|thumb|right|border| Screenshot 2]]

<source lang="java">

void setup() {
size(300, 300);
background(255);
}
void draw() {

point(mouseX, mouseY);
}

</source>

==Linie==
[[File:faden1.jpg|200px|thumb| Linie 1]] [[File:faden2.jpg|200px|thumb| Linie 2]]
[[File:faden3.jpg|200px|thumb| Linie 3]] [[File:faden4.jpg|200px|thumb| Linie 4]]

File:Faden4.jpg

2012-11-06T13:28:03Z

Wieland:

== Summary ==

== Copyright status: ==

== Licensing ==
{{self|cc-by-sa-3.0}}
== Source: ==

File:Faden3.jpg

2012-11-06T13:27:34Z

Wieland:

== Summary ==

== Copyright status: ==

== Licensing ==
{{self|cc-by-sa-3.0}}
== Source: ==

File:Faden2.jpg

2012-11-06T13:27:13Z

Wieland:

== Summary ==

== Copyright status: ==

== Licensing ==
{{self|cc-by-sa-3.0}}
== Source: ==

File:Faden1.jpg

2012-11-06T13:26:49Z

Wieland:

== Summary ==

== Copyright status: ==

== Licensing ==
{{self|cc-by-sa-3.0}}
== Source: ==

IFD:GenerativeBauhaus WS2012/Wieland

2012-11-06T13:24:57Z

Wieland:

==Punkt==
===Punkt wandert===

Der Punkt bewegt sich vom Mittelpunkt aus nach links bis ans Ende der Zeile und springt dann eine Zeile nach weiter nach unten und an den Anfang der Zeile. Wenn er unten recht angekommen ist fängt er oben links wieder an.

[[File:punkt-ss-0001.png|200px|thumb|right|border| Screenshot 1]]
[[File:punkt-ss-0002.png|200px|thumb|right|border| Screenshot 2]]

<source lang="java">

float x = 150;
float y = 150;

void setup() {
size(300, 300);
smooth();
}
void draw() {
background(255);

if (x > 300) {
x = 0;
y = y + 5;
}
if (y > 300) {
y = 0;
}
x = x + 5;
ellipse(x, y, 4, 4);
}

</source>

===Mit Punkten "malen"===

Die Punkte werden durch die Mausbewegung über das Feld erzeugt.

[[File:punkt-ss-0004.png|200px|thumb|right|border| Screenshot 1]]
[[File:punkt-ss-0005.png|200px|thumb|right|border| Screenshot 2]]

<source lang="java">

void setup() {
size(300, 300);
background(255);
}
void draw() {

point(mouseX, mouseY);
}

</source>

==Linie==
[[File:faden1.jpg|200px|thumb|right|border| Linie 1]] [[File:faden2.jpg|200px|thumb|right|border| Linie 2]]
[[File:faden3.jpg|200px|thumb|right|border| Linie 3]] [[File:faden4.jpg|200px|thumb|right|border| Linie 4]]

IFD:GenerativeBauhaus WS2012/Wieland

2012-10-30T12:07:03Z

Wieland: /* Punkt bewegt sich über das ganze Feld */

==Punkt==
===Punkt wandert===

Der Punkt bewegt sich vom Mittelpunkt aus nach links bis ans Ende der Zeile und springt dann eine Zeile nach weiter nach unten und an den Anfang der Zeile. Wenn er unten recht angekommen ist fängt er oben links wieder an.

[[File:punkt-ss-0001.png|200px|thumb|right|border| Screenshot 1]]
[[File:punkt-ss-0002.png|200px|thumb|right|border| Screenshot 2]]

<source lang="java">

float x = 150;
float y = 150;

void setup() {
size(300, 300);
smooth();
}
void draw() {
background(255);

if (x > 300) {
x = 0;
y = y + 5;
}
if (y > 300) {
y = 0;
}
x = x + 5;
ellipse(x, y, 4, 4);
}

</source>

===Mit Punkten "malen"===

Die Punkte werden durch die Mausbewegung über das Feld erzeugt.

[[File:punkt-ss-0004.png|200px|thumb|right|border| Screenshot 1]]
[[File:punkt-ss-0005.png|200px|thumb|right|border| Screenshot 2]]

<source lang="java">

void setup() {
size(300, 300);
background(255);
}
void draw() {

point(mouseX, mouseY);
}

</source>

File:Punkt-ss-0005.png

2012-10-30T12:05:55Z

Wieland:

== Summary ==

== Copyright status: ==

== Licensing ==
{{self|cc-by-sa-3.0}}
== Source: ==

File:Punkt-ss-0004.png

2012-10-30T12:05:29Z

Wieland:

== Summary ==

== Copyright status: ==

== Licensing ==
{{self|cc-by-sa-3.0}}
== Source: ==

IFD:GenerativeBauhaus WS2012/Wieland

2012-10-30T12:05:11Z

Wieland: /* Mit Punkten "malen" */

==Punkt==
===Punkt bewegt sich über das ganze Feld===

Der Punkt bewegt sich vom Mittelpunkt aus nach links bis ans Ende der Zeile und springt dann eine Zeile nach weiter nach unten und an den Anfang der Zeile. Wenn er unten recht angekommen ist fängt er oben links wieder an.

[[File:punkt-ss-0001.png|200px|thumb|right|border| Screenshot 1]]
[[File:punkt-ss-0002.png|200px|thumb|right|border| Screenshot 2]]

<source lang="java">

float x = 150;
float y = 150;

void setup() {
size(300, 300);
smooth();
}
void draw() {
background(255);

if (x > 300) {
x = 0;
y = y + 5;
}
if (y > 300) {
y = 0;
}
x = x + 5;
ellipse(x, y, 4, 4);
}

</source>

===Mit Punkten "malen"===

Die Punkte werden durch die Mausbewegung über das Feld erzeugt.

[[File:punkt-ss-0004.png|200px|thumb|right|border| Screenshot 1]]
[[File:punkt-ss-0005.png|200px|thumb|right|border| Screenshot 2]]

<source lang="java">

void setup() {
size(300, 300);
background(255);
}
void draw() {

point(mouseX, mouseY);
}

</source>

IFD:GenerativeBauhaus WS2012/Wieland

2012-10-30T12:04:46Z

Wieland: /* Punkt bewegt sich über das ganze Feld */

==Punkt==
===Punkt bewegt sich über das ganze Feld===

Der Punkt bewegt sich vom Mittelpunkt aus nach links bis ans Ende der Zeile und springt dann eine Zeile nach weiter nach unten und an den Anfang der Zeile. Wenn er unten recht angekommen ist fängt er oben links wieder an.

[[File:punkt-ss-0001.png|200px|thumb|right|border| Screenshot 1]]
[[File:punkt-ss-0002.png|200px|thumb|right|border| Screenshot 2]]

<source lang="java">

float x = 150;
float y = 150;

void setup() {
size(300, 300);
smooth();
}
void draw() {
background(255);

if (x > 300) {
x = 0;
y = y + 5;
}
if (y > 300) {
y = 0;
}
x = x + 5;
ellipse(x, y, 4, 4);
}

</source>

===Mit Punkten "malen"===

Die Punkte werden durch die Mausbewegung über das Feld erzeugt.

[[File:punkt-ss-0004.png|200px|thumb|right|border| Screenshot 1]]
[[File:punkt-ss-0005.png|200px|thumb|right|border| Screenshot 2]]

<source lang="java">
void setup(){
size(300,300);
background(255);
}
void draw(){

point(mouseX,mouseY);
}
</source>

IFD:GenerativeBauhaus WS2012/Wieland

2012-10-30T12:00:41Z

Wieland: /* Punkt bewegt sich über das ganze Feld */

File:Punkt-ss-0003.png

2012-10-30T11:59:27Z

Wieland:

== Summary ==

== Copyright status: ==

== Licensing ==
{{self|cc-by-sa-3.0}}
== Source: ==

File:Punkt-ss-0002.png

2012-10-30T11:58:34Z

Wieland:

== Summary ==

== Copyright status: ==

== Licensing ==
{{self|cc-by-sa-3.0}}
== Source: ==

File:Punkt-ss-0001.png

2012-10-30T11:58:01Z

Wieland:

== Summary ==

== Copyright status: ==

== Licensing ==
{{cc-by-sa-3.0}}
== Source: ==

IFD:GenerativeBauhaus WS2012/Wieland

2012-10-30T11:56:09Z

Wieland: Created page with "==Punkt== ===Punkt bewegt sich über das ganze Feld=== Der Punkt bewegt sich vom Mittelpunkt aus nach links bis ans Ende der Zeile und springt dann eine Zeile nach weiter nach u..."

==Punkt==
===Punkt bewegt sich über das ganze Feld===

Der Punkt bewegt sich vom Mittelpunkt aus nach links bis ans Ende der Zeile und springt dann eine Zeile nach weiter nach unten und an den Anfang der Zeile. Wenn er unten recht angekommen ist fängt er oben links wieder an.

[[File:punkt-ss-0001.png|200px|thumb|right|border| Screenshot 1]]
[[File:punkt-ss-0002.png|200px|thumb|right|border| Screenshot 2]]
[[File:punkt-ss-0003.png|200px|thumb|right|border| Screenshot 3]]

<source lang="java">

float x = 150;
float y = 150;

void setup() {
size(300, 300);
smooth();
}
void draw() {
background(255);

if (x > 300) {
x = 0;
y = y + 5;
}
if (y > 300) {
y = 0;
}
x = x + 5;
ellipse(x, y, 4, 4);
}

</source>

IFD:GenerativeBauhaus WS2012

2012-10-30T11:35:55Z

Wieland:

[[Image:Farbkreis Itten 1961.png|right|240px]]
[[:Category:Werkmodul|Werkmodul]] <br/>
''Lehrperson:'' [[Michael Markert]]<br/>
''Bewertung:'' 6 [[ECTS]], 3 [[SWS]]<br/>
''Termin:'' Dienstags, 17:00 bis 19:15 Uhr<br/>
''Ort:'' Marienstr. 7b, Raum 105<br/>

''Erster Termin:'' Di, 16. Oktober 2012

==Beschreibung==
Für Mediengestalter und Designer interaktiver Systeme ist ein sicherer Umgang mit gestalterischen Elementen und Wissen um ihre kommunikative Bedeutung extrem wichtig. Neben der Vorstellung von Grundlagen und Übungen aus Bauhaus-Vorkursen (Johannes Itten, Wassily Kandinsky, Paul Klee, Joost Schmidt u.a.), werden auch aktuellere Perspektiven (u.a. Adrian Frutiger) vorgestellt.

Dabei nutzen wir die schöne Tatsache, dass wir am Ort des Geschehens sind und werden uns auch mit der Geschichte des Bauhauses in Weimar beschäftigen, unter anderem mit einem Bauhaus-Spaziergang.

Die Vorkurse am Bauhaus lehrten objektivierbare Gestaltungsregeln und subjektive Intuition. Obwohl dies nun 100 Jahre her ist, gelten diese Grundlagen und ihre objektivierbaren Regeln weiter: Punkt, Linie, Fläche, Form, Farbe, Kontrast, Dynamik, Rhythmus, Schwerpunkt, Schrift, Muster, Symbol, Zeichen ...

Das Werkmodul erarbeitet mit den Teilnehmern ein Bewusstsein für elementare Gestaltungselemente. Die Übungen sollen mit dem Rechner (z.B. JavaScript, Processing, Processingjs, Paperscript, Scriptographer, BASIC …was auch immer Euch gefällt) oder analog (bevorzugt mit generativen Zufallselementen) nachvollzogen werden.

==English description==
"Mediengestalter" and Designers of interactive systems need a good knowledge about design basics and the communicative meaning. Aside the focus on basics and tutorials from the Bauhaus precourses (Johannes Itten, Joost Schmidt u.a.), later views (Adrian Frutiger) will be presented as well. <br/>
The "Vorkurse" at the Bauhaus taught objective design rules and subjective intuition. Although nearly 100 years have passed, these rules are still valid: point, line, area, form, colour, contrast, dynamics, rhythm, gravity, fonts, patterns, symbols, signs...

An elementary course for students of all design oriented study programmes. A serious and steady attendance is required. Please note that this course is in German language.

== Themen ==
* [[Objektivierbare Gestaltung]]
* [[Punkt]]
* [[Linie]]
* [[Form]]
* [[Raum (Fläche)]]
* [[Format]]
* [[Layout]]
* [[Kontrast]]
* [[Farbe]]
* [[Schrift]]

Sonderthemen:
* [[Bildanalyse]]
* [[Briefing]]
* [[Systemtheorie|Kommunikation und Systemtheorie]]
* [[Druckvorstufe]]

==Voraussetzungen==
Basiskenntnisse Grundlagen der Programmierung (z.B. Processing) wünschenswert;
Der Kurs ist **kein** Programmierkurs, es werden zwar Hinweise und Empfehlungen gegeben, der Schwerpunkt liegt aber eindeutig in der Auseinandersetzung mit den Grundelementen der Gestaltung.

{{Template:Anmeldung_MM}}

==Leistungsnachweis==

* Regelmäßige und aktive Teilnahme
* Wöchentliche Bearbeitung der gestellten Teilaufgaben mit Dokumentation im Wiki
* Präsentation der Teilziele im Rahmen des Kurses
* Präsentation des Ergebnis im Rahmen des [[IFD:Showreel]]
* Abgabe der Ergebnisse als aufbereitete Zusammenfassung am Ende des Semesters

==Übungen und Ergebnisse==
Bitte kopiert diesen Eintrag (NameOderPseudonym) und legt Euch so selbstständig eine eigene Unterseite an:
* Bedeutung des Wiki-Codes für den Link:
** Die beiden eckigen Klammern erzeugen einen internen Link hier im Wiki (also verweisen auf eine neue oder bestehende Seite).
** Der Schrägstrich "/" am Anfang legt diese Seite als Unterseite des Kurses an.

* [[/NameOderPseudonym]] <-- Bitte diesen Link '''''kopieren''''' und mit dem eigenen Namen versehen (dieses Wiki ist öffentlich!).
* [[/Michael]]
* [[/Nele]]
* [[/Gianluca]]
* [[/Melissa]]
* [[/Anna]]
* [[/Martin]]
* [[/Hendrik]]
* [[/Boris]]
* [[/Karim]]
* [[/MartinMelcher]]
* [[/Cathleen]]
* [[/Jennifer]]
* [[/Wieland]]

'''Übrigens:'''<br/>
Hier gibt es [[Help:Editing|Hilfe zum Wiki]] und wie man Bilder hochlädt, könnt ihr hier nachlesen: [[Help:Images|Wie man Bilder einbindet]]. Am einfachsten ist es, wenn ihr den Bild-Knopf in der Button-Leiste über diesem Textfeld nutzt, einen entsprechend sinnvollen Namen für das Bild eingebt und anschließend auf den so erzeugten Link klickt. Dann wird man direkt zur Upload-Seite geführt. Bitte achtet darauf, nur eigene Bilder hochzuladen.

==Zielgruppe==
Bachelor-Studenten gestaltender Studiengänge, insbesondere der Medienkunst/Mediengestaltung.

==Syllabus==
Vorläufiger Semesterplan:
# 16.10. Vorstellung, Einführung, Wahrnehmung
# 23.10. Punkt
# 30.10. Linie
# 06.11. Form, Fläche
# 13.11. Format, Raum, Dimension
# 20.11. Raster, Layout, Kontraste
# 27.11. Graustufen, Farbe, Farbkreis
# 04.12. Farbkontraste, Farbwirkung
# 11.12. Schrift, Typografie
# 18.12. Evtl. Exkursion (tba)
# 08.01. Bauhaus-Filme
# 15.01. Bauhaus-Spaziergang (dauert evtl. länger!)
# 22.01. Kommunikationstheorie, Briefing
# 29.01. Präsentation
# 28.02. Abgabe

== Literatur ==
'''Bücher:'''
* Fiedler, Jeannine und Feierabend, Peter (Hrg): BAUHAUS, 2006/07 Tandem Verlag, ISBN 978-3-8331-4347-2
* Frutiger, Adrian: Der Mensch und seine Zeichen (1978), 2000 Fourier Wiesbaden, ISBN 3-925037-39-X
* Frutiger, Adrian: Der Mensch und seine Zeichen (2009), gekürzte Ausgabe, Marix Verlag, ISBN 9783865399076
* Itten, Johannes: Kunst der Farbe (Studienausgabe), 1970 Ravensburger, ISBN 3-473-61551-X
* Itten, Johannes: Elemente der Bildenden Kunst (Studienausgabe des Tagebuchs), 1980 Seemann Verlag, ISBN 3-363-00777-9
* Kandinsky, Wassily: Punkt und Linie zu Fläche (1926), 1955 Bentelli Bern, ISBN 3-7165-0182-4
* Klee, Paul: Beiträge zur bildnerischen Formenlehre (am Bauhaus Weimar, 1921/22), 1999 Schwabe Basel, ISBN 3-7965-0741-7
* Lewandowsky, Pina und Zeischegg, Francis: Visuelles Gestalten mit dem Computer, 2002 Rohwolt, ISBN 3-499-61213-5
* Sawahata, Lesa: Color Harmony Workbook, Rockport 1999, ISBN 3-283-00370-X

'''Medien:'''
* Paul Klee und das Bauhaus, TV-Dokumentation, 30 min, 2005 ARTE
* The Face of the Twentieth Century: BAUHAUS, DVD, 45 min, Arthaus, ISBN 978-3-939873-31-0

'''Internetseiten:'''
* [http://bauhaus-online.de Bauhaus Online]

'''Semesterapparat:'''<br/>
Die Universitätsbibliothek hat für dieses Werkmodul einen Semesterapparat eingerichtet. Interessierte Kursteilnehmer können sich während der Vorlesungszeit auf [http://elearning.uni-weimar.de MetaCoon], der e-Learning Plattform der Universität Weimar einloggen und Zugang zum Kursraum "Bauhaus-Vorkurs" beantragen. Hier sind diverse Auszüge aus den o.g. Litaturangaben elektronisch verfügbar!


{{Template:Bauhaus-Vorkurs}}

[[Category:WS12]]