Medien Wiki - User contributions [en]

Belikova Marina

2014-03-31T21:59:06Z

Belikova:

Three Dimesional Web Interfaces submission
by Belikova Marina

1. Visualization of the music - we can see it in lines, that move according to the sound, so that the visualization reminds some weird music instrument. The line length change from the longer to the shorter ones.

[[File:music.png]]

[http://www.memymilk.1gb.ru/threeweb/music/ The link]

2. The first attempt of exporting an object from Blender into the browser:

[[File:cube.png]]

3. Playing with the solar system model, making a simple navigation, clicking on the "buttons" places us near one or other planet of the solar system:

[[File:solar1.jpg]]

[[File:solar2.jpg]]

[http://www.memymilk.1gb.ru/threeweb/solar/ The link]

4. The model of a building (here - tower), an example of using a model from Blender in the browser. We can navigate around freely, coming further and closer etc. The tower is "located" on a piece of a ground.

[[File:tower.png]]

[http://www.memymilk.1gb.ru/threeweb/tower/ The link]

5. The same tower, this time with the simple navigation, that gives you an opportunity to have a look from two fixed different points of view:

[[File:oneside.jpg]]

[[File:otherside.jpg]]

[http://www.memymilk.1gb.ru/threeweb/tower2/ The link]

6. These are the screenshots from the work on the texture - first making the mapping of the tower, then using the file in photoshop in order to apply different colours and textures:

[[File:towertex.png]]

[[File:texture.png]]

7. Haus am Horn
I wanted the navigation to look interesting, on the one hand to be readable and convenient, but on the other to be fun visually, so I thought I could imitate some old paper plan, like old pirate maps. I used the blueprint of the house combined with the paper texture I made by putting usual paper into tea and coffee and then scanning these pages.
Clicking on the links allows to see the house from different sides.
I also experimented with different light colours on the different sides of the house - it doesn't prevent the viewer from seeing the details but makes the model look more interesting.

[[File:house1.jpg]]

[[File:house2.jpg]]

[[File:house3.jpg]]

[[File:house4.jpg]]

[[File:house5.jpg]]

[http://memymilk.1gb.ru/threeweb/final/index2.html The link]

Belikova Marina

2014-03-31T21:57:24Z

Belikova:

Three Dimesional Web Interfaces submission
by Belikova Marina

1. Visualization of the music - we can see it in lines, that move according to the sound, so that the visualization reminds some weird music instrument. The line length change from the longer to the shorter ones.

[[File:music.png]]

[http://www.memymilk.1gb.ru/threeweb/music/ The link]

2. The first attempt of exporting an object from Blender into the browser:

[[File:cube.png]]

3. Playing with the solar system model, making a simple navigation, clicking on the "buttons" places us near one or other planet of the solar system:

[[File:solar1.jpg]]

[[File:solar2.jpg]]

[http://www.memymilk.1gb.ru/threeweb/solar/ The link]

4. The model of a building (here - tower), an example of using a model from Blender in the browser. We can navigate around freely, coming further and closer etc. The tower is "located" on a piece of a ground.

[[File:tower.png]]

[http://www.memymilk.1gb.ru/threeweb/tower/ The link]

5. The same tower, this time with the simple navigation, that gives you an opportunity to have a look from two fixed different points of view:

[[File:oneside.jpg]]

[[File:otherside.jpg]]

[http://www.memymilk.1gb.ru/threeweb/tower2/ The link]

6. These are the screenshots from the work on the texture - first making the mapping of the tower, then using the file in photoshop in order to apply different colours and textures:

[[File:towertex.png]]

[[File:texture.png]]

7. Haus am Horn
I wanted the navigation to look interesting, on the one hand to be readable and convenient, but on the other to be fun visually, so I thought I could imitate some old paper plan, like old pirate maps. I used the blueprint of the house combined with the paper texture I made by putting usual paper into tea and coffee and then scanning these pages.
Clicking on the links allows to see the house from different sides.

[[File:house1.jpg]]

[[File:house2.jpg]]

[[File:house3.jpg]]

[[File:house4.jpg]]

[[File:house5.jpg]]

[http://memymilk.1gb.ru/threeweb/final/index2.html The link]

Belikova Marina

2014-03-31T21:42:55Z

Belikova:

Three Dimesional Web Interfaces submission
by Belikova Marina

1. Visualization of the music - we can see it in lines, that move according to the sound, so that the visualization reminds some weird music instrument.
[[File:music.png]]

[http://www.memymilk.1gb.ru/threeweb/music/ The link]

2. The first attempt of exporting an object from Blender into the browser:

[[File:cube.png]]

3. Playing with the solar system model, making a simple navigation, clicking on the "buttons" places us near one or other planet of the solar system:

[[File:solar1.jpg]]

[[File:solar2.jpg]]

[http://www.memymilk.1gb.ru/threeweb/solar/ The link]

4. The model of a building (here - tower), an example of using a model from Blender in the browser. We can navigate around freely, coming further and closer etc

[[File:tower.png]]

[http://www.memymilk.1gb.ru/threeweb/tower/ The link]

5. The tower with the simple navigation:

[[File:oneside.jpg]]

[[File:otherside.jpg]]

[http://www.memymilk.1gb.ru/threeweb/tower2/ The link]

6. Making the texture for the tower:

[[File:towertex.png]]

[[File:texture.png]]

7. Haus am Horn

I used the blueprint of the house for the visualization of the navigation.
Clicking on the links allows to see the house from different sides.

[[File:house1.jpg]]

[[File:house2.jpg]]

[[File:house3.jpg]]

[[File:house4.jpg]]

[[File:house5.jpg]]

[http://memymilk.1gb.ru/threeweb/final/index2.html The link]

File:House2.jpg

2014-03-31T21:42:43Z

Belikova:

== Summary ==

== Copyright status: ==

== Source: ==

Belikova Marina

2014-03-31T21:42:09Z

Belikova:

Three Dimesional Web Interfaces submission
by Belikova Marina

1. Visualization of the music - we can see it in lines, that move according to the sound, so that the visualization reminds some weird music instrument.
[[File:music.png]]

[http://www.memymilk.1gb.ru/threeweb/music/ The link]

2. The first attempt of exporting an object from Blender into the browser:

[[File:cube.png]]

3. Playing with the solar system model, making a simple navigation, clicking on the "buttons" places us near one or other planet of the solar system:

[[File:solar1.jpg]]

[[File:solar2.jpg]]

[http://www.memymilk.1gb.ru/threeweb/solar/ The link]

4. The model of a building (here - tower), an example of using a model from Blender in the browser. We can navigate around freely, coming further and closer etc

[[File:tower.png]]

[http://www.memymilk.1gb.ru/threeweb/tower/ The link]

5. The tower with the simple navigation:

[[File:oneside.jpg]]

[[File:otherside.jpg]]

[http://www.memymilk.1gb.ru/threeweb/tower2/ The link]

6. Making the texture for the tower:

[[File:towertex.png]]

[[File:texture.png]]

7. Haus am Horn

I used the blueprint of the house for the visualization of the navigation.
Clicking on the links allows to see the house from different sides.

[[File:house1.jpg]]

[[File:House2.jpg]]

[[File:house3.jpg]]

[[File:house4.jpg]]

[[File:house5.jpg]]

[http://memymilk.1gb.ru/threeweb/final/index2.html The link]

Belikova Marina

2014-03-31T21:40:02Z

Belikova:

Three Dimesional Web Interfaces submission
by Belikova Marina

1. Visualization of the music - we can see it in lines, that move according to the sound, so that the visualization reminds some weird music instrument.
[[File:music.png]]

[http://www.memymilk.1gb.ru/threeweb/music/ The link]

2. The first attempt of exporting an object from Blender into the browser:

[[File:cube.png]]

3. Playing with the solar system model, making a simple navigation, clicking on the "buttons" places us near one or other planet of the solar system:

[[File:solar1.jpg]]

[[File:solar2.jpg]]

[http://www.memymilk.1gb.ru/threeweb/solar/ The link]

4. The model of a building (here - tower), an example of using a model from Blender in the browser. We can navigate around freely, coming further and closer etc

[[File:tower.png]]

[http://www.memymilk.1gb.ru/threeweb/tower/ The link]

5. The tower with the simple navigation:

[[File:oneside.jpg]]

[[File:otherside.jpg]]

[http://www.memymilk.1gb.ru/threeweb/tower2/ The link]

6. Making the texture for the tower:

[[File:towertex.png]]

[[File:texture.png]]

7. Haus am Horn

I used the blueprint of the house for the visualization of the navigation.
Clicking on the links allows to see the house from different sides.

[[File:house1.jpg]]

[[File:house2.jpg]]

[[File:house3.jpg]]

[[File:house4.jpg]]

[[File:house5.jpg]]

File:House5.jpg

2014-03-31T21:37:58Z

Belikova:

== Summary ==

== Copyright status: ==

== Source: ==

File:House4.jpg

2014-03-31T21:37:40Z

Belikova:

== Summary ==

== Copyright status: ==

== Source: ==

File:House3.jpg

2014-03-31T21:37:26Z

Belikova:

== Summary ==

== Copyright status: ==

== Source: ==

File:2ouse2.jpg

2014-03-31T21:37:12Z

Belikova:

== Summary ==

== Copyright status: ==

== Source: ==

File:House1.jpg

2014-03-31T21:36:16Z

Belikova:

== Summary ==

== Copyright status: ==

== Source: ==

Belikova Marina

2014-03-31T01:34:27Z

Belikova:

Three Dimesional Web Interfaces submission
by Belikova Marina

1. Visualization of the music - we can see it in lines, that move according to the sound, so that the visualization reminds some weird music instrument.
[[File:music.png]]

[http://www.memymilk.1gb.ru/threeweb/music/ The link]

2. The first attempt of exporting an object from Blender into the browser:

[[File:cube.png]]

3. Playing with the solar system model, making a simple navigation, clicking on the "buttons" places us near one or other planet of the solar system:

[[File:solar1.jpg]]

[[File:solar2.jpg]]

[http://www.memymilk.1gb.ru/threeweb/solar/ The link]

4. The model of a building (here - tower), an example of using a model from Blender in the browser. We can navigate around freely, coming further and closer etc

[[File:tower.png]]

[http://www.memymilk.1gb.ru/threeweb/tower/ The link]

5. The tower with the simple navigation:

[[File:oneside.jpg]]

[[File:otherside.jpg]]

[http://www.memymilk.1gb.ru/threeweb/tower2/ The link]

6. Making the texture for the tower:

[[File:towertex.png]]

[[File:texture.png]]

7. Haus am Horn

<in process>

Belikova Marina

2014-03-31T01:31:12Z

Belikova:

Three Dimesional Web Interfaces submission
by Belikova Marina

1. Visualization of the music - we can see it in lines, that move according to the sound, so that the visualization reminds some weird music instrument.
[[File:music.png]]

[http://www.memymilk.1gb.ru/threeweb/music/ The link]

2. The first attempt of exporting an object from Blender into the browser:

[[File:cube.png]]

3. Playing with the solar system model, making a simple navigation, clicking on the "buttons" places us near one or other planet of the solar system:

[[File:solar1.jpg]]

[[File:solar2.jpg]]

[http://www.memymilk.1gb.ru/threeweb/solar/ The link]

4. The model of a building (here - tower), an example of using a model from Blender in the browser. We can navigate around freely, coming further and closer etc

[[File:tower.png]]

[http://www.memymilk.1gb.ru/threeweb/tower/ The link]

5. The tower with the simple navigation:

[[File:oneside.jpg]]

[[File:otherside.jpg]]

[http://www.memymilk.1gb.ru/threeweb/tower2/ The link]

6. Making the texture for the tower:

[[File:towertex.png]]

[[File:texture.png]]

File:Texture.png

2014-03-31T01:30:52Z

Belikova:

== Summary ==

== Copyright status: ==

== Source: ==

Belikova Marina

2014-03-31T01:29:34Z

Belikova:

Three Dimesional Web Interfaces submission
by Belikova Marina

1. Visualization of the music - we can see it in lines, that move according to the sound, so that the visualization reminds some weird music instrument.
[[File:music.png]]

[http://www.memymilk.1gb.ru/threeweb/music/ The link]

2. The first attempt of exporting an object from Blender into the browser:

[[File:cube.png]]

3. Playing with the solar system model, making a simple navigation, clicking on the "buttons" places us near one or other planet of the solar system:

[[File:solar1.jpg]]

[[File:solar2.jpg]]

[http://www.memymilk.1gb.ru/threeweb/solar/ The link]

4. The model of a building (here - tower), an example of using a model from Blender in the browser. We can navigate around freely, coming further and closer etc

[[File:tower.png]]

[http://www.memymilk.1gb.ru/threeweb/tower/ The link]

5. The tower with the simple navigation:

[[File:oneside.jpg]]

[[File:otherside.jpg]]

[http://www.memymilk.1gb.ru/threeweb/tower2/ The link]

6. Making the texture for the tower:

[[File:towertex.jpg]]

File:Towertex.png

2014-03-31T01:29:02Z

Belikova:

== Summary ==

== Copyright status: ==

== Source: ==

Belikova Marina

2014-03-31T01:27:32Z

Belikova:

Three Dimesional Web Interfaces submission
by Belikova Marina

1. Visualization of the music - we can see it in lines, that move according to the sound, so that the visualization reminds some weird music instrument.
[[File:music.png]]

[http://www.memymilk.1gb.ru/threeweb/music/ The link]

2. The first attempt of exporting an object from Blender into the browser:

[[File:cube.png]]

3. Playing with the solar system model, making a simple navigation, clicking on the "buttons" places us near one or other planet of the solar system:

[[File:solar1.jpg]]

[[File:solar2.jpg]]

[http://www.memymilk.1gb.ru/threeweb/solar/ The link]

4. The model of a building (here - tower), an example of using a model from Blender in the browser. We can navigate around freely, coming further and closer etc

[[File:tower.png]]

[http://www.memymilk.1gb.ru/threeweb/tower/ The link]

5. The tower with the simple navigation:

[[File:oneside.jpg]]

[[File:otherside.jpg]]

[http://www.memymilk.1gb.ru/threeweb/tower2/ The link]

Belikova Marina

2014-03-31T01:27:06Z

Belikova:

Three Dimesional Web Interfaces submission
by Belikova Marina

1. Visualization of the music - we can see it in lines, that move according to the sound, so that the visualization reminds some weird music instrument.
[[File:music.png]]

[http://www.memymilk.1gb.ru/threeweb/music/ The link]

2. The first attempt of exporting an object from Blender into the browser:

[[File:cube.png]]

3. Playing with the solar system model, making a simple navigation, clicking on the "buttons" places us near one or other planet of the solar system:

[[File:solar1.jpg]]

[[File:solar2.jpg]]

[http://www.memymilk.1gb.ru/threeweb/solar/ The link]

4. The model of a building (here - tower), an example of using a model from Blender in the browser. We can navigate around freely, coming further and closer etc

[[File:tower.png]]

[http://www.memymilk.1gb.ru/threeweb/tower/ The link]

5. The tower with the simple navigation:

[[File:oneside.png]]

[[File:otherside.png]]

[http://www.memymilk.1gb.ru/threeweb/tower2/ The link]

File:Otherside.jpg

2014-03-31T01:26:35Z

Belikova:

== Summary ==

== Copyright status: ==

== Source: ==

File:Oneside.jpg

2014-03-31T01:26:17Z

Belikova:

== Summary ==

== Copyright status: ==

== Source: ==

Belikova Marina

2014-03-31T01:23:50Z

Belikova:

Three Dimesional Web Interfaces submission
by Belikova Marina

1. Visualization of the music - we can see it in lines, that move according to the sound, so that the visualization reminds some weird music instrument.
[[File:music.png]]

[http://www.memymilk.1gb.ru/threeweb/music/ The link]

2. The first attempt of exporting an object from Blender into the browser:

[[File:cube.png]]

3. Playing with the solar system model, making a simple navigation, clicking on the "buttons" places us near one or other planet of the solar system:

[[File:solar1.jpg]]

[[File:solar2.jpg]]

[http://www.memymilk.1gb.ru/threeweb/solar/ The link]

4. The model of a building (here - tower), an example of using a model from Blender in the browser. We can navigate around freely, coming further and closer etc

[[File:tower.png]]

[http://www.memymilk.1gb.ru/threeweb/tower/ The link]

5. The tower with the simple navigation:

[http://www.memymilk.1gb.ru/threeweb/tower2/ The link]

File:Solar2.jpg

2014-03-31T01:21:37Z

Belikova:

== Summary ==

== Copyright status: ==

== Source: ==

File:Solar1.jpg

2014-03-31T01:21:01Z

Belikova: uploaded a new version of "File:Solar1.jpg"

== Summary ==

== Copyright status: ==

== Source: ==

Belikova Marina

2014-03-31T01:20:43Z

Belikova:

Three Dimesional Web Interfaces submission
by Belikova Marina

1. Visualization of the music - we can see it in lines, that move according to the sound, so that the visualization reminds some weird music instrument.
[[File:music.png]]

[http://www.memymilk.1gb.ru/threeweb/music/ The link]

2. The first attempt of exporting an object from Blender into the browser:

[[File:cube.png]]

3. Playing with the solar system model, making a simple navigation:

[[File:solar1.jpg]]

[[File:solar2.jpg]]

The model of a building (here - tower), an example of using a model from Blender in the browser.

[[File:tower.png]]

[http://www.memymilk.1gb.ru/threeweb/tower/ The link]

File:Cube.png

2014-03-31T01:19:56Z

Belikova: uploaded a new version of "File:Cube.png"

== Summary ==

== Copyright status: ==

== Source: ==

Belikova Marina

2014-03-31T01:19:42Z

Belikova:

Three Dimesional Web Interfaces submission
by Belikova Marina

1. Visualization of the music - we can see it in lines, that move according to the sound, so that the visualization reminds some weird music instrument.
[[File:music.png]]

[http://www.memymilk.1gb.ru/threeweb/music/ The link]

2. The first attempt of exporting an object from Blender into the browser:

[[File:cube2.png]]

3. Playing with the solar system model, making a simple navigation:

[[File:solar1.jpg]]

[[File:solar2.jpg]]

The model of a building (here - tower), an example of using a model from Blender in the browser.

[[File:tower.png]]

[http://www.memymilk.1gb.ru/threeweb/tower/ The link]

Belikova Marina

2014-03-31T01:17:47Z

Belikova:

Three Dimesional Web Interfaces submission
by Belikova Marina

1. Visualization of the music - we can see it in lines, that move according to the sound, so that the visualization reminds some weird music instrument.
[[File:music.png]]

[http://www.memymilk.1gb.ru/threeweb/music/ The link]

2. The first attempt of exporting an object from Blender into the browser:

[[File:cube.png]]

3. Playing with the solar system model, making a simple navigation:

[[File:solar1.jpg]]

[[File:solar2.jpg]]

The model of a building (here - tower), an example of using a model from Blender in the browser.

[[File:tower.png]]

[http://www.memymilk.1gb.ru/threeweb/tower/ The link]

File:Sloar2.jpg

2014-03-31T01:17:32Z

Belikova:

== Summary ==

== Copyright status: ==

== Source: ==

File:Solar1.jpg

2014-03-31T01:17:13Z

Belikova:

== Summary ==

== Copyright status: ==

== Source: ==

File:Cube.png

2014-03-31T01:11:53Z

Belikova:

== Summary ==

== Copyright status: ==

== Source: ==

Belikova Marina

2014-03-31T01:00:14Z

Belikova:

Three Dimesional Web Interfaces submission
by Belikova Marina

1. Visualization of the music - we can see it in lines, that move according to the sound, so that the visualization reminds some weird music instrument.
[[File:music.png]]

[http://www.memymilk.1gb.ru/threeweb/music/ The link]

2. The model of a building (here - tower), an example of using a model from Blender in the browser.

[[File:tower.png]]

[http://www.memymilk.1gb.ru/threeweb/tower/ The link]

File:Tower.png

2014-03-31T00:56:28Z

Belikova: The 3d tower render

== Summary ==
The 3d tower render
== Copyright status: ==

== Source: ==

Belikova Marina

2014-03-31T00:50:47Z

Belikova:

File:Music.png

2014-03-31T00:49:56Z

Belikova: uploaded a new version of "File:Music.png"

== Summary ==
Musci visualization screenshot, 3d web interfaces course.
== Copyright status: ==

== Source: ==

Belikova Marina

2014-03-31T00:49:15Z

Belikova:

Three Dimesional Web Interfaces submission
by Belikova Marina

1. Visualization of the music - we can see it in lines, that move according to the sound.
[[File:music.png]]

[http://www.memymilk.1gb.ru/threeweb/music/ link]

File:Music.png

2014-03-31T00:48:05Z

Belikova: Musci visualization screenshot, 3d web interfaces course.

== Summary ==
Musci visualization screenshot, 3d web interfaces course.
== Copyright status: ==

== Source: ==

Belikova Marina

2014-03-31T00:44:21Z

Belikova:

Three Dimesional Web Interfaces submission
by Belikova Marina

1. Visualization of the music - we can see it in lines, that move according to the sound.
[[File:]]

[http://www.memymilk.1gb.ru/threeweb/music/ link]

Belikova Marina

2014-03-31T00:43:07Z

Belikova:

Three Dimesional Web Interfaces submission
by Belikova Marina

1. Visualization of the music - we can see it in lines, that move according to the sound.
[[File:http://memymilk.1gb.ru/threeweb/submissionpics/music.png]]

[http://www.memymilk.1gb.ru/threeweb/music/ link]

Belikova Marina

2014-03-31T00:41:30Z

Belikova:

Three Dimesional Web Interfaces submission
by Belikova Marina

1. Visualization of the music - we can see it in lines, that move according to the sound.

[http://www.memymilk.1gb.ru/threeweb/music/ link]

Belikova Marina

2014-03-31T00:40:26Z

Belikova: Created page with "Three Dimesional Web Interfaces submission by Belikova Marina 1. Visualization of the music - we can see it in lines, that move according to the sound. <img src="sftp://w_memym..."

Three Dimesional Web Interfaces submission
by Belikova Marina

1. Visualization of the music - we can see it in lines, that move according to the sound.

<img src="sftp://w_memymilk_82854d27@ftp.memymilk.1gb.ru:2222/home/virtwww/w_memymilk_82854d27/http/threeweb/submissionpics/music.png">

<a href="http://memymilk.1gb.ru/threeweb/music/">link</a>

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

2014-03-30T17:29:00Z

Belikova:

== Prototypes ==
* [[Gianluca Pandolfo]]
* [[Sabina Kim]]
* [[Natalia Suarez]]
* [[Bawer Parada]]
* [[Ashin Mandal]]
* [[Sarah Eichert]]
* [[Sebastian Utzig]]
* [[Andreas Schädler]]
* [[Belikova Marina]]
* [[Name]]

IFD:Mobile Apps with HTML5/belikova

2014-01-28T12:10:27Z

Belikova:

Homework for 12.11.13:

https://dl.dropboxusercontent.com/u/233576902/study/Homework%2011.11.13/index.html

https://dl.dropboxusercontent.com/u/233576902/study/Homework%2011.11.13/about/index.html

https://dl.dropboxusercontent.com/u/233576902/study/Homework%2011.11.13/bond/index.html

https://dl.dropboxusercontent.com/u/233576902/study/Homework%2011.11.13/bond/gallery.html

Homework for 19.11.13:

https://dl.dropboxusercontent.com/u/233576902/study/homweorktwo/index.html

Homework for 26.11.2013:

https://dl.dropboxusercontent.com/u/233576902/study/dictionary/index.html

Homework for 03.12.13:

https://dl.dropboxusercontent.com/u/233576902/study/textdraw/index.html

Homework for 17.12.13:

https://dl.dropboxusercontent.com/u/233576902/study/Geo3/index.html

Homework for 21.01.14:

https://dl.dropboxusercontent.com/u/233576902/3dweb/homework01_14_14/index.html

IFD:Mobile Apps with HTML5/belikova

2013-12-17T12:41:19Z

Belikova:

IFD:Mobile Apps with HTML5/belikova

2013-12-17T12:40:09Z

Belikova:

Homework for 12.11.13:

https://dl.dropboxusercontent.com/u/233576902/study/Homework%2011.11.13/index.html

https://dl.dropboxusercontent.com/u/233576902/study/Homework%2011.11.13/about/index.html

https://dl.dropboxusercontent.com/u/233576902/study/Homework%2011.11.13/bond/index.html

https://dl.dropboxusercontent.com/u/233576902/study/Homework%2011.11.13/bond/gallery.html

Homework for 19.11.13:

https://dl.dropboxusercontent.com/u/233576902/study/homweorktwo/index.html

Homework for 26.11.2013:
https://dl.dropboxusercontent.com/u/233576902/study/dictionary/index.html

Homework for 03.12.13:
https://dl.dropboxusercontent.com/u/233576902/study/textdraw/index.html

Homework for 17.12.13: https://dl.dropboxusercontent.com/u/233576902/study/Geo3/index.html

IFD:Mobile Apps with HTML5/belikova

2013-12-17T12:38:25Z

Belikova:

Homework for 12.11.13:

https://dl.dropboxusercontent.com/u/233576902/Homework%2011.11.13/index.html

https://dl.dropboxusercontent.com/u/233576902/Homework%2011.11.13/about/index.html

https://dl.dropboxusercontent.com/u/233576902/Homework%2011.11.13/bond/index.html

https://dl.dropboxusercontent.com/u/233576902/Homework%2011.11.13/bond/gallery.html

Homework for 19.11.13:

https://dl.dropboxusercontent.com/u/233576902/homweorktwo/index.html

Homework for 26.11.2013:
https://dl.dropboxusercontent.com/u/233576902/dictionary/index.html

Homework for 03.12.13:
https://dl.dropboxusercontent.com/u/233576902/textdraw/index.html

Homework for 17.12.13: https://dl.dropboxusercontent.com/u/233576902/study/Geo3/index.html

IFD:Mobile Apps with HTML5/belikova

2013-12-01T18:07:49Z

Belikova:

IFD:Mobile Apps with HTML5/belikova

2013-11-26T00:12:26Z

Belikova:

IFD:Mobile Apps with HTML5/belikova

2013-11-19T11:45:45Z

Belikova:

IFD:Mobile Apps with HTML5

2013-11-12T12:44:28Z

Belikova:

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

==Beschreibung==

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

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

Themen:
* siehe englische Auflistung

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

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

==English description==

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

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

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

This course will most likely be held in English

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

== Registration Procedure ==


THE COURSE IS FULL. NO MORE REGISTRATIONS ACCEPTED.

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

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

* [[/NameOderPseudonym]] <-- Please '''''copy''''' this link and use your own name (this is a public wiki!).
* [[/Charlotte]]
* [[/mantik]]
* [[/Anastasiya Pavelchuk]]
* [[/Sabina]]
* [[/Xianzhi]]
* [[/MartinMelcher]]
* [[/NataSuu]]
* [[/YorGarcia]]
* [[/AndrésArteaga]]
* [[/Sebastian R.]]
* [[/Julia]]
* [[/Jano]]
* [[/ElMerino]]
* [[/Apasri]]
* [[/Alex]]
* [[/JohannesL]]
* [[/Saya]]
* [[/S.Boldt]]
* [[/JonasKoehler]]
* [[/belikova]]

'''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]]

IFD:Mobile Apps with HTML5/belikova

2013-11-12T04:35:47Z

Belikova: