0
MIT App Inventor en 4WD BT Car
Deze website is nog in ontwikkeling,

ik zelf trouwens ook.
😜
     Inhoudsopgave

 

Inhoudsopgave
Filmpje
, Crash test...
Voorwoord
   
De Android APP   
MIT APP Inventor
  
MIT zonder Google account

MIT met Google account   
MIT .aia programma laden en verbinden

MIT installeren op een mobiele telefoon   

Met MIT een .apk bestand maken
De 4WD BT Car besturen met de APP

Installeren van een .APK bestand
iOS en App Inventor   
Programmeerblokken
Bluetooth algemene zaken
Downloads   
BLE Problemen
  
Hindernisbaan

     Filmpje, Crash test

Tijdens en na de les moet je natuurlijk wel even proberen hoe de auto rijdt.

Meerdere leerlingen vonden dat de bel veel te vroeg ging en bleven dus langer om te testen/spelen en ruimden daarna alles weer netjes op!

     Voorwoord

De lessen Talenttijd PIE op De Meerwaarde blijven ook het komende jaar (2024-2025), voor wat de werkstukjes Display en 4WD BT Car betreft, gelijk.

Display De leerlingen kunnen als basis nu uit verschillende vormen kiezen.

4WD BT Car Wegens een forse prijsverlaging vanuit China, kunnen deze ook het komende schooljaar (2024-2025) weer gemaakt worden. (Video: Crash test mp4)

Omdat de oude APP voor de 4WD BT Car niet meer in Google play staat, moest er een andere gemaakt worden. Naïef als ik ben heb ik daarom in eerste instantie contact gezocht met een bedrijf dat, ook voor het onderwijs, software enz. ontwikkelt. Dat bleek al heel snel financieel absoluut niet haalbaar te zijn.

Eigenlijk had ik helemaal geen zin om zelf een APP te schrijven, (Lees: 'ik kan dat helemaal niet in Android') daar zou ik namelijk heel veel tijd in moeten steken. Toch vond ik uiteindelijk een oplossing, met als bijkomstigheid dat de leerlingen de APP ook zelf kunnen aanpassen/opleuken.

Het kostte echter nog best wel moeite om een goed werkende APP te maken. Inmiddels (26 mei 2024) heb ik een zelfgemaakte APP gemaakt welke behoorlijk werkt en op meerdere mobieltjes getest is.

In het techniekcentrum von onze school wordt met basisschool leerlingen (groep 7-8) regelmatig gebruik gemaakt van het programmeren met blokken. Wanneer we het voor onze eerste klas leerlingen met deze (gedeeltelijk) zelf te maken APP ook gaan toepassen, wordt het een doorlopende leerlijn, "hoe mooi is dat" ?

In het tweede leerjaar kan daar dan verder op geborduurd worden met het maken van een (RGB / Badge) interface, welke ook met blokken geprogrammeerd kan worden.

     De Android APP

In de meivakantie (2024) kwam ik nogmaals op de site App Inventor terecht en heb daar, zonder al te hoge verwachtingen te koesteren, wat tijd in gestoken. Dat leidde uiteindelijk tot de onderstaande APP.

APK: RC4WDCar_06.apk     Lees hier hoe u een .APK bestand installeert.
Broncode: RC4WDCar_06.aia     Lees hier hoe u een .AIA bestand in App Inventor laadt.

Wanneer u...

  • in deze APP op de F1 Car 'tikt', wordt een geluidje gespeeld
  • een BlueTooth verbinding met de 4WDBtCar maakt, kunt u met de pijltoetsen de auto besturen
  • enzovoort.

Opgedane ervaringen betreffende de ontwikkeling van het bovenstaande hoop ik binnenkort te delen, maar voorlopig werkt het (op de momenteel beschikbare mobieltjes) best wel goed!

Het ontwerpen (hoe het er uitziet) en het programmeren (invoeren van de code) wordt grotendeels met de muis gedaan. Het is daarom redelijk eenvoudig de APP een eigen 'tintje' te geven. Te denken valt aan het plaatsen van een foto van uzelf, een favoriete artiest, of wat dan ook.



Ach kijk nou, da's zo 'gepiept'. (Denk ff aan de muis.)
Wanneer u in deze APP op de foto 'tikt', heeft u meteen 'Beet'hoven, wat voor onze leerlingen zeker exceptionele muziek zal zijn... (Werkt ook in de bovenstaande afbeelding...)

kan ook, welke Ekseption(eel) is. AIR is geschreven door J.S.Bach.   😕   

Zomaar een voorbeeld van het personaliseren van uw 'eigen' APP. Misschien motiveert het uw leerlingen om zelf ook eens iets heel anders te proberen.

Het maken van een programma met MIT App Inventor is opgedeeld in twee delen...

  1. De grafische interface, hoe het scherm er uit komt te zien.
    Met de muis kunnen knoppen, afbeeldingen, lijsten enz. op het scherm gesleept worden.
  2. De programmacode, welke door het slepen en klikken van blokken geschreven wordt.
    Download een overzicht van beschikbare blokken App Inventor Blokken.pdf (Nederlandstalig)

Wanneer dat klaar is kan de door u gemaakte APP op twee verschillende manieren op uw mobieltje geplaatst worden.

  1. Door middel van een .APK bestand.
    In App Inventor kan het door u geladen/gemaakte programma omgezet worden in een .APK bestand, waarna het met een QR code op uw mobiel gedownload en geïnstalleerd kan worden.
  2. Door middel van een WiFi verbinding tussen App Inventor op uw computer en App Inventor op uw mobiele telefoon.
    Beide apparaten moeten met hetzelfde WiFi netwerk verbonden zijn. Door middel van een 6 letterige- of QR code wordt de mobiele telefoon met App Inventor verbonden.

Bij optie 2 worden aanpassingen welke in MIT App Inventor gedaan worden, direct doorgestuurd naar de mobiel.

Op de mobiel kan tijdens deze verbinding ook de 4WD BT Car bestuurd/getest worden.

     MIT App Inventor

MIT = Massachusetts Institute of Technology
APP Inventor = Programma Uitvinder

Meer informatie... Wat is MIT App Inventor en hoe werkt het?

App Inventor is een Website/Programma/APP welke gebruikt kan worden om Android en IOS APP's te maken. Normaal gesproken is er een Google-account nodig om in te loggen.

Voor scholen is er de site MIT App Inventor, waarbij niet ingelogd hoeft te worden en dus geen persoonlijk identificeerbare informatie (PII) wordt bijgehouden.

Het hele in MIT APP Inventor geschreven programma wordt opgeslagen in één .aia 'bron' bestand dat eenvoudig uit te wisselen is. Wanneer je zo'n bestand dus download, kun je het niet alleen uitvoeren maar ook zelf aanpassen en er een .apk bestand van maken.

Hieronder uitgelegd hoe u de MIT APP Inventor op een computer gebruikt.

  • Kies op welke manier u met de MIT App Inventor wilt werken.
  1. Programma zonder Google account, klik hier. (U moet wel elke keer dat u het start de code invoeren)
  2. Programma met een Google account, klik hier. (Uw wachtwoord kan automatisch ingevoerd worden)
     MIT zonder Google account

De App Inventor is een online tool (gereedschap) dat in elke moderne browser uitgevoerd kan worden. (Chrome, Firefox, Edge, Safari enz.)

Voor het gebruik is geen Google account benodigd.

  • Klik op MIT App Inventor (https://code.appinventor.mit.edu/login/)
    Het onderstaande venster zal dan verschijnen.

  • Klik op Continue Whithout An Account (ga door zonder een account)
    Er verschijnt dan het onderstaande venster, met (vanzelfsprekend) een andere code.

  • Kopieer uw code, dan kunt u later uw project opieuw openen en bewerken.
  • Klik op Continue (ga door)
  • Na het inloggen gaat u hier verder
     MIT met Google account,

De App Inventor is een online tool (gereedschap) dat in elke moderne browser uitgevoerd kan worden. (Chrome, Firefox, Edge, Safari enz.)

Voor het gebruik is een Google account benodigd.

  • Ga naar https://appinventor.mit.edu/ (https://appinventor.mit.edu/)
  • Klik op
  • Log in met een Google account/email adres (U kunt ook een nieuw account maken)
    U kunt hier ook de taal op Nederlands instellen, maar de meeste voorbeelden zijn in het Engels. Het is dan lastiger om bij het programmeren in blokken (Blocks) de juiste onderdelen te vinden.
  • enz.
  • Na het inloggen gaat u hier verder
     MIT .aia programma laden en verbinden

De MIT APP Inventor werkt met zogenaamde .aia bestanden. Is zo'n bestand geladen, dan kan het meteen gebruikt worden.

  • Download RC4WDCar_06.aia en onthoud waar u het opgeslagen hebt.
    Gevorderden: U kunt de link ook kopieren en later in MIT plakken.
  • Ga weer terug naar de MIT App Inventor site waar u nog ingelogd bent.
  • Klik in de MIT App Inventor site op...
  • en daarna op...

    zoals u hieronder ziet staan...




  • In het onderstaande scherm selecteert u...
    ...


  • Selecteer het door u gedownloade RC4WDCar_06.aia bestand
    Gevorderden: In de adresbalk kan ook de link geplakt worden, MIT vindt dat niet leuk, maar werkt wel.



  • Klik achtereenvolgens op...

    en...

    waarna het onderstaande (deel)scherm op het computerscherm te zien moet zijn.


De APP past niet helemaal goed op het schermpje van de mobiel. Dat heeft ondermeer te maken met de verschillende scherm resoluties die bij verschillende mobieltjes, maar ook tablets en ChromeBooks, gebruikt worden. Op een verbonden mobiel wordt de APP wel goed weergegeven.

  • Klik achtereenvolgens op

    en
    ...



waarna op het scherm een QR- en een lettercode komen te staan.

Deze QR- of code gebruikt u straks om een verbinding met uw mobiel te maken.

  • Laat dit scherm op uw computer staan.
  • Installeer op uw mobiele telefoon (tablet of ChromeBook) de de MIT APP.
     MIT installeren op een mobiele telefoon

Met de MIT APP Inventor op uw mobiele telefoon kan contact gemaakt worden met de MIT APP Inventor op de computer. Het installeren van de APP gaat als volgt...

  • Installeer de MIT App Inventor op de mobiele telefoon door hieronder op de gewenste link te klikken of de QR code te scannen.
Voor Android
Voor Apple
Toon QR code
Toon QR code
  • Start, na het installeren, de APP
  • Scan met uw mobiele telefoon de QR code van uw computerscherm. (Dus niet deze code.)
  • Na even wachten zal de APP op jouw mobiele telefoon verschijnen.

Wanneer de verbinding gemaakt is en u in App Inventor op de computer iets wijzigt, wordt het programma op de mobiel meteen aangepast. De APP op de mobiel werkt nu verder als een normale APP.

Hier leest u hoe de auto met de app bestuurd kan worden.

     Met MIT een .apk bestand maken

Normaal gesproken download u een APP van Google play om deze op uw mobiel te installeren. Om verschillende redenen wil men dat soms niet of is dat niet mogelijk. Bedenk echter wel dat een .apk bestand ook gebruikt kan worden om foute programma's op uw mobiel te installeren.

De reden dat mijn APP niet in Google play staat is dat het tegenwoordig een hoop werk en gedoe is om een App in Google play te plaatsen. Gelukkig is het ook niet echt belangrijk zolang u het .apk bestand maar van een betrouwbare site download. Mocht u dat niet betrouwbaar genoeg vinden, dan kunt u met de broncode zelf een .apk bestand maken.

Hoe dat werkt wordt hieronder beschreven.

  • Start de MIT App Inventor op de computer
    zonder een Google account, klik hier.
    met een Google account, klik hier.

  • Laad het door u gewenste .aia programma.
    Projects / Import project (.aia) from my computer


  • Kies achtereenvolgens Build en Android App (apk)


  • Na even wachten verschijnt het onderstaande scherm.


  • Wanneer het .apk bestand klaar is verschijnt het volgende scherm.


  • Met uw mobiel kunt u de QR code scannen waarmee het .apk bestand op uw mobiel gedownload wordt. Na het downloaden kan het .apk bestand geïnstalleerd worden.
  • U kunt door op Download .apk now te klikken het .apk bestand ook downloaden.
    De link blijft 2 uur geldig.
     De 4WD BT Car besturen met de APP

Wanneer u RC4WDCar_06.apk op uw mobiel gedownload en geinstalleerd heeft, maakt u op de onderstaande manier een verbinding met de 4 WD Bt Car.

  • Zet de 4WD BT Car aan
  • Zoek via Bluetooth op uw mobiel naar nieuw apparaat koppelen
  • Bekijk of er een apparaat met de onderstaande aanduiding bij staat...
    JDY-32-SPP (kan ook JDY-33-SPP zijn) maar niet BLE en maak daarmee een verbinding.
    De code is 1234
  • Wanneer de 4 WD BT Car via BlueTooth verbonden is start u de APP



  • Klik op Verbind en selecteer jouw auto


  • Wanneer in de lijst geen apparaten verschijnen, voer dan het onderstaande uit op je mobiel..
  • Sluit de APP af, start deze opnieuw en tik op verbind
    of
  • Wijs de app aan en wacht tot het menu App-info verschijnt en tik er op
  • Tik op Machtigingen en tik daarna op Apparaten in de buurt
  • Tik op Toestaan
  • Sluit het venster App-rechten
  • Start het programma opnieuw
  • Als het gelukt is zal het onderstaande scherm verschijnen, waar met de groene knop aangegeven wordt dat er een verbinding is met de 4WD BT Car.


  • Verhoog met de scroll bar de snelheid.
    De snelheid kan met de scroll bar ingesteld worden van 1 - 9, waarbij de snelheid meteen in waarden van 0 - 255. op de display van de 4WD BT Car verschijnt
    .
    Op de display van de auto wordt de ingestelde snelheid 5 secconden getoond.
  • Bestuur de auto met de pijltoetsen op het scherm
  • Heeft jouw 4WD BT Car een RGB led strip, dan kunnen de leds daarvan met de onderstaande knoppen bediend worden

     Installeren van een .APK bestand

Het plaatsen van een APP in Google play is nogal omslachtig geworden, misschien dat ik er ooit eens de moeite voor neem om dat uit te voeren.

De APP kan ook zonder de Google play op de mobiele telefoon geinstalleerd worden. Het daarvoor benodigde .APK bestand kan van deze site gedownload worden, maar u kunt het ook zelf maken.

APK bestand: RC4WDCar_06.apk (Dit is de laatste versie)

Bekijk via deze link hoe je een .APK bestand op je mobiel installeert.

Op zich zouden in de laatste versie de machtigingen automatisch ingesteld moeten worden. Mocht het niet werken, stel deze dan na het installeren als volgt in...

  • Wijs de app aan en wacht tot het menu App-info verschijnt en tik er op
  • Tik op Machtigingen en tik daarna op Apparaten in de buurt
  • Tik op Toestaan
  • Sluit het venster App-rechten

De bovenstaande rechten zijn nodig om de app te laten werken.

     iOS en App Inventor

Hoewel App Inventor ook geschikt is voor IOS, zijn er een aantal zaken die niet werken. Een Bluetooth verbinding is bijvoorbeeld nog niet mogelijk.

De Bluetooth module met de BLE verbinding wordt niet getoond. Wel is de SPP verbinding zichtbaar maar daar kan geen koppeling mee gemaakt worden. Da's nou weer erg jammer, gelukkig is er een goede APP voor IOS beschikbaar.

Er zijn wel ontwikkelingen maar het privacy beleid van Apple voorkomt eenvoudige oplossingen voor meerdere problemen.

Hier staat meer informatie betreffende de ontwikkelingen en problemen. Daar zijn ze al vanaf 2021 mee bezig, het zal dus nog wel ff duren, als het er uberhaupt al van komt.

     Programmeerblokken

Met de Mit App Inventor kunt u grafisch programmeren. Dat wil zeggen dat u de 'opdrachten' met de muis in jouw programma sleept. Dat is in eerste instantie eenvoudiger dan het programmeren met code.

Beide manieren van programmeren gaan uit van het IF THIS THEN THAT principe. Dat wil zeggen...

wanneer DIT gebeurt, doe dan DAT.

  • DIT, kan bijvoorbeeld het indrukken van een knop...
  • DAT, kan bijvoorbeeld het aanzetten van een lamp zijn.

De blokken zijn verdeeld in...

Controle blokken
Logische blokken
Wiskundige blokken
Tekstblokken
Lijsten met blokken
Woordenboeken blokken
Kleuren blokken
Variabelen blokken
Procedures blokken

en zijn te herkennen aan verschillende kleuren. De kleuren zijn handig wanneer u bijvoorbeeld blokken van een Engelstalig programma in het Nederlands wil overnemen.

Omdat de bovenstaande links met uitleg van de werking in het Engels zijn, heb ik deze automatisch laten vertalen en in een PDF bestand geplaatst. (Handig als naslag wanneer u niet met twee monitoren werkt.)

Download: App Inventor Blokken.pdf

     Bluetooth algemene zaken

De Bluetooth module van de 4WD BT Car is voorzien van een zogenaamde 'dual-mode' module. Daarom is deze geschikt voor iOS en Android.

Volgense de leverancier geldt het volgende...

Protocol: v3.0 SPP + v4.2 BLE, SPP is alleen voor Android, BLE is voor Android en iOS.

Momenteel wordt ook een vernieuwde versie van deze module meegeleverd. Deze is te herkennen aan het verdraaide IC'tje op het printje. SPP en LE (Android kan niet verbinden met LE)

Afhankelijk van de meegeleverde BT module zijn verschillende verbindingen mogelijk.

Wanneer verbinding gemaakt wordt met deze module, kan deze als volgt in de verbindingslijst getoond worden.

  • SPP (Serial Port Profile 1999 en 2009 tot v 4.0) Alleen geschikt voor Android
    Dit is een Bluetooth profiel dat gebruikt wordt om draadloos een seriële kabel verbinding na te bootsen. De Bluetooth verbinding kan gemaakt worden volgens het veelgebruikte seriele RS-232 protocol. Geschikt om grote hoeveelheden data te versturen.
  • BLE (Bluetooth Low Energy 2010 - 2020 v 4.0 - 5.1) GATT Voor Android en iOS
    Deze verbinding is exclusief, wat betekent wanneer het apparaat verbonden is, deze niet meer toegankelijk is voor andere verbindingen/apparaten..
  • (Bluetooth) LE (Low Energy 2020 v 5.2)
    Ondermeer geschikt om audio gelijktijdig naar meerdere verbonden apparaten te sturen.

Vooral met Samsung telefoons komen via BlueTooth verbindingsproblemen voor wat, voor zover ik het kan nagaan, niet aan de Android versie ligt. Nou ja, elke leerling heeft momenteel een eigen laptop en kan dus ook de Windows APP gebruiken om de 4WDBTCar te besturen.

13 mei 2024
Vandaag bleek dat op nieuwere android mobieltjes de BlueTooth verbinding problemen geeft. Er moet gebruik gemaakt worden van BLE. (Bluetooth Low Energie) Dat vergt wel enkele aanpassingen, wat een beetje lastig is omdat ik slechts oude mobieltjes tot mijn beschikking heb. Ik zal wel zien hoe ik het oplos, het lijkt er op dat het twee app's worden.

16 mei 2024
Het blijkt dat er verschillende BT modules geleverd zijn/worden. Wanneer de module zich toont als LE of SPP, werkt LE niet op een Android, bij BLE of SPP kan er via Android ook een verbinding gemaakt worden met BLE. Binnenkort maar eens verder uitwerken.

     Downloads

Hieronder staan verschillende versie's van het besturings programma. Wanneer de leerlingen de 4WDBTCar weer genaakt hebben, krijg ik meteen een indruk in hoeverre het op allerlei verschillende merken werkt.

Verbind eerst de 4WDBTCar met de mobiele telefoon. start daarna de app. Wanneer er geen lijst met apparaten getoond wordt, sluit deze de app dan en start deze opnieuw.

20 mai 2024
RC4WDCar_01.apk Eerste versie voor de besturing van de auto.
RC4WDCar_01.aia
20 mei 2024
RC4WDCar_02.apk Met formule 1 button en geluid
RC4WDCar_02.aia
20 mei 2024
RC4WDCar_03.apk Beta, met controle op Android versie i.v.m. toestemming voor gebruik van BlueTooth apparaten dichtbij.
RC4WDCar_03.aia
26 mei 2024
RC4WDCar_04.apk Een tweede scherm toegevoegd met info over de app en talenttijd. Zonder BT verbinding kunnen de knoppen bediend worden,
RC4WDCar_04.aia
14 augustue 2024
RC4WDCar_05.apk Twee buttons toegevoegd aan het startscherm, Lanz Bulldog en 4WDBTCar met geluiden, Dat post namelijk prima in onze leef- (Barneveld) en leeromgeving.
Drie buttons toegevoegd aan het Info scherm, PIE De Meerwaarde, EduTechSoft home en Afsluiten.
Slider code aangepast, bij geen BT verbinding geen foutmelding meer.
RC4WDCar_05.aia
 
 
23 augustus 2024
RC4WDCar_06.apk

In het hoofdscherm zijn de onderdelen opnieuw geplaatst en passen nu beter in het scherm. Het precies passend maken in de ontwikkelomgeving blijft wel een dingetje, maar op de geteste apparaten gaat het wel helemaal goed.

Bij Info buttons toegevoegd. Lettertype Comic Sans.

Op deze website de hiernaast staande QR codes voor .apk en .aia bestanden toegevoegd.

RC4WDCar_06.aia

Hieronder staan schermafdrukken van versie 06

28 mei 2024
Vandaag bleek dat i.i.g. de meeste leerlingen geen toestemming hebben om een .apk bestand uit te voeren op hun mobiel. Ik was niet in de gelegenheid te 'kijken' of dit geholpen zou hebben.

De laatste versie (RC4WDCar_05.apk) werkt nu wel goed op de mobiel van een collega. Op mijn eigen mobiel, waar de momenteel meest actuele versie van Android op staat, werkt het ook probleemloos.

9 juni 2024
Het is toch altijd wel weer even 'puzzelen' voordat alles op de juiste plaats staat en correct 'verbonden' is. Het is dus waarschijnlijk tijd voor een Nederlandstalige handleiding, maar omdat ik het komende jaar (nog) geen ontwikkeltijd (meer) heb, betwijfel ik of het daar van komt.

30 januari 2025
QR codes voor het downloaden van .APK en .AIA van toegevoegd.
Er blijkt behoefte te zijn aan meer uitleg. Misschien plaats ik binnenkort nieuw lesmateriaal.

     BLE problemen

Omdat de BT module ook BLE ondersteunt probeer ik (met Android) daarmee ook een verbinding te maken. Dat lukt op zich prima, maar het versturen van data kan alleen wanneer ik bepaalde ID nummers van de BT module invoer, maar die nummers weet ik niet. Met een app zouden die nummers uitgelezen moeten kunnen worden, maar dat werkt ook niet. De onderstaande foutmelding verschijnt bij het versturen van een code.

Service 91db43be-9b62-4f27-8bb7-30e71bddd1f2, characteristic beb5483e-36e1-4688-b7f5-ea07361b26a8 are not published by the connected device.
Note: You will not see another error reported for 5 seconds.

Ik zal er nog meer tijd in moeten steken, maar gezien de ontwikkelingen op school denk ik dat het daar niet meer van zal komen. Gelukkig werkt de SPP verbinding (bij mij i.i.g.) prima.
😒

     Hindernisbaan

Als uitdaging en toepssing wil ik graag een hindernisbaan maken/kopen. Je kunt het natuurlijk zo gek maken als je maar wilt, maar iets zelf ontwerpen en bouwen is nogal tijdrovend.

Er zijn complete bouw pakketten van een brug, wip enz. welke door de leerlingen zelf in elkaar gezet kunnen worden. Op die manier oefen je ook tekeninglezen en monteren, wat natuurlijk ook des PIE is.
😏

Maar eens 'zien' of een bepaald iemand te vermurwen valt. 😋

Links: WETRONIC TOPRC

Ik moet nog wel even de (breedte) maten controleren.