IFD:Mobile Apps with HTML5/MartinMelcher

From Medien Wiki
< IFD:Mobile Apps with HTML5
Revision as of 22:21, 16 December 2013 by Martinmelcher (talk | contribs) (6th Assignment)

1st Assignment

Redesigning The Course's Website

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

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

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

http://martinmelcher.de/hybridapps/Assignment_02/


3rd Assignment

THE JS DICTIONARY

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

BRICK

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.

http://martinmelcher.de/hybridapps/Assignment_04/index.html

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


5th Assignment

WunderWeimarWeather

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.

http://martinmelcher.de/hybridapps/Assignment_05/index.html


6th Assignment

WunderWeimarWeather v2

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

http://martinmelcher.de/hybridapps/Assignment_06/index.html