Naar content
Trending apps
  • Google Duo: videogesprekken van hoge kwaliteit

  • Gmail

  • Maps: Navigatie en OV

  • WhatsApp Messenger

  • Messenger: gratis sms'en en videobellen

Trending games
  • Fortnite

  • Minecraft Earth

  • Dr. Mario World

  • Harry Potter: Wizards Unite

  • Breaking Bad: Criminal Elements

Trending smartphones
  • POCO X3

  • Google Pixel 5

  • Google Pixel 4a

  • OnePlus Nord

  • Samsung Galaxy A51

Nieuwste tablets
  • Samsung Galaxy Tab S6

  • Samsung Galaxy Tab A 10.5

  • Samsung Galaxy Tab S4

  • Samsung Galaxy Tab S3 9.7

  • Asus Zenpad 3S 10

barremans

barremans

  • Lid sinds 07 juli 2011
  • Berichten 2237
  • Reputatie 0
  • #1
  • 20 juni 2012
  • 20:04

Ik zal hier regelmatig tutorials/handleingen plaatsen , graag zou ik willen als jullie vragen hebben of sugesties/aanpassingen ,stel ze gerust.
Reputatie toevoegen mag ook altijd


Alles dat hier wordt geplaatst komt van de volgende link Explore MIT App Inventor | Explore MIT App Inventor.


Wat is het en wat kan je er mee doen ?


* Eigen apps maken , natuurlijk basic , maar toch al uitgebreidt zonder al teveel van programmering te kennen.
* Het is een soort hybride wysiwyg " What you see is what you get" of in het Nederlands: “Je krijgt wat je ziet”.
* Direct op je telefoon/tablet het resultaat zien








Wat heb je nodig?

* Een pc met de volgende minimumsysteem configuratie

Macintosh (with Intel processor): Mac OS X 10.5, 10.6
Windows: Windows XP, Windows Vista, Windows 7
GNU/Linux: Ubuntu 8+, Debian 5+


* Browser

Mozilla Firefox 3.6 or higher (als je firefox gebruikt met NoScript extensions zal je deeze moeten afleggen)
Apple Safari 5.0 or higher
Google Chrome 4.0 or higher
Microsoft Internet Explorer 7 or higher

* Java moet geinstalleerd zijn op je pc

Je computer heeft Java 6 nodig (beter bekend als java1.6) je kan ze downloaden via deze link www.java.com.

Test als Java juist is geconfigureerd is op je pc
1. Bezoek de test pagina als een bericht krijgt dat java werkt , dan is alles ok




2.Start de AppInventor Java test door op de link te klikken. Dit zal testen of Java juist is geinstalleerd en geconfigureerd is om de aplicatie te draaien op je computer.


Wanneer je geen groene vink ziet , zal je opnieuw Java moeten installeren of updaten.
Wanneer alles ok is moet je nog één test goed moeten kunnen voltooien.
Namelijk in de test pagina is er een Oranje Launch link , klik daarop en er moet een moet kladblok openen.

Als de testen falen kunnen de volgende redenen hebben :

  • firewall van de computer
  • Browser is niet geconfigureerd voor Java
  • te weinig geheugen om AppInventor te gebruiken
  • Neterk proxy voor Java is gewijzigd

* Drivers van de smartphone of tablet geinstalleerd zijn

* AppInventor software installeren


Indien verder informatie nodig kan je altijd eerst naar de officiele site gaan of MIT forum of natuurlijk een nieuwe/bestaande topic gaan .
Dit was het gedeelte ter voorbereiding om pc klaar te stomen.
Nu komt de volgende stap , namelijk je android telefoon/tablet klaar maken om te gebruiken





Setup Telefoon/Tablet

De volgende stappen moet je doen op je telefoon/tablet
  1. tik op je startknop om naar je startscherm te gaan
  2. klik menu , dan instellingen en dan aplicaties
  3. maak dat je telefoon “onbekende source” is aangevinkt



  1. klik ontwikkelinget
  2. maak dat beide zijn aangevinkt “usb foutopsporing en dat het scherm open blijft”(engelse term USB Debugging and Stay Awake)
​



Dat was het voor het klaar maken van alle hard en software.
Vanaf nu beginnen we met het gebruiken van de AppInventor.
Ik zal deel per deel posten zodat jullie kunnen zien wanneer deze topic is geupdate.



Eerste app maken met AppInventor


Grtz barre







​





​

​
















Bewerkt (24 april 2013 15:04)



Grtz Barre

nanders

nanders

  • Lid sinds 05 oktober 2010
  • Berichten 6040
  • Reputatie 300
  • ModeratorModerator
  • ModeratorModerator
  • #2
  • 20 juni 2012
  • 20:18

ziet er goed uit!
vraagje: is er een reden dat je dit in het GIO forum zet, en niet in het Android Development gedeelte. Lijkt me ook interessant voor niet-GIO gebruikers namelijk

Bewerkt (24 april 2013 15:04)
barremans

barremans

  • Lid sinds 07 juli 2011
  • Berichten 2237
  • Reputatie 0
  • #3
  • 20 juni 2012
  • 20:19

mag verplaatst worden , ben niet zeker of iedereen interresse heeft. its your call



grtz barre

Bewerkt (24 april 2013 15:04)



Grtz Barre

nanders

nanders

  • Lid sinds 05 oktober 2010
  • Berichten 6040
  • Reputatie 300
  • ModeratorModerator
  • ModeratorModerator
  • #4
  • 20 juni 2012
  • 20:22

Verplaatst naar Android Development

Bewerkt (24 april 2013 15:04)
nanders

nanders

  • Lid sinds 05 oktober 2010
  • Berichten 6040
  • Reputatie 300
  • ModeratorModerator
  • ModeratorModerator
  • #5
  • 20 juni 2012
  • 20:32

Kun je ook de code inzien die de app inventor genereert?
lijkt me wel leerzaam namelijk en daarom een goede opstap voor beginnelingen. (ik leer zelf altijd het snelst met voorbeeld-code)

(in afwachting van de rest van de tut)

Bewerkt (24 april 2013 15:04)
Jwz-Swa

Jwz-Swa

  • Lid sinds 20 mei 2012
  • Berichten 212
  • Reputatie 0
  • #6
  • 20 juni 2012
  • 21:18

Hee barremans,

Ik vind het meer dan geweldig dat je de moeite hebt genomen om afbeeldingen te plaatsen, en om die lastige engelse tutorials perfect te vertalen en te verduidelijken naar het nederlands. Ik spreek dan ook alleen maar lof.

Ik ga zeker morgen ook in dit wereldje duiken. Dit houdt in dat ik aan de slag ga met het programma, en dat ik mijn bevindingen en eventueel tips en tricks (dat later) hier op het forum zou posten.

Het zou ook super zijn als je ons op de hoogte houdt van je eigen tips en bevindingen. Mee eens?

Julian

Bewerkt (24 april 2013 15:04)
barremans

barremans

  • Lid sinds 07 juli 2011
  • Berichten 2237
  • Reputatie 0
  • #7
  • 20 juni 2012
  • 21:30

Zeker weten m8 , zoals altijd , met plezier gedaan.van zodra ik effe tijd heb , kom het volgende chapter , als ook eigen bevinding.

@Nander , zal eens kijken of de code ergens te vinden is.Je kan btw altijd de apk ontleden , heb ik al dikwijls gedaan om de code te bekijken.

Bewerkt (24 april 2013 15:04)



Grtz Barre

barremans

barremans

  • Lid sinds 07 juli 2011
  • Berichten 2237
  • Reputatie 0
  • #8
  • 21 juni 2012
  • 13:17

Hoofdstuk 1 Hello Purr deel 1

Het maken van je eerste app , we zullen schermafbeelding gebruiken en wanneer men de afbeelding aantikt laten we een geluid afspelen.


De volledige handleiding (engels) kan men hier downloaden
Een video voorbeeld van de app kan men hier bekijken

Wat leren we in deze tutorial.

  1. het gebruik van de designer
  2. het gebruiken van de blocks editor
  3. het testen direct op de smartphone

Voor het project hebben we 2 zaken nodig :

afbeelding van een kat te downloaden hier (rechtsklikken en opslaan als)
meow geluid te downloaden hier (rechtsklikken en opslaan als)


Starten van de designer en een nieuw project aanmaken

In je browser gaat men naar de AppInventor site
MIT App Inventor.
Als het de eerste keer is dat je Appinventor gebruikt , zal je de PROJECT PAGE zien.
Met geen enkel project erin.Zoals de afbeelding hieronder.





Aanmaken van een nieuw project



  1. klik op “New” aan , links boven.
  2. vul een nieuwproject naam in "HelloPurr" in de dialoog box die verschijnt en druk op “OK”
De browser zal de designer openen , waar je componenten voor je app kan selecteren.




Selecteren van componenten die nodig hebt

Aan de linker kant staat vindt je het menu Palette.
Daar vindt je de basis componenten voor je app.
Om componenten te gebruiken is het gewoon slepen van de toepassing (drag&drop) naar het midden van de vieuwer.
Wanneer dit gedaan wordt , verschijnt er rechts een extra menu .
Daar kan men de eigenschappen van het geselecteerde component wijzigen.


Stappen voor het selecteren en verandern van de eigenschappen

We willen in “HelloPurr” een knop invoegen met afbeelding als eigenschap , bij deze een kat dus.
Om dit te voltooien doen we het volgende ;





  1. drag&drop de knop component naar screen 1 . De knop bevind zich onder palette , basis onderdelen.
  2. in de menu eigenschappen , onder afbeelding , klik je op non.
  3. klik op “add”
  4. selecteer de kitty.png
  5. verwijder "Text for Button1 ", staat onder tekst eigenschappen door gebruik te maken van backspace

De designer zou er als volgt moeten uitzien




Open je Block editor en connecteer je smartphone


De designer is één van de drie tools je nodig hebt voor het maken van apps. De tweede is de block editor .
De derde is je smartphone.
Je zal de block editor gebruiken om aktie's toe te voegen een je componenten.
De block editor opend in een apart window scherm.
Wanneer je
Open the blocks editorin de designer window klikt , zal automatch gedownload worden en geopend.
Dit kan 30sec duren.
De block editor ziet er als volgt uit.



Voor dat we verder gaan moet de smartphone aan de pc hangen met de usb kabel ! Zie deel van setup phone.
Klik nu op Connect to device…en selecteer je smartphone.
Je zal nu een telefoon icoon zien met een gele pijl die beweegt van boven naar benenden.Dit kan 1 a 2 minuten duren.
Wanner je telefoon is geconecteerd zal de pijl stoppen en naar graoen veranderen.
Als kijkt naar je telefoon zal je de kat zien op het scherm.
Hier begint de app.

Einde deel 1.



Volgende keer het completen van de HelloPurr app.

Grtz barre

















Bewerkt (24 april 2013 15:04)



Grtz Barre

Jwz-Swa

Jwz-Swa

  • Lid sinds 20 mei 2012
  • Berichten 212
  • Reputatie 0
  • #9
  • 21 juni 2012
  • 16:04

prachtig!

Al gedaan, xD.

barre heb je mijn PM gezien?

Bewerkt (24 april 2013 15:04)
barremans

barremans

  • Lid sinds 07 juli 2011
  • Berichten 2237
  • Reputatie 0
  • #10
  • 21 juni 2012
  • 16:42

Jwz-Swa;313509
prachtig!

Al gedaan, xD.

barre heb je mijn PM gezien?


???? neen nikske ontvangen

Bewerkt (24 april 2013 15:04)



Grtz Barre

Reageer

Om te reageren, dien je te zijn ingelogd. Druk op de onderstaande knop om in te loggen of maak een nieuwe account aan.

Inloggen Registreren