HTML5-Tutorium: Canvas: Hello World - Versionsgeschichte

Kowa am 26. Oktober 2016 um 11:00 Uhr

2016-10-26T11:00:55Z

← Nächstältere Version		Version vom 26. Oktober 2016, 11:00 Uhr
Zeile 19:		Zeile 19:
	# {{Quelle\|Kowarschick, W.: Multimedia-Programmierung}}		# {{Quelle\|Kowarschick, W.: Multimedia-Programmierung}}
	# [http://glossar.hs-augsburg.de/beispiel/tutorium/es5/hello_world_canvas/ Musterlösungen]		# [http://glossar.hs-augsburg.de/beispiel/tutorium/es5/hello_world_canvas/ Musterlösungen]

			==Siehe auch==
			* [http://www.w3schools.com/html/html5_canvas.asp w3schools.com: HTML5 Canvas]
			* [http://www.html5canvastutorials.com/tutorials/html5-canvas-element/ HTML5 Canvas Element Tutorial]
			* [https://html.spec.whatwg.org/multipage/scripting.html#the-canvas-element HTML Living Standard — The canvas Element]
	<noinclude>[[Kategorie: HTML5-Tutorium: Canvas: Hello World]][[Kategorie: HTML5-Beispiel]][[Kategorie:Kapitel:Multimedia-Programmierung:Beispiele]]		<noinclude>[[Kategorie: HTML5-Tutorium: Canvas: Hello World]][[Kategorie: HTML5-Beispiel]][[Kategorie:Kapitel:Multimedia-Programmierung:Beispiele]]
	</noinclude>		</noinclude>

Kowa am 26. Oktober 2016 um 10:47 Uhr

2016-10-26T10:47:40Z

← Nächstältere Version		Version vom 26. Oktober 2016, 10:47 Uhr
Zeile 3:		Zeile 3:
	In diesem Tutorium wird beschrieben, wie man in [[HTML5]] eine interaktive Hello-World-Anwendung mit Hilfe		In diesem Tutorium wird beschrieben, wie man in [[HTML5]] eine interaktive Hello-World-Anwendung mit Hilfe
	von [[JavaScript]] sowie [[Canvas (HTML5)\|Canvas]] erstellt.		von [[JavaScript]] sowie [[Canvas (HTML5)\|Canvas]] erstellt.

			==Voraussetzung==

			Die Inhalte des HTML-Tutoriums [[HTML5-Tutorium: JavaScript: Hello World\|Hello World: JavaScript]] werden als bekannt vorausgesetzt.

	===Use Cases===		===Use Cases===
	Der ~~Text-~~String <code>Hallo Welt!</code> bzw. <code>Hallo <Benutzername>!</code>, wird auf einer Bühne (Canvas) ausgegeben, wobei		Der String <code>Hallo Welt!</code> bzw. <code>Hallo <Benutzername>!</code>, wird auf einer Bühne (Canvas) ausgegeben, wobei
	<code><name></code> interaktiv durch den Benutzer eingegeben werden muss.		<code><name></code> interaktiv durch den Benutzer eingegeben werden muss.

Zeile 11:		Zeile 15:
	# [[HTML5-Tutorium: Canvas: Hello World 01\|Teil 1]]: Ausgabe von <code>Hallo Welt!</code>		# [[HTML5-Tutorium: Canvas: Hello World 01\|Teil 1]]: Ausgabe von <code>Hallo Welt!</code>
	# [[HTML5-Tutorium: Canvas: Hello World 02\|Teil 2]]: Ausgabe von <code>Hallo <Benutzername>!</code>		# [[HTML5-Tutorium: Canvas: Hello World 02\|Teil 2]]: Ausgabe von <code>Hallo <Benutzername>!</code>
	~~# [[HTML5-Tutorium: Canvas: Hello World 03\|Teil 3]]: Ausgabe von <code>Hallo <Benutzername>!</code>, Komprimierte JavaScript- und CSS-Dateien~~
	~~# [[HTML5-Tutorium: Canvas: Hello World 04\|Teil 4]]: Ausgabe von <code>Hallo <Benutzername>!</code>, Verwendung von jQuery~~

	==Quellen==		==Quellen==
	# {{Quelle\|Kowarschick, W.: Multimedia-Programmierung}}		# {{Quelle\|Kowarschick, W.: Multimedia-Programmierung}}
	# [http://glossar.hs-augsburg.de/beispiel/tutorium/~~html5_canvas~~/~~hello_world~~/ Musterlösungen]		# [http://glossar.hs-augsburg.de/beispiel/tutorium/es5/hello_world_canvas/ Musterlösungen]
	<noinclude>[[Kategorie: HTML5-Tutorium: Canvas: Hello World]][[Kategorie: HTML5-Beispiel]][[Kategorie:Kapitel:Multimedia-Programmierung:Beispiele]]		<noinclude>[[Kategorie: HTML5-Tutorium: Canvas: Hello World]][[Kategorie: HTML5-Beispiel]][[Kategorie:Kapitel:Multimedia-Programmierung:Beispiele]]
	</noinclude>		</noinclude>

Kowa am 8. September 2016 um 13:18 Uhr

2016-09-08T13:18:42Z

← Nächstältere Version		Version vom 8. September 2016, 13:18 Uhr
Zeile 1:		Zeile 1:
	{{HTML5-Tutorium:Canvas:HelloWorld:Menü}}		{{HTML5-Tutorium:Canvas:HelloWorld:Menü}}
	=Ziel=		==Ziel==
	In diesem Tutorium wird beschrieben, wie man in [[HTML5]] eine interaktive Hello-World-Anwendung mit Hilfe		In diesem Tutorium wird beschrieben, wie man in [[HTML5]] eine interaktive Hello-World-Anwendung mit Hilfe
	von [[JavaScript]] sowie [[Canvas (HTML5)\|Canvas]] erstellt.		von [[JavaScript]] sowie [[Canvas (HTML5)\|Canvas]] erstellt.

	==Use Cases==		===Use Cases===
	Der Text-String <code>Hallo Welt!</code> bzw. <code>Hallo <Benutzername>!</code>, wird auf einer Bühne (Canvas) ausgegeben, wobei		Der Text-String <code>Hallo Welt!</code> bzw. <code>Hallo <Benutzername>!</code>, wird auf einer Bühne (Canvas) ausgegeben, wobei
	<code><name></code> interaktiv durch den Benutzer eingegeben werden muss.		<code><name></code> interaktiv durch den Benutzer eingegeben werden muss.

	=Tutorium=		==Tutorium==
	# [[HTML5-Tutorium: Canvas: Hello World 01\|Teil 1]]: Ausgabe von <code>Hallo Welt!</code>		# [[HTML5-Tutorium: Canvas: Hello World 01\|Teil 1]]: Ausgabe von <code>Hallo Welt!</code>
	# [[HTML5-Tutorium: Canvas: Hello World 02\|Teil 2]]: Ausgabe von <code>Hallo <Benutzername>!</code>		# [[HTML5-Tutorium: Canvas: Hello World 02\|Teil 2]]: Ausgabe von <code>Hallo <Benutzername>!</code>
Zeile 14:		Zeile 14:
	# [[HTML5-Tutorium: Canvas: Hello World 04\|Teil 4]]: Ausgabe von <code>Hallo <Benutzername>!</code>, Verwendung von jQuery		# [[HTML5-Tutorium: Canvas: Hello World 04\|Teil 4]]: Ausgabe von <code>Hallo <Benutzername>!</code>, Verwendung von jQuery

	=Quellen=		==Quellen==
	# {{Quelle\|Kowarschick, W.: Multimedia-Programmierung}}		# {{Quelle\|Kowarschick, W.: Multimedia-Programmierung}}
	# [http://glossar.hs-augsburg.de/beispiel/tutorium/html5_canvas/hello_world/ Musterlösungen]		# [http://glossar.hs-augsburg.de/beispiel/tutorium/html5_canvas/hello_world/ Musterlösungen]
	<noinclude>[[Kategorie: HTML5-Tutorium: Canvas: Hello World]][[Kategorie: HTML5-Beispiel]][[Kategorie:Kapitel:Multimedia-Programmierung:Beispiele]]		<noinclude>[[Kategorie: HTML5-Tutorium: Canvas: Hello World]][[Kategorie: HTML5-Beispiel]][[Kategorie:Kapitel:Multimedia-Programmierung:Beispiele]]
	</noinclude>		</noinclude>

Kowa: /* Ziel */

2014-10-24T14:16:18Z

Ziel

← Nächstältere Version		Version vom 24. Oktober 2014, 14:16 Uhr
Zeile 1:		Zeile 1:
	{{HTML5-Tutorium:Canvas:HelloWorld:Menü}}		{{HTML5-Tutorium:Canvas:HelloWorld:Menü}}
	=Ziel=		=Ziel=
	In diesem Tutorium wird beschrieben, wie man in [[HTML5]] eine ~~interkative~~ Hello-World-Anwendung mit Hilfe		In diesem Tutorium wird beschrieben, wie man in [[HTML5]] eine interaktive Hello-World-Anwendung mit Hilfe
	von [[JavaScript]] sowie [[Canvas (HTML5)\|Canvas]] erstellt.		von [[JavaScript]] sowie [[Canvas (HTML5)\|Canvas]] erstellt.

Kowa am 24. Oktober 2014 um 14:14 Uhr

2014-10-24T14:14:30Z

← Nächstältere Version		Version vom 24. Oktober 2014, 14:14 Uhr
Zeile 1:		Zeile 1:
	{{HTML5-Tutorium:Canvas:HelloWorld:Menü}}		{{HTML5-Tutorium:Canvas:HelloWorld:Menü}}
	=Ziel=		=Ziel=
	In diesem Tutorium wird beschrieben, wie man in [[HTML5]] eine ~~intekative~~ Hello-World-Anwendung mit Hilfe		In diesem Tutorium wird beschrieben, wie man in [[HTML5]] eine interkative Hello-World-Anwendung mit Hilfe
	von [[JavaScript]] sowie [[Canvas (HTML5)\|Canvas]] erstellt.		von [[JavaScript]] sowie [[Canvas (HTML5)\|Canvas]] erstellt.

Kowa am 24. Oktober 2012 um 16:30 Uhr

2012-10-24T16:30:32Z

← Nächstältere Version		Version vom 24. Oktober 2012, 16:30 Uhr
Zeile 5:		Zeile 5:

	==Use Cases==		==Use Cases==
	Der Text-String <code>~~Hello, world~~!</code> bzw. <code>~~Hello,~~ <~~name~~>!</code>, wird auf einer Bühne (Canvas) ausgegeben, wobei		Der Text-String <code>Hallo Welt!</code> bzw. <code>Hallo <Benutzername>!</code>, wird auf einer Bühne (Canvas) ausgegeben, wobei
	<code><name></code> interaktiv durch den Benutzer eingegeben werden muss.		<code><name></code> interaktiv durch den Benutzer eingegeben werden muss.

	=Tutorium=		=Tutorium=
	# [[HTML5-Tutorium: Canvas: Hello World 01\|Teil 1]]: Ausgabe von <code>~~Hello, world~~!</code>		# [[HTML5-Tutorium: Canvas: Hello World 01\|Teil 1]]: Ausgabe von <code>Hallo Welt!</code>
	# [[HTML5-Tutorium: Canvas: Hello World 02\|Teil 2]]: Ausgabe von <code>~~Hello,~~ <~~name~~>!</code>		# [[HTML5-Tutorium: Canvas: Hello World 02\|Teil 2]]: Ausgabe von <code>Hallo <Benutzername>!</code>
	# [[HTML5-Tutorium: Canvas: Hello World 03\|Teil 3]]: Ausgabe von <code>~~Hello,~~ <~~name~~>!</code>, Komprimierte JavaScript- und CSS-Dateien		# [[HTML5-Tutorium: Canvas: Hello World 03\|Teil 3]]: Ausgabe von <code>Hallo <Benutzername>!</code>, Komprimierte JavaScript- und CSS-Dateien
	# [[HTML5-Tutorium: Canvas: Hello World 04\|Teil 4]]: Ausgabe von <code>~~Hello,~~ <~~name~~>!</code>, Verwendung von jQuery		# [[HTML5-Tutorium: Canvas: Hello World 04\|Teil 4]]: Ausgabe von <code>Hallo <Benutzername>!</code>, Verwendung von jQuery

	=Quellen=		=Quellen=

Kowa: /* Tutorium */

2012-10-09T15:31:15Z

Tutorium

← Nächstältere Version		Version vom 9. Oktober 2012, 15:31 Uhr
Zeile 9:		Zeile 9:

	=Tutorium=		=Tutorium=
	# [[HTML5-Tutorium: Canvas: Hello World 01\|Teil 01]]: Ausgabe von <code>Hello, world!</code>		# [[HTML5-Tutorium: Canvas: Hello World 01\|Teil 1]]: Ausgabe von <code>Hello, world!</code>
	# [[HTML5-Tutorium: Canvas: Hello World 02\|Teil 02]]: Ausgabe von <code>Hello, <name>!</code>		# [[HTML5-Tutorium: Canvas: Hello World 02\|Teil 2]]: Ausgabe von <code>Hello, <name>!</code>
	# [[HTML5-Tutorium: Canvas: Hello World 03\|Teil 03]]: Ausgabe von <code>Hello, <name>!</code>, Komprimierte JavaScript- und CSS-Dateien		# [[HTML5-Tutorium: Canvas: Hello World 03\|Teil 3]]: Ausgabe von <code>Hello, <name>!</code>, Komprimierte JavaScript- und CSS-Dateien
	# [[HTML5-Tutorium: Canvas: Hello World 04\|Teil 04]]: Ausgabe von <code>Hello, <name>!</code>, Verwendung von jQuery		# [[HTML5-Tutorium: Canvas: Hello World 04\|Teil 4]]: Ausgabe von <code>Hello, <name>!</code>, Verwendung von jQuery

	=Quellen=		=Quellen=

Kowa: /* Tutorium */

2012-10-08T11:33:07Z

Tutorium

← Nächstältere Version		Version vom 8. Oktober 2012, 11:33 Uhr
Zeile 12:		Zeile 12:
	# [[HTML5-Tutorium: Canvas: Hello World 02\|Teil 02]]: Ausgabe von <code>Hello, <name>!</code>		# [[HTML5-Tutorium: Canvas: Hello World 02\|Teil 02]]: Ausgabe von <code>Hello, <name>!</code>
	# [[HTML5-Tutorium: Canvas: Hello World 03\|Teil 03]]: Ausgabe von <code>Hello, <name>!</code>, Komprimierte JavaScript- und CSS-Dateien		# [[HTML5-Tutorium: Canvas: Hello World 03\|Teil 03]]: Ausgabe von <code>Hello, <name>!</code>, Komprimierte JavaScript- und CSS-Dateien
	# [[HTML5-Tutorium: Canvas: Hello World 03\|Teil 03]]: Ausgabe von <code>Hello, <name>!</code>, Verwendung von jQuery		# [[HTML5-Tutorium: Canvas: Hello World 04\|Teil 04]]: Ausgabe von <code>Hello, <name>!</code>, Verwendung von jQuery

	=Quellen=		=Quellen=

Kowa: /* Use Cases */

2012-10-08T11:12:54Z

Use Cases

← Nächstältere Version		Version vom 8. Oktober 2012, 11:12 Uhr
Zeile 5:		Zeile 5:

	==Use Cases==		==Use Cases==
	Der Text-String <code>Hello, world!</code> bzw. <code>Hello, <name>!</code>, wobei		Der Text-String <code>Hello, world!</code> bzw. <code>Hello, <name>!</code>, wird auf einer Bühne (Canvas) ausgegeben, wobei
	<code><name></code> interaktiv durch den Benutzer eingegeben werden muss~~, wird ausgegeben~~.		<code><name></code> interaktiv durch den Benutzer eingegeben werden muss.

	=Tutorium=		=Tutorium=

Kowa: /* Ziel */

2012-10-08T11:12:12Z

Ziel

← Nächstältere Version		Version vom 8. Oktober 2012, 11:12 Uhr
Zeile 2:		Zeile 2:
	=Ziel=		=Ziel=
	In diesem Tutorium wird beschrieben, wie man in [[HTML5]] eine intekative Hello-World-Anwendung mit Hilfe		In diesem Tutorium wird beschrieben, wie man in [[HTML5]] eine intekative Hello-World-Anwendung mit Hilfe
	von [[JavaScript]] sowie [[Canvas (HTML5)\|Canvas]]] erstellt.		von [[JavaScript]] sowie [[Canvas (HTML5)\|Canvas]] erstellt.

	==Use Cases==		==Use Cases==