IFD:WebAdvancedII/Claudia Heinze - Revision history

Claudia: /* Baustelle II */

2012-09-30T04:49:03Z

Baustelle II

← Older revision		Revision as of 04:49, 30 September 2012
Line 31:		Line 31:

	===Baustelle II===		===Baustelle II===
	Momentan sind die Interaktionsmöglichkeiten mit dem Programm noch ~~relativ~~ gering~~, da~~ ich noch ~~nach einer geeigneten Form der Realisierung von Fenster suche~~, ~~die sich~~ bei Mausklick auf einen Ball ~~öffnen~~ und ~~das~~ Bild des Künstlers samt Namen und Link ~~anzeigen~~.		Momentan sind die Interaktionsmöglichkeiten mit dem Programm noch vergleichsweise gering. Gerne würde ich noch eine Funktion hinzufügen, bei der nach Mausklick auf einen Ball, der jeweilige Ball stehen bleibt und sich einer Box mit dem Bild des zugehörigen Künstlers samt Namen und Link öffnet.

Claudia: /* Baustelle II */

2012-09-30T04:44:54Z

Baustelle II

← Older revision		Revision as of 04:44, 30 September 2012
Line 31:		Line 31:

	===Baustelle II===		===Baustelle II===
	Momentan sind die Interaktionsmöglichkeiten mit dem Programm noch relativ gering.		Momentan sind die Interaktionsmöglichkeiten mit dem Programm noch relativ gering, da ich noch nach einer geeigneten Form der Realisierung von Fenster suche, die sich bei Mausklick auf einen Ball öffnen und das Bild des Künstlers samt Namen und Link anzeigen.

Claudia: /* Umsetzung */

2012-09-30T03:47:02Z

Umsetzung

← Older revision		Revision as of 03:47, 30 September 2012
Line 17:		Line 17:
	Processing.js ist der JacaScript Port von Processing. Damit ist es möglich im Browser Animation, Spiele usw. darzustellen, ohne dass der Nutzer ein Java Applet oder ein Flash Plugin installiert haben muss. Processing.js benutzt JavaScript um 2D- und 3D-Inhalte im HTML5 Canvas Element zu rendern. Das Canvas Element wird von den aktuellsten Version von Mozilla Firefox, Safari, Google Chrome, Opera und Internet Explorer 9 unterstützt.		Processing.js ist der JacaScript Port von Processing. Damit ist es möglich im Browser Animation, Spiele usw. darzustellen, ohne dass der Nutzer ein Java Applet oder ein Flash Plugin installiert haben muss. Processing.js benutzt JavaScript um 2D- und 3D-Inhalte im HTML5 Canvas Element zu rendern. Das Canvas Element wird von den aktuellsten Version von Mozilla Firefox, Safari, Google Chrome, Opera und Internet Explorer 9 unterstützt.

	[http://last.fm/api last.fm/api]		* [http://last.fm/api last.fm/api]
			* [http://w3schools.com/html5 w3schools.com/html5]
	[http://w3schools.com/html5 w3schools.com/html5]		* [http://w3schools.com/css3 w3schools.com/css3]
			* [http://www.processingjs.org processingjs.org]
	[http://w3schools.com/css3 w3schools.com/css3]		* [http://jquery.com jquery.com]

	[http://www.processingjs.org processingjs.org]

	[http://jquery.com jquery.com]

	==Baustellen==		==Baustellen==

Claudia: /* Umsetzung */

2012-09-30T03:45:03Z

Umsetzung

← Older revision		Revision as of 03:45, 30 September 2012
Line 18:		Line 18:

	[http://last.fm/api last.fm/api]		[http://last.fm/api last.fm/api]

	[http://w3schools.com/html5 w3schools.com/html5]		[http://w3schools.com/html5 w3schools.com/html5]

	[http://w3schools.com/css3 w3schools.com/css3]		[http://w3schools.com/css3 w3schools.com/css3]

	[http://www.processingjs.org processingjs.org]		[http://www.processingjs.org processingjs.org]

	[http://jquery.com jquery.com]		[http://jquery.com jquery.com]

Claudia: /* Umsetzung */

2012-09-30T03:44:33Z

Umsetzung

← Older revision		Revision as of 03:44, 30 September 2012
Line 16:		Line 16:

	Processing.js ist der JacaScript Port von Processing. Damit ist es möglich im Browser Animation, Spiele usw. darzustellen, ohne dass der Nutzer ein Java Applet oder ein Flash Plugin installiert haben muss. Processing.js benutzt JavaScript um 2D- und 3D-Inhalte im HTML5 Canvas Element zu rendern. Das Canvas Element wird von den aktuellsten Version von Mozilla Firefox, Safari, Google Chrome, Opera und Internet Explorer 9 unterstützt.		Processing.js ist der JacaScript Port von Processing. Damit ist es möglich im Browser Animation, Spiele usw. darzustellen, ohne dass der Nutzer ein Java Applet oder ein Flash Plugin installiert haben muss. Processing.js benutzt JavaScript um 2D- und 3D-Inhalte im HTML5 Canvas Element zu rendern. Das Canvas Element wird von den aktuellsten Version von Mozilla Firefox, Safari, Google Chrome, Opera und Internet Explorer 9 unterstützt.

			[http://last.fm/api last.fm/api]
			[http://w3schools.com/html5 w3schools.com/html5]
			[http://w3schools.com/css3 w3schools.com/css3]
			[http://www.processingjs.org processingjs.org]
			[http://jquery.com jquery.com]

	==Baustellen==		==Baustellen==

Claudia: /* Baustelle I */

2012-09-29T09:28:29Z

Baustelle I

← Older revision		Revision as of 09:28, 29 September 2012
Line 22:		Line 22:
	[[File:screenshot-music_scene_thuringia03.jpg\|399px\|border]][[File:screenshot-music_scene_thuringia05.jpg\|399px\|border]]		[[File:screenshot-music_scene_thuringia03.jpg\|399px\|border]][[File:screenshot-music_scene_thuringia05.jpg\|399px\|border]]

	Bei LastFM sind beispielsweise vier verschiedene Musikschaffende mit dem Tag "Apolda" versehen. Keiner davon wird jedoch momentan auf meiner Seite angezeigt. Ähnlich verhält es sich beispielsweise auch mit Jena. Bei LastFM wurden 62 verschiedene Künstler mit dem Tag "Jena" versehen, aber nur ca. 25 werden angezeigt. Dies hat zur Folge das für zehn von 18 Städten keinerlei Ergebnis angezeigt werden kann (durchgestrichene Städtenamen). Bei der Abfrage mit der Methode tag.getWeeklyArtistChart stehen unter anderem auch die Parameter from, to und limit zur Verfügung. Aber auch durch deren Manipulation konnte ich kein anderes Ergebnis erreichen. Lösungsansatz: Nutzung einer anderen Methode.		Bei LastFM sind beispielsweise vier verschiedene Musikschaffende mit dem Tag "Apolda" versehen. Keiner davon wird jedoch momentan auf meiner Seite angezeigt. Ähnlich verhält es sich beispielsweise auch mit Jena. Bei LastFM wurden 62 verschiedene Künstler mit dem Tag "Jena" versehen, aber nur ca. 25 werden angezeigt. Dies hat zur Folge das für zehn von 18 Städten keinerlei Ergebnis angezeigt werden kann (durchgestrichene Städtenamen). Bei der Abfrage mit der Methode tag.getWeeklyArtistChart stehen unter anderem auch die Parameter from, to und limit zur Verfügung. Aber auch durch deren Manipulation konnte ich kein anderes Ergebnis erreichen. Lösungsansatz: Nutzung einer anderen Methode zur Abfrage der mit einer der Städte getaggten Künstler.

	===Baustelle II===		===Baustelle II===
	Momentan sind die Interaktionsmöglichkeiten mit dem Programm noch relativ gering.		Momentan sind die Interaktionsmöglichkeiten mit dem Programm noch relativ gering.

Claudia: /* Baustelle II */

2012-09-29T09:27:16Z

Baustelle II

← Older revision		Revision as of 09:27, 29 September 2012
Line 25:		Line 25:

	===Baustelle II===		===Baustelle II===
			Momentan sind die Interaktionsmöglichkeiten mit dem Programm noch relativ gering.

Claudia: /* Baustelle I */

2012-09-29T09:09:35Z

Baustelle I

← Older revision		Revision as of 09:09, 29 September 2012
Line 22:		Line 22:
	[[File:screenshot-music_scene_thuringia03.jpg\|399px\|border]][[File:screenshot-music_scene_thuringia05.jpg\|399px\|border]]		[[File:screenshot-music_scene_thuringia03.jpg\|399px\|border]][[File:screenshot-music_scene_thuringia05.jpg\|399px\|border]]

	Bei LastFM sind beispielsweise vier verschiedene Musikschaffende mit dem Tag "Apolda" versehen. Keiner davon wird jedoch auf meiner Seite angezeigt. Ähnlich verhält es sich beispielsweise auch mit Jena. Bei LastFM ~~wurde für~~ 62 verschiedene Künstler mit dem Tag "Jena" versehen, aber nur ca. 25 werden angezeigt. Dies hat zur Folge das für zehn von 18 Städten keinerlei Ergebnis angezeigt werden kann (durchgestrichene Städtenamen). Bei der Abfrage mit der Methode tag.getWeeklyArtistChart stehen unter anderem auch die Parameter from, to und limit zur Verfügung. Aber auch		Bei LastFM sind beispielsweise vier verschiedene Musikschaffende mit dem Tag "Apolda" versehen. Keiner davon wird jedoch momentan auf meiner Seite angezeigt. Ähnlich verhält es sich beispielsweise auch mit Jena. Bei LastFM wurden 62 verschiedene Künstler mit dem Tag "Jena" versehen, aber nur ca. 25 werden angezeigt. Dies hat zur Folge das für zehn von 18 Städten keinerlei Ergebnis angezeigt werden kann (durchgestrichene Städtenamen). Bei der Abfrage mit der Methode tag.getWeeklyArtistChart stehen unter anderem auch die Parameter from, to und limit zur Verfügung. Aber auch durch deren Manipulation konnte ich kein anderes Ergebnis erreichen. Lösungsansatz: Nutzung einer anderen Methode.

	===Baustelle II===		===Baustelle II===

Claudia: /* Umsetzung */

2012-09-29T08:57:12Z

Umsetzung

← Older revision		Revision as of 08:57, 29 September 2012
Line 13:		Line 13:
	Mittels der auf JSON basierenden LastFM API werden Musikschaffende, die auf LastFM mit jeweils einer der ausgewählten 19 Städte Thüringens getaggt sind, abgefangen. In der Webseite ist mittels HTML5 und CSS3 aufgebaut. Im Canvas werden mittels Processing.js die Daten visualisiert. Mithilfe von jQuery kann die Visualisierung außerhalb des Canvas gesteuert werden.		Mittels der auf JSON basierenden LastFM API werden Musikschaffende, die auf LastFM mit jeweils einer der ausgewählten 19 Städte Thüringens getaggt sind, abgefangen. In der Webseite ist mittels HTML5 und CSS3 aufgebaut. Im Canvas werden mittels Processing.js die Daten visualisiert. Mithilfe von jQuery kann die Visualisierung außerhalb des Canvas gesteuert werden.

	Last.fm ist Online-Musikkatalog mit integriertem Internetradio. Mit Hilfe sozialer Funktionen wird dem Nutzer neue Musik empfohlen bzw. im Internetradio wird ähnliche Musik abgespielt. Zusätzlich hat der Nutzer auch die Möglichkeit mit andere Nutzer mit einem ähnlichem Musikgeschmack in Kontakt zu treten und es werden Events auf Grundlage des Musikgeschmacks empfohlen. Die meisten Künstler sind neben dem Genre auch mit der Stadt, aus der sie kommen, getaggt. Für Entwicklern und Design stellt Last.fm eine API zu Verfügung, um eigene Programme zu erstellen, die auf die Daten(bank) von Last.fm zugreifen. Das Rückgabeformat der Last.fm API ist JSON. JSON Bibliotheken sind in allen gängigen Programmiersprachen verfügbar, so auch in der JavaScript Library jQuery.		Last.fm ist Online-Musikkatalog mit integriertem Internetradio. Mit Hilfe sozialer Funktionen wird dem Nutzer neue Musik empfohlen bzw. im Internetradio wird ähnliche Musik abgespielt. Zusätzlich hat der Nutzer auch die Möglichkeit mit andere Nutzer mit einem ähnlichem Musikgeschmack in Kontakt zu treten und es werden Events auf Grundlage des Musikgeschmacks empfohlen. Die meisten Künstler sind neben dem Genre auch mit der Stadt, aus der sie kommen, getaggt. Für Entwicklern und Design stellt Last.fm eine API zu Verfügung, um eigene Programme zu erstellen, die auf die Daten(bank) von Last.fm zugreifen. Das Rückgabeformat der Last.fm API ist JSON. JSON Bibliotheken sind in allen gängigen Programmiersprachen verfügbar, so auch in der JavaScript Library jQuery.

	Processing.js ist der JacaScript Port von Processing. Damit ist es möglich im Browser Animation, Spiele usw. darzustellen, ohne dass der Nutzer ein Java Applet oder ein Flash Plugin installiert haben muss. Processing.js benutzt JavaScript um 2D- und 3D-Inhalte im HTML5 Canvas Element zu rendern. Das Canvas Element wird von den aktuellsten Version von Mozilla Firefox, Safari, Google Chrome, Opera und Internet Explorer 9 unterstützt.		Processing.js ist der JacaScript Port von Processing. Damit ist es möglich im Browser Animation, Spiele usw. darzustellen, ohne dass der Nutzer ein Java Applet oder ein Flash Plugin installiert haben muss. Processing.js benutzt JavaScript um 2D- und 3D-Inhalte im HTML5 Canvas Element zu rendern. Das Canvas Element wird von den aktuellsten Version von Mozilla Firefox, Safari, Google Chrome, Opera und Internet Explorer 9 unterstützt.

Claudia: /* Umsetzung */

2012-09-29T08:56:56Z

Umsetzung

← Older revision		Revision as of 08:56, 29 September 2012
Line 11:		Line 11:

	==Umsetzung==		==Umsetzung==
	Mittels der auf JSON basierenden LastFM API werden Musikschaffende, die auf LastFM mit jeweils einer der ausgewählten 19 Städte Thüringens getaggt sind, abgefangen. In der Webseite ist mittels HTML5 und CSS3 aufgebaut. Im Canvas werden mittels Processing.js die Daten visualisiert. Mithilfe von ~~JavaScript Library~~ jQuery kann die Visualisierung außerhalb des Canvas gesteuert werden.		Mittels der auf JSON basierenden LastFM API werden Musikschaffende, die auf LastFM mit jeweils einer der ausgewählten 19 Städte Thüringens getaggt sind, abgefangen. In der Webseite ist mittels HTML5 und CSS3 aufgebaut. Im Canvas werden mittels Processing.js die Daten visualisiert. Mithilfe von jQuery kann die Visualisierung außerhalb des Canvas gesteuert werden.

	Last.fm ist Online-Musikkatalog mit integriertem Internetradio. Mit Hilfe sozialer Funktionen wird dem Nutzer neue Musik empfohlen bzw. im Internetradio wird ähnliche Musik abgespielt. Zusätzlich hat der Nutzer auch die Möglichkeit mit andere Nutzer mit einem ähnlichem Musikgeschmack in Kontakt zu treten und es werden Events auf Grundlage des Musikgeschmacks empfohlen. Die meisten Künstler sind neben dem Genre auch mit der Stadt, aus der sie kommen, getaggt. Für Entwicklern und Design stellt Last.fm eine API zu Verfügung, um eigene Programme zu erstellen, die auf die Daten(bank) von Last.fm zugreifen. Das Rückgabeformat der Last.fm API ist JSON. JSON Bibliotheken sind in allen gängigen Programmiersprachen verfügbar, so auch in jQuery.		Last.fm ist Online-Musikkatalog mit integriertem Internetradio. Mit Hilfe sozialer Funktionen wird dem Nutzer neue Musik empfohlen bzw. im Internetradio wird ähnliche Musik abgespielt. Zusätzlich hat der Nutzer auch die Möglichkeit mit andere Nutzer mit einem ähnlichem Musikgeschmack in Kontakt zu treten und es werden Events auf Grundlage des Musikgeschmacks empfohlen. Die meisten Künstler sind neben dem Genre auch mit der Stadt, aus der sie kommen, getaggt. Für Entwicklern und Design stellt Last.fm eine API zu Verfügung, um eigene Programme zu erstellen, die auf die Daten(bank) von Last.fm zugreifen. Das Rückgabeformat der Last.fm API ist JSON. JSON Bibliotheken sind in allen gängigen Programmiersprachen verfügbar, so auch in der JavaScript Library jQuery.

	Processing.js ist der JacaScript Port von Processing. Damit ist es möglich im Browser Animation, Spiele usw. darzustellen, ohne dass der Nutzer ein Java Applet oder ein Flash Plugin installiert haben muss. Processing.js benutzt JavaScript um 2D- und 3D-Inhalte im HTML5 Canvas Element zu rendern. Das Canvas Element wird von den aktuellsten Version von Mozilla Firefox, Safari, Google Chrome, Opera und Internet Explorer 9 unterstützt.		Processing.js ist der JacaScript Port von Processing. Damit ist es möglich im Browser Animation, Spiele usw. darzustellen, ohne dass der Nutzer ein Java Applet oder ein Flash Plugin installiert haben muss. Processing.js benutzt JavaScript um 2D- und 3D-Inhalte im HTML5 Canvas Element zu rendern. Das Canvas Element wird von den aktuellsten Version von Mozilla Firefox, Safari, Google Chrome, Opera und Internet Explorer 9 unterstützt.