IFD:Mobile Apps with HTML5/MartinMelcher - Revision history

Martinmelcher at 22:23, 16 December 2013

2013-12-16T22:23:27Z

← Older revision		Revision as of 22:23, 16 December 2013
Line 62:		Line 62:

	This is an updated Version of the WunderWeimarWeather App, now with Geolocation Support. So you now find out the weather based on your location.		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.

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

	<br class="clear" />		<br class="clear" />

Martinmelcher: 6th Assignment

2013-12-16T22:21:34Z

6th Assignment

← Older revision		Revision as of 22:21, 16 December 2013
Line 1:		Line 1:
	==~~First~~ Assignment==		==1st Assignment==
	===Redesigning The Course's Website===		===Redesigning The Course's Website===

Line 17:		Line 17:

	<br class="clear" />		<br class="clear" />
	==~~Second~~ Assignment==		==2nd Assignment==
	===The Arc Clock===		===The Arc Clock===

Line 27:		Line 27:

	<br class="clear" />		<br class="clear" />
	==~~Third~~ Assignment==		==3rd Assignment==
	===THE JS DICTIONARY===		===THE JS DICTIONARY===

Line 33:		Line 33:

	<br class="clear" />		<br class="clear" />
	==~~Fourth~~ Assignment==		==4th Assignment==
	===BRICK===		===BRICK===

Line 45:		Line 45:

	<br class="clear" />		<br class="clear" />
	==~~Fifth~~ Assignment==		==5th Assignment==
	===WunderWeimarWeather===		===WunderWeimarWeather===

Line 53:		Line 53:

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

			<br class="clear" />

			==6th Assignment==
			===WunderWeimarWeather v2===

			[[File:ifd_mobileapps_mame_006.jpg\|right\|300px]]

			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 http://martinmelcher.de/hybridapps/Assignment_06/index.html]

	<br class="clear" />		<br class="clear" />

Martinmelcher at 22:18, 9 December 2013

2013-12-09T22:18:29Z

← Older revision		Revision as of 22:18, 9 December 2013
Line 48:		Line 48:
	===WunderWeimarWeather===		===WunderWeimarWeather===

	A simple WebApp displaying the current weather for ~~weimar with the use of~~ the wunderground API and a special iconset ~~using~~ a unique icon for every weather ~~situatuin~~. Furthermore the background color is in mood to the actual temperature (cold => blueish, warm => reddish). I used jquerys $.ajax for CrossBrowserCompatibility		[[File:ifd_mobileapps_mame_006.jpg\|right\|300px]]

			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 http://martinmelcher.de/hybridapps/Assignment_05/index.html]

			<br class="clear" />

Martinmelcher: /* Fifth Assignment */

2013-12-09T22:17:07Z

Fifth Assignment

← Older revision		Revision as of 22:17, 9 December 2013
Line 46:		Line 46:
	<br class="clear" />		<br class="clear" />
	==Fifth Assignment==		==Fifth Assignment==
	===~~UNTITLED~~===		===WunderWeimarWeather===

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

Martinmelcher: Fourth Assignment updated (bugfixing, new Version)

2013-12-07T23:43:55Z

Fourth Assignment updated (bugfixing, new Version)

← Older revision		Revision as of 23:43, 7 December 2013
Line 40:		Line 40:
	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.		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.

	~~'''The Touch Version:'''~~ [http://martinmelcher.de/hybridapps/Assignment_04/index.html http://martinmelcher.de/hybridapps/Assignment_04/index.html]~~<br/>~~		[http://martinmelcher.de/hybridapps/Assignment_04/index.html http://martinmelcher.de/hybridapps/Assignment_04/index.html]
	~~(Use your Finger or Mouse to control the paddle)~~

	~~'''The Tilt Version:''' [http://martinmelcher.de/hybridapps/Assignment_04/index2.html http://martinmelcher.de/hybridapps/Assignment_04/index2.html]<br/>~~
	~~(Tilt your Smartphone to control the paddle / tested with iOS7 / Safari)~~

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

Martinmelcher at 20:54, 6 December 2013

2013-12-06T20:54:24Z

← Older revision		Revision as of 20:54, 6 December 2013
Line 28:		Line 28:
	<br class="clear" />		<br class="clear" />
	==Third Assignment==		==Third Assignment==
	===THE JS ~~DICTONARY~~===		===THE JS DICTIONARY===

	DON'T PANIC! I'm working on it.		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.

	<br class="clear" />		<br class="clear" />

Martinmelcher at 20:51, 6 December 2013

2013-12-06T20:51:35Z

← Older revision		Revision as of 20:51, 6 December 2013
Line 48:		Line 48:
	For Desktop Users, you can also use the Arrow Keys to move the paddle.		For Desktop Users, you can also use the Arrow Keys to move the paddle.

			<br class="clear" />
	==Fifth Assignment==		==Fifth Assignment==
	===UNTITLED===		===UNTITLED===

Martinmelcher at 20:51, 6 December 2013

2013-12-06T20:51:22Z

@@ Line 25: / Line 25: @@
 [http://martinmelcher.de/hybridapps/Assignment_02/ http://martinmelcher.de/hybridapps/Assignment_02/]
 <br class="clear" />
 ==Fourth Assignment==
@@ Line 40: / Line 47: @@
 For Desktop Users, you can also use the Arrow Keys to move the paddle.

Martinmelcher at 20:47, 6 December 2013

2013-12-06T20:47:04Z

← Older revision		Revision as of 20:47, 6 December 2013
Line 33:		Line 33:
	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.		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.

	'''The Touch Version:''' [http://martinmelcher.de/hybridapps/Assignment_04/index.html http://martinmelcher.de/hybridapps/Assignment_04/index.html]		'''The Touch Version:''' [http://martinmelcher.de/hybridapps/Assignment_04/index.html http://martinmelcher.de/hybridapps/Assignment_04/index.html]<br/>
	(Use your Finger or Mouse to control the paddle)		(Use your Finger or Mouse to control the paddle)

	'''The Tilt Version:''' [http://martinmelcher.de/hybridapps/Assignment_04/index2.html http://martinmelcher.de/hybridapps/Assignment_04/index2.html]		'''The Tilt Version:''' [http://martinmelcher.de/hybridapps/Assignment_04/index2.html http://martinmelcher.de/hybridapps/Assignment_04/index2.html]<br/>
	(Tilt your Smartphone to control the paddle / tested with iOS7 / Safari)		(Tilt your Smartphone to control the paddle / tested with iOS7 / Safari)

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

Martinmelcher at 20:46, 6 December 2013

2013-12-06T20:46:44Z

← Older revision		Revision as of 20:46, 6 December 2013
Line 36:		Line 36:
	(Use your Finger or Mouse to control the paddle)		(Use your Finger or Mouse to control the paddle)

	'''The Tilt Version:''' [http://martinmelcher.de/hybridapps/Assignment_04/index2.html/ http://martinmelcher.de/hybridapps/Assignment_04/index2.html]		'''The Tilt Version:''' [http://martinmelcher.de/hybridapps/Assignment_04/index2.html http://martinmelcher.de/hybridapps/Assignment_04/index2.html]
	(Tilt your Smartphone to control the paddle / tested with iOS7 / Safari)		(Tilt your Smartphone to control the paddle / tested with iOS7 / Safari)

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