Ik geef training in frontend tools en stacks als HTML, JavaScript, TypeScript, React, Angular en Vue. Ik schrijf boeken en artikelen over tal van (ICT-) onderwerpen. Ik was lead developer en directeur bij Yindo - Jouw digitale bibliotheek. Je kunt mij volgen op Twitter(@PeterKassenaar).

In dit blog vind je persoonlijke artikelen, die niet noodzakelijk tech-gerelateerd zijn.

Views and expressions are my own.

Terug naar de algemene site.

07oktober

Overstappen naar Windows Phone

Van iOS naar Windows Phone 8

Mijn mobiele telefoon was naar de huidige maatstaven hoogbejaard (het is een iPhone 3GS uit het voorjaar van 2009). Ruim vierenhalf jaar heb ik er met veel plezier gebruik van gemaakt. Maar toen duidelijk werd dat dit model bij het uitbrengen van iOS7 enkele weken geleden, buiten de boot zou vallen, ben ik eens om me heen gaan kijken.

Een nieuwe iPhone? Mwaa, meer van hetzelfde. En iOS7 met de nieuwste serie iPhones (5S en de 5C) zijn naar mijn idee nou niet bepaald het meest revolutionaire producten die Apple de laatste jaren heeft gelanceerd.

In plaats daarvan besloot ik me te richten op het platform waar ik nog geen ervaring mee had, maar wat de laatste maanden wel een gestage groei liet zien: Windows Phone 8. Voor mij is dit een verrijking. Op deze manier heb ik namelijk voor de drie grote mobiele platforms (iOS, Android en Window Phone) apparaten in huis en kan ik hiervoor apps ontwikkelen en testen op de hardware zelf. En dat is altijd beter dan op een software-emulator.

En nu Windows Phone eindelijk een beetje in de lift lijkt te zitten en – in Europa althans – in de grootste markten (Duitsland, Engeland, Frankrijk, Italie en Spanje) bijna in de dubbele cijfers is beland qua marktaandeel en bovendien mijn oude liefde Nokia een serie meer dan fatsoenlijke toestellen op de markt heeft gebracht, was de keuze duidelijk. Vandaar dat vorige week een simlockvrije Lumia 1020 op mijn kantoor werd afgeleverd.

lumia01

Elders op het web lees je meer dan complete reviews van de Nokia Lumia telefoons (bijvoorbeeld bij EngadgetTweakers.net of bij Techzine) en op YouTube zijn allerlei vergelijkende videoreviews te vinden – vaak wordt hierin de camera als uitgangspunt genomen.

Ik deel in dit artikel zoals gebruikelijk mijn persoonlijke ervaringen. Die zullen soms naïef en simpel lijken voor doorgewinterde Windows Phone-gebruikers, maar er zullen ongetwijfeld lezers zijn die ook de overstap willen maken vanaf het ene mobiele platform naar het andere. En de kans dat Windows Phone deel uitmaakt van die afweging wordt langzamerhand steeds groter. Daarom, zonder verder oponthoud mijn eerste stappen op Windows Phone 8-gebied.

Hardware

  • De Lumia 1020 is een prachtig toestel. Verbijsterend gewoon wat voor supercomputer ze in zo’n kleine behuizing hebben weten te plaatsen. Als je de markt een beetje hebt gevolgd, dan weet je dat de 41-megapixel camera het selling point van deze telefoon is. Maar minstens zo indrukwekkend vind ik de overige hardware daar omheen. Het toestel is even groot als de huidige generatie nieuwe Samsungs, LG’s of Sony Experia-toestellen en weeg ruwweg even veel (of weinig), ca 150 gram. Dat is minder dan de directe voorganger de Luma 920 (die ik met 185 gram net wat aan de zware kant vond), terwijl de overige hardware er alleen maar op vooruit is gegaan. Het scherm is 1280x768 pixels, kraakhelder, de kunststof behuizing is niet te glad en ligt prettig in de hand.
  • In de meeste telefoonwinkels is de Lumia 1020 op dit moment (begin oktober 2013) nog niet leverbaar of niet op voorraad. Maar online bij Bol.com of Coolblue kun je het toestel binnen 24 uur in huis hebben.
  • Ja, de telefoon heeft een ‘bobbel’ aan de achterkant, waar de camera uitsteekt. Hij is echter veel minder prominent aanwezig dan ik op basis van de foto’s had verwacht. Het is maar enkele millimeters en valt weinig op. Sterker nog, ik vind het zelfs wel prettig. Die camera-uitstulping geeft je vingers juist houvast tijdens het bedienen en je voelt direct hoe de oriëntatie is als je hem uit je broekzak haalt (bron foto:http://tweakers.net/productreview/84382/nokia-lumia-1020-zwart.html).
  • http://tweakers.net/ext/f/ttBNb6N3dRItEMcdp1z68Y1b/full.jpg
  • Ik mis in vergelijking met mijn iPhone een schuifknop om de telefoon met één handeling op ‘stil’ te zetten. Die gebruik ik veel tijdens trainingen en presentaties. Het lijkt er op dat dit op de Lumia alleen met minimaal drie extra handelingen kan via het menu Instellingen.
  • De luidspreker is voldoende luid als hij gewoon in je zak zit en je wordt gebeld. Er is een groot verschil aanwezig in volume bij gewoon gebruik en met een koptelefoon. Bij gebruik met oortjes moet je het volume echt terugschakelen om niet doof te worden. Maar je moet niet vergeten het weer op te schroeven als je de oortjes uitdoet, anders hoor je de telefoon niet meer. Die balans is niet goed, naar mijn mening.
  • In de Lumia 1020 gaat een Micro SIM-kaartje. In mijn iPhone 3GS zat een standaard SIM-kaart. Dat past niet. Gelukkig kunnen ze bij elke telecomwinkel je SIM-kaart op maat knippen, zodanig dat het wel past. Het personeel van de Hi-winkel in Zutphen regelde dit kosteloos voor mij.

Software

Apple verdient alle credits voor het creëren van de smartphone-revolutie, dat kan niet genoeg benadrukt worden. Maar jaren na dato is het gebruik, de acceptatie en het verwachtingspatroon natuurlijk volkomen anders dan ten tijde van de introductie in 2007. Een grid met pictogrammen zoals iOS en ook Android bieden (al biedt die laatste wat meer vrijheid in de vormgeving met widgets) is wat mij betreft wel uitgeëvolueerd. Weer een reden om teleurgesteld te zijn in de vernieuwingen die iOS7 bracht.

De tegelinterface die Windows Phone 8 biedt is in het begin wennen, maar uiteindelijk veel flexibeler en moderner dan iOS en Android bij elkaar. Onderdelen sluiten beter op elkaar aan en apps leven niet uitsluitend in hun eigen sandbox. De integratie van systemen, apps en sociale netwerken is veel beter. Ik heb nu twee dagen met Windows Phone 8 gewerkt en het is verrassend hoe verouderd en omslachtig iOS (maar ook Android) aanvoelt als ik nog eens mijn iPhone of Samsung er bijpak.

Het is echter niet allemaal goud wat er blinkt op softwaregebied op een Windows Phone. Het is een Dr. Jekyll en Mr. Hyde-situatie wat mij betreft. Laat me dat toelichten:

Sterke punt: de apps

Nokia plaatst op elke Windows Phone-telefoon een serie eigen apps van verbluffende kwaliteit. TomTom? Niet meer nodig, want elke telefoon wordt geleverd met Nokia Here en Nokia Drive. Gratis turn-by-turn navigatie met gratis live verkeersupdates én alle OV-dienstregelingen van Nederland via Nokia Transit. Het TomTom HD-traffic abonnement kan dus ook de deur uit. Evenals het Spotify-abonnement, want Nokia Music laat je gratis muziek streamen. Je kunt eigen genre-mixen maken en pinnen op je startscherm. Zelfs offline beluisteren is mogelijk. Alleen als je hogere kwaliteit wilt of meer wilt opslaan hoef je een abonnement (EUR 4,-/maand) af te sluiten.

De foto-apps zijn geweldig. In het begin lijkt het overkill, want wat is het verschil tussen bijvoorbeeld Nokia Pro Cam en Nokia Smart Cam? Maar als je de apps eenmaal opstart wordt je dit in een korte introductie duidelijk gemaakt. Daarnaast zijn nog apps aanwezig voor het projecten van je foto’s op devices van andere (via de clouddienst photobeamer.com), voor het maken van panorama’s en zijn er bewerkingsprogramma’s Nokia Cinemagraph, Nokia Video Trimmer en Nokia Creative Studio. Keuze te over.

Zo goed als alle populaire apps uit de top-100 zijn inmiddels ook als Windows Phone-variant verkrijgbaar: Twitter, Facebook, Nu.nl, Tv-gids, Buienradar, Adobe Reader, Dropbox, Netflix, internetbankieren en treininformatie stonden in een mum van tijd op mijn telefoon. Ook de sectie games (als je daar van houdt op je telefoon) is inmiddels ruim gevuld. De Windows Store is zijn achterstand op de Apple App Store en Google Play in ieder geval op kwalitatief niveau in hoog tempo aan het inlopen, is mijn indruk. Een goede YouTube-app ontbreekt nog, door het conflict tussen Google en Microsoft, maar dit zal een kwestie van tijd zijn.

Het enige waar ik nog geen goede Windows Phone-variant van heb gevonden zijn de GPS-apps Runkeeper en Strava. Deze lijken voorlopig alleen beschikbaar voor Android en iOS.

screenshots

Links: enkele veelgebruikte apps op het startscherm van mijn telefoon. Rechts: Office voor Mobile ondersteunt alle standaard Office-documenten.

Op elke Windows Phone wordt bovendien een versie van Office voor Mobile meegeleverd die rechtstreeks overweg kan met je .docx en .xlsx-bestanden. Erg handig.

Integratie met Windows

Zodra je een Windows Phone aansluit op een pc, wordt hij herkend en is hij gewoon als map aanwezig in Windows Verkenner. Wat een verademing. Geen gezeur meer met iTunes (dat is het allereerste programma dat ik nu van mijn computer ga verwijderen!), drivers installeren of met synchronisatie-issue. Mac-gebruikers kunnen zonder problemen de Windows Phone-app voor Mac installeren en ook Nokia heeft bijvoorbeeld Nokia photo transfer for Mac, mocht je deze liever gebruiken.

lumia-windows_01

 

SNAGHTML6799fe99

Windows Phone in Windows Verkenner: je kunt gewoon foto’s, muziek en documenten uitwisselen met je computer. Handig.

Zwakke punt – de ontbrekende apps

Maar dan: het viel mij in negatief opzicht op dat er in vergelijking met iOS en Android weinig standaardapps worden meegeleverd, waarvan je er tegenwoordig toch wel van uit mag gaan dat ze aanwezig zullen zijn.

Een rekenmachine en een eenvoudige alarmklok? Check. Maar verder? Geen apps voor weer, timer, countdown, beurskoersen of wereldklok. Geen kompas, dictafoon, batterijstatus, nieuws of zelfs maar een notitieblokje. Dat was toch even een WTF?-momentje. Jazeker, ze zijn via de Store wel te installeren – en vaak ook gratis – maar dat had ik toch anders verwacht. Nu moet je eerst ontdekken dat

  • a) de app die je zoekt kennelijk niet aanwezig is, terwijl het toch om basisdingen gaat die al sinds Android 2.x en iOS 3.x gesneden koek zijn. Vervolgens:
  • b) de store openen en zelf op zoek naar een alternatief.
  • c) zoeken uit veel varianten welke je het beste kunt proberen (gratis? betaald?) en moet je weer recensies lezen, apps installeren, uitproberen en weer weggooien enzovoort. En dan weer opnieuw beginnen bij A.

Een tegenvaller.

Ook kent Windows Phone geen centraal notificatiecentrum voor nieuwe berichten, pushnotifications en statusupdates. Ik ben hier zeker geen grootgebruiker van, maar nu het er niet is (zoals op iPhone en Android), mis ik het toch. Ik hoop dat dit in de toekomst nog toegevoegd zal worden aan Windows Phone.

Tot slot – show off

Ik kan het natuurlijk niet laten, en moet ook even de obligate kijk-eens-wat-mijn-nieuwe-speeltje-kan zaken toevoegen. De 41 Megapixel-camera is geweldig. Inzoomen achteraf is werkelijk een uitvinding, zeker als het zo goed uitgewerkt is. Kijk bijvoorbeeld eens deze opname van de IJssel tussen Dieren en Doesburg.

ijssel

Had je die vogel gezien op dat markeringsbord voor de vaargeul aan de overkant? Welke vogel? Nou, deze:

vogel

(foto’s verder niet bewerkt voor kleur of helderheid, en online verkleind in resolutie voor sneller downloaden). Je kunt heel eenvoudig panorama’s schieten, met vrijwel vergelijkbare resolutie.

panorama

Nokia Smart Cam

Met Nokia Smart Cam kun je actie-opnames maken. Je schiet een serie foto’s (of liever: dat doet de app voor je) en naderhand bepaal je welke opname je wilt gebruiken. Er zijn allerlei kunstzinnige effecten mogelijk. Wil je bijvoorbeeld een standaardfoto?

winkel1

Of wil je liever een serie actie-shots?

winkel2

Of liever met een vervaagde achtergrond om beweging te suggereren?

winkel3

Of wil je liever alle bewegende onderdelen weglaten? Ook dat kan:

winkel4

Alle bovenstaande foto’s zijn dus gemaakt op basis van één opname. Je kiest achteraf welke je wilt gebruiken en hoe je hem eventueel verder bewerkt (opnieuw met dank aan personeel Hi-winkel Zutphen). Behalve bovenstaande kun je bijvoorbeeld ook een groepsportret schieten en uit een serie van zes of zeven opnames voor iedereen het ‘beste gezicht’ kiezen, dat er vervolgens ingemonteerd wordt. Erg leuk.

muziek

Links: Gratis muziek streamen en mixen maken op basis van genre of artiest met Nokia Music. Ook concerten bij jou in de buurt worden getoond. Rechts: gratis routenavigatie met live verkeersupdates via Nokia Drive+.

Conclusie

Mijn kennismaking met Windows Phone 8 smaakt naar meer. Het is verfrissend en uitdagend ten opzichte van iOS en Android. De hardware is uitstekend, de software van Nokia en de door Microsoft meegeleverde apps zijn van hoge kwaliteit. Wat tegenvalt is dat voor veel standaardhandelingen (notities maken, weer, beurskoersen, klok en timer instellen enzovoort) geen apps aanwezig zijn en je hiervoor zelf op zoek moet. Dit doet een beetje onvolledig aan. Integratie van apps met online diensten en sociale media is meer dan uitstekend en moderner dan wat andere mobiele platforms bieden.

Wil je zelf meer weten over Windows Phone, kijk dan eens op deze introductiepagina’s van Microsoft en Nokia. Ik heb er de afgelopen dagen veel aan gehad.

Ben ik belangrijke dingen vergeten of heb ik ze verkeerd beschreven? Laat het weten!

Peter Kassenaar
-- 7 oktober 2013.

05september

PhoneGap voor Android (compleet) installeren op Windows

PhoneGapLogo

[English version of this article? Use Google Translate!]

PhoneGap is een uitstekende tool voor het maken van apps op basis van HTML, CSS en JavaScript. Ik schreef al eerder over PhoneGap:

Als je snel op weg wilt zonder zelf iets te installeren, kun je gebruik maken van de cloudservice PhoneGap Build. Maar zodra je vanaf je eigen computer aan het werk wilt, zul je PhoneGap en alle aanvullende development tools zelf moeten installeren. Op een Mac verloopt dat redelijk vlot is mijn ervaring; maar op een Windows-pc moet je vaak wat meer handelingen verrichten om alle aanvullende tools (Java Development Kit, Ant en meer) te installeren.

En: de PhoneGap-documentatie blinkt niet echt uit in ondersteuning voor Windows-developers…

logo-windows7Dit artikel bespreekt van A-Z zien hoe je vanaf een blanco Windows 7-installatie alle software en tools installeert om zelf PhoneGap-apps voor Android te kunnen compileren en testen. De termen PhoneGap en Cordova worden hierbij vaak door elkaar gebruikt.

Als je deze stappen volgt: het kan zijn dat op jouw pc sommige onderdelen al geïnstalleerd zijn (bijvoorbeeld wel de Java Development Kit, maar nog niet Ant). Ik geef aan hoe je test of de betreffende component goed werkt. Als dat het geval is, kun je de installatie daarvan overslaan.

Stap 1. Check Java

Android apps worden geschreven in Java. Je moet daarom de Java C-compiler javac.exe op je computer hebben staan. Deze moet bovendien in het pad (PATH) te vinden zijn. Check dit op de volgende manier.

  • Open een command-venster, bijvoorbeeld via Start, Cmd, Enter.
  • typ de opdracht javac. Als Java al goed is geinstalleerd en bovendien bereikbaar is via het pad, dan zie je een scherm met uitleg over de verschillende command line options voorbij flitsen. Als dat niet het geval is, ziet je scherm er zo uit:

Installatie PhoneGap Android - Check Java

Een melding als bovenstaande hoeft niet te betekenen dat Java nog niet geïnstalleerd is. Het kan op dit moment alleen nog niet worden gevonden in het pad. Check daarom via Windows Verkenner of Java misschien al aanwezig is op de computer.

  • Ga naar C:\Program Files (x86)\ en check of hier de mappen \Java en \Java\jdk1.7.0_xx aanwezig zijn. Op de plek van de xx staat het versienummer van de huidige library. Bij mij is dat op dit moment 25, maar bij jou kan dat natuurlijk alweer een hoger getal zijn.
    • Als je op een 32-bits versie van Windows werkt, kijk dan in C:\Program Files\ en vergeet de (x86).
  • Er kan ook een map \Java\jre7 aanwezig zijn. Dit is niet de goede versie voor PhoneGap-development. De jre staat voor Java Runtime Environment. Je moet echt de JDK, Java Development Kit-versie hebben.

Check je Java-versie via Windows Verkenner

Stap 1a. Installeer Java

Als Java bij jou nog niet aanwezig is, download en installeer dan de meest recente versie van de Java Development Kit.

Download en installeer Java Developmen Kit via Oracle

  • Ga daarna opnieuw naar Windows Verkenner en controleer of de mappen nu goed aanwezig zijn.
  • Belangrijk is de map \bin. Hierin staan de uitvoerbare bestanden. Check deze.

Stap 2 – Java aan PATH toevoegen

De installatieprocedure voegt Java niet automatisch aan het pad toe (tenminste, niet toen ik het probeerde). Dit moet je daarom zelf aanpassen. De PhoneGap-documentatie geeft aan dat je de variabele JAVA_HOME moet toevoegen en vervolgens %JAVA_HOME%\bin aan het pad kunt toevoegen, maar dat werkte bij mij niet goed (?). Ik voeg daarom het volledige pad naar java.exe toe.

  • Klik met de rechtermuisknop op Computer en kies Eigenschappen.
  • Kies Geavanceerde systeeminstellingen.
  • Selecteer indien nodig het tabblad Geavanceerd.
  • Kies Omgevingsvariabelen.
  • Selecteer in het vak Systeemvariabelen de variable Path.
  • Kies Bewerken.

Java toevoegen aan PATH

Ik zelf vind het handig om het pad even te kopieren naar een externe editor, bijvoorbeeld Kladblok. Dan heb je beter zicht op de complete samenstelling, in plaats van in het minuscule tekstvak van Windows.

  • Voeg de map met Java achteraan toe aan de Path-variabele.
  • Vergeet niet een puntkomma als scheidingsteken te plaatsen na de vorige (laatste) verwijzing. Je voegt dus bijvoorbeeld dit toe aan het pad: ;C:\Program Files (x86)\Java\jdk1.7.0_25\bin.

pg_05

  • Dit kun je desgewenst ook rechtstreeks in het venster Systeemvariabele bewerken doen, zoals je hieronder ziet.
  • Als je in Kladblok het pad hebt aangepast (het kan veel langer zijn dan hier in de afbeeldingen te zien is), vergeet het dan niet terug te kopiëren naar het Windows-venster. Er mogen geen regelovergangen (‘Enters’) in de variabelenaam zitten. Let hier goed op.

Systeemvariabele uitbreiden met pad naar Java

  • Sluit alle vensters met OK.
  • In principe hoef je de pc niet opnieuw op te starten na het aanpassen van het pad. Maar als je twijfelt, kan het ook geen kwaad.
  • Test nogmaals via het opdrachtvenster of de opdracht java nu beschikbaar is als algemene systeemopdracht. Als het goed is, zie je nu een venster waarin alle commandline opties worden genoemd. 
    • Let op: als je Path hebt aangepast, moet je altijd een nieuw opdrachtvenster cmd.exe openen.

Java is nu globaal beschikbaar

We kunnen verder met de volgende stap.

Stap 3 – Apache Ant toevoegen

Voor een goede werking van Eclipse (zie verderop) en PhoneGap, moet ook Apache Ant geïnstalleerd zijn. Standaard is dat in Windows niet het geval. Vraag me niet waarvoor Ant noodzakelijk is of gebruikt wordt; ik heb geen idee. Ik ben webdeveloper, geen Java-developer ;-).

Maar in ieder geval moet je het erbij plaatsen, anders werkt het niet. Dat kan op deze manier.

  • Check eerst of Ant al op je pc geïnstalleerd is en/of in het pad staat. Dat kan door de opdracht ant in een opdrachtvenster te typen. Waarschijnlijk ziet je scherm er zo uit.

Check of Ant al geinstalleerd is

  • Als je venster er uitziet zoals hierboven, is Ant nog niet aanwezig.
  • Ga naar http://ant.apache.org/bindownload.cgi
  • Kies voor het downloaden van het zip-bestand en plaats het bijvoorbeeld op je bureaublad.

Apache Ant downloaden en uitpakken

  • Apache Ant hoef je niet te installeren, alleen maar uit te pakken.
  • Kopieer bijvoorbeeld de map apache-ant-1.9.2 naar C:\Program Files (x86). De structuur ziet er dan als volgt uit.

Apache Ant als submap van C:\Program Files

Ant aan Path toevoegen

  • Herhaal de stappen zoals je hiervoor bij Java hebt gedaan, en voeg de locatie van Ant\bin toe aan het Path.
  • Na afloop kan je Path er als volgt uitzien(in werkelijkheid staat alles op één regel, in de afbeelding is regelterugloop ingeschakeld).

Apache Ant toegevoegd aan het Path

  • Test na afloop opnieuw of Ant nu wel via de opdrachtregel beschikbaar is.
    • Vergeet niet een nieuw opdrachtvenster cmd.exe te openen!

Apache Ant testen via de opdrachtregel

Het lijkt nu alsof de opdracht nog niet is geslaagd, maar je ziet nu een andere foutmelding dan voorheen. Ant zelf wordt in ieder geval gevonden. Maar nu wordt er geklaagd dat er geen bestand build.xml aanwezig is. Prima. Dat wordt later wel door Eclipse verzorgd, in ieder geval zijn nu de randvoorwaarden compleet.

Omgevingsvariabelen instellen

Behalve het pad aan te passen, moet je ook de omgevingsvariabelen ANT_HOME en JAVA_HOME toevoegen. Zonder deze variabelen (ook al gebruik je ze verder niet in het pad), werkt de Command Line Interface (CLI) van PhoneGap/Cordova niet goed.

  • Open opnieuw via Computer, Geavanceerde systeeminstellingen, Omgevingsvariabelen het venster om pad en variabelen te beheren.
  • Gebruik de knop Nieuw om twee Gebruikersvariabelen toe te voegen.
    • ANT_HOME verwijst naar de ant-directory, dus bijvoorbeeld C:\Program Files (x86)\apache-ant-1.9.2\
    • JAVA_HOME verwijst naar de Java-directory, bijvoorbeeld C:\Program Files (x86)\Java\jdk1.7.0_25 

Omgevingsvariabelen ANT_HOME en JAVA_HOME instellen

Sluit alle vensters met OK.

Stap 4 – Android SDK (= Eclipse + Android Developer Tools) installeren

Voorheen was de installatie van Eclipse als editor/IDE en binnen Eclipse de Android Developer Tools (kortweg ADT) altijd een apart proces. Tegenwoordig is alles door Google gelukkig in één proces gebundeld.

Android SDK (Eclipse + ADT) downloaden en installeren

  • Ga naar http://developer.android.com/sdk/index.html en klik op Download the SDK.
  • Accepteer op de volgende pagina de gebruikersovereenkomst en kies 32- of 64-bits.
  • Download het complete zip-pakket. Dit is ruim 440MB, dus het kan even duren.
  • Pak de map adt-bundle-windows-x86_64-xxxxxx uit het zipbestand uit naar een centrale locatie, bijvoorbeeld weer naar C:\Program Files en geef de map een iets eenvoudiger naam.
    • Ik heb de map eenvoudig hernoemd naar \adt-bundle.

De Android Developer Tools (ADT) in de map Program Files geplaatst

  • Net als bij Ant is er verder geen aparte installatieprocedure.
  • Binnen de map \adt-bundle\eclipse\ staat het programma eclipse.exe. Hiervan kun je bijvoorbeeld een snelkoppeling op het bureaublad plaatsen.

pg_15

Pad aanpassen voor de android tools

Het wordt een een eentonig verhaal, maar ook nu moet het pad worden aangepast, zodat de PhoneGap Command Line Tools de Android Developer Tools kunnen vinden.

  • Breid het pad uit met verwijzingen naar \adt-bundle\sdk\platform-tools en adt-bundle\sdk\tools.

Het pad uitgebreid met variabelen voor de ADT-tools en -platform tools.

Je kan eventueel ook in een (nieuwe) opdrachtprompt testen wat het huidige pad is. Typ hiervoor de opdracht path en windows laat zien welk pad op dit moment is ingesteld.

Het pad opvragen via de command line

Leek dit al heel wat werk? Je bent nu halverwege! ;-)

Stap 5 – node.js installeren

Met ingang van PhoneGap/Cordova 3.0 wordt een nieuw PhoneGap-project gemaakt via de PhoneGap Command Line Interface, of kortweg de CLI. De installatieprocedure voor PhoneGap 2.9 en eerder is volkomen anders, deze behandelen we hier niet.

De CLI is een module die draait onder node.js. Je moet dus node.js installeren voordat je ook maar iets met PhoneGap kunt gaan doen. Over node.js is enorm veel te vertellen, ik beperk me hier tot de meest noodzakelijke stappen. Check eerst of node toevallig al op je pc is geïnstalleerd.

  • Open een opdrachtvenster cmd.exe en typ node achter de opdrachtprompt.
  • Als je scherm er uitziet zoals hieronder is node nog niet aanwezig.

pg_18

Installeer node.js

  • node.js wordt als .msi-bestand gedownload; open dit zodra het helemaal opgehaald is.
  • Doorloop de installatiewizard en neem alle standaardinstellingen over.

Installeer node.js met de standaardinstellingen

De installatieprocedure van node.js is slim genoeg om wel direct de gewenste parameters aan het Path toe te voegen. Check dit door de opdracht path uit te voeren in een nieuwe opdrachtprompt.

pg_21

Er zijn verwijzingen aangebracht naar zowel de nodejs programmadirectory als naar de Node Package Manager, npm. Hiermee installeer je nieuwe modules binnen node. En dus ook PhoneGap!

Stap 6 – Cordova/PhoneGap installeren

Eindelijk kun je Cordova of PhoneGap gaan installeren (zie voor meer informatie over de verschillen in naamgeving tussen Cordova en Phonegap bijvoorbeeld dit PhoneGap blog).

Installeer Cordova op de volgende manier.

  • Open een opdrachtprompt. Via npm installeer je de gewenste node-modules.
  • Typ npm install –g cordova.
    • De switch –g installeert PhoneGap als globale module. Zo kun je  vanuit elke gewenste directory een nieuw PhoneGap-project maken.
    • UPDATE: Let op: Er is een verschil tussen de modules phonegap en cordova. Je kunt ze beiden installeren via npm. In dit artikel installeer ik cordova. Zie bijvoorbeeld dit artikel van Raymond Camden voor meer informatie.

Cordova installeren via NPM

De package manager gaat aan de slag en haalt alle benodigde modules en bestanden op vanuit https://registry.npmjs.org. Dit kan enige tijd duren.

Cordova is aanwezig en kan worden gebruikt

Na afloop keer je terug in de standaard opdrachtprompt, de benodigde Cordova-bestanden zijn nu aanwezig.

We beginnen op te schieten. De resterende stappen zijn nu  als volgt.

  1. Maak en build een nieuw project via de opdrachtprompt.
  2. Open het project in Eclipse
  3. Draai het project in de emulator of op je Android-device.

Stap 7 – een Cordova project maken

We gaan er van uit dat de Cordova/PhoneGap-projecten in een aparte map worden opgeslagen. Voor dit doel heb ik even de map C:\work gemaakt.

  • Open een opdrachtprompt in C:\work
  • Typ de opdracht cordova create hello com.kassenaar.HelloWorld "Hello World".
    • Met create maak je een nieuw project in een nieuwe map \hello.
    • De package name van het project wordt com.kassenaar.HelloWorld. Gebruik in jouw geval je eigen domeinnaam + projectnaam (in omgekeerde volgorde, ook dat is een afspraak)
    • Geef als derde parameter de naam van het project op. Als deze naam spaties bevat (zoals “Hello World”) moet hij tussen aanhalingstekens staan.
    • UPDATE: Let op - het lijkt er op dat de quotes ERG BELANGRIJK zijn. Als je deze weg laat rondom de projectnaam, kan het project niet goed worden gecompileerd omdat het configuratiebestand dan fouten bevat. Zet voor de zekerheid dus altijd quotes rondom de projectnaam.

pg_28

  • Na afloop wordt de opdrachtprompt weer getoond.
  • Ga naar de nieuw gemaakte map met cd hello.
    • Je moet nu aangeven dat het Android-platform wordt toegevoegd aan het project.
  • Typ cordova platform add android.

pg_29

Foutmelding?

Het kan zijn dat je op dit moment een foutmelding te zien krijgt. Ik kreeg dat althans wel, de eerste keer. Dat kwam omdat Eclipse/ADT standaard de API versie 18 installeerde (de nieuwste versie), terwijl Cordova de API versie 17 verwacht. Mocht er bij jou ook een foutmelding optreden, los dit dan op door de API versie 17 te installeren (wie zei dat Android eenvoudig was?)

  • Typ android achter de opdrachtprompt. Dit opent de Android SDK Manager.
  • Vouw de boomstructuur achter Android 4.2.2 (API17) open.
  • Selecteer minimaal SDK Platform en ARM EABI v7a System Image.
  • Klik op Install 2 packages.

Installeer zonodig de juiste Android API

Selecteer in het volgende venster de License en klik op Install.

Installeer de nieuwe API-bestanden

  • De pakketten worden gedownload en geïnstalleerd. Na afloop is dit te zien in de SDK Manager.
  • Sluit de SDK Manager en probeer nogmaals de opdracht cordova platforms add android.
  • Lukt het nog niet? Controleer dan of je wel in de goede map staat. Je moet de opdracht in de projectdirectory uitvoeren (in dit voorbeeld in C:\work\hello).

Nu zijn de juiste API's voor Cordova geinstalleerd

Build

Build het project voor de eerste keer. Dan worden de goede libraries naar het project gekopieerd en is het klaar om later in Eclipse geopend te worden.

  • Typ de opdracht cordova build.
    • Als je meer gedetailleerde uitvoer wilt zien, gebruik dan de opdracht cordova --verbose build.

pg_35

Tussentijdse evaluatie

Laten we even kijken wat er tot nu toe op schijf aanwezig is.

  • Open Windows Verkenner en blader naar je codedirectory (bij ons: C:\work).
  • Hierin staat nu een map \hello met daarin het algemene PhoneGap-project
  • In de map Platforms is één platform toegevoegd, \android (je zult begrijpen dat je een CLI-opdracht als cordova platforms add ios, iOS toevoegt aan het project – al heb je daarop een Windows-computer natuurlijk niet veel aan).

Het tussentijdse resultaat in Windows Verkenner

Stap 8 – Project openen in Eclipse

Je kunt nu het gemaakte project openen in Eclipse, wijzigingen aanbrengen en het gaan compileren en testen.

  • Open Eclipse via de snelkoppeling die je op het bureaublad had geplaatst, of door rechtstreeks op eclipse.exe te dubbelklikken in de programmamap.
  • Als Eclipse voor de eerste keer gestart wordt, vraagt het waar het de werkruimte (workspace) moet opslaan. Neem de standaardsuggestie over en klik op OK.

Open Eclipse voor de eerste keer en geef een Workspace-locatie op

  • Eclipse toont een venster over Usage statistics en een welkomstscherm. Sluit beiden.
  • Kies File, New, Project.
  • Open in de wizard de tak Android en kies Android Project from Existing Code.
  • Kies Next.

Een nieuw Android project maken op basis van bestaande code.

  • Kies in het vervolgvenster achter Root Directory de map waarin het Android project door Cordova/PhoneGap is geplaatst. In ons voorbeeld is dat C:\work\hello\.
  • Klik op Finish.

pg_36

Fouten herstellen

Vaak gaat het goed.

Soms gaat het ook niet goed (ik heb nog niet. Mochten er rode kruisjes bij het project staan, dan betekent dit dat Eclipse het project niet direct kan compileren. Als dit optreedt, probeer het dan als volgt te herstellen

  • Klik met de rechtermuisknop op de projectnaam (Hello World) en kies Properties.
  • Kies Android en selecteer de hoogste API-versie die op je computer beschikbaar is (bijvoorbeeld level 18). Sluit het venster met OK.
  • Kies het menu Project, Clean.
  • Als het goed is zijn daarna de kruisjes verdwenen.

pg_34

Stap 9 – project openen in emulator

Om een project te kunnen draaien, moet je een Android device aansluiten (je telefoon, of tablet) of een emulator starten. In Eclipse maak je op de volgende manier een Android-emulator (AVD, Android Virtual Device). Dit hoef je alleen te doen na een eerste installatie. Als er al een emulator beschikbaar is, wordt deze automatisch gebruikt.

Android Virtual Device Manager starten

  • Kies in Eclipse de knop Android Virtual Device Manager.
  • Selecteer het tabblad Device Definitions om snel een emulator te maken op basis van bestaande toesteldefintie.
  • Ik kies nu de eerste optie (Nexus S) en klik op Create AVD.
  • Neem in het volgende venster de standaardinstellingen over en klik op OK.

 

Een AVD maken op basis van bestaande device-informatie

 

Definitie van een AVD

  • Sluit het venster met OK om terug te keren naar de Eclipse-werkomgeving.

Emulator starten

Het starten van de Emulator/AVD is een langdurig klusje. Je kunt het beste de emulator eenmalig opstarten, en vervolgens gewoon in de taakbalk laten staan. Als je de app hebt gewijzigd en hem opnieuw start, wordt hij op de emulator vanzelf bijgewerkt. Het telkens afsluiten en opnieuw starten van de emulator zou erg veel tijd kosten.

  • Klik in de werkbalk van Eclipse op de knop Run en kies Run As, Android Application.

Run as Android Application

Als alles goed is gegaan verschijnt na enige tijd het standaard Cordova/PhoneGap-startscherm. Waarschijnlijk moet je de emulator eerst ontgrendelen voordat je app ziet.

Mogelijk verschijnt in Eclipse ook het venster Auto Monitor Logcat. Kies hierin Yes, om zoveel mogelijk meldingen te zien. Dat is altijd handig bij het debuggen.

Fouten en informatie tonen in LogCat wordt aanbevolen

Hoera! Je eerste zelf-gecompileerde Cordova/Android-app draait in de emulator.

Hoera! Je app draait in de emulator

Stap 10 – App verder uitbreiden

Vanaf dit moment is het een invuloefening, en kun je in Eclipse – of in een andere editor naar keuze – de app gaan aanpassen. Je doet dit uiteraard door de code in index.html te wijzigen, JavaScript en CSS toe te voegen, enzovoort.

De HTML-code aanpassen in Eclipse

Maak bijvoorbeeld een kleine aanpassing in \assets\www\index.html en kies opnieuw de knop Run. In de emulator wordt de nieuwe versie van de app getoond.

  • Standaard is in Eclipse geen HTML-editor aanwezig. Klik daarom met de rechtermuisknop op index.html en kies Open With, Text Editor om de tekst te kunnen wijzigen.
  • In een volgende blogpost zal ik dieper ingaan op de manier waarop je Eclipse kunt aanpassen om goed te werken als HTML/JavaScript/webeditor.
  • Als je in Cordova PhoneGap 3.0 device-opties wilt gebruiken (zoals het kompas, de camera en andere apparaatafhankelijke functies), moet je hiervoor apart de plug-ins installeren. Ook hier kom ik in een apart artikel op terug.

De app is aangepast met eigen wijzigingen

 

Conclusie

Het is een heel werk om PhoneGap/Cordova voor Android werkend te krijgen op een Windows-systeem. De standaard PhoneGap-documentatie blinkt niet uit in aanwijzingen voor Windows-gebruikers. Gelukkig hoef je veel zaken, zoals de installatie van Java en ADT maar eenmalig uit te voeren. Daarna kun je je concentreren op het maken van projecten en programmeren van leuke apps!

Mocht je meer willen weten over PhoneGap en de mogelijkheden die je na installatie op je eigen computer hebt, dan kun je altijd contact opnemen voor een cursus. Hierin bespreek ik behalve de installatie alle extra mogelijkheden van PhoneGap/Cordova en uiteraard de publicatie van je app in de diverse App stores.

Ondertussen veel succes met PhoneGap!

Peter Kassenaar
-- 6 september 2013

 

26augustus

Paradise Island, The Tribez– review mobile simulatie games

gameinsight Dit is een wat langer artikel geworden, ik heb het verdeeld in de volgende hoofdstukken:

 

Inleiding

Mijn eerste contact met simulatiegames dateert uit 1989 – inderdaad, de eerste versie van Sim City. Enkele weken was ik volkomen in de ban van blokkerige huisjes, wegen en flatgebouwen en probeerde ik als een goede burgemeester iedereen van water, stroom, infrastructuur en onderwijs te voorzien. Net zo snel als het gekomen was, verdween mijn interesse echter weer. Ik had er eenvoudigweg geen geduld voor. Het bouwen van huizen en zittend achter het beeldscherm wachten totdat de belasting kon worden geïnd duurde me te lang.

Fast forward 25 jaar.

Sim City speel ik niet meer, maar we zijn ondertussen in het tijdperk van tablet en mobiele telefoon aanbeland. Games speel je even op een verloren moment tussendoor. Op het station, in de bus of in de pauze. Talloze andere simulaties hebben het licht gezien, uiteenlopend van Facebook-games als Farmville en klonen daarvan tot het nabouwen van complete sterrenstelsels. Geen daarvan kon mij echt boeien, totdat ik in aanraking kwam met apps van de firma Game Insight. Deze in 2010 opgerichte Russische gamesuitgever heeft zich gespecialiseerd in sociale- en simulatiegames voor iOS en Android en heeft in korte tijd een indrukwekkend portfolio opgebouwd. Een aantal games heb ik nader bekeken.

Geschikt voor kinderen

Het leuke van de apps van Game Insight is dat ze zonder meer ook geschikt zijn voor kinderen, terwijl je er ook als volwassene veel plezier aan kunt beleven. De games zijn in beginsel gratis, bevatten geen geweld, en je kunt in-app aankopen (het verdienmodel waar dit type games op gebaseerd is) eenvoudig uitschakelen. Bovendien – maar dat is mijn mening, gebaseerd op persoonlijke observatie, niet op enig wetenschappelijk onderzoek – is dat kinderen er op speelse manier veel van kunnen leren.

Afwegingen en strategieën

Zo moet je als bestuurder van je stad (of eiland, of vliegveld, of spoorweg, zie verderop) immers beslissingen nemen over het aankopen en verkopen van goederen en moet je – ook als kind – afwegingen maken waar je bronnen als menskracht of beschikbare energie voor inzet. Als je een nieuw huis bouwt, kun je diezelfde energie niet nogmaals gebruiken om een boom te kappen of een schommel te bouwen.

Elke beslissing in een simulatiegames is een klein afweegmomentje waarop je iets kunt leren en die – als het goed is – de loop van het spel beïnvloed. Dat is letterlijk spelend leren voor kinderen. Ondertussen pikken ze een aardig mondje Engels mee, want veel simulatiegames zijn niet vertaald in het Nederlands.

Voorafgaande kennis van het Engels is echter niet beslist nodig, want vaak wordt ook met gearceerde gebieden en wijzende pijlen wel duidelijk gemaakt wat de speler moet doen. Zonder al te veel Engelse bagage konden mijn zoon (9 jaar) en dochter (6) moeiteloos aan de slag. Verrassend, ook voor mij! Dit is ook een compliment aan de makers, want kennelijk lukt het ze op visuele wijze de werkwijze van het spel uit te leggen, zonder dat hierbij veel tekstuele toelichting nodig is.

Dit viel mij in positieve zin op aan de simulaties van Game Insight. Ze zijn op deze wijze gevarieerd en bieden een goede balans tussen voortgang, beloning en beslismomenten.

Sjabloonfunctie

Een tweetal games bespreek ik hier nader. Ze dienen tevens als sjabloon voor de overige spellen uit het oeuvre van Game Insight. Paradise Island is een wat eenvoudiger, rechttoe-rechtaan simulatie die geschikt is om mee te beginnen. The Tribez is een meer complexe game, waarin ook een voortgangsverhaal zit verweven. Beide games (en ook de andere games uit het portfolio van Game Insight) bieden functies om voortgang te delen via Twitter en Facebook en je vrienden op de hoogte te houden van je prestaties. Ook hierbij geldt: verplicht is dit niet. Wel levert het vaak extra bonussen op als je verbinding maakt met je Facebook- of Twitteraccount. De (publiciteits-)kassa moet natuurlijk wel blijven rinkelen.

Paradise Island - voorbeeldeiland

Paradise Island

Als eigenaar van een vakantieresort op een tropisch eiland is het jouw taak het eiland uit te bouwen zodat het een attractief park wordt voor bezoekers die het eiland aandoen op hun cruise. Je kunt hiertoe tal van gebouwen plaatsen. Dit varieert van eenvoudige hutjes tot complete hotels, pretparken en uitgebreide attracties. Periodiek vinden er vanuit Game Insight acties plaats waarmee je kunt sparen voor speciale gebouwen (kerst, valentijn, vakantie) die je vrienden niet hebben.

Duurdere gebouwen komen in de hogere levels beschikbaar. Je voortgang in de levels vind plaats door huur te innen van de gebouwen en toeristen te helpen waar nodig. Ook zijn tal van missies beschikbaar die je voortgang in het spel markeren (‘bouw vijftien cabins’, ‘haal vijfhonderd keer de huur op’, ‘help honderd toeristen’, enzovoort). Dit is een buitengewoon slim voortgangssysteem, waarbij je telkens een klein succesmomentje ervaart, en zo wordt getriggerd door te spelen (‘nog even dat gebouw opwaarderen, dan heb ik weer een missie extra’).

Je kunt echter niet zonder meer het eiland volplempen met disco’s, hotels en casino’s, want elk gebouw heeft een aantal personeelsleden nodig en verbruikt energie. En dus zul je ook personeel moeten inhuren en stroomvoorzieningen regelen door windmolens of zonnecellen te bouwen. Bovendien willen toeristen graag ook wel wat groen zien. Je moet dus ook bomen, struiken en decoraties planten. Al deze deze items kosten ook weer (fictief) geld dat je gedurende het spel verdient. Je moet dus een goede afweging maken in je investeringen voor de meest optimale voortgang.

De in-app aankopen bestaan voor een groot deel uit de lokale munteenheid van het eiland (‘piasters’). Zo kun je bijvoorbeeld voor 10 euro echt geld – te betalen via je creditcard van je Apple Account, of de Google Play store – extra piasters kopen, waarmee je allerlei gebouwen en flora en fauna kunt bijkopen. Die piasters kun je ook in het spel bij elkaar sparen door missies te volbrengen en door bankgebouwen te laten bouwen, maar op deze wijze kan het dagen of zelfs weken duren totdat je het gevraagde bedrag bij elkaar hebt gespaard. Game Insight mikt er dus heel slim op dat spelers het geduld niet kunnen opbrengen dit af te wachten. En de portemonnee trekken om hun eiland vooruit te stuwen in de vaart der volkeren. Dat dit een geslaagd verdienmodel is, blijkt wel uit het feit dat Paradise Island in 2012 meer dan een half jaar op nummer 1 stond als ‘meest opbrengende app in de Google Play store’.

Paradise Island - Diverse typen gebouwen voor je eiland

sociale component

Behalve een mooi uiterlijk, krijgt je eiland ook een comfortscore. Deze kun je desgewenst vergelijken met vrienden via sociale media als Twitter of Facebook. Het spreekt voor zich dat Games Insight hiermee mikt op de jaloezie-factor om nog meer geld uit ons, arme eilandbebouwers te kloppen. Verplicht is dit echter niet, het eerder een leuke bijkomstigheid.

Voordelen

  • Snel op weg, voor alle leeftijden
  • Duidelijk
  • Mooie graphics
  • Geschikt voor beginners

Nadelen

  • Soms trage voortgang door de levels, als je geen in-app aankopen wilt doen om het spel te versnellen
  • Herhalend gedrag noodzakelijk (gebouw plaatsen, opwaarderen, slopen en weer opnieuw) om aan bepaalde missies te voldoen.
  • Niet al te complex, gebouwen die je plaatst hebben geen duidelijke invloed op het spel of de leefbaarheid of sfeer op het eiland. Minder ‘realistisch’ daardoor.

Vergelijkbare games

Als een tropisch eiland je niet zo aanspreekt, zijn er tal van andere games die een vergelijkbare gameplay bieden en hetzelfde uitgangspunt hebben. Je bestuurt dan bijvoorbeeld een haven, een treinstation, een vliegveld of een casino. Kijk in dat geval eens naar de volgende games:

The Tribez - Help een oude wereld te ontdekken en ontwikkelen

The Tribez

Bij The Tribez ga je terug in de tijd. Duizenden jaren om precies te zijn. Je wordt als tijdreiziger op een eiland uit de steentijd gedropt. Daar bouw je eerst hutten en leg je vuurtjes aan om de bewoners te beschermen tegen de barre koude. Langzamerhand werk je er aan je bevolking uit te breiden.

Dat ‘oertijd’-principe moet je overigens met een flinke korrel zout nemen, want The Tribez flirt graag met een knipoog naar de moderne tijd. Zo kun je ook hot tubs plaatsen om de bevolking van een lekker warm bad te voorzien, trampolines neerzetten of dinosaurusnesten plaatsen om de bewoners een dinoritje te laten maken. Al deze acties leveren geld op, waarmee je weer nieuwe gebouwen plaatst. Voorzieningen zijn er weer in verschillende categorieën: objecten die voedsel opleveren, gebouwen die hout, steen en marmer produceren en nog veel meer.

Het verschil met een game als Paradise Island is dat er veel meer een verhaal in zit en je eiland- en karakterontwikkeling veel complexer is. Er is een lokale gids (Aurora) die je van alles uitlegt over het eiland en een geheimzinnige professor die je zo nu en dan opbelt om verschillende opdrachten door te geven, of aanwijzingen te geven over de omgeving (‘onderzoek het neergestorte vliegtuig’, ‘kijk in de grot’, ‘zoek 5 object ABC of XYX’, enzovoort).

Zo leer je steeds meer over de verschillende eilanden en hun achtergronden. Bij Paradise Island beheer en bebouw je één eiland, bij The Tribez moet je maar liefst zeven verschillende werelden beheren. Deze worden langzamerhand, een voor een ontsloten. The Tribez is dan ook een veel uitgebreider spel dan Paradise Island. Sommige grondstoffen (marmer, zand), zijn slechts op bepaalde eilanden te winnen, maar heb je wel op andere eilanden nodig om gebouwen te plaatsen, of bijvoorbeeld een brug te repareren. Je moet dus manieren verzinnen om goederen tussen de werelden te transporteren.

Toch wordt het geheel heel luchtig gebracht, met uiterst grappige graphics die ook na maanden nog niet gaan vervelen. Als een holbewoner een boom omhakt, zie je hem snel een helmpje opzetten (het schild van een schildpad) en op een holletje naar de betreffende boom rennen. Daar gaat hij met een bijl in de weer, waarbij ook de boom elke keer een beetje schudt als er in wordt gehakt. Hetzelfde geldt voor het zagen van hout, het plukken van bessen, het hoeden van varkens en meer. Alles wordt op cartoonachtige wijze uitvergroot en is daarmee een genot om naar te kijken.

Ontwikkel het eiland met akkers, huizen, steengroeven en vermaaksitems

Er is veel aandacht besteed aan de visuele funfactor. Geen moment is het angstaanjagend of te realistisch. Game Insight heeft hierbij goed gespiekt bij Nintendo (Mario Kart, Donkey Kong), is mijn indruk, zonder overigens directe klonen te fabriceren. Het is erg knap gedaan.

Voordelen

  • Meer, en gevarieerder spelplezier dan Paradise Island.
  • Meer verschillende opdrachten en langere speelduur per opdracht/missie.
  • Snel en uitdagend voortgangssysteem. Zeer veel triggers om te blijven doorspelen. Als je even vast zit op een wereld, is er altijd wel wat te doen in een andere wereld.

Nadelen

  • Langere laadtijd van het spel voordat je kunt spelen. Loopt soms vast op iPad.
  • Soms erg lange duur van een missie. Onduidelijk in welke volgorde je de missies moet spelen om voortgang te (blijven) boeken.
  • Meer kennis van Engels nodig.

Vergelijkbare games

Houd je van meer uitgebreide games en ben je bereid hier tijd in te investeren (reken al snel op enkele weken tot maanden), kijk dan ook eens naar de volgende titels. Voor al deze titels geldt dat ze mijns inziens minder geschikt zijn voor jongere kinderen (<12 jaar), vanwege het meer complexe karakter en uitgebreider gebruik van Engels.

Conclusie

The Tribez is een uiterst grappig spel, met een meer complexe verhaallijn dan Paradise Island. Het is daarmee meer geschikt voor als je al wat meer ervaring hebt met dit type games. Het komt overduidelijk uit dezelfde koker, maar is iets lastiger te volgen als je Engels nog niet zo goed beheerst. Er is meer uitleg nodig voor de verschillende onderdelen. Voor mijn kinderen moest ik regelmatig de uitleg en opdrachten van Aurora en de professor vertalen. Het spel is visueel erg leuk uitgewerkt. Beide games zijn beschikbaar in de Google Play store en de Apple App Store, voor zowel telefoons als tablets.  Paradise Island (en ook My Railway) zijn erg geschikt om eens kennis te maken met het genre mobiele simulatiegames en om te ontdekken of dit iets voor jou is.

Hyperlinks

Heb je zelf nog tips of opmerkingen over mobiele (simulatie)games? Laat het weten door een berichtje achter te laten onder dit artikel.

Veel speelplezier,

Peter Kassenaar
-- 26 augustus 2013

21augustus

Autocorrectie uitschakelen op Android tablet

nexus7

Ik heb nu ongeveer een half jaar een Google Nexus 7; mijn eerste Android device ooit. In het algemeen ben ik er erg tevreden over. Snel, veel en goede applicaties en hij ligt door zijn 7”-formaat een stuk lekkerder in de hand dan mijn iPad en mijn Surface RT.

Eén ding bevalt me echter maar matig: in tegenstelling tot de Apple- en Microsoft-tablets is de standaardinstelling voor het automatisch corrigeren van teksten erg strak ingesteld naar mijn idee. En omdat ik regelmatig zowel Engelse als Nederlandse mailtjes, artikelen en tweets schrijf, moet ik de Engelse varianten altijd supergoed controleren om te zien of Android de inhoud niet heeft verhaspeld.

Autocorrectie uitschakelen

Het uitschakelen van Autocorrectie-optie is niet makkelijk te vinden in de menu’s. Op deze manier doe je het. Ik vermoed dat het voor andere Android-varianten op ongeveer dezelfde manier gaat:

1. Open de app Instellingen. Dit vind je via het algemene appmenu, of door het notificatiecentrum van bovenaf naar beneden in beeld te schuiven. Kies hierin de optie Taal en invoer.

Android: Instellingen, Taal en Invoer

2. Klik achter de geselecteerde toetsenbordoptie – vaak zal dat Google-toetsenbord, Nederlands zijn – precies op het instellingenpictogram. Als je gewoon op de naam tikt, gebeurt er niets.

Android: Instellingen, Toetsenbord

3. Kies de optie Autocorrectie (nu staat er geen instellingenpictogram achter de naam).

Android: Instellingen, Autocorrectie

4. Kies in het pop-upmenu de optie Uitgeschakeld.

Android: Instellingen, Autocorrectie, Geen

Gebruik de knop Terug om terug te keren naar de vorige menu’s, of keer met de startknop direct terug naar de uitgangspositie. Autocorrectie zit je nu niet meer in de weg als je in verschillende talen schrijft.

Succes er mee,

Peter Kassenaar
-- 21 augustus 2013

23mei

Webapp toevoegen aan Android Homescreen

Bij de onthulling van de iPhone in 2007 werd ook het concept webapps geïntroduceerd. Dit betekent dat je een koppeling naar een website op je startscherm kunt plaatsen, waardoor het net een app lijkt. Met één klik kun je daarna de site openen alsof het een app is. Het enige wat de website in kwestie daar voor hoeft te doen is de regel

<meta name="apple-mobile-web-app-capable" content="yes">

toevoegen aan de header van de site. Met

<link rel="apple-touch-icon" href="/apple-touch-icon.png" />

kun je bovendien aangeven welke afbeelding als icon wordt gebruikt voor de webapp. Bezoekers kunnen op een iPhone of iPad in de browser Voeg toe aan beginscherm kiezen om de site als app te plaatsen.

Webapp toevoegen aan startscherm

Maar hoe gaat dat op Android?

Android heeft echter geen 1-klikoptie om websites of webapps toe te voegen aan het startscherm. Er zijn wat meer stappen voor nodig. In deze beschrijving gaan we uit van Google Chrome als browser, maar in andere browsers zal het vergelijkbaar werken.

  1. Open op je Android-device de browser (Google Chrome).
  2. Ga naar de gewenste pagina. Hier gebruiken we www.boekenwolk.nl als voorbeeld.
  3. Klik in Chrome op het pictogram met de ster in de adresregel om een favoriet te maken van de website.
  4. Volg de aanwijzingen in de browser om de favoriet op te slaan. In Chrome kun je bijvoorbeeld de naam aanpassen en een locatie opgeven waar de snelkoppeling wordt opgeslagen.

Favoriet maken van website in Chrome voor Android

  • Open het menu met instellingen in Chrome en kies Bladwijzers. Hierin staat minimaal de bladwijzer die je zojuist hebt gemaakt.

Bladwijzers openen in Chrome voor Android

  • Tik op de bladwijzer en houdt je vinger ingedrukt. Na ongeveer een seconde verschijnt een snelmenu met mogelijkheden.
  • Kies hierin de optie Toevoegen aan startscherm.

Bladwijzer toevoegen aan Android Startscherm

  • Dat is alles. Ga terug naar het Android startscherm. Hierin staat de snelkoppeling. Sleep hem naar de plek waar je hem graag wilt hebben.
  • Android houdt zoals je ziet (net zoals Apple iOS) rekening met het pictogram dat is aangegeven in de code van de site.
    • Als de maker van de site geen apart pictogram heeft opgegeven, wordt het standaard webpagina-pictogram van de browser gebruikt.
  • Tik op de snelkoppeling om de website/webapp snel te openen.
    • Anders dan in iOS wordt de site niet in het volledige scherm geopend (dus zonder dat de browsertabbladen en adresregel zichtbaar zijn). In Android is altijd de omliggende browser zichtbaar. Misschien wordt dit in een volgende versie van Android nog aangepast?

Snelkoppeling op Android Startscherm

Veel succes er mee!

--Peter Kassenaar
23-mei-2013