Web Application Concept
Ik heb besloten om mijn project te maken over hoe ik gamegegevens van verschillende webwinkels op één plaats kan visualiseren. Dit idee ontstond omdat ik vaak handmatig zoek naar de goedkoopste aanbiedingen voor games. Mijn doel is een eenvoudige applicatie te ontwikkelen die toont waar je een bepaald spel voor de laagste prijs kunt kopen.
Voor dit project gebruik ik de CheapShark API. Deze API biedt verschillende gegevens die nuttig zijn voor het ontwikkelen van mijn webapplicatie.
- storeID
- pageNumber
- pageSize
- sortBy
- desc
- lowerPrice
- metascritic
- steamRating
- maxAge
- steamAppID
- title
- exact
- AAA
- steamworks
- onSale
- output
Voor inspiratie heb ik naar deze websites gekeken:
- Tweakers - waar ik vaak producten vergelijk.
- Google - voor zijn simpele en praktische startpagina.
- CDKeys - voor de lay-out van game-informatie.
In de 2e week ontvingen we links naar websites die nuttig waren voor ons project. Uit deze bronnen heb ik de volgende voorbeelden geselecteerd die ik zal gebruiken om mijn gegevens te visualiseren.
- Horizontal bar chart - Om webwinkels met elkaar te vergelijken
- Donut chart - Steam en Metacritic score
- How TO - Filter/Search List - Voor mijn search functie
- Most basic line chart - Voor historical game prijzen
Ik ben van plan om de komende week deze grafieken te gebruiken om mijn geselecteerde dataset te bewerken. Zo kan ik de data effectief weergeven.
Ik heb een Lo-Fi concept ontworpen voor mijn webapplicatie om mijn visie op ontwerp te laten zien. Net als bij Google, kan de gebruiker naar een game zoeken en zodra het gewenste spel verschijnt in het dropdownmenu, klapt de pagina uit. De gebruiker kan dan uitgebreide informatie over het spel bekijken en met de graphics interageren.