Medien Wiki - User contributions [en]

IFD:ShowreelSS15/Hain-Ruey Chan - WE connect students

2015-07-09T23:20:09Z

Hainruey: Created page with "==WE connect students== ===Hain-Ruey Chan=== ====Interface Design 4 - Functional Objects and Materials I==== File:Project HRChan.001.jpg File:Project HRChan.002.jpg [[Fil..."

==WE connect students==
===Hain-Ruey Chan===
====Interface Design 4 - Functional Objects and Materials I====
[[File:Project HRChan.001.jpg]]
[[File:Project HRChan.002.jpg]]
[[File:Project HRChan.003.jpg]]
[[File:Project HRChan.004.jpg]]
[[File:Project HRChan.005.jpg]]
[[File:Project HRChan.006.jpg]]
[[File:Project HRChan.007.jpg]]
[[File:Project HRChan.008.jpg]]
[[File:Project HRChan.009.jpg]]

File:Project HRChan.009.jpg

2015-07-09T23:12:20Z

Hainruey:

== Summary ==

== Copyright status: ==

== Source: ==

File:Project HRChan.008.jpg

2015-07-09T23:12:05Z

Hainruey:

== Summary ==

== Copyright status: ==

== Source: ==

File:Project HRChan.007.jpg

2015-07-09T23:11:52Z

Hainruey:

== Summary ==

== Copyright status: ==

== Source: ==

File:Project HRChan.006.jpg

2015-07-09T23:11:40Z

Hainruey:

== Summary ==

== Copyright status: ==

== Source: ==

File:Project HRChan.005.jpg

2015-07-09T23:11:29Z

Hainruey:

== Summary ==

== Copyright status: ==

== Source: ==

File:Project HRChan.004.jpg

2015-07-09T23:11:15Z

Hainruey:

== Summary ==

== Copyright status: ==

== Source: ==

File:Project HRChan.003.jpg

2015-07-09T23:11:03Z

Hainruey:

== Summary ==

== Copyright status: ==

== Source: ==

File:Project HRChan.002.jpg

2015-07-09T23:10:46Z

Hainruey:

== Summary ==

== Copyright status: ==

== Source: ==

File:Project HRChan.001.jpg

2015-07-09T23:02:48Z

Hainruey: uploaded a new version of "File:Project HRChan.001.jpg"

== Summary ==

== Copyright status: ==

== Source: ==

File:Project HRChan.001.jpg

2015-07-09T22:50:07Z

Hainruey:

== Summary ==

== Copyright status: ==

== Source: ==

IFD:ShowreelSS15

2015-07-09T22:48:20Z

Hainruey:

<h3 style="color:#005172;">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/?section=ShowreelWS14 Test Your Presentation]<br>
[[IFD:Showreel/Blank_Page|A Blank Test Page]]

<br clear="all" />
[[File:Showreel_ss15_plakat.png|400px|right|link=IFD:ShowreelSS15]]
<h3 style="color:#005172;">INFOS</h3>

'''Presentation Summerterm 2015'''<br>
Interface Design Group<br>
Prof. Dr. Jens Geelhaar, Johannes Deich, Michael Markert, Jason Reizner, Martin Schied

'''10. July 2015'''<br>
'''ab 13:00 h'''<br>
'''Audimax'''<br>

The presentation of the Interface Design Group offers the opportunity,<br> to get an insight into current student works.<br> The presentation is open to anyone interested.

<h3 style="color:#005172;">PROGRAM</h3>

'''13:00 Block "Fach- und Werkmodule"'''

* Werk- und Fachmodul ''Vague, but Exciting: An Introduction to Web Technologies''
** [[/Jason Tosic - Experimental 3D Project Navigation with three.js/]]
** [[/Emily Becker - Responsive Portfolio Redesign/]]

* Werk- u. Fachmodul ''More Pixels!''
** [[/Your Name and Project Title Here/]]

* Werk- und Fachmodule ''Michael Markert''
** [[/InsideMobile/]]
** [[/OutsideMobile/]]

* Werk- u. Fachmodul ''Johannes Deich''
** [[/Your Name and Project Title Here/]]

'''14:30 Pause'''

'''15:00 Block "Projects"'''

* Master Projektmodul 'Interface Design 4 - Functional Objects and Materials I'
** [[/Your Name/s - Project Title/]]
** [[/Andrés Arteaga - A share plattform for Books, Pages and printed material./]]
** [[/Adnan, Emily, Fahad, Muhammad - Musical LEGO/]]
** [[/Mohammad Daneshkohan, Saeideh Khorasani, Zhang Ying- Internet based Rice Cooker/]]
** [[/Arezoo,Mana - Intelligent Chair/]]
** [[/Yana Wang, Jie Qiu, Katrina Bitere - Era - Drilling Robot/]]
** [[/Lingling Tang, Yun Liu - Weimar City Branding - Interactive Fountain/]]
** [[/Hain-Ruey Chan - WE connect students/]]

File:Project HRChan.pdf

2015-07-09T22:42:32Z

Hainruey:

== Summary ==

== Copyright status: ==

== Source: ==

IFD:All Hail The Pixels/ResearchPixelProjects

2014-11-21T13:15:44Z

Hainruey: /* Hain-Ruey Chan */

== 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/]

==Carina Weiß==

* Pixels, Carlton Melbourne (Studio 505) [http://www.studio505.com.au/work/project/pixel/8]

* Pixel Surfaces (Giles Miller) [http://gilesmiller.com/]

* Pixel, Pomp und Prosperität (Za Bor) [http://www.designlines.de/projekte/Pixel,-Pomp-und-Prosperitt_10316105.html]

==Maria Estel==

* Museum Brandhorst, München (Sauerbruch Hutto) [http://www.museum-brandhorst.de/de/gebaeude/architektur.html] [http://www.muenchen.de/sehenswuerdigkeiten/orte/119302.html#/]

* Mäandernde Pixel, Oslo (MVRDV) [http://www.baunetz.de/meldungen/Meldungen-Buerokomplex_von_MVRDV_in_Oslo_3035381.html]

* Twilight, Englang/Germany (Helen Evans and Heiko Hansen) [http://www.electrohype.org/electrohype2002/artist/evans_hansen.html]

== Jorgelina ==

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

== Afroditi ==

* SMSlingshot by VR/Urban (pixelated splat) [http://www.vrurban.org/smslingshot.html]

* LED Throwies by Graffiti Research Lab [http://www.graffitiresearchlab.com/blog/projects/led-throwies/#video] [https://www.youtube.com/watch?v=TrnLF04qmsM]

* Prototyping Urban Interfaces by Marius Hoggenmüller (interactive firework) [http://vimeo.com/81270931]

* Van Gogh-Roosegaarde cycle path by Studio Roosegaarde and Heijmans [http://www.heijmans.nl/en/] [https://www.studioroosegaarde.net/project/van-gogh-bicycle-path/]

== Isil Onursal ==

* Puzzle Facade by Javier LLoret [http://interactive.javierlloret.com/puzzlefacade/]

* BILDER mEINER AUSSTELLUNG by Christoph Cech [http://www.eye-candy.tv/2011/05/26/bilder-meiner-ausstellung/]

* LA VITRINE by Moment Factory [http://www.momentfactory.com/en/project/street/La_Vitrine/_/_/_]

* Pixels film by Patrick Jean [http://patrick-jean.allo-infopc.com/archives/portfolio/pixels-7]

== Dhora Tego ==

* Kinetic Sculpture - Fisher Technical Services, Inc.[https://www.youtube.com/watch?v=5tCxMLjOCgc]

* EXPO2012: GS Caltex Pavilion[https://www.youtube.com/watch?v=uPqAhWRiUf0]

* GreenPix - Dynamic Architecture[https://www.youtube.com/watch?v=J_tjLUUW4So]

== Dima Meiqari ==

* Spanish Pavilion Expo AICHI 2005
[http://europaconcorsi.com/projects/272168-FOA-Alejandro-Zaera-Polo-Farshid-Moussavi-Spanish-Pavilion]

* Ravensbourne College by Foreign Office Architects
[http://www.dezeen.com/2010/09/13/ravensbourne-college-by-foreign-office-architects/]

* Contemporary Art Center – FRAC / Kengo Kuma & Associates
[http://www.archdaily.com/425028/contemporary-art-center-frac-kengo-kuma-and-associates/]

== Fernando Millan ==
* PIXEL DROP INSTALLATION SAINT ETIENNE
[https://www.youtube.com/watch?v=2Q-biRXMNoU]
[http://www.dts-lighting.com/media/files/4d01684ee8_418_0517m056.gb.pdf]

* Pixel Mapping Montreal 2011
[https://www.youtube.com/watch?v=lf5WYqzhgYA]

==Hain-Ruey Chan==
* Trash Mirror (2001) by Daniel Rozin [http://www.smoothware.com/danny/newtrashmirror.html]

* "Deadline" Post-it Stop Motion Animation (2009) by Bang-Yao Liu [https://www.youtube.com/watch?v=BpWM0FNPZSs]

*LINZ 2012 / KLANGWOLKE by Spaxels [http://www.aec.at/spaxels/shows/linz-klangwolke-2012/]

*Dynamic Media Façade renews Confederation of Danish Industry in the Heart of Copenhagen [https://www.youtube.com/watch?v=v-MHAISEjw4]

==Carlos Abraham Ornelas==

* Make Out (2009) Rafael Lozano-Hemmer [http://www.youtube.com/watch?v=C994iLzY52U]

* Urban Darkness [http://dariacasciani.net/2012/05/15/urban-darkness-reflections-on-metal-pixels-mosaics-and-microsurfaces/]

* The Pixel Pavilion, by Mass Studies [http://www.domusweb.it/en/architecture/2010/05/14/the-pixel-pavilion-by-mass-studies.html]

==Gideon Bielewski==

*Mortal Engine by Chunky Move [https://www.youtube.com/watch?v=sbjOMualLVs]

*Wind - Interactive art wall by Daan Roosegaarde [http://www.youtube.com/watch?v=xMcQhjXFcNA]

*FUTURE SELF | Project Film [http://vimeo.com/41699285]

*Hexi - responsive wall [http://vimeo.com/86905477]

==Luanbo Zhang ==
*Fine Pixel Art by John O'Hearn [http://www.finepixelart.com/home.html]

*The Glitch Chamber by Protopixel [http://www.protopixel.net/#projects?proj_glitch-5]

*You Fade to Light : Concept by rAndom International for Philips Lumiblade. Software developed by Chris O’Shea. [https://vimeo.com/4282941]

*Game Frame by Jeremy Williams [https://www.kickstarter.com/projects/jerware/game-frame-the-art-of-pixels]

==Xianzhi Zhang==
===Beautiful Chemistry===
*Beautiful Chemistry is a new collaboration between the Institute of Advanced Technology at the University of Science and Technology of China and Tsinghua University Press. The goal of this project is to bring the beauty of chemistry to the general public through digital media and technology.[http://beautifulchemistry.net/structures.html]

IFD:All Hail The Pixels/ResearchPixelProjects

2014-11-14T00:16:47Z

Hainruey:

IFD:All Hail The Pixels

2014-11-05T18:41:35Z

Hainruey: /* Workgroups */

Werkmodul/Fachmodul/[[:Category:Fachmodul|Fachmodul]][[:Category:Werkmodul|Werkmodul]]<br />
''Lecturer(s):'' [[Martin Schied]],[[Frederic Gmeiner]]<br />
''Credits:'' 6 [[ECTS]], 4 [[SWS]]<br />
''Date:'' Every Second Friday (Schedule TBA), 13:30 until 20:30 h <br />
''Venue:'' [[Marienstraße 7b]], Room 105<br />
''First meeting:'' 17.10.2014

==Description==

'''All hail the Pixels!'''

Square pixels, round pixels, megapixels, microcropixels. Pixel clowds
and pixel clowns. Hot pixels, cold pixels, dead pixels and their funerals.

The pixelized physical computing course focuses on all kind of elements
that can be used or seen as pixels - be it in Architecture on facades,
interior design elements, street lighths or in an experimental display.
The course focuses on the prototyping of content displayable on pixels
and the realization aspect of pixel based systems.

the course is divided into 4 megapixels:

1. Grids and Pixels - What is a single pixel capable of and how are
pixels perceived in larger formations? What can be used as a pixel?
Generative Design of Patterns and repeating structures. Experimental
systems are done using the well known "Processing" environment.

2. Choreography - What can be done with the developed Systems? How can
you represent movements and patterns in a digital system? Concepts to
animate the structures and systems are developed.

3. Spacial aspects and realizations. How to transfer digitally
prototyped concepts to a real object, e.g. a Building's Facade.

4. Technical Prototype. How does an individual (Pix)Element work in
detail? Build one element as a physical working prototype. We will use
the Arduino environment and popular electromechanical components to make
them.

The class is held by Frederic Gmeiner from Design Studio FELD and Martin Schied.

===German description===

Pixelbasiertes Gestalten und Grundlagen des Physical Computings.
Im Laufe des Semesters werden wir 4 Projektphasen durchlaufen:

1. Raster: Was kann ein einzelnes Modul/Pixel/Baustein? Wie verhalten
sich viele im Zusammenspiel?
- Entwurf von generativen visuellen Mustern und repetitiven Strukturen
mit der Programmierungsumgebung "Processing"

2. Choreographie: Was kann mit den einzelnen Systemen dargestellt werden?
- Formulierung von Bewegungsabläufen (Choreographien) und Ausprobieren
unterschiedlicher Strategien für die Animation der entwickelten Muster
und Strukturen.

3. Räumliche Umsetzung: Wie lassen sich die skizzierten Entwürfe in den
realen Raum transferieren?
- Konzepte zur Übersetzung der Anordnung und der Bewegungsprinzipien in
eine räumlich-physische Umgebung (z.B. Hausfassade).

4. Technischer Prototyp: Wie funktioniert ein einzelner Baustein im
Detail?
- Prototypenhafte Entwicklung einzelner Mechanik- und Elektronikbausteine welche von einem Mikrokontroller angesteuert werden.

==Topics==
* [[/tba1/]]
* [[/tba2/]]

==Admission requirements==
k.A.

==Registration procedure==
Please send your application by email with the Subject ''{{PAGENAME}}'' to: martin.schied@uni-weimar.de
* Name, Surname
* program and semester (Studienprogramm und Fachsemester)
* matriculation number (Matrikelnummer)
* Angabe der geltenden Prüfungsordnung
* Valid email address @uni-weimar.de (no other mailing addresses will be accepted) [[SCC-Services#E-Mail|Why?]]
Sollte es mehr als 15 Bewerber geben, entscheidet die Reihenfolge der Anmeldungen über die Aufnahme in den Kurs

==Evaluation==
Active participation, presentation, documentation.

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

== Email List ==

Register for the [http://mg.medien.uni-weimar.de/mailman/listinfo/pixels pixels mailinglist]

== Participants ==

=== Workgroups ===

Please sign up for a workgroup by replacing "Your name" and "Your email" with your name and mail address. Each group should not exceed five members.

{| class="wikitable"
|+Group A
! Name
! Email
|-
| Gideon Bielewski
| gideon.bielewski@uni-weimar.de
|-
| Your name
| Your email
|-
| Your name
| Your email
|-
| Your name
| Your email
|-
| Your name
| Your email
|}

{| class="wikitable"
|+Group B
! Name
! Email
|-
| Isil Onursal
| isil.onursal@uni-weimar.de
|-
| Your name
| Your email
|-
| Your name
| Your email
|-
| Your name
| Your email
|-
|
| Your email
|}

{| class="wikitable"
|+Group C
! Name
! Email
|-
| Luanbo Zhang
| luanbo.zhang@uni-weimar.de
|-
| Xianzhi Zhang
| xianzhi.zhang@uni-weimar.de
|-
| Hain-Ruey Chan
| hain-ruey.chan@uni-weimar.de
|-
| Your name
| Your email
|-
| Your name
| Your email
|}

{| class="wikitable"
|+Group D
! Name
! Email
|-
| Maria Estel
| maria.estel@uni-weimar.de
|-
| Carina Weiß
| carina.weiss@uni-weimar.de
|-
| Your name
| Your email
|-
| Your name
| Your email
|-
| Your name
| Your email
|}

{| class="wikitable"
|+Group E
! Name
! Email
|-
| Rika Tarigan
| rika.saumi.tarigan@uni-weimar.de
|-
| Your name
| Your email
|-
| Your name
| Your email
|-
| Your name
| Your email
|-
| Your name
| Your email
|}

{| class="wikitable"
|+Group F
! Name
! Email
|-
| Your name
| Your email
|-
| Your name
| Your email
|-
| Your name
| Your email
|-
| Your name
| Your email
|-
| Your name
| Your email
|}

==Syllabus==

The classes will be held every second Week, detailed Schedule will be listed below soon:

=== 17.10. - INTRODUCTION MEETING ===

* Introduction
** Short self introduction
** Examples of different pixel projects
** What? Why? How?
** What you will learn in this class
* Questionnaire: What (technical) knowledge and experience do you have about programming and electronics? What do you want to learn?
* Installing Processing
* Mailingliste, Wiki, etc.
* Reading list & (online) resources
* Processing Introduction
** P01 ShapesAndRelations
** P02 CustomFunctions

=== 07.11. - PIXELS, PATTERNS, RULES ===

''What is a single pixel capable of and how are pixels perceived in larger formations? What can be used as a pixel? Generative Design of Patterns and repeating structures. Experimental systems are done using the well known "Processing" environment.''

* Review of Assignment I

=== 14.11. - GRID, LAYOUT, DISTRIBUTION, STRUCTURE ===

* Possible strategies:
** Formulate a (static) grid system
** Generate structures by dynamic parameters
** Using external images or structured data

=== 28.11. - MOTION, CHOREOGRAPHY, STORIES ===

''What can be done with the developed Systems? How can you represent movements and patterns in a digital system? Concepts to animate the structures and systems are developed.''

* Principle: Using software to prototype motion and behaviour and use the very same system (or parts thereof) to control the movement of the physical installation (authoring system)

Strategies: * Create animations by parameters * Environments / Systems (physics simulations, particle systems) * Using images / video as source

=== 12.12. - GETTING PHYSICAL ===

* Methods and strategies to transfer the digital prototyped concepts to a real object / mechanism
* What to translate and how?
* Electronics introduction and Arduino
* Developing simple mechanical structures and principles

=== 9.1. - PROTOTYPING ===

=== 23.1. - PROTOTYPING, FINALIZING ===

=== 6.2. - PRESENTATION & DOCUMENTATION ===

== Research on existing "Pixel" Projects ==

Upload your findings with a short description and a link to this page:

'''[[/ResearchPixelProjects/]]'''

== Processing Code Examples ==

All code examples which were demonstrated during the class meetings are listed on this subpage:

'''[[/ProcessingSketches/]]'''

== Assignments ==

=== ASSIGNMENT 1 - 17.10.2014 ===
''' ''"Create three different patterns on paper and formulate these in code with properties using processing "'' '''

Upload your image and code sketches to the wiki here: '''[[/Patterns/]]'''

==Literature==

* Joshua Noble: Programming Interactivity, O’Reilly, ISBN 978-0596154141
* Casey Reas und Ben Fry: Processing, Mit Press, ISBN 978-0262182621

==Links==

tba.

[[Category:Frederic Gmeiner]]
[[Category:Martin Schied]]
[[Category:Physical Computing]]
[[Category:Processing]]
[[Category:Programming]]
[[Category:WS14]]
[[Category:Werkmodul]]
[[Category:Fachmodul]]
[[Category:Interface Design]]
[[Category:Frederic Gmeiner]]
[[Category:Martin Schied]]
[[Category:Physical Computing]]
[[Category:Processing]]
[[Category:Programming]]
[[Category:WS14]]
[[Category:Werkmodul]]
[[Category:Fachmodul]]
[[Category:Interface Design]]