Home

mash it up

Omschrijving

Er bestaat een ruim aanbod van API’s en services die vrij gebruikt kunnen worden. Bij deze opdracht is het de bedoeling om twee verschillende API’s met elkaar te combineren en er één web pagina rond te bouwen. Het onderwerp mag je volledig vrij kiezen, maar kies best wel services waar je vlot mee kan werken. Hou dus rekening met authenticatie, aantal requests per dag, data formaat, stabiliteit...

Ter inspiratie geven we de volgende API’s mee, maar je bent niet verplicht om uit deze lijst te kiezen:

• Data van steden: https://data.stad.gent/datasets en http://www.kortrijk.be/opendata/data#/
• Spotify: https://developer.spotify.com/web-api/endpoint-reference/
• Foursquare: https://developer.foursquare.com/docs/
• Zoeken naar API’s: http://www.programmableweb.com/
• Google: https://developers.google.com/apis-explorer/#p/
• ...

De meeste gratis services zullen enkel toelaten om data op te halen. Voor deze opdracht moet je ook data kunnen wegschrijven, maar je mag dit ook naar de localStorage doen of naar een eigen database.

Je zorgt er voor dat je web pagina volledig responsive is en mooi verzorgd. De web pagina moet minstens een menu bevatten en content die dynamisch via de service werd aangemaakt. Het eindresultaat is zowel professioneel, als orgineel en afgewerkt.

Indienen

• Keuze van API’s: labo in week 26-30/10
• Indienen code: vrijdag 18 december
• Presentatie opdracht: tijdens de examenperiode. De exacte planning komt nog op LEHO.

Evaluatie

Je wordt geëvalueerd op de volgende onderdelen:

• HTML: Je pagina moet semantisch correct zijn en minstens een menu bevatten. Er moeten ook elementen aanwezig zijn die dynamisch aangemaakt werden.
• CSS: je pagina moet volledig responsive zijn en je CSS zo optimaal mogelijk geschreven. Daarnaast maak je waar nodig ook gebruik van subtiele effecten, transities en transformaties.
• JavaScript: Je maakt correct gebruik van jQuery + nog een extra JavaScript framework. De data wordt opgehaald en weggeschreven door gebruik te maken van AJAX en je zorgt voor een goede structuur in je code
• In het algemeen is je resultaat professioneel, origineel en een afgewerkt geheel.