PhoneGap verslag: frameworks en handige plugins

25 mei 2016

Vorige week vertelde we al dat enkele collega’s naar het PhoneGap evenement waren geweest, hierbij het verslag over hoe zij het ervaren hebben. In dit verslag vertellen zij over de vooral technische tips en trucs die ze hebben gekregen tijdens het congres die we voor onze klanten natuurlijk ook weer kunnen gaan inzetten.

CONFERENCE DAY

Op conference day gingen onze collega’s Alexander en Stephan naar Amsterdam voor interessante sessies. Alexander verteld over hun dag.

SNELHEID VAN INLADEN ZIEN MET DEVELOPER TOOLS

De leukste presentatie vond ik die over optimalisatie. De spreker legde daarbij uit hoe je via de developer console de snelheden kan zien van wat er allemaal ingeladen wordt en dat je een klein timeframe heb daarvoor. Zo legde hij uit dat je rekening moet houden met grote plaatjes, javascripts/css die ingeladen worden en of je niet verkeerde javascript codes toevoegt (zie plaatje van animation).

STORYCORPS: FRAGMENTEN OPNEMEN EN DELEN

Een grappige presentatie ging over de app StoryCorps: https://storycorps.org/. Mensen kunnen daarmee fragmenten opnemen en delen met de wereld. Het is een project waarbij ze zo veel mogelijk mensen en hun verhalen willen laten vastleggen. Ze willen zo veel mogelijk verschillende deelnemers en verhalen. Zo maken ze er een soort historisch project van. Ze hebben ook een onderzoek gedaan onder hun gebruikers waaruit bleek dat onder andere hun begrip voor mensen met een handicap of immigranten verhoogt werd. Het helpt de gebruikers ook om de waarde van iedereens levensverhaal en ervaring beter in te schatten. Al met al een heel gaaf project dus. Het was meer een promo/motivatie presentatie over de app, maar de app was gemaakt met PhoneGap en tools die mensen hadden gemaakt dus dat was wel cool. Ze hebben hiermee de TEDx awards gewonnen waarmee ze een miljoen dollar binnen hebben gehaald.

WORKSHOP DAY

Dag 2 was een workshop dag, die met veel enthousiasme gevolgd is door onze collega’s Tomasz en Lisette. Tomasz vertelt over Workshop day en wat ze daar geleerd en gezien hebben.

GOED VERZORGT EN LEUK PUBLIEK

Op de workshop dag was ongeveer 100 tot 150 man aanwezig en was verdeeld over 2 zalen. Alles was goed verzorgd en het publiek was goed verdeeld. Er zaten beginnende personen bij maar ook die alles gewoon zelf ontwikkelen. Hierdoor was het ook interessant om te horen hoe zij over bepaalde functies of programma’s dachten en hoe zij deze geoptimaliseerd hadden.

FRAMEWORK7: FRAMEWORK VOOR MOBIELE APPS

We begonnen de dag met een luchtige workshop waarbij we bekend werden gemaakt met Framework7. Dit is een framework die het ontwikkelen van mobiele apps makkelijker maakt. Naast handige functies als on-offline detectie en notificaties laat Framework7 je vooral apps maken die zeer goed performen. Door alle HTML in een vorm van template in te laden en alleen de dynamische data op te halen van de server. Dit zorgt er voor dat je snel door je website kan navigeren zonder lange laadtijden. Het zit ook vol met handige opmaak functies die per apparaat andere kleuren of animaties tonen. Het framework is vooral handig voor techneuten die niet zo handig zijn met grafisch ontwerpen en toch een mooie app willen opleveren. Het maakt een iOS of Android look en feel voor je (web) app, zodat mensen zich gelijk vertrouwd voelen.

IDEALE CORDOVA DEV OMGEVING

Framework7 sessie was voor mijn smaak een beetje simpel HTML css plakken maar toen we bij de workshop“ideal cordova dev environment” aankwamen werd het interessant! Het werd gepresenteerd door een van de ontwikkelaars van Cordova zelf die ons een blik in eigen keuken gaf. Hij liet ons zien hoe om te gaan met Cordova en NodeJS en de versie verschillen die de 2 met elkaar laten botsen. Hij maakte gebruik van een plugin genaamd Node Version Managers. Hiermee kan je snel switchen van NodeJS versies maar dus ook die laten integreren die voorheen incompatible waren met mekaar. Dit helpt ons wel om in de toekomst minder huiverig te zijn om NodeJS te gebruiken.

CODEPUSH: UPDATEN ZONDER APPLE’S VALIDATIE

Het aller beste onderdeel van deze workshop was toch echt wel CodePush. Dit is BY FAR de beste plugin in Cordova ooit. Normaal gesproken moet je elke update via de Apple Store eerst door Apple zelf laten controleren en goedkeuren en dit kan soms dagen duren! Door gebruik te maken van CodePush kun je bugfixes sneller online krijgen: je hoeft dan namelijk niet meer door het validatie proces van Apple heen en de wijziging is vrijwel direct online. De gebruikers hoeven er dus niet lang op te wachten. Apple staat dit toe zolang je geen nieuwe features in je app introduceert.

AUGMENTED REALITY: EEN APP BOUWEN DIE BIJ GEBOUWEN EEN POPUP KAN TONEN MET GESCHIEDENIS

We hebben ook een workshop van augmented reality gezien en wat je daar mee kan doen. De presentatie werd gegeven door een developer van Wikitude. Zij waren de 1e die een framework hadden opgezet voor augmented reality. Het framework Wikitude sdk, kan je tegen een Cordova app bouwen, hiermee heb je de gewone app functionaliteiten maar met de extra laag voor augmented reality. Daarnaast liet hij een paar leuke voorbeelden zien wat je met Augmented reality kan zien. O.a door met een camera over een afbeelding te gaan, een extra afbeelding uit laten springen. Je kan ook bijvoorbeeld een spelletje creëren die ergens in de kamer een beestje laat zien, die je dan bijvoorbeeld kan neerschieten. Of dat je met gps locatie gebruikt en bij bepaalde gebouwen een pop up laat zien met meer informatie, bijvoorbeeld de geschiedenis. Helaas is het pakket van Wikitude een betaald pakket waardoor het direct uitproberen van augmented reality niet erg goed mogelijk was.

ONSEN UI FRAMEWORK: SNEL EEN WERKENDE APP MAKEN

Onsen UI is een prachtig HTML framework die gebruikt kan worden voor het maken van hybride mobiele apps. Het enige wat je moet weten is HTML, CSS en javascript. Het is een variant op de eerder genoemde Framework7. Het biedt verder gelijke mogelijkheden als Framework7 maar bied integratie met angular JS. Hierdoor kan je gemakkelijker een koppeling leggen met de backend en database gegevens. Deze frameworks zijn verder vooral handig om snel een werkende app te maken.

Kom met ons in contact