Applicaties maken (Phonegap)

Uit hybride.me/ns
Ga naar: navigatie, zoeken

Mobiele applicaties maken lijkt ingewikkeld en is dat soms ook, maar er bestaan een aantal methodes die ook beginners toelaten zelf mobiele applicaties te ontwikkelen. Allereerst is het interessant te weten welke soorten mobiele applicaties er bestaan:

  • native apps zijn gemaakt in de specifieke programmeertaal van één platform zoals Android, iOs of Windows Phone. Een native app voor Android kan dus niet werken op een iPhone. Dit soort apps kunnen alle functies van de smartphone gebruiken (zoals bv de camera, het versturen van sms, het gebruik van het kompas), maar zijn wel vrij gecompliceerd om te maken.
  • web apps zijn websites die geoptimaliseerd zijn voor mobiel gebruik. Omdat elke smartphone een webbrowser heeft kunnen webapps op elk platform gebruikt worden. Een webapp moet je dus niet installeren. Het nadeel is wel dat webapps daarom sommige functies van de smartphone niet kunnen aanspreken.
  • hybrid apps bieden het beste van de twee. Native apps zijn ook gemaakt met webtechnologie zoals html en javascript, maar worden op de smartphone geïnstalleerd en gebruiken speciale stukjes code die ervoor zorgen dat ze ook alle functies van de smartphone kunnen gebruiken.
Een screenshot van hybride.hart één van de applicaties in dit project die een hybrid app is

Op het internet staan verschillende handleidingen In deze handleiding wordt kort uitgelegd hoe je zelf een eenvoudige hybrid app kan maken voor het Android besturingssysteem. In dit voorbeeld bouwen we een applicatie die bij een druk op een knop een dialoogvenster met een bericht weergeeft.


http://c5sale.com/ ,

Conditioners for http://www.erectilepharm11.com/wp/ , online india selling bogus products will say just alittle expensive they.

comment3, http://levitvaph.com zithromax and alcohol, bypjr,

I tried for the last month not using http://sale9v.com/ , and I have had to make up excuses everytime.

Stap 5: De applicatie testen[bewerken]

Ga in de menubalk bovenaan naar “Run" -> "Run Android". De applicatie wordt dan gebouwd en zal openen in de emulator. Dit is een stukje software die een smartphone nabootst in je computer.

Stap 6: De applicatie aanpassen[bewerken]

Je hebt net je eerste Android applicatie gemaakt! Maar natuurlijk willen we ook de functionaliteit ervan aanpassen.

Voeg een knop toe aan je applicatie[bewerken]

Open hiervoor het bestand index.html in de www folder en voeg ergens tussen <body>...</body> de volgende code toe:

<button onclick="toonBericht()">Klik hier!</button>

Deze code voegt een knop toe met de boodschap Klik hier!. Wanneer iemand op de knop klikt wordt de functie toonBericht() uitgevoerd.

Voeg de functie toonBericht toe[bewerken]

Wanneer je op de knop klikt zou er natuurlijk niets gebeuren, omdat de funtie toonBericht() nog niet bestaat. Open het bestand index.js in de www/js folder en voeg in de onDeviceReady(){ ... } functie de volgende code toe:

function toonBericht(){
   alert("Hallo!");
}

Test de applicatie[bewerken]

Ga in de menubalk bovenaan opnieuw naar “Run" -> "Run Android".