Applicaties maken (Phonegap)

Uit hybride.me/ns
Versie door Teis (Overleg | bijdragen) op 20 mei 2015 om 08:57 (Nieuwe pagina aangemaakt met 'Mobiele applicaties maken lijkt ingewikkeld en is dat soms ook, maar er bestaan een aantal methodes die ook beginners toelaten zelf mobiele applicaties te ontwikkel...')

(wijz) ← Oudere versie | Huidige versie (wijz) | Nieuwere versie → (wijz)
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.

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 de richting waarin de smartphone wijst opvraagt en toont.

Stap 1: HTML & Javascript

Om hybrid applicaties te maken heb je een zekere kennis van HTML en Javascript nodig. HTML is de code waaruit iedere website is opgebouwd. Javascript is een eenvoudige programmeertaal die websites interactief kan maken. Als je ooit al met HTML en Javascript hebt gewerkt kan je onmiddellijk aan de slag. Voor nieuwe gebruikers is het aan te raden om zich eerst wat meer te verdiepen. Deze tutorial op codeacademy.com leert je de basis van HTML [1] en de volgende stap brengt je de basis van Javascript bij [2]

Stap 2: Installeer alle benodigde software

Deze handleiding maakt gebruik van Android Studio en Phonegap. Android Studio is een programma dat het maken van Android applicaties vergemakkelijkt (net zoals Word het schrijven van een brief vergemakkelijkt). Phonegap zorgt ervoor dat onze applicatie die bestaat uit HTML en Javascript gebruikt kan worden alsof het een native app was.

  1. Download Android Studio van [3].