Het is goed om te weten welke platformen ondersteund worden door een framework. Maar welke moet je nu kiezen? Dit hangt ook af van de specificaties van een project. Markus Falk houdt een vergelijkings tabel up-to-date waarmee je in een oogopslag de verschillende frameworks kunt vergelijken. Er zit ook een wizard bij waarmee je je specificaties van een project al kunt opgeven zodat er vervolgens een lijst uit rolt.
In opdracht van IJsfontein hebben we bij Siyou Internet Solutions de technische realisatie verzorgt voor de GM Collector. Dit omvat een webapplicatie plus een mobiele variant hiervan.
Groninger Museum Collector
Wat houd de GMcollector in? Bezoeker van het Groninger Museum kunnen door middel van een pasje (GMcolletor) kunstwerken uit een tentoonstelling taggen. De getagde objecten zijn later thuis te bekijken via de GMCollector of via de mobiele site. Op deze pagina zie je je getagde collectie per bezoek en kun je per kunstwerk meer informatie vinden over bijvoorbeeld het werk, de kunstenaar en de stroming waartoe deze behoort.
Associatie wolk
De applicatie biedt de mogelijkheid om trefwoorden die van toepassing zijn op het werk toe te kennen. Samen met anderen die dit ook hebben gedaan ontstaat een associatie wolk van trefwoorden bij het kunstwerk.
Delen
Kunstwerken kun je ook doorsturen naar een vriend of kennis. Met de tell-a-friend-tool stuur je jouw getagde kunstwerk door. Deze is ook op de mobiele website te bekijken.
Bij Siyou heb ik gewerkt aan de demo pagina voor mobiel bankieren bij ABN-AMRO. Op deze pagina wordt door middel van video’s uitgelegd wat je allemaal kan doen met de mobiel banieren app.
HTML5
Wanneer je binnen komt op de pagina verschijnt er een iPhone in beeld. Deze blijft vervolgens staan en beweegt langzaam heen en weer. Als je op één van de menu items klikt verschijnt een filmpje die daar mee te maken heeft. Er is niet te zien dat dit een ander filmpje is maar de bewegende iPhone vloeit over naar het nieuwe filmpje.
Met javascript (jQuery) en het HTML5 video object wordt deze overgang gemaakt. Als alternatief voor browsers die geen html5 ondersteunen wordt een Flash video aangeboden.
iPad
Er is een klein verschil tussen hoe een desktop browser en een mobiele browser omgaat met html5 video. Mobiele apparaten spelen html5 video’s fullscreen af in hun eigen videospeler. Bij iOS apparaten is ook nog een het automatisch afspelen van video’s uitgeschakeld. De gebruiker moet deze initialiseren. Een work-around met javascript is helaas dichtgetimmerd door Apple. Je kan dus niet met javascript net doen alsof je op de video hebt geklikt.
(zie: iOSReference)
Bekijk de ABN-AMRO mobiel bankieren demo
In de Adobe Flash player is het niet mogelijk om je muis vast te zetten. Hierdoor zul je je muis bij het bereiken van de schermranden opnieuw naar beneden moeten brengen om weer te kunnen bewegen. In een sneak peak video is te zien dat in een vroege development build van de Flash player het mogelijk is om je muis te ‘locken’. Deze feature is een veel gevraagde toevoeging, vooral van game ontwikkelaars.
lees meer op de weblog van Lee Brimelow.
Arjan Ceelen is (freelance) Flash- frontend ontwikkelaar van beroep en dagelijks alert op nieuwe ontwikkelingen die te maken hebben met Flash, CSS(3), HTML(5) en Javascript.
