Under början av året har jag tillsammans med The Brewery tagit fram Toca Bocas sajt. Ett krav från starten var att sajten skulle fungera minst lika bra i telefonen som på datorn. Vilket förefaller sig naturligt i.o.m. Toca Boca har valt att främst producera spel för iOS-plattformen. För att lösa detta använda vi oss av den relativt nya och populära tekniken vid namn Responsive Web Design. I kombination med CSS ramverket Less.

Nyligen släpptes en uppdaterat version av Nyhetskanalens mobila sajt. Hela sajten har fått sig ett lyft rent grafiskt och en helt ny kodbas.

Jag ansvarade för den tekniska plattformen samt utförandet. I stil med mina andra uppdrag för Mobilabs räkning valde jag ramverket CodeIgniter som grund.

Design togs fram av @jkuno och @granding ansvarade för koncept och projektledning.

Väderdatan som presenteras på sajten hämtas direkt via ett nytt API som SMHI själva tillhandahåller. Detta kompletteras med en positioneringstjänst som fungerar på i stort sätt alla telefoner. Väderkanalen utnyttjar Geolocation API:et på nyare s.k. “smartphones” och faller tillbaka på tjänsten Visibilly på äldre telefoner. På så sätt kan du få fram vädret för orten där du befinner dig just nu.

Designen har även den fått sig en rejäl uppdatering tack vare Johan Kuno.

Konceptet ansvarade Josefine Granding Larsson för.

Idag släpps Expressen nya mobilsajt. Utöver ett rejält ansiktslyft har även klipp ifrån Expressen TV gjorts tillgängliga för såväl vanliga mobiltelefoner som iPhone och iPad.

Jag ansvarade för utveckling samt diverse tekniska bitar. Det hela är i sedvanlig Mobilab ordning byggd medhjälp av ramverket CodeIgniter och driftas i Amazons elastiska moln.

Imponerande nog byggdes allt på 30 dagar, från idé till den faktiska slutprodukten. Detta hade inte vart möjligt utan @jkuno som tog fram designen, @gunnarr som lett projektet och @granding som konceptutvecklare.

Idag släpps mobil.recept.nu med 17 000 recept, matinspiration och kupongerbjudanden rakt in i din mobil.

Den TV4 ägda sajten recept.nu har äntligen fått sig en mobilsajt som förlänger deras minst sagt gedigna recept-databas ut till mobiltelefonen. Utöver sökfunktionen kan man inspireras av redaktionellt utvalda recept samt få tillgång till exklusiva rabattkuponger.

Ett stort tack till @granding som lett projektet, @jkuno som tog fram design, @joachimalvarez som ansvarat för kupongerna, @mike som utvecklats kupong API:et och sist men inte minst @perkovich och hans gäng som nyligen slängde ut Polopolys sökindex till fördel för Apache Solr. En förutsättning för att denna mobilsajt skulle bli av.

Many older phones suffer from the lack of JavaScript support. Which in some cases makes it more complicated to track the user. But running the tracking service server-side will solve this problem easily.

As mentioned earlier Google does offer a server-side solution for Analytics. Sadly enough the documentation is almost non-existing and the only thing provided is some crappy PHP example code to get you started.

Therefor I wrote a simple class in PHP used for interacting with the server-side solution for Analytics. The logic and flow is provided by the existing example code. Below you’ll find a brief description of the “flow“.

A user comes to your site and the url function will generate an uri with all mandatory parameters included. This uri is will be included in the src attribute inside an img element. The browser will then request the uri believing that it’s an image. The uri will actually be pointing to a executable script. In this script the track function is called. A unique visitor id will be generated and stored inside a cookie. An HTTP-request will be sent to Analytics including all kind of parameters in order to track the user. When the request is done a 1×1 GIF image will be severed in order to satisfy the browser.

The method described above is a quite common way of solving lack of JavaScript related problems.

In order to start using this tracking method you’ll need to create a new Analytics profile for your website.

• Create a new profile.
• Select “tracking for a new domain” or new subdomain if applicable.
• Click on the “Advanced” tab and choose the mobile option.
• Copy your new Analytics ID from the textarea (MO-XXXXXX-XX).

The code is available on GitHub so feel free to fork away! There’s also a demo included in the repository. Should be just enough to get you started.

To all CodeIgniter fanboys out there. The class works perfectly as a library in CodeIgniter. You just need to make sure to include the uri generated from the url function inside your view. And then point it towards a function in your controller which executes the track function. See the demo inside the repository for further reference.

Happy accurate tracking!

Photo credit: Antonio Manfredonio.

Det hela baseras på La Ligas kodbas. Enda skillnaden är en mer sofistikerad videolösning med klipp ifrån C Sports. Tack vare denna leverantör finns mål och hilights tillgängliga på sajten bara några minuter efter att det skedde.

Tjänsten är gratis fram till den 18:e januari så passa på! Surfa in på mobil.tv4.se/elitserien för att komma igång.

Att ett intresse för La Liga finns här i Sverige råder det inget tvivel om. Inte minst p.g.a. av Zlatans Ibrahimovićs bravader i laget Barcelona.

La Liga i mobilen är en tjänst som gör det möjligt att följa just ditt favoritlag vart du en befinner dig. Varje gång ditt lag spelar får du uppdateringar via sms vid matchstart, mål och matchslut. Detta kompletteras med videoklipp och ett traditionellt nyhetsflöde.

Tjänsten är byggd med ramverket Codeigniter. Informationen om matcherna kommer ifrån Score24 och själva sms:en skickas ut via Unwire.

Tjänsten är gratis fram till den 18:e januari så passa på! Surfa in på mobil.tv4.se/laliga för att komma igång.

Tillsammans med Jonas Nockert och Sergej Kotliar skulle vi skriva all “backend“-kod. Det hela skrevs i PHP och koden fanns tillgänglig för alla teamet på GitHub. Sajten använder sig av en sofistikerad positioneringsteknik som hittar din mobiltelefons aktuella position och visar vädret för just den platsen. Väderdatan hämtas hem ifrån ett av TV4s egna API:er.

Är du orolig över hur vädret blir på midsommarafton? Surfa då in på m.vaderkanalen.se via din mobiltelefon. Dessvärre kan vi inte utlova bra väder men en välfungerande sajt.

Uppdatering 2010-04-13: tidningen Mobil utser Väderkanalen till Sveriges bästa vädertjänsten i mobilen.