In opdracht van en in samenwerking met 17rabbits en grrr.nl heeft m3r / androidpro de Android versie ontwikkeld van de TEFAF 2011 beurs applicatie.

De applicatie kenmerkt zich in het bijzonder door prachtig en gedetailleerd design en de implementatie van een volledig van de grond af ontwikkelde Floorplan module.

Design

Het design bestaat onder andere uit

• high-res achtergrond plaatjes
• scrolling listviews/scrollviews (met meescrollende, semi-transparante, rounded-corner headers)
• gestyleerde listview entries
• content met uitgebreide rich content met links voor o.a. adressen, telefoonnummers, links en video’s.
• ondersteuning voor de meest gangbare schermresoluties, tot Galaxy Tab aan toe.

Het design probeert nauw aan te sluiten op het ontwerp voor de iPhone zonder daarbij af te doen aan Android interface/interaction elementen en mogelijkheden.

Floorplan

Een bijzondere uitdaging lag in de ontwikkeling van de Floorplan / plattegrond module. Android kent hier geen standaard oplossing voor; MapView komt in de buurt, maar deze is gebonden aan de door Google geleverde content en kan niet voor eigen maps ingezet worden.

De floorplan module ondersteunt onder andere:

• drie niveaus van (tiled) maps, telkens op een hogere resolutie. De hoogste resolutie bevat ook “straatnamen”. Meerdere niveaus en tiling zijn vereist omdat de high-res plattegrond te groot is om door een Android proces in geheugen te kunnen houden.
• Weergave van markers op het hoogste mapniveau om locaties aan te geven
• Schakelen tussen verschillende sets van markers.
• Positionering van sectie popups en locatie popups met informatie over de betreffende locatie, en een mogelijkheid om door te klikken.
• pinch-to-zoom, inzoomen en uitzoomen met multi touch.
• 360 graden dragging van de map.
• Navigatiebuttons die zich aanpassen op het zoomniveau.

In de Android market is meer informatie met screenshots te vinden.

De “standaard” Google Android Market is nu ook via het web beschikbaar. Voorheen kreeg je alleen een kleine top-nogiets te zien, nu is de hele market doorzoekbaar. Downloaden kan evengoed alleen naar een Android device (en dus niet naar de computer vanaf waar je de market benadert).

Dit werkt als volgt: Als je kiest om een app te downloaden, moet je inloggen. De Android Market weet welke toestellen bij dat betreffende account horen (in mijn geval een HTC Desire en een Galaxy Tab) en vraagt je naar wel device gedownload moet worden. Vervolgens wordt de app volledig automatisch geïnstalleerd. De market kan dus, als je ingelogd bent, ook aangeven of je een app al geïnstalleerd hebt.

Dit betekent wel dat als je iemands gmail credentials bemachtigt, je haast ongemerkt van alles kan installeren op zijn of haar telefoon. Hier wordt al terecht voor gewaarschuwd.

Hiermee probeert Google de Market toegankelijker en beter bruikbaar te maken – je bent nu niet meer gebonden aan dat kleine schermpje op je mobiel, je kan comfortabel via je tablet of PC zoeken en “downloaden”.

Zie verder de Android Market Matrix voor een (verder uitgebreid) overzicht van markets voor Android.

Android Planet beantwoordt 5 vragen over de nieuwe webversie.

Op IOS (iPhone, iPod touch, iPad) is één appstore beschikbaar, en dit is (officieel) de enige manier om applicaties op je toestel te installeren. Applicaties die via de Apple App Store gepubliceerd worden zijn onderhevig aan allerlei restricties en grondige screening. Dit garandeert een zekere kwaliteit en consistentie van de beschikbare applicaties (en verkleint enigszins de kans op malware en virussen), maar het beperkt uiteindelijk wel de keuze voor de gebruiker. Als ontwikkelaar weet je bovendien nooit zeker of je applicatie toegelaten zal worden (en blijven), ook omdat de regels die Apple hanteert niet heel transparant zijn. Apple’s restricties conflicteren met de GNU Public License (GPL), waardoor op de GPL gebaseerde software niet via de App Store verspreid kan worden.

Bij android werkt “de market” anders. Er is een officiële Android Market die door Google geleverd en beheerd wordt, maar deze is alleen beschikbaar voor “gecertificeerde” toestellen. In de praktijk betekent dit dat het toestel alle hardware functionaliteit van een telefoontoestel met 3G, kompas, GPS, camera, multi-touch etc. moet voorzien.

Een hoop tablets voldoen hier niet aan (de Galaxy Tab wel – dit is in feite een telefoontoestel!), en worden om deze reden niet met de Android Market geleverd. Om deze reden (en door de openheid van Android in het algemeen) zijn er inmiddels een hoop alternatieve Android App Stores beschikbaar. Bovendien beginnen content providers als Amazon en telco’s als Vodafone nu ook hun eigen Android App store.

Om een overzicht te scheppen in dit ruime aanbod van verschillende markets heb ik de Android Market Matrix samengesteld. Hierin vind je een overzicht van de ganbare en minder gangbare markets.  Dit enerzijds als hulpmiddel voor (tablet) gebruikers die alternatieve manieren zoeken om apps te installeren, anderzijds voor Android ontwikkelaars die via alternatieve kanalen hun Android apps willen aanbieden en hiermee een groter publiek en mogelijk nieuwe doelgroepen willen bereiken.

Vandaag heb ik een eerste release van Propoca in de market gepubliceerd. Propoca is een eenvoudige applicatie voor volgers van het Weight Watchers dieet. Met de applicatie kan je zogenaamde “ProPoints” berekenen van producten. De applicatie heeft ook een redelijk uitgebreide BMI calculator ingebouwd.

Je kan de applicatie downloaden via de volgende QR-code:

Een aantal technische details over de implementatie van deze applicatie kan je vinden in het artikel over JQuery Mobile en Android.

Vorige week heb ik de eerste release in de Android Market gezet van Dictoid, een woordenboekapplicatie. De nu gereleasde versie bevat een eenvoudig Nederlands-Frans woordenboek op basis van de “stardict” woordenlijst.

De app is uit eigen noodzaak en in eigen beheer ontwikkeld en dus niet voor een opdrachtgever. De app is dan ook geheel gratis!

Andere talen, evenals een hele reeks verbeteringen, staan inmiddels gepland.

Het icoontje is ontworpen door Inge van Vuuren.

Installeren kan door te zoeken in de market naar ‘dictoid’ of door de volgende qr-code te scannen:

Klanten vragen mij regelmatig of ze moeten investeren in een mobiele website, één of meer apps voor een mobiel platform, of een combinatie ervan. Mijn antwoord is vaak afhankelijk van het soort dienst wat verleend wordt.

Een stukje geschiedenis…

Apple introduceerde z’n App store pas een jaar na de introductie van de eerste iPhone. In eerste instantie was de iPhone bedoeld als een apparaat om vooral websites mee te benaderen, en door z’n superieure browser was dit ook voor het eerst goed mogelijk op een mobiel apparaat. Apple’s App store ontstond door de wens van gebruikers en ontwikkelaars om applicaties voor de iPhone te kunnen ontwikkelen, maar de oorspronkelijke visie was dat alle applicaties online zouden draaien. De geschiedenis heeft geleerd dat dit een meesterlijke zet was. Ieder zichzelf respecterend merk heeft nu een eigen App store, en Apple verdient bijzonder succesvol met de 30% marge op de verkochte iPhone applicaties.

Met het enorme succes van de markets komt ook een wildgroei aan applicaties. Enerzijds de talloze “fart apps” en “instant rimshot” applicaties, maar voor iedere (semi) populaire website zijn inmiddels ook al vaak meerdere apps beschikbaar. Deze apps voegen vaak echter weinig toe aan de website zelf, het is vaak niet meer dan een veredelde RSS-reader of een standalone browser die specifieke de betreffende website opent. Persoonlijk vind ik het veel praktischer om één browser met bookmarks te gebruiken om dit soort sites te benaderen.

De keuze…

De keuze voor een mobiele app wordt soms gemaakt puur om erbij te horen. Het lijkt alsof je niet meer meetelt als jouw website niet specifieke applicatie heeft voor de iPhone. Of voor de Android, maar dat is vaak nog minder doorgedrongen; iPhone is gewoon nog steeds enorm sexy.

Maar wanneer voegt een mobiele app echt iets toe bovenop een (mobile) online dienst? Dit zijn mijn uitgangspunten:

• mobiele websites zijn altijd een goeie keuze. Je bereikt met een enkele, relatief goedkope investering meteen alle grote spelers: Apple, Android, RIM, Nokia. Als je dienstverlening vooral uit het leveren van actuele content bestaat, dan is dit altijd een goeie keuze. Wijzigingen zijn sneller door te voeren en je hoeft geen rekening te houden met allerlei variabele kosten en afwijkende procedures voor de verschillende app stores.
• Als je optimaal wil integreren met de native look and feel / user interface van een toestel, dan zijn de mogelijkheden hiervan beperkter met een mobiele website. De browser zal de verschillende controls (zoals formulieren) wel vergelijkbaar renderen, maar de user experience van een website is altijd anders dan van een native, lokale applicatie. Het is natuurlijk mogelijk om het gedrag en uiterlijk van de site aan te passen aan de browser van de bezoeker, maar dit gaat dan ten koste van multi-platform support en de ontwikkeling van de site wordt een stuk duurder.
• Als je wil dat jouw content ook offline beschikbaar is, dan heb je al gauw een mobiele app nodig. Offline apps worden vaak onderschat: binnen Europa is het vreselijk duur om in het buitenland mobiel internet te gebruiken, dus je doet er goed aan die functionaliteit helemaal uit te zetten op je mobieltje. Je bent dan aangewezen op wat lokaal op je toestel beschikbaar is. Aan een online woordenboek heb je dan dus ook weinig. Dit werkt alleen met relatief statische content, en dit betekent wel dat je al je content moet bundelen in de applicatie zelf, iets wat je mogelijk niet wil.
• Als je wil dat je content altijd actueel beschikbaar is op het toestel, dan heb je ook al gauw een eigen applicatie nodig. Dus informatie wordt continu gesynchroniseerd en is beschikbaar om bekeken te worden, ook als er niet altijd een verbinding is. Bovendien kan je notificaties / alerts implementeren. Dit geldt onder andere voor e-mail applicaties en allerlei social media applicaties.
• Als je wil interfacen met speciale hardware op de telefoon heb je ook vaak een eigen app nodig. Denk aan integratie met de camera, motion sensor, gps, kompas, of gewoon local storage. Deze toegang is vaak niet, of niet eenvoudig binnen de browser beschikbaar.
• Tot slot kan het natuurlijk zijn dat je een nieuw idee voor een applicatie hebt en hiermee geld wil verdienen in de market. Je moet hiervoor van goede huize komen; er zijn enorm veel successtories maar daar tegenover staat een honderdvoud aan commerciele applicaties die nauwelijks geld opleveren. Maar de markets hebben wel een beter en duidelijker betaalmodel dan je met eem mobiele website zou hebben.

Als je deze opties samenvat in een matrix, dan kom je uit op:

De keuze blijft altijd een keuze die de klant zelf moet maken, op basis van beschikbare resources (tijd en geld) en op basis van de genoemde uitgangspunten.

Overigens zijn er mogelijkheden om multi-platform native applicaties te ontwikkelen. Hierover binnenkort meer!