IFD:Mobile Apps with HTML5/MartinMelcher

From Medien Wiki

1st Assignment

Redesigning The Course's Website

Ifd mobileapps mame 001.jpg

The Old Wiki course site was just plain boring, so i redesigned it, using some of the techniques that we will discuss with this seminar. http://martinmelcher.de/hybridapps/Assignment_01/

Die Piazza WebApp

Ifd mobileapps mame 002.jpg

This is a small mobile website featuring the famous "Piazza" which is used by students to sell, share or contribute all kind of things and events. All data are fetched via the Facebook-API using JSON-Data.

You can use this site via http://martinmelcher.de/diepiazza

2nd Assignment

The Arc Clock

Ifd mobileapps mame 003.jpg

A simple clock build with arc's. With every second and minute the background gradient will change (try setting your clock to another time!)


3rd Assignment


DON'T PANIC! I'm working on it. Srsly. Like. Almost ready. You know, the "when it's done thing". Keep Calm and Scroll On.

4th Assignment


Ifd mobileapps mame 005.jpg

A Mobile HTML5 Canvas Experiment of the Game Classic Breakout / Brick Out. You can use either Touch or your Device Orientation. Feel free to play. The Game Paddle will become smaller the more blocks you destroy.


For Desktop Users, you can also use the Arrow Keys to move the paddle.

5th Assignment


Ifd mobileapps mame 006.jpg

A simple WebApp displaying the current weather for Weimar using the wunderground API and a special iconset for a unique icon for every weather situation. Furthermore the background color is in mood to the actual temperature (cold => blueish, warm => reddish). I used jquerys $.ajax for CrossBrowserCompatibility.


6th Assignment

WunderWeimarWeather v2

Ifd mobileapps mame 006.jpg

This is an updated Version of the WunderWeimarWeather App, now with Geolocation Support. So you now find out the weather based on your location.

BEWARE: There is still a problem with the API or my script. Sometimes it takes very long to get the data. So be patient or use refresh. Actually be patient, my crappy developer-license won't take to many requests.