Medien Wiki - User contributions [en]

Sabina Kim

2014-02-27T17:46:59Z

Vettpolmer:

=SABINA KIM=
==The documention==

----
'''The contents'''
* The outcomes of various in class assignments. Screenshots were taken as the final results.
* Preliminary visualisations for the Haus Am Horn 3D mockup.
* First attempt at designing the layout - basic wire framing.
* First attempts to create a functional mockup using exported 3D animations from Blender.
* Final Design of mockup.
* The html and css.
* The individually exported videos from Blender.

----
==In class exercises. The results have been screenshot.==
[[File:Sab1.png|500px]]
[[File:sab2.jpg|500px]]
[[File:sab3.jpg|500px]]
[[File:sab4.jpg|500px]]

----
==Haus Am Horn==
*Preliminary visualisations for the Haus Am Horn 3D mockup were set in motion through rough sketches. In conclusion, 2 ideas were presented; (top) a 3D overview of the house with a navigation bar on the left to help the user direct his/ her way through the plan, and a second (bottom) where the 3D model of the house is navigated purely using the arrows on each side of the page. The second was opted for the mockup assignment.

[[File:sab5.jpg|500px]]

*Mockup presentation. Basic wireframes were built to help visualise the mockup. This rough mockup which was built on Fireworks was presented in class.
[[File:sab6.png|500px]]

* Here are some screenshots of my working processes from Blender to implementing the videos in html.
All of the videos were animated and exported from Blender. Each video consisting of 2 secs of animation from every direction (left, right, above 'up' and ground level 'down'). The title and the arrows were created on illustrator.
[[File:sab7.png|500px]]
[[File:sab8.jpg|500px]]
[[File:sab9a.png|500px]]

==The Haus Am Horn mockup==
* Simple navigation to explore the 3D model of Haus Am Horn by using the orange arrows.
* Quick links are found on the corners of the wrapper: (I) Info, (H) History, (MAP), (C) Contact.
[[File:sab10.png|500px]]
* The html and css
[[File:sab12.png|500px]]

==Haus Am Horn animation videos==
* The animation videos that would be implemented in the mockup. 18 in total.
<videoflash type"youtube">watch?v=eWQXCFTDzxU</videoflash>
<videoflash type"youtube">watch?v=IUUjtOp7KyQ</videoflash>
<videoflash type"youtube">watch?v=434TtwDl2Q8</videoflash>
<videoflash type"youtube">watch?v=X1JvJTHxfsA</videoflash>
<videoflash type"youtube">watch?v=UHzutxvje50</videoflash>
<videoflash type"youtube">watch?v=cdsfM_l0ECM</videoflash>
<videoflash type"youtube">watch?v=Al25-gBEj8Q</videoflash>
<videoflash type"youtube">watch?v=G-FIZNAWPg8</videoflash>
<videoflash type"youtube">watch?v=Z0dnnV8I9k8</videoflash>
<videoflash type"youtube">watch?v=fSQ8bEit07M</videoflash>
<videoflash type"youtube">watch?v=3DN5dM6o4XY</videoflash>
<videoflash type"youtube">watch?v=cVltMfv7LvM</videoflash>
<videoflash type"youtube">watch?v=A6eWv1wjTTU</videoflash>
<videoflash type"youtube">watch?v=figvwLhWPoI</videoflash>
<videoflash type"youtube">watch?v=IUUjtOp7KyQ</videoflash>
<videoflash type"youtube">watch?v=DWFmkz_UvUU</videoflash>
<videoflash type"youtube">watch?v=7cGgqgEzd6E</videoflash>
<videoflash type"youtube">watch?v=eiB-lUq5ClY</videoflash>

[[Category:Student]]

Sabina Kim

2014-02-27T17:44:49Z

Vettpolmer:

Sabina Kim

2014-02-27T17:43:49Z

Vettpolmer:

=SABINA KIM=
==The documention==

----
'''The contents'''
* The outcomes of various in class assignments. Screenshots were taken as the final results.
* Preliminary visualisations for the Haus Am Horn 3D mockup.
* First attempt at designing the layout - basic wire framing.
* First attempts to create a functional mockup using exported 3D animations from Blender.
* Final Design of mockup.
* The html and css.
* The individually exported videos from Blender.

----
==In class exercises. The results have been screenshot.==
[[File:Sab1.png|500px]]
[[File:sab2.jpg|500px]]
[[File:sab3.jpg|500px]]
[[File:sab4.jpg|500px]]

----
==Haus Am Horn==
*Preliminary visualisations for the Haus Am Horn 3D mockup were set in motion through rough sketches. In conclusion, 2 ideas were presented; (top) a 3D overview of the house with a navigation bar on the left to help the user direct his/ her way through the plan, and a second (bottom) where the 3D model of the house is navigated purely using the arrows on each side of the page. The second was opted for the mockup assignment.

[[File:sab5.jpg|500px]]

*Mockup presentation. Basic wireframes were built to help visualise the mockup. This rough mockup which was built on Fireworks was presented in class.
[[File:sab6.png|500px]]

* Here are some screenshots of my working processes from Blender to implementing the videos in html.
All of the videos were animated and exported from Blender. Each video consisting of 2 secs of animation from every direction (left, right, above 'up' and ground level 'down'). The title and the arrows were created on illustrator.
[[File:sab7.png|500px]]
[[File:sab8.jpg|500px]]
[[File:sab9a.png|500px]]

==The Haus Am Horn mockup==
* Simple navigation to explore the 3D model of Haus Am Horn by using the orange arrows.
* Quick links are found on the corners of the wrapper: (I) Info, (H) History, (MAP), (C) Contact.
[[File:sab10.png|500px]]
* The html and css
[[File:sab12.png|500px]]

==The animation videos that would be implemented in the mockup==
<videoflash type"youtube">watch?v=eWQXCFTDzxU</videoflash>
<videoflash type"youtube">watch?v=IUUjtOp7KyQ</videoflash>
<videoflash type"youtube">watch?v=434TtwDl2Q8</videoflash>
<videoflash type"youtube">watch?v=X1JvJTHxfsA</videoflash>
<videoflash type"youtube">watch?v=UHzutxvje50</videoflash>
<videoflash type"youtube">watch?v=cdsfM_l0ECM</videoflash>
<videoflash type"youtube">watch?v=Al25-gBEj8Q</videoflash>
<videoflash type"youtube">watch?v=G-FIZNAWPg8</videoflash>
<videoflash type"youtube">watch?v=Z0dnnV8I9k8</videoflash>
<videoflash type"youtube">watch?v=fSQ8bEit07M</videoflash>
<videoflash type"youtube">watch?v=3DN5dM6o4XY</videoflash>
<videoflash type"youtube">watch?v=cVltMfv7LvM</videoflash>
<videoflash type"youtube">watch?v=A6eWv1wjTTU</videoflash>
<videoflash type"youtube">watch?v=figvwLhWPoI</videoflash>
<videoflash type"youtube">watch?v=IUUjtOp7KyQ</videoflash>
<videoflash type"youtube">watch?v=DWFmkz_UvUU</videoflash>
<videoflash type"youtube">watch?v=7cGgqgEzd6E</videoflash>

[[Category:Student]]

Sabina Kim

2014-02-27T17:40:23Z

Vettpolmer:

=SABINA KIM=
==The documention==

----
'''The contents'''
* The outcomes of various in class assignments. Screenshots were taken as the final results.
* Preliminary visualisations for the Haus Am Horn 3D mockup.
* First attempt at designing the layout - basic wire framing.
* First attempts to create a functional mockup using exported 3D animations from Blender.
* Final Design of mockup.
* The html and css.
* The individually exported videos from Blender.

----
==In class exercises. The results have been screenshot.==
[[File:Sab1.png|500px]]
[[File:sab2.jpg|500px]]
[[File:sab3.jpg|500px]]
[[File:sab4.jpg|500px]]

----
==Haus Am Horn==
*Preliminary visualisations for the Haus Am Horn 3D mockup were set in motion through rough sketches. In conclusion, 2 ideas were presented; (top) a 3D overview of the house with a navigation bar on the left to help the user direct his/ her way through the plan, and a second (bottom) where the 3D model of the house is navigated purely using the arrows on each side of the page. The second was opted for the mockup assignment.

[[File:sab5.jpg|500px]]

*Mockup presentation. Basic wireframes were built to help visualise the mockup. This rough mockup which was built on Fireworks was presented in class.
[[File:sab6.png|500px]]

* Here are some screenshots of my working processes from Blender to implementing the videos in html.
All of the videos were animated and exported from Blender. Each video consisting of 2 secs of animation from every direction (left, right, above 'up' and ground level 'down'). The title and the arrows were created on illustrator.
[[File:sab7.png|500px]]
[[File:sab8.jpg|500px]]
[[File:sab9a.png|500px]]
[[File:sab10.png|500px]]
[[File:sab12.png|500px]]
<videoflash type"youtube">watch?v=eWQXCFTDzxU</videoflash>
<videoflash type"youtube">watch?v=IUUjtOp7KyQ</videoflash>
<videoflash type"youtube">watch?v=434TtwDl2Q8</videoflash>
<videoflash type"youtube">watch?v=X1JvJTHxfsA</videoflash>
<videoflash type"youtube">watch?v=UHzutxvje50</videoflash>
<videoflash type"youtube">watch?v=cdsfM_l0ECM</videoflash>
<videoflash type"youtube">watch?v=Al25-gBEj8Q</videoflash>
<videoflash type"youtube">watch?v=G-FIZNAWPg8</videoflash>
<videoflash type"youtube">watch?v=Z0dnnV8I9k8</videoflash>
<videoflash type"youtube">watch?v=fSQ8bEit07M</videoflash>
<videoflash type"youtube">watch?v=3DN5dM6o4XY</videoflash>
<videoflash type"youtube">watch?v=cVltMfv7LvM</videoflash>
<videoflash type"youtube">watch?v=A6eWv1wjTTU</videoflash>
<videoflash type"youtube">watch?v=figvwLhWPoI</videoflash>
<videoflash type"youtube">watch?v=IUUjtOp7KyQ</videoflash>
<videoflash type"youtube">watch?v=DWFmkz_UvUU</videoflash>
<videoflash type"youtube">watch?v=7cGgqgEzd6E</videoflash>

[[Category:Student]]

Sabina Kim

2014-02-27T17:35:54Z

Vettpolmer:

=SABINA KIM=
==The documention==

----
'''The contents'''
* The outcomes of various in class assignments. Screenshots were taken as the final results.
* Preliminary visualisations for the Haus Am Horn 3D mockup.
* First attempt at designing the layout - basic wire framing.
* First attempts to create a functional mockup using exported 3D animations from Blender.
* Final Design of mockup.
* The html and css.
* The individually exported videos from Blender.

----
==In class exercises. The results have been screenshot.==
[[File:Sab1.png|500px]]
[[File:sab2.jpg|500px]]
[[File:sab3.jpg|500px]]
[[File:sab4.jpg|500px]]

----
==Haus Am Horn==
*Preliminary visualisations for the Haus Am Horn 3D mockup were set in motion through rough sketches. In conclusion, 2 ideas were presented; (top) a 3D overview of the house with a navigation bar on the left to help the user direct his/ her way through the plan, and a second (bottom) where the 3D model of the house is navigated purely using the arrows on each side of the page. The second was opted for the mockup assignment.

[[File:sab5.jpg|500px]]

*Mockup presentation. Basic wireframes were built to help visualise the mockup. This rough mockup which was built on Fireworks was presented in class.
[[File:sab6.png|500px]]

* Here are some screenshots of my working processes from Blender to implementing the videos in html.
[[File:sab7.png|500px]]
[[File:sab8.jpg|500px]]
[[File:sab9.png|500px]]
[[File:sab9a.png|500px]]
[[File:sab10.png|500px]]
[[File:sab12.png|500px]]
<videoflash type"youtube">watch?v=eWQXCFTDzxU</videoflash>
<videoflash type"youtube">watch?v=IUUjtOp7KyQ</videoflash>
<videoflash type"youtube">watch?v=434TtwDl2Q8</videoflash>
<videoflash type"youtube">watch?v=X1JvJTHxfsA</videoflash>
<videoflash type"youtube">watch?v=UHzutxvje50</videoflash>
<videoflash type"youtube">watch?v=cdsfM_l0ECM</videoflash>
<videoflash type"youtube">watch?v=Al25-gBEj8Q</videoflash>
<videoflash type"youtube">watch?v=G-FIZNAWPg8</videoflash>
<videoflash type"youtube">watch?v=Z0dnnV8I9k8</videoflash>
<videoflash type"youtube">watch?v=fSQ8bEit07M</videoflash>
<videoflash type"youtube">watch?v=3DN5dM6o4XY</videoflash>
<videoflash type"youtube">watch?v=cVltMfv7LvM</videoflash>
<videoflash type"youtube">watch?v=A6eWv1wjTTU</videoflash>
<videoflash type"youtube">watch?v=figvwLhWPoI</videoflash>
<videoflash type"youtube">watch?v=IUUjtOp7KyQ</videoflash>
<videoflash type"youtube">watch?v=DWFmkz_UvUU</videoflash>
<videoflash type"youtube">watch?v=7cGgqgEzd6E</videoflash>

[[Category:Student]]

Sabina Kim

2014-02-27T17:25:43Z

Vettpolmer:

Sabina Kim

2014-02-27T17:22:45Z

Vettpolmer:

Sabina Kim

2014-02-27T17:19:28Z

Vettpolmer:

Sabina Kim

2014-02-27T17:19:08Z

Vettpolmer:

Sabina Kim

2014-02-27T17:17:22Z

Vettpolmer:

Sabina Kim

2014-02-27T16:59:33Z

Vettpolmer:

''SABINA KIM''
''The documention''
'''The contents'''
+ The outcomes of various in class assignments. Screenshots were taken as the final results.
+ Preliminary visualisations for the Haus Am Horn 3D mockup.
+ First attempt at designing the layout - basic wire framing.
+ First attempts to create a functional mockup using exported 3D animations from Blender.
+ Final Design of mockup.
+ The html and css.
+ The individually exported videos from Blender.
[[File:Sab1.png|500px]]
[[File:sab2.jpg|500px]]
[[File:sab3.jpg|500px]]
[[File:sab4.jpg|500px]]
[[File:sab5.jpg|500px]]
[[File:sab6.png|500px]]
[[File:sab7.png|500px]]
[[File:sab8.jpg|500px]]
[[File:sab9.png|500px]]
[[File:sab9a.png|500px]]
[[File:sab10.png|500px]]
[[File:sab12.png|500px]]
<videoflash type"youtube">watch?v=eWQXCFTDzxU</videoflash>
<videoflash type"youtube">watch?v=IUUjtOp7KyQ</videoflash>
<videoflash type"youtube">watch?v=434TtwDl2Q8</videoflash>
<videoflash type"youtube">watch?v=X1JvJTHxfsA</videoflash>
<videoflash type"youtube">watch?v=UHzutxvje50</videoflash>
<videoflash type"youtube">watch?v=cdsfM_l0ECM</videoflash>
<videoflash type"youtube">watch?v=Al25-gBEj8Q</videoflash>
<videoflash type"youtube">watch?v=G-FIZNAWPg8</videoflash>
<videoflash type"youtube">watch?v=Z0dnnV8I9k8</videoflash>
<videoflash type"youtube">watch?v=fSQ8bEit07M</videoflash>
<videoflash type"youtube">watch?v=3DN5dM6o4XY</videoflash>
<videoflash type"youtube">watch?v=cVltMfv7LvM</videoflash>
<videoflash type"youtube">watch?v=A6eWv1wjTTU</videoflash>
<videoflash type"youtube">watch?v=figvwLhWPoI</videoflash>
<videoflash type"youtube">watch?v=IUUjtOp7KyQ</videoflash>
<videoflash type"youtube">watch?v=DWFmkz_UvUU</videoflash>
<videoflash type"youtube">watch?v=7cGgqgEzd6E</videoflash>

[[Category:Student]]

Sabina Kim

2014-02-27T15:42:06Z

Vettpolmer:

{{Template:MarkedForDeletion}}
[[File:Sab1.png|500px]]
[[File:sab2.jpg|500px]]
[[File:sab3.jpg|500px]]
[[File:sab4.jpg|500px]]
[[File:sab5.jpg|500px]]
[[File:sab6.png|500px]]
[[File:sab7.png|500px]]
[[File:sab8.jpg|500px]]
[[File:sab9.png|500px]]
[[File:sab9a.png|500px]]
[[File:sab10.png|500px]]
[[File:sab12.png|500px]]
<videoflash type"youtube">watch?v=eWQXCFTDzxU</videoflash>
<videoflash type"youtube">watch?v=IUUjtOp7KyQ</videoflash>
<videoflash type"youtube">watch?v=434TtwDl2Q8</videoflash>
<videoflash type"youtube">watch?v=X1JvJTHxfsA</videoflash>
<videoflash type"youtube">watch?v=UHzutxvje50</videoflash>
<videoflash type"youtube">watch?v=cdsfM_l0ECM</videoflash>
<videoflash type"youtube">watch?v=Al25-gBEj8Q</videoflash>
<videoflash type"youtube">watch?v=G-FIZNAWPg8</videoflash>
<videoflash type"youtube">watch?v=Z0dnnV8I9k8</videoflash>
<videoflash type"youtube">watch?v=fSQ8bEit07M</videoflash>
<videoflash type"youtube">watch?v=3DN5dM6o4XY</videoflash>
<videoflash type"youtube">watch?v=cVltMfv7LvM</videoflash>
<videoflash type"youtube">watch?v=A6eWv1wjTTU</videoflash>
<videoflash type"youtube">watch?v=figvwLhWPoI</videoflash>
<videoflash type"youtube">watch?v=IUUjtOp7KyQ</videoflash>
<videoflash type"youtube">watch?v=DWFmkz_UvUU</videoflash>
<videoflash type"youtube">watch?v=7cGgqgEzd6E</videoflash>

[[Category:Student]]

Sabina Kim

2014-02-27T15:41:12Z

Vettpolmer:

{{Template:MarkedForDeletion}}
[[File:Sab1.png|500px]]
[[File:sab2.jpg|500px]]
[[File:sab3.jpg|500px]]
[[File:sab4.jpg|500px]]
[[File:sab5.jpg|500px]]
[[File:sab6.png|500px]]
[[File:sab7.png|500px]]
[[File:sab8.jpg|500px]]
[[File:sab9.png|500px]]
[[File:sab9a.png|500px]]
[[File:sab10.png|500px]]
[[File:sab12.png|500px]]
<videoflash type"youtube">watch?v=eWQXCFTDzxU</videoflash>
<videoflash type"youtube">watch?v=IUUjtOp7KyQ</videoflash>
<videoflash type"youtube">watch?v=watch?v=434TtwDl2Q8</videoflash>
<videoflash type"youtube">watch?v=X1JvJTHxfsA</videoflash>
<videoflash type"youtube">watch?v=UHzutxvje50</videoflash>
<videoflash type"youtube">watch?v=cdsfM_l0ECM</videoflash>
<videoflash type"youtube">watch?v=Al25-gBEj8Q</videoflash>
<videoflash type"youtube">watch?v=G-FIZNAWPg8</videoflash>
<videoflash type"youtube">watch?v=Z0dnnV8I9k8</videoflash>
<videoflash type"youtube">watch?v=fSQ8bEit07M</videoflash>
<videoflash type"youtube">watch?v=3DN5dM6o4XY</videoflash>
<videoflash type"youtube">watch?v=cVltMfv7LvM</videoflash>
<videoflash type"youtube">watch?v=A6eWv1wjTTU</videoflash>
<videoflash type"youtube">watch?v=figvwLhWPoI</videoflash>
<videoflash type"youtube">watch?v=IUUjtOp7KyQ</videoflash>
<videoflash type"youtube">watch?v=DWFmkz_UvUU</videoflash>
<videoflash type"youtube">watch?v=7cGgqgEzd6E</videoflash>

[[Category:Student]]

Sabina Kim

2014-02-27T15:36:29Z

Vettpolmer:

{{Template:MarkedForDeletion}}
[[File:Sab1.png|500px]]
[[File:sab2.jpg|500px]]
[[File:sab3.jpg|500px]]
[[File:sab4.jpg|500px]]
[[File:sab5.jpg|500px]]
[[File:sab6.png|500px]]
[[File:sab7.png|500px]]
[[File:sab8.jpg|500px]]
[[File:sab9.png|500px]]
[[File:sab9a.png|500px]]
[[File:sab10.png|500px]]
[[File:sab12.png|500px]]
<videoflash type"youtube">watch?v=eWQXCFTDzxU</videoflash>
<videoflash type"youtube">watch?v=mDc7Dh_t_XU</videoflash>
<videoflash type"youtube">watch?v=watch?v=434TtwDl2Q8</videoflash>
<videoflash type"youtube">watch?v=X1JvJTHxfsA</videoflash>
<videoflash type"youtube">watch?v=UHzutxvje50</videoflash>
<videoflash type"youtube">watch?v=cdsfM_l0ECM</videoflash>
<videoflash type"youtube">watch?v=Al25-gBEj8Q</videoflash>
<videoflash type"youtube">watch?v=G-FIZNAWPg8</videoflash>
<videoflash type"youtube">watch?v=Z0dnnV8I9k8</videoflash>
<videoflash type"youtube">watch?v=fSQ8bEit07M</videoflash>
<videoflash type"youtube">watch?v=3DN5dM6o4XY</videoflash>
<videoflash type"youtube">watch?v=cVltMfv7LvM</videoflash>
<videoflash type"youtube">watch?v=A6eWv1wjTTU</videoflash>
<videoflash type"youtube">watch?v=figvwLhWPoI</videoflash>
<videoflash type"youtube">watch?v=IUUjtOp7KyQ</videoflash>
<videoflash type"youtube">watch?v=DWFmkz_UvUU</videoflash>
<videoflash type"youtube">watch?v=7cGgqgEzd6E</videoflash>

[[Category:Student]]

Sabina Kim

2014-02-27T15:35:17Z

Vettpolmer:

{{Template:MarkedForDeletion}}
[[File:Sab1.png|500px]]
[[File:sab2.jpg|500px]]
[[File:sab3.jpg|500px]]
[[File:sab4.jpg|500px]]
[[File:sab5.jpg|500px]]
[[File:sab6.png|500px]]
[[File:sab7.png|500px]]
[[File:sab8.jpg|500px]]
[[File:sab9.png|500px]]
[[File:sab9a.png|500px]]
[[File:sab10.png|500px]]
[[File:sab12.png|500px]]
<videoflash type"youtube">watch?v=eWQXCFTDzxU</videoflash>
<videoflash type"youtube">watch?v=mDc7Dh_t_XU</videoflash>
<videoflash type"youtube">watch?v=watch?v=434TtwDl2Q8</videoflash>
<videoflash type"youtube">watch?v=X1JvJTHxfsA</videoflash>
<videoflash type"youtube">watch?v=UHzutxvje50</videoflash>
<videoflash type"youtube">watch?v=cdsfM_l0ECM</videoflash>
<videoflash type"youtube">watch?v=Al25-gBEj8Q</videoflash>
<videoflash type"youtube">watch?v=G-FIZNAWPg8</videoflash>
<videoflash type"youtube">watch?v=Z0dnnV8I9k8</videoflash>
<videoflash type"youtube">watch?v=fSQ8bEit07M</videoflash>
<videoflash type"youtube">watch?v=3DN5dM6o4XY</videoflash>
<videoflash type"youtube">watch?v=cVltMfv7LvM</videoflash>
<videoflash type"youtube">watch?v=A6eWv1wjTTU</videoflash>
<videoflash type"youtube">watch?v=figvwLhWPoI</videoflash>
<videoflash type"youtube">watch?v=IUUjtOp7KyQ</videoflash>
<videoflash type"youtube">watch?v=eiB-lUq5ClY</videoflash>
<videoflash type"youtube">watch?v=eiB-lUq5ClY</videoflash>
<videoflash type"youtube">watch?v=eiB-lUq5ClY</videoflash>
<videoflash type"youtube">watch?v=eiB-lUq5ClY</videoflash>
<videoflash type"youtube">watch?v=eiB-lUq5ClY</videoflash>
<videoflash type"youtube">watch?v=eiB-lUq5ClY</videoflash>
<videoflash type"youtube">watch?v=eiB-lUq5ClY</videoflash>
<videoflash type"youtube">watch?v=eiB-lUq5ClY</videoflash>

[[Category:Student]]

Sabina Kim

2014-02-27T15:28:24Z

Vettpolmer:

Sabina Kim

2014-02-27T08:45:34Z

Vettpolmer:

File:Sab12.png

2014-02-27T08:45:23Z

Vettpolmer:

== Summary ==

== Copyright status: ==

== Source: ==

Sabina Kim

2014-02-27T08:44:04Z

Vettpolmer:

File:Sab11.png

2014-02-27T08:43:51Z

Vettpolmer:

== Summary ==

== Copyright status: ==

== Source: ==

File:Sab10.png

2014-02-27T08:43:27Z

Vettpolmer:

== Summary ==

== Copyright status: ==

== Source: ==

File:Sab9a.png

2014-02-27T08:43:07Z

Vettpolmer:

== Summary ==

== Copyright status: ==

== Source: ==

File:Sab9.png

2014-02-27T08:42:20Z

Vettpolmer:

== Summary ==

== Copyright status: ==

== Source: ==

File:Sab8.jpg

2014-02-27T08:41:58Z

Vettpolmer:

== Summary ==

== Copyright status: ==

== Source: ==

File:Sab7.png

2014-02-27T08:41:24Z

Vettpolmer:

== Summary ==

== Copyright status: ==

== Source: ==

File:Sab6.png

2014-02-27T08:40:55Z

Vettpolmer:

== Summary ==

== Copyright status: ==

== Source: ==

File:Sab5.jpg

2014-02-27T08:40:29Z

Vettpolmer:

== Summary ==

== Copyright status: ==

== Source: ==

File:Sab4.jpg

2014-02-27T08:39:35Z

Vettpolmer:

== Summary ==

== Copyright status: ==

== Source: ==

File:Sab3.jpg

2014-02-27T08:38:47Z

Vettpolmer:

== Summary ==

== Copyright status: ==

== Source: ==

Sabina Kim

2014-02-27T08:38:18Z

Vettpolmer:

{{Template:MarkedForDeletion}}
[[File:Sab1.png|500px]]
[[File:sab2.jpg|500px]]

[[Category:Student]]

Sabina Kim

2014-02-27T08:37:50Z

Vettpolmer:

{{Template:MarkedForDeletion}}
[[File:sSab1.PNG|500px]]
[[File:sab2.jpg|500px]]

[[Category:Student]]

Sabina Kim

2014-02-27T08:34:57Z

Vettpolmer:

{{Template:MarkedForDeletion}}
[[File:sab1.PNG]]
[[File:sab2.jpg]]

[[Category:Student]]

File:Sab2.jpg

2014-02-27T08:34:14Z

Vettpolmer:

== Summary ==

== Copyright status: ==

== Source: ==

Sabina Kim

2014-02-27T08:33:44Z

Vettpolmer:

{{Template:MarkedForDeletion}}
[[File:sab1.PNG]]

[[Category:Student]]

Sabina Kim

2014-02-27T08:33:13Z

Vettpolmer:

{{Template:MarkedForDeletion}}
[[File:SAB1.PNG]]

[[Category:Student]]

File:Sab1.png

2014-02-27T08:32:07Z

Vettpolmer:

== Summary ==

== Copyright status: ==

== Source: ==

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

2014-02-27T06:43:55Z

Vettpolmer:

== Prototypes ==
* [[Gianluca Pandolfo]]
* [[Sabina Kim]]
* [[Name]]
* [[Name]]
* [[Name]]
* [[Name]]
* [[Name]]

IFD:Mobile Apps with HTML5/Sabina

2013-11-10T19:23:13Z

Vettpolmer:

----

03.11.13 Aufgabe01

'''== - DAS MENÜ =='''

[[File:SabSketch.png|250px]]

[[File:ScreenShot01.png|250px]]

[[File:SabinaHomework1.png|250px]]

[[File:SabinaHomework2.png|250px]]

----
----

[[Category:Excursion]]

File:SabinaHomework2.png

2013-11-10T19:22:30Z

Vettpolmer: SabinaHomework2

== Summary ==
SabinaHomework2
== Copyright status: ==

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

File:SabinaHomework1.png

2013-11-10T19:20:38Z

Vettpolmer: SabinaHomework1

== Summary ==
SabinaHomework1
== Copyright status: ==

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

IFD:Mobile Apps with HTML5/Sabina

2013-11-03T17:44:25Z

Vettpolmer:

----

03.11.13 Aufgabe01

'''== - DAS MENÜ =='''

[[File:SabSketch.png|250px]]

[[File:ScreenShot01.png|250px]]

----
----

[[Category:Excursion]]

File:ScreenShot01.png

2013-11-03T17:42:43Z

Vettpolmer: Screen Shot for HTML5 Web by Sabina Kim

== Summary ==
Screen Shot for HTML5 Web by Sabina Kim
== Copyright status: ==

== Source: ==

File:SabSketch.png

2013-11-03T17:40:05Z

Vettpolmer: Sabina Sketch for Mobile Web

== Summary ==
Sabina Sketch for Mobile Web
== Copyright status: ==

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

IFD:Mobile Apps with HTML5/Sabina

2013-11-03T17:35:49Z

Vettpolmer:

03.11.13 Aufgabe01

----

'''== - DAS MENÜ =='''

IFD:Mobile Apps with HTML5/Sabina

2013-11-03T17:35:33Z

Vettpolmer:

03.11.13 Aufgabe01

----

'''== - DAS MENÜ =='''

[[File:sketch.jpg]]

File:Sketch.jpg

2013-11-03T17:33:35Z

Vettpolmer: uploaded a new version of "File:Sketch.jpg": Sketch by Sabina Kim

IFD:Mobile Apps with HTML5/Sabina

2013-11-03T15:02:46Z

Vettpolmer: Created page with "03.11.13 Aufgabe01 ---- '''== - DAS MENÜ =='''"

03.11.13 Aufgabe01

----

'''== - DAS MENÜ =='''

IFD:Mobile Apps with HTML5

2013-11-03T15:01:04Z

Vettpolmer:

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

==Beschreibung==

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

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

Themen:
* siehe englische Auflistung

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

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

==English description==

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

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

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

This course will most likely be held in English

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

== Registration Procedure ==


THE COURSE IS FULL. NO MORE REGISTRATIONS ACCEPTED.

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

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

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

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

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

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

== Links ==

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

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

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

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

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

GMU:Bild zu Ton, Ton zu Bild/Projekte

2010-03-31T12:28:36Z

Vettpolmer: /* Sabina Kim: Stop motion */

Im Kurs [[GMU:Bild_zu_Ton,_Ton_zu_Bild|Bild zu Ton, Ton zu Bild]] entstehende Projekte der Studierenden:

==[[Matthias Breuer]]: Bild-Ton Wandler==
[[GMU:Bild-Ton-Wandler|Bild-Ton-Wandler]]

[[GMU:LVDj 2|LVDj 2]]

==[[Georg Frömelt]]: Die Sieben Todsünden==

[[Die Sieben Todsünden]]

==[[Danny Hanse]]: Zugfahrt==

*[http://en.wikipedia.org/wiki/Step_Across_the_Border Step Across the Border]
*[http://de.wikipedia.org/wiki/Michel_Gondry Michel Gondry]: [http://video.google.de/videosearch?q=star+guitar Star Guitar] von den [http://de.wikipedia.org/wiki/Chemical_Brothers (Chemical Brothers)]

<videoflash type="vimeo">2335306|300|220</videoflash>
von [http://www.chaosmoon.info chaosmoon]

==[[Christian Hellmann]]: Schwarze Welle==

In einer schwarzen Box eine schwarze Welle. die Welle wird erzeugt durch die Rotation zweier Motoren, die mit einer schwarzen Schnur, einem Strick oder ähnlichem verbunden sind. Ein Beamer projiziert eine weiße Linie auf die Welle. Scannt sie quasi. Durch das Scannen der Welle schwimmt sie wie hier:

<flash>file=swimfast.swf|width=110|height=110|bgcolor=#000000|scale=exactfit|quality=best</flash>
<flash>file=swimslow.swf|width=110|height=110|bgcolor=#000000|scale=exactfit|quality=best</flash> 

Durch stroboskopartiges Aufblitzen erkennt man jeweils nur eine Hälfte der Welle.
 
<flash>file=upper_1.swf|width=110|height=110|bgcolor=#000000|scale=exactfit|quality=best</flash>
<flash>file=upper_2.swf|width=110|height=110|bgcolor=#000000|scale=exactfit|quality=best</flash> 

Eine Herausforderung wird es sein Intervall und Projektion zu synchronisieren. Das Interessante jedoch das Brechen der Synchronisation und das Spiel verschiedener Tempi. 

Aufbauskizzen:
 
[[File:motor&beamer.png|120px]]
[[File:motor&beamer&lap&case&arduino.png|120px]]
[[File:Controlfanspeed.png‎|120px]]

==[[Sabina Kim]]: Stop motion==

[[GMU:Sabinas_Work|Sabinas Work]] 
Musik video - Stell dir vor, als Fremder, durch die Starssen Weimars 
zu laufen, dabei frägst du dich was wirklich hinter den schönen Fassaden steckt. 
[[File:frontImage.jpg|320px]]

==[[Konstantin Knust]]==
==[[Johann Niegl]]: Animierte Bildfragmente==
[[GMU:Animierte Bildfragmente|Animierte Bildfragmente]]

[[Quake|Quake]]

==[[Cédric Richard]]==

Projekt :

My project is about music generating pictures by computer, and more espacially with Pure Data. The aim is to create a kind of numeric painting illustrating different sources of sounds and music, with simple forms, colors and movements.

Artists and Influences:

For this project, I thought a lot about 3 artists : '''Kandinsky''', '''Fishinger''' and '''McLaren'''.

'''Kandinsky''', because one of his focus was to translate music by painting, or at least to paint like a composer. His forms, lines, colors act like interruptions, pieces of rhythms, notes, and give a feeling of music in one picture. I could say that my goal would be to recreate a kind of living Kandinsky's painting, but there is a big difference between his work and my project, even bigger than the question of movement itself : the '''composition'''. The pictures of Kandinsky are over-composed, really calculated, whereas with computer generating imagery, I can only get a '''random result''', I mean in the way I use it. Here I just can configurate some possible kinds of forms, movements or colors, but the way they appear (''size, appearence, location, RGB result or opacity'') depends of music and computer more than me. So I can't chose exactly the result, and plan a composition.
[[File:compositionVIII.jpg]] ''W. Kandinsky, Composition VIII''

However we can notice the code of Kandinsky, which could be the beginning of a automatic process.

With '''Fischinger''' and '''McLaren''', the movement is here, even if it's still ofen a question of composition, especially with Fischinger. But we can find a kind of random result with the scratched footages of McLaren, and this idea of '''savage interruptions or marks'''.

[http://www.youtube.com/watch?v=jiJR1ET715M] Here is short-movie directed by Norman McLaren in 1971, and called ''Syncromie''. The visuals ,linked to the sound, is clearly influenced by computer and digital imagery.

I'm also interrested in the work of TVestroy (who creates live sound and music with animations) and Billy Roisz and Dieb13 (who create pictures by sound, and work on feedbacks between them). Those performers work on cable bending. Even if it's not exactly what I do, there is this idea of generation by audio or video signal, using computers.

Pure Data :

In my work, I use mainly 2 kinds of informations : the ''pitch'' and the ''amplitude''. For some sources (percussion, piano, ..), I also use the ''attack'' information.

==[[Maria Schween]]: Was ist eine Frau?==
===Rom-Italien===

Es gibt hier vielzählige Umstände, die einem sozusagen ins Auge springen und anregend für das künstlerische Schaffen sind.

*Rom hat wenig Platz für junge Kultur, daher möchte ich ein Konzert realisieren am geeignetsten scheint mir ein Autotunnel, da es dort viel ungenutzten Platz gibt und den im Überfluss, somit wäre dann auch die Lebensqualität während des täglichen Staus gesichert.

*Berlusconi hat es auf das Titelblatt des italienischen Rolling Stone geschafft. Ich möchte einen Song eines echten Rockstars mit den Worten Berlusconis synchronisieren, um dem Titelbild auch die notwendige Musik zu liefern. Ich finde es auch sehr interessant, wie die Erscheinung des äußerst ironisch verfassten Artikels im Rest der Welt und von Berlusconis Zeitung gesehen wird.
*[http://www.rollingstonemagazine.it/notizie/silvio-berlusconi-rockstar-dell-anno-boom-sul-web rollingstonemagazine.it] vgl.: [http://www.welt.de/vermischtes/article5317289/Magazin-kuert-Berlusconi-zu-Rockstar-des-Jahres.html www.welt.de]

*Ich möchte mir Rom nicht nur visuell sondern auch akustisch erschließen, das heißt Lieder über und aus Rom analysieren und bearbeiten, wie zum Beispiel folgende.
*[http://www.romaspqr.it/roma/Canzoni_de_roma.htm Canzoni de Roma]

===Die Rolle der Frau===
*[http://www.kleinezeitung.at/nachrichten/leute/576749/index.do Magersuchtproblem in Italien]
*[http://www.youtube.com/watch?v=gM8QEWU8eUk&feature=player_embedded Filmausschnitt eines typisch italienischen Paares]
*[http://www.mediaartnet.org/werke/die-geburtenmadonna Valie Export]
*[http://www.youtube.com/watch?v=2fmo1Sjn7dg&feature=PlayList&p=39682D14CDFA5A4B&index=4 hier noch ein Beispiel von Cunningham]
*[http://www.youtube.com/watch?v=_teGtgK2C1Q&feature=related Schnellkurs für Politikerinnen bei Berlusconi]
[http://www.cinemed.tm.fr/cgi-bin/film/film.cgi?id=05765&festi=41&uk= Nil Yalter], eine 1965 aus der Türkei nach Paris emigrierte Feministin (vor allem durch ihre ethnologischen Arbeiten mit türkischen Gastarbeitern und, gemeinsam mit der „Groupe de 4“, durch den Film über das Frauengefängnis „La Roquette¡ bekannt) widmete der Unterdrückung und Leugnung der Klitoris in der türkischen Kultur einen halbstündigen Bauchtanz vor dem VideoMonitor. Zunächst zentrisch um den Nabel und dann linear auf den Bauch schreibt sie den aufklärenden Text einer Ethnologin. Während sie ihren Bauch „konkav und konvex“ bewegt, erfaßt die Kamera das Zentrum ihres Körpers ruhig und ohne Distanzveränderung. Mehr ereignet sich nicht. Diese Replik auf ein oppressives Kulturerbe kann nur durch eine Erklärung der Künstlerin erschlossen werden. Sie berichtete mir, in einigen Dörfern der Türkei habe noch heute der Ehemann das Recht, die unfruchtbare oder aufmüpfige Frau zum Dorfgeistlichen zu „schleppen“. Der Geistliche schreibe dann abergläubische, kyrillische Schriftzüge auf den Bauch der Frau. Da er das Kyrillische nicht mehr perfekt beherrscht, hat er, wenn er sich verschreibt, das Recht, mit der Zunge auf ihrem Bauch die fehlerhaften Schriftzüge zu löschen, um den Text korrekt zu vollenden.

===Studien===
DONNA1
<videoflash type="youtube">-RRCxdpV2eo|410|300</videoflash>
APFEL 
[[Image:Apfel.JPG|600px]]
APFELSTILL
<videoflash type="youtube">VxMTGWCrrpU|410|300</videoflash>

[[Category:Projektliste]]

File:FrontImage.jpg

2010-03-31T12:27:51Z

Vettpolmer: