Hoofdstuk 1 Wat zijn apps eigenlijk?

Transcriptie

1 Hoofdstuk 1 Wat zijn apps eigenlijk?

2 Welkom Wat goed dat je begonnen bent in dit boek! Het lijkt me heel leuk om samen met jou een app te maken. Als we alle stappen rustig doorlopen, heb je straks niet alleen een app die je helemaal naar eigen smaak kunt uitbouwen, maar kun je ook zelf apps bedenken en maken. Apps zijn er in heel veel verschillende soorten en maten. In dit boek ga ik je uitleggen wat de verschillen zijn. Wat kun je in dit boek allemaal leren? Als je dit boek helemaal hebt doorgewerkt, dan weet je heel veel over het maken van apps. Maar er is zo veel te leren over apps maken dat je er wel duizend boeken over zou kunnen lezen. Daarom heb ik een aantal onderwerpen uitgekozen die belangrijk zijn om als eerste te leren. Dit zijn ze: Wat zijn apps? Een app ontwerpen Waar is je app voor bedoeld? GameSalad downloaden en installeren Een Scene maken Een Actor maken Een Rule maken Plaatjes gebruiken Een Actor laten bewegen Een Actor laten draaien Geluid gebruiken Actors laten botsen De score bijhouden Werken met de camera Je app publiceren Wat zijn apps? Als je het woord app hoort, dan denk je misschien aan een spelletje of bijvoorbeeld een rekenmachine op een smartphone of een tablet. Maar wat is een app eigenlijk? Het antwoord is simpel; een app is een andere naam voor een computerprogramma. Het Engelse woord daarvoor is application (dat spreek je uit als e-plie-keesjen). Een korte manier om application te zeggen is app. Welkom 7

3 In dit boek gaan we samen een spelletjes-app maken. Niet alle apps worden op dezelfde manier gemaakt en gebruikt. Er zijn twee belangrijke verschillen. Je hebt native apps (spreek uit: nee-tif) en web apps. Apps heb je in allerlei soorten en maten, bijvoorbeeld: Apps om te surfen op internet of om je te lezen Apps die je helpen om iets te berekenen Apps die een spelletje zijn Apps die je de weg kunnen wijzen Apps met informatie, als in een boek Bagiuiani/Shutterstock Een native app wordt gedownload op een smartphone of tablet. Meestal doe je dat via een digitale winkel. Dit noem je een store (spreek uit: stoor). Je kent de App Store voor de iphone en de ipad misschien wel. De store voor Android-smartphones en -tablets wordt Google Play genoemd. Een web-app lijkt eigenlijk wel een beetje op een website. Deze wordt niet geïnstalleerd op je smartphone of tablet, maar blijft op internet staan. Met behulp van je browser (bijvoorbeeld Safari) ga je ernaartoe. Het lijkt dan net of je op een app werkt die op het apparaat zelf staat. In dit boek maken we een app die als web-app kan werken, maar die we ook als native app in een store kunnen zetten. HOOFDSTUK 1: Wat zijn apps eigenlijk? 8

4 Een app ontwerpen Iemand die een huis gaat bouwen, gaat niet zomaar wat stenen op elkaar metselen. Het huis wordt eerst ontworpen. Een architect (een huizenontwerper) tekent eerst heel nauwkeurig hoe het huis eruit moet gaan zien. Op die tekening kun je bijvoorbeeld zien hoe groot het huis is, hoeveel kamers het heeft en hoe schuin het dak is. Pas dan gaan de bouwers aan de slag met stenen, metaal, hout en glas. Bij een app werkt dat net zo. Je kunt wel met een vaag idee in je hoofd meteen beginnen aan je app, maar de kans is groot dat het dan geen mooie app wordt. Je kunt beter eerst een ontwerp maken, net zoals de architect doet bij het huis. Omdat je in dit boek gaat leren om een app te maken, doe ik het eerst voor. Als je straks echter zelf een app gaat bedenken, kun je deze stappen volgen: Het idee Alles begint met een idee, of je nu een raket wilt ontwerpen, een fabriek of een huis. In dit boek heb ik het idee al voor je bedacht, maar als je zelf iets gaat bouwen, verzin jij wat voor app het moet worden. We gaan in dit boek een spelletje maken, waarbij je een auto moet besturen over verschillende wegen. Als je het autootje snel en zonder te botsen bestuurt, kun je punten verdienen. Programma van eisen Met alleen een idee zijn we er nog niet. Als je een huis gaat maken, moet je bijvoorbeeld ook bedenken hoeveel personen er gaan wonen. Bij de app doen we dat ook. We noemen dat het programma van eisen ; met andere woorden: wat moet je app allemaal kunnen? In het geval van onze app is dat het volgende: Een app ontwerpen 9

5 De app opent met een startscherm, waar je direct de levels kunt kiezen. Er zijn vijf levels. In elk level heb je één minuut de tijd om je doel te bereiken. Je kunt in alle vijf de levels steeds een overzicht van je score zien. Het ontwerp zelf Niet alles wat met computers te maken heeft hoef je op een computer te doen. Een app ontwerpen kun je bijvoorbeeld ook heel goed op papier doen. Neem daarvoor een groot vel papier, waar je met Post-its (van die gele, vierkante plakblaadjes) de verschillende levels van het spel plakt. Het mooie van Post-its is dat je ze makkelijk weer kunt weghalen of op een andere plek kunt plakken. Mac of Windows Zoals je waarschijnlijk wel weet zijn er Windows- en Apple-computers (Mac). Ze hebben verschillende besturingssystemen; dat is de manier waarop de computer werkt. Het programma dat we gaan gebruiken om onze app te maken, GameSalad, werkt gelukkig op allebei de besturingssystemen. Helaas zit er wel veel verschil in de schermen van de Windows-versie en de Apple-/Mac-versie van GameSalad. Het idee achter de software, de manier van werken en de benamingen zijn echter vrijwel hetzelfde. Als je met de ene versie kunt werken, kun je in een paar minuten ook leren om met de andere versie te werken. In dit boek staat bij de instructies en afbeeldingen steeds Mac of Windows, zodat je meteen kunt zien of die bij Apple of Windows horen. Als jij een Windows-computer hebt, hoef je de Mac-instructies niet te lezen, en andersom. HooFDSTUk 1: WaT zijn apps eigenlijk? 10

6 learning point learningpoints In de cursussen die ik ontwikkel en in de boeken die ik schrijf gebruik ik vaak LearningPoints. Letterlijk vertaald betekent dat een leerpunt. Elk LearningPoint is een klein stukje van wat je moet weten of kunnen om tot iets groters te komen. Als je een boomhut wilt bouwen, moet je bijvoorbeeld weten hoe je moet zagen, spijkeren, schroeven, knopen maken enzovoort. Dat zijn allemaal losse leerpunten. Als je er een heleboel beheerst (als je weet hoe iets zit en/of je kunt het zelf doen) ben je een goede boomhuttenmaker of boomhuttenmaakster. Voor apps geldt precies hetzelfde. Het maken van een app bestaat uit allemaal kleine onderdelen. In dit boek leer je de belangrijkste kennen. voor docenten Op de website van dit boek is een handleiding beschikbaar met handige tips voor toepassing van het boek in lessituaties. learningpoints 11

7 Hoofdstuk 2 BEGINNEN MET GAMESALAD

8 LEARNING Point GameSalad downloaden en installeren op de Mac Er zijn heel veel manieren om een app te maken. Je kunt écht programmeren, waarbij je allemaal ingewikkelde codes moet intypen. Vaak krijg je op die manier heel snelle en mooie apps. Het nadeel is alleen dat het veel tijd kost en je er langer voor moet leren. Wij kiezen nu voor een manier waarmee je veel sneller een app kunt maken. Bovendien leer je wat er allemaal komt kijken bij het maken van een spelletjes-app. Dit is trouwens ook een heel goede voorbereiding op echt programmeren. Wij gaan werken met het programma GameSalad. Dit is een Amerikaans programma, dat je gratis kunt downloaden. Er is een versie voor Windows-computers en een voor Apple-/Mac-computers. Omdat de schermen van de programma s er anders uitzien, zie je steeds apart de voorbeelden van de Windowsversie en de Mac-versie. De namen van de knoppen, schermen en functies zijn bijna allemaal hetzelfde. Laat dit aan volwassenen of aan je meester of juf lezen! Voor het aanmaken van een (gratis) account op GameSalad moet je minstens 13 jaar zijn. Ahhh, dat is jammer, want dit boek is bedoeld voor kinderen van ongeveer 8 tot en met 12. Gelukkig zijn er altijd grote mensen die je om hulp kunt vragen. Als je dit boekje op school gebruikt, dan is GameSalad waarschijnlijk al op de computer geïnstalleerd. Als je thuis werkt moet je even om hulp vragen. Vertel dat ze de volgende stappen kunnen volgen: 1 Ga naar 2 Kies of je gebruik wilt maken van de Mac-versie of de Windows-versie. GameSalad downloaden en installeren op de Mac 13

9 De schermen voor Mac en Windows zijn bijna gelijk. Hoewel GameSalad automatisch detecteert met wat voor computer je de site bezoekt, wil het wel eens voorkomen dat net de verkeerde versie geselecteerd wordt. Check daarom even goed wat er staat onder Download GameSalad Creator. 3 Vul je adres in, bevestig dat je dertien jaar of ouder bent en klik op de knop Download. HooFDSTUk 2: beginnen met gamesalad 14

10 Dit is de installatiewizard van Windows. De wizard leidt je door alle stappen. In bijna alle gevallen kun je volstaan met het klikken op de knop Next >. Windows: het XNA Framework is nodig om de functionaliteiten in GameSalad te laten werken. Windows: GameSalad voor Windows vraagt om een aantal extra programma s die geïnstalleerd moeten worden. De wizard rijkt deze zelf aan. laat DiT aan VolWaSSenen of aan je meester of juf lezen! 15