Android apps met Basic4android

Transcriptie

1 2014 Android apps met Basic4android J.R. van Turnhout & F. Vonk versie

2 inhoudsopgave 1. inleiding instellen van Basic4android Basic4android basis je eerste Basic4android applicatie de Android calculator app extra opgaven wat heb je geleerd Dit werk is gelicenseerd onder een Creative Commons Naamsvermelding NietCommercieel GelijkDelen 3.0 Unported licentie - 2 -

3 1. inleiding Welkom bij de module Basic4android. In deze module behandelen we en verdiepen we ons in het maken van Android applicaties (apps) met behulp van het programma Basic4android. Basic4android is een eenvoudige en krachtige ontwikkelomgeving voor ontwikkelaars van Android applicaties. Een ontwikkelomgeving wordt ook wel development environment genoemd. Basic4android is een betaald programma dat op de computers in LCo staat geïnstalleerd (het is niet geïnstalleerd op andere computers op school). Om Basic4android te kunnen gebruiken dienen er nog twee andere belangrijke applicaties op de computer geïnstalleerd te zijn, namelijk een JDK (Java Development Kit) en de Android SDK (Software Development Kit). Op de computers in LCo zijn beide als het goed is al geïnstalleerd. In deze module kom je opgaves tegen die je moet maken om de lesstof te verwerken. De antwoorden kunnen tijdens de les besproken worden. opgave Opgaves in blauw moet je maken. Je komt ook bonus opgaven tegen die je mag maken maar het hoeft niet. bonus opgave Opgaves in groen zijn facultatief en dienen als verdieping of om meer te oefenen. Let op, links in dit document hebben een rode kleur. Veel plezier en succes

4 2. instellen van Basic4android Voordat we met Basic4android aan de slag kunnen zullen we eerst het programma moeten instellen (configureren). Wanneer je op de schoolcomputers Basic4android voor de eerste keer uitvoert, dan vraagt het programma je om het licentie bestand aan te wijzen zoals je in de afbeelding hierna ziet. Vraag je leraar in dat geval even om je te helpen met het registreren van Basic4android. opgave 2.1 Ga naar Start All Programs Basic4android en start het programma op. Kijk of het programma al geregistreerd is. Java en Android paden (paths) instellen Nadat Basic4android geregistreerd is, moet je het programma vertellen waar het de JDK en de Android SDK kan vinden. Ga naar het menu Tools en klik op "Configure Paths". Vervolgens krijg je een nieuw dialoogvenster met drie invulvelden. Het eerste invulveld dat je tegen komt is voor de JDK. Op de schoolcomputers staat de JDK in "C:\Program Files\Java\jdk1.8.xxxx\bin\javac.exe". Zorg dat je dit bestand selecteert via de Browse knop rechts van het invulveld

5 Het tweede invulveld is voor de Android SDK. Er zijn een aantal Android SDK versies geïnstalleerd. Het is verstandig om de laatste te kiezen. Deze staat geïnstalleerd in "C:\Program Files (x86)\android\android-sdk\platforms\android- 18\android.jar". Zorg dat je dit bestand wederom via de Browse knop selecteert. opgave 2.2 Configureer nu zelf je paden zoals hierboven is voorgedaan. Mocht je de bestanden niet op de aangegeven locaties vindt, geef dit dan aan bij je leraar. het instellen van je AVD Tijdens het maken van je Android applicaties is het belangrijk dat je af en toe kijkt of je programma werkt en hoe het er uitziet. Dit kun je op meerdere manieren doen: 1. Via je eigen Android smartphone of tablet. 2. Via een Android Virtual Device (AVD) In deze methode gaan we er vanuit dat je een AVD gebruikt. Mocht je toch graag je eigen smartphone of tablet gebruiken dan moet je zelf uitzoeken hoe en of dat dit mogelijk is op school. Als eerste openen we de "AVD Manager" die te vinden is in het "Tools" menu van Basic4android. In de AVD Manager ga je naar het tweede tabblad

6 In dit tabblad selecteer je de "Nexus S" of de "Nexus One" en klik je rechts op "Create AVD ". Er verschijnt dan een nieuw dialoogvenster met instellingen. Allereerst geef je je AVD een passende naam. Daarna selecteer je bij "Target" de "Android 4.3 API Level 18" en bij "CPU/ABI" selecteer je "ARM (armeabiv7a)". Zorg ervoor dat je een vinkje hebt staan bij "Skin". Als je dit allemaal gedaan hebt stel je je RAM bij "Memory Options" in op "768" en vink je bij "Emulation Options" de "Use Host GPU" aan. Nu alles goed staat ingesteld kijk je voor de zekerheid of je instellingen overeenkomen met de instellingen in de volgende afbeelding en vervolgens klik je op OK. Als het goed is staat er nu in het eerste tabblad de nieuwe AVD die je zojuist hebt aangemaakt. Selecteer deze AVD en klik op Start. Als alles goed gaat start er nu een emulator. Op het moment dat je onderstaand scherm ziet is het allemaal goed gelukt en kun je verder met de Basis

7 opgave 2.3 Maak nu zelf een nieuwe AVD aan en start hem op. Let op dat je de instellingen nauwkeurig overneemt uit de uitleg hierboven

8 3. Basic4android basis Zoals de naam al aangeeft is het met Basic4android mogelijk om Android applicaties te maken. De programmeertaal die gebruikt wordt binnen Basic4Android is afgeleid van de taal BASIC. BASIC staat voor "Beginner s All-purpose Symbolic Instruction Code". Dit YouTube filmpje geeft je een korte introductie over Basic4android. Je kunt het kijken als je het moeilijk vindt om met de ontwikkelomgeving te werken. Het filmpje maakt gebruik van de designer van Basic4android. Deze module doet dit juist niet en laat je alles zelf doen zodat je precies weet wat er gebeurt. Om simpele Android applicaties te kunnen maken met Basic4android, zullen we ons eerst bezig moeten houden met de taal. Laten we als eerste eens gaan kijken naar de basis (het skelet) van zo n Basic4android applicatie: #Region Project Attributes #ApplicationLabel: Example #VersionCode: 1 #VersionName: #SupportedOrientations: unspecified #CanInstallToExternalStorage: False #End Region #Region Activity Attributes #FullScreen: False #IncludeTitle: True #End Region Sub Process_Globals Sub Activity_Create(FirstTime As Boolean) Iedere applicatie begint met een aantal project instellingen, "Project Attributes" genoemd. Het eerste belangrijke item dat we hier tegen komen is #ApplicationLabel. Hier kun je de naam van je applicatie ingeven. Het bijhouden van een versienummer is aan de programmeur zelf, en niet belangrijk zolang we de applicatie aan het bouwen zijn. Het volgende belangrijke item is #SupportedOrientations. Hier kunnen we aangeven of de applicatie "landscape" of "portrait" ondersteunt. Vervolgens krijgen we nog twee belangrijke "Activity Attributes" waarin we kunnen aangeven of de applicatie volledig scherm moet worden uitgevoerd, en of we willen - 8 -

9 dat de titel van de applicatie boven in het scherm moet worden weergegeven. Uiteraard is het aan de programmeur om hier een beslissing over te maken. If-Statements Om een programma te kunnen schrijven is het zaak dat je gebruik kan maken van If-statements. Er zijn meerdere verschillende vormen van een If-statement. De makkelijkste vorm is dan ook de single-line variant: If cijfer < 6 Then Log("Onvoldoende") End If De functie Log wordt hier gebruikt om de regel "Onvoldoende" te printen in het tabje "Logs" wanneer je je applicatie in debug mode uitvoert. Vaak is de meest simpele vorm van een If-statement niet voldoende, en moeten we een If-Then-Else statement gebruiken. Een If-Then-Else statement is doorgaans opgebouwd uit drie delen: If Conditie Then Conditie is waar. Else Conditie is niet waar. End If Het gedeelte "conditie" bevat vaak een vergelijking die een booleaanse waarde geeft. Als de conditie waar is, en dus True wordt, dan wordt het eerste stukje uitgevoerd waar staat "Conditie is waar". Wanneer de conditie naar False evalueert dan wordt het tweede stukje code uitgevoerd. Ook deze variant is niet altijd voldoende om te doen wat je als programmeur wilt. In zo n geval ben je vaak geholpen door een willekeurige hoeveelheid Else If constructies in je If statement te plaatsen. Hier volgt een voorbeeld. If cijfer < 6 Then Log("Onvoldoende") Else If cijfer < 8 Then Log("Voldoende") Else If cijfer < 9 Then Log("Goed") Else Log("Perfect") End If - 9 -

10 loops en functies Naast de If is het ook belangrijk om loops (lussen) te kunnen gebruiken. Een Forloop binnen Basic4android schrijf je als volgt: For i = 1 To 10 Log(i) 'print 1 tot en met 10. Next In dit geval weten we bij voorbaat al hoe vaak we iets willen doen, namelijk 10 keer. Stel nou dat je niet telkens met 1 wil optellen, maar alleen de oneven getallen zou willen printen dan doe je dat door "Step 2" toe te voegen aan de eerste regel: For i = 1 To 10 Step 2 Log(i) 'print oneven getallen 1, 3, 5, 7 en 9. Next In sommige gevallen weten we van te voren niet wanneer de loop moet eindigen, in zo n geval is het handig om een "Do While" of een "Do Until" loop te gebruiken. Deze loops zien er als volgt uit: i = 1 Do While i < 11 Log(i) i = i + 1 Loop j = 1 Do Until j = 11 Log(j) j = j + 1 Loop Let op dat je geen oneindige loop maakt! Voor meer functies en voorbeelden kun je het beste kijken op de Android Wiki

11 Button view Binnen Basic4android worden alle zichtbare elementen "views" genoemd. Er zijn een aantal views standaard beschikbaar. Ook is het mogelijk om zelf views te maken, of views te importeren met behulp van een "Package", hier gaan we echter in deze module niet verder op in. Als eerste gaan we kijken naar de button view. Een button is een knop die je kan toevoegen aan je applicatie, en ziet er als volgt uit. 1 Om een button aan je applicatie toe te kunnen voegen moet je eerst een nieuwe button aanmaken in het geheugen. Dit doe je door een regel toe te voegen in het stukje Globals van het skelet: Dim Button1 As Button Vervolgens dienen we in het stukje Activity_Create de button te initialiseren en hem toe te voegen aan de interface van de applicatie. Tijdens de initialisatie kun je ook het beste de default tekst van de button instellen. Sub Activity_Create(FirstTime As Boolean) Button1.Initialize("Button1") Button1.Text = "Button" Activity.AddView(Button1, 25%x, 45%y, 50%x, 10%y) In de voorlaatste regel definiëren we de locatie van de button op het scherm. Omdat niet ieder Android apparaat hetzelfde scherm heeft is het verstandig om de locatie in percentage aan te geven. Het eerste getal dat je tegenkomt (25%x) is de x-coördinaat van de linkerbovenhoek van de button. Het tweede getal (45%y) is de y-coördinaat van de linkerbovenhoek Het derde en vierde getal zijn respectievelijk de grootte in x en y richting. Let op dat de y-as van boven naar beneden loopt in plaats van beneden naar boven zoals je bij wiskunde gewend bent

12 Nu hebben we alleen nog maar een button op het scherm staan zonder dat er een actie aan wordt gekoppeld. Om een actie aan de button te koppelen moeten we specificeren wat er gebeurt in een aparte functie. Aan het einde van dit hoofdstuk staat overzicht met daarin aangegeven welke functies beschikbaar zijn. De meest gebruikte functies van een button zijn "indrukken", "loslaten" en "klikken". Voor ieder van deze acties kunnen we apart aangeven wat er moet gebeuren. Als voorbeeld volgt hier een stukje code die je rechtstreeks onder je skelet zou kunnen plakken. Deze code veranderd de tekst van de button als je hem indrukt, aanklikt of loslaat. Sub Button1_Down Button1.Text = "Down" Sub Button1_Up Button1.Text = "Up" Sub Button1_Click Button1.Text = "Click" Een voorbeeld van deze button staat in het zip bestand "demo_b4a_apps.zip" die te vinden is in de ELO bij deze module. opgave 3.1 Download de zip met de voorbeeldprogramma s en pak hem uit op je USB stick. Open het bestand Buttons_Example.b4a en probeer hem te runnen op je Android Virtual Device (AVD). Een button heeft naast de tekst die er op staat nog een aantal andere eigenschappen. Zo kun je de kleur aanpassen, de fontkleur de fontgrootte enzovoort. Door in je editor een punt na de variabelnaam te typen en te wachten krijg je een lijst met alle mogelijke instellingen. In dit lijstje kom je o.a. de bovengenoemde eigenschappen tegen. Stel nou je wil de kleur van de knop aanpassen dan doe je dat als volgt. Button1.Color = Colors.Red

13 opgave 3.2 Maak een kopie van het bestand Buttons_Example.b4a en noem hem Buttons_Example2.b4a en voer de volgende bewerkingen uit. Pas de code zodanig aan dat de tekst niet meer veranderd als je op de knop drukt. Maak de tekstkleur (Textcolor) groen als je de knop ingedrukt hebt. Zorg dat bij het loslaten de tekst weer de oorspronkelijke kleur heeft. Sla het bestand op en kijk of dat je code werkt. andere views Naast de button view zijn er nog veel meer views, hier volgt een overzicht van een aantal standaard views 2. CheckBox Dim Checkbox1 As CheckBox EditText (TextBox) kan uit meerdere regels bestaan. Dim EditText1 As EditText Label Dim Label1 As Label ImageView 2 afbeeldingen zijn verkregen via -

14 Dim ImageView1 As ImageView ListView (ListBox) Dim ListView1 As ListView Panel: Kan meerdere views bevatten. Dim Panel1 As Panel ProgressBar Dim ProgressBar1 As ProgressBar RadioButton

15 Dim RadioButton1 As RadioButton ScrollView Dim ScrollView1 As ScrollView SeekBar Dim SeekBar1 As SeekBar Spinner (ComboBox) Dim Spinner1 As Spinner ToggleButton Dim ToggleButton1 As ToggleButton

16 TabHost (TabControl) Dim TabHost1 As TabHost WebView Dim WebView1 As WebView

17 events De meeste views hebben interactie met de gebruiker. Door dingen die de gebruiker doet treden er gebeurtenissen op in de software. Deze gebeurtenissen noemen we events. Deze events worden door views opgevangen in functies, de zogenaamde event-functies. In deze functies kun je dan als programmeur aangeven welke functionaliteit je aan zo'n event wilt koppelen. Zo hebben we bij de Button view de event-functies Button_Click, Button_Up en Button_Down gezien. In de onderstaande tabel zie je een overzicht van de views die we zojuist gezien hebben in combinatie met de even-functies die bij de view horen. Click LongClick Touch Down Up KeyPress KeyUp ItemClick ItemLongClick CheckedChange EnterPressed FocusChanged TextChanged ScrollChanged ValueChanged TabChanged OverideUrl PageFinished Activity Button CheckBox EditText ImageView Label ListView Panel Radio- Button ScrollView SeekBar Spinner TabHost ToggleButton WebView

18 Een event-functie ziet er in het algemeen als volgt uit. Sub view-naam_event-functie eigen code En hier zie je nog een keer de voorbeelden die we al eerder voor de Button view hebben gezien. Sub Button1_Down Button1.Text = "Down" Sub Button1_Up Button1.Text = "Up" Sub Button1_Click Button1.Text = "Click" En voor een EditText view met naam EditText1 kun je dus krijgen. Sub EditText1_EnterPressed je eigen code hier Sub EditText1_FocusChanged je eigen code hier Sub EditText1_TextChanged je eigen code hier

19 4. je eerste Basic4android applicatie Bij het leren van een nieuwe programmeertaal is het gebruikelijk om als eerste programma een versie van "Hello World" te schrijven. opgave 4.1 Start een nieuw project en maak je eigen versie van "Hello World". Zorg ervoor dat hij aan de volgende eisen voldoet. Maak gebruik van een Label view. Zorg dat het label het volledige scherm beslaat door (0, 0, 100%x, 100%y) te gebruiken. Zet de Gravity van het label naar Gravity.Center. Verander de TextSize en TextColor. Indien je niet weet welke tekstgrootte of -kleur je wilt gebruiken, probeer de volgende variant na te maken. Als het goed is heb je nu je eerste eigen Android applicatie gemaakt met behulp van Basic4android. Waarschijnlijk zal zo n "Hello World" applicatie niet veel opleveren als je hem in de Google Play Store uploadt, dus we zullen verder moeten gaan dan dit. Daarom gaan we na het volgende intermezzo kijken of we een leuk spelletje kunnen maken met behulp van getallen

20 Naast event-functies heb je nu hopelijk ook door dat iedere view eigenschappen en view-functies heeft. Eigenschappen noemen we vaak properties. De view-functies zijn functies die niet gekoppeld zijn aan gebeurtenissen (events) voor die view maar wel aangeroepen kunnen worden op een view vanuit je code. Voorbeelden van properties van de Label view zijn Gravity, TextSize en TextColor. Een voorbeeld van een view-functie is Initialize() en deze functie kun je op iedere view aanroepen. Een ander voorbeeld van een view-functie is AddView() die bij de Activity view hoort. Als eerste gaan we kijken of we een applicatie kunnen maken die kan raden welk getal tussen de 0 en de 1000 wij in ons hoofd hebben, waarbij 0 en 1000 gebruikt mogen worden. Een goede strategie voor het zo snel mogelijk raden van een getal tussen de 0 en 1000 zou kunnen zijn door precies tussen het minimum en het maximum in te gaan zitten. Stel we nemen het getal 812 in ons hoofd, dan zou de applicatie achtereenvolgens de volgende getallen moeten raden: hoger hoger lager ok opgave 4.2 Maak een applicatie die raadt welk getal jij in je hoofd hebt. Doe dit als volgt. Maak een "Label" waarin je laat zien welk getal jou programma gokt. Plaats drie knoppen naast elkaar met als tekst van links naar rechts "Lager", "Start", en "Hoger" Zorg dat op het moment dat wanneer je op start drukt deze knop in OK verandert, en de eerste gok gedaan wordt. Als het getal geraden is druk je op OK en reset je je venster naar de begin situatie (een leeg label en de knop Start in het midden)

21 Hint: Je kunt het volgende getal bepalen door twee gehele getallen (weergegeven door het type Int) in je geheugen te houden. De één noem je Minimum en de andere Maximum. Iedere gok die je app doet kan worden bepaald met de volgende formule. Gok = Minimum + ((Maximum Minimum) / 2) Een ander leuk idee zou zijn om het raadspelletje wat je in opgave 3.2 gemaakt hebt om te draaien. Om dit te kunnen doen moeten we de applicatie een random getal laten genereren. Dit kan met behulp van de Rnd() functie, kijk voor meer informatie over deze functie op Basic4android Random functie. Als je goed hebt opgelet zie je dat deze Rnd() functie anders werkt dan de random functie in veel andere talen. Bij Rnd(0, 1000) kan het getal 0 wel gegenereerd worden en het getal 1000 niet!. De variant die we nodig hebben voor een getal tussen de 0 en 1000 ziet er als volgt uit. Dim RndGetal As Int 'zet hier de rest van je variabelen Sub Activity_Create(FirstTime As Boolean) RndGetal = Rnd(0, 1001) 'zet hier de rest van je code Eerst definiëren we een variabele voor het getal dat de computer voor ons genereert in de Globals sectie van onze applicatie. Vervolgens vullen we deze variabele met een random getal tussen de 0 en We nemen als maximale waarde voor de Rnd() functie dus 1001 zodat 1000 ook gegenereerd kan worden! Naast een random nummer zullen we ook moeten weten hoe we een EditText aanmaken. Het beste is om een single-line EditText aan te maken die alleen maar nummers accepteert. Dit doe je als volgt: EditText1.SingleLine = True EditText1.InputType = EditText1.INPUT_TYPE_NUMBERS Vervolgens maak je een nieuwe Sub aan die je "EditText1_EnterPressed" noemt. Deze Sub kun je gebruiken om met behulp van If-statements te bepalen wat de gebruiker voor feedback hoort te krijgen

22 opgave 4.3 Maak een applicatie waarbij de speler gokt welk getal de applicatie in gedachten heeft. Zorg ervoor dat je applicatie aan de volgende eisen voldoet. Maak een Label view die aangeeft dat de speler een getal moet raden tussen de 0 en de Maak met een EditText view een invoerveld dat alleen getallen accepteert. Zorg dat dit tekst veld slechts uit één regel bestaat. Maak een tweede Label view waarin je de speler feedback geeft zoals "hoger" en "lager". Na iedere gok wordt het invoerveld gewist. Wanneer de speler het juiste getal raadt feliciteer je hem of haar in je tweede label. Zorg ervoor dat er een nieuw random getal gegenereerd wordt wanneer het getal geraden is zodat de speler het spel meteen nog een keer kan spelen. meerdere schermen De meeste Android apps die je in de Google Play Store vindt bestaan uit meerdere vensters. Zoek op internet uit hoe je de twee bovenstaande varianten van het raad spel kunt samenvoegen. Om je een beetje op weg te helpen kun je kijken op Basic4android voorbeeld met meerdere activities (schermen). Als je meer van een video als uitleg houdt kijk dan op YouTube. opgave 4.4 Voeg de Activity views uit opgave 4.2 en 4.3 samen. Zorg ervoor dat je applicatie aan de volgende eisen voldoet. Je applicatie start met een beginscherm waarop twee knoppen staan: "Raad mijn getal." en "Laat mij een getal raden." Op het moment dat je op één van de twee knoppen drukt, dan start de juiste variant van het spel. Op het moment dat het spel afgelopen is, dan word je terug gestuurd naar het beginscherm

23 5. de Android calculator app Als het goed is heb je intussen al heel wat geleerd over buttons, labels, en invoervelden (EditText views). We gaan in dit hoofdstuk, aan de hand van een aantal opgaven, een rekenmachine bouwen met behulp van buttons en functies. opgave 5.1 Je gaat in deze opgave de basis voor je rekenmachine maken. Zorg ervoor dat je basis voldoet aan de volgende eisen. Er is een label dat het antwoord laat zien. Er is een invoerveld waarin de input komt te staan. Er zijn buttons voor de getallen 0 t/m 9, de bewerkingen +, -,, / en voor de = en komma. Implementeer nog geen functionaliteit. Nu je de basis hebt gemaakt is het zaak om alle functies te gaan implementeren. Uiteraard kun je alle code in de Click methode van de buttons plaatsen maar je zult zien dat de code dan al snel onleesbaar en onoverzichtelijk wordt. Daarom gaan we werken met eigen functies die we methodes noemen. Een methode is een stukje code dat je zelf schrijft en zelf een naam geeft. Een methode kun je dan op ieder moment op allerlei verschillende plekken in de rest van je code aanroepen. Zo n methode kan bijvoorbeeld een berekening zijn en er als volgt uitzien. Sub Optellen (d1 As Double, d2 As Double) As Double Return d1 + d2 In de bovenstaande methode worden twee decimale (aangegeven door het type Double) getallen als input gebruikt (d1 en d2) en wordt het resultaat teruggegeven (via het Return keyword) naar de plaats waar de methode in de code wordt aangeroepen. Dit resultaat kun je opvangen in een variabele. Hier volgt een voorbeeld waarin het antwoord van de methode Optellen() wordt opgevangen in een variabele antwoord. Dim antwoord As Double antwoord = Optellen(3.5, 13.7)

24 opgave 5.2 Maak, in je project, voor ieder van de bewerkingen (dus voor +, -, en /) een methode die twee decimale getallen accepteert en een decimaal getal terug geeft. TIP: Je zou je methodes kunnen testen met behulp van de Log() functie die een output geeft in de console. Roep hiervoor al je methodes een keer aan in de Activity_Create functie met zelf bedachte invoerwaardes. Nu je de basisbewerkingen geïmplementeerd hebt, wordt het zaak om de bijbehorende methodes te gebruiken om de calculator ook echt te laten werken. Om dit te kunnen doen moet je een paar belangrijke dingen doen. Allereerst moet je minimaal twee variabelen aanmaken; één voor het opslaan van het eerste ingevoerde getal en één voor het opslaan van de bewerking. Dim getal As Double Dim bewerking As Char In het bovenstaande voorbeeld is ervoor gekozen om de bewerking op te slaan als een karakter (de naam van het type hiervoor is Char 3 zoals je kunt zien). Daardoor kun je, via een If-statement in de Click event-functie van onze = button, bepalen welke methode je moet gebruiken voor het uitrekenen van het antwoord. Om het getal uit een invoerveld genaamd Test, wat overigens geen geweldige naam is, te kunnen halen kun je het volgende stukje code gebruiken. getal = Test.Text Van dit alles is een voorbeeld te vinden in het ZIP bestand demo_b4a_apps.zip dat je in de ELO vindt. Open hiervoor het bestand Double_Example.b4a. In dit voorbeeld moet de gebruiker een getal intypen met behulp van het decimale toetsenbord en op de Done toets drukken. Vervolgens wordt er in de Logs tab van Basic4android uitgerekend wat 15 plus de invoer van de gebruiker is. 3 Dit is een verkorte schrijfwijze voor het Engelse woord character

25 opgave 5.3 Zorg nu dat je rekenmachine echt werkt door de volgende uitbreidingen te doen. De buttons 0 t/m 9 en de komma moeten het invoerveld vullen. Als de gebruiker op de button van een bewerking drukt, dan laat je de app het volgende doen. 1. Sla de inhoud van het invoerveld op in de bijbehorende variabele (getal). Als het invoerveld leeg is, sla het getal 0 op. 2. Sla de gekozen bewerking op in de bijbehorende variabele (bewerking). 3. Zet de inhoud van het invoerveld en de gekozen bewerking in het label. 4. Wis de inhoud van het invoerveld. Als de gebruiker op de = button drukt, dan laat je de app het volgende doen. Als de variabele bewerking gevuld is, dan laat je de app het volgende doen. 1. Voer de juiste bewerking uit met wat er in de variabele getal en het invoerveld staat. Als het invoerveld leeg is, neem dan het getal 0 voor de waarde van het invoerveld. 2. Zet het antwoord van de bewerking in het label. 3. wis de inhoud van het invoerveld. Als de variabele bewerking leeg is, dan laat je de app de inhoud van het invoerveld wissen en het label leeg maken. Er zijn al veel calculators te vinden in de Google Play Store. Als je je eigen calculator eraan toe wilt voegen dan moet de zojuist gemaakte calculator nog flink uitbreiden. Als je het gevoel hebt dat je nog meer moet oefenen met de concepten van of het programmeren in Basic4android, dan is het uitbreiden van je calculator helemaal geen slecht idee en kun je de volgende opgave maken. Als je denkt dat je de concepten en het programmeren in de vingers hebt, dan kun je beter verder gaan met het volgende hoofdstuk

26 bonus opgave 5.1 Kijk eens goed naar je eigen rekenmachine of die van Microsoft Windows. Welke functies, naast die je al gemaakt hebt, gebruik je zelf vaak? Denk bijvoorbeeld aan functies als: faculteit (!); Voor een voorbeeld kun je onder deze opgave kijken. wortel ( ) kwadraat (x 2 ) Je kunt ook denken aan goniometrische functies zoals sinus, cosinus en tangens. Breid je calculator uit met functies tot je het gevoel hebt dat je de concepten van en het programmeren in Basic4android in de vingers hebt. De faculteit van een natuurlijk getal n (vaak genoteerd als n!) berekent het product van de natuurlijke getallen 1 tot en met n. Deze functie zou je moeten kennen uit de module algoritmiek en is makkelijk te implementeren. Hier volgt een voorbeeld. Sub Faculteit (n As Int) As Int Dim resultaat As Int resultaat = 1 For i = 2 To n resultaat = resultaat * i Next Return resultaat Let op: Deze methode werkt niet met decimale getallen en getallen kleiner dan 1. Je zult hier zelf een passende oplossing voor moeten vinden, bijvoorbeeld door de gebruiker hiervan op de hoogte te stellen als deze toch een ongeoorloofd getal invoert

27 6. extra opgaven opgave 6.1 Maak een boter-kaas-en-eieren applicatie. Zorg ervoor dat je applicatie voldoet aan de volgende eisen. Je begint met 9 lege buttons. De tekst van een button verandert in een O of een X als je er op drukt. Zorg ervoor dat er steeds om-en-om een ander symbool geplaatst wordt en maak de knoppen inactief nadat er op geklikt is. Bepaal zelf met welk van de symbolen je start. Geef een notificatie (TOAST) op het moment dat een van de twee gewonnen heeft. opgave 6.2 Zoek op internet uit hoe je met behulp van een Chronometer view je eigen stopwatch kunt maken en implementeer deze. Je kunt bijvoorbeeld bij de Basic4android documentatie kijken

28 7. wat heb je geleerd Als het goed is heb je met behulp van deze module geleerd hoe je een applicatie voor Android maakt met behulp van het programma Basic4android, maar dit is vast niet het enige. In dit hoofdstuk staat reflectie centraal, door nog een keer goed na te denken over wat je allemaal gedaan hebt herhaal je de stof voor jezelf en blijft het beter hangen. opgave 7.1 Beschrijf beknopt wat je geleerd en gedaan hebt tijdens het doorwerken van deze module. Geef ook je mening over deze module. Zorg ervoor dat je minimaal een half A4tje aan reflectie hebt en lever deze opdracht vervolgens in bij je docent