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.

I’ve been doing deployment using Git for a while by now. But I find Capistrano more flexible and reliable. Since Capistrano is intended to be used with Ruby on Rails it doesn’t work with other platforms “out-of-the-box“. But magic can still occur with a few lines of code.

Below you’ll a “step-by-step” tutorial on how the get started using Capistrano for easier deployment. The whole idea for this post came in mind during a Capistrano setup for a Codeigniter application I did recently. But I don’t see why this deployment process wouldn’t be applicable on any other platform or framework.

This tutorial assumes you already got your code hosted using either SVN or Git. You preferaly have setup public ssh keys between your computer and the server you’re deploying to. You’re using the same directory structure as below for your applications on your server (feel free to change the Capfile in order to match your existing structure).

/var/www/example.com
/var/www/example.com/www.example.com
/var/www/example.com/www.example.com/logs
/var/www/example.com/www.example.com/public

Start of by installing Capistrano on your computer. Capistrano is distributed as a Ruby gem.

$ sudo gem install capistrano

Next up clone my default Capfile (Capistrano config file) using cURL. Or use the Gist below.

$ curl "http://gist.github.com/raw/353124/ceda1eccacee7604d7180b23ff20cb618cb760af/capfile.rb" > Capfile

There are some variabels you need to change in order to make this Capfile work with your setup. Basically look through all lines that begins with “set” and change the corresponding value. Also make sure to change the server domain on line 10.

A typical Capistrano deployment is loaded with different kind of tasks. Since Capistrano is awesome it allows you to setup own tasks and even overwrite existing tasks.

As mentioned earlier Capistrano was invented with Ruby on Rails in mind, therefor we need to overwrite a few Rails specific tasks (migrate, restart, start). These default tasks are probably not compatible with your application. But feel free to rewrite them if needed.

As you might noticed by now the task “copy_config” inside Capfile isn’t a default task. My Codeigniter applications usually include some setup specific config files that shouldn’t be included in the repository by obvious reasons. For instance a config file including all necessary MySQL credentials. Therefor these files needs to be setup and edited manually in order to get the application running. But there’s one problem using this method with Capistrano.

Everytime you deploy using Capistrano a fresh copy of your latest application is being cloned/checkout from the repository and stored inside a new folder on the server. Since Capistrano doesn’t proceed from the previous deployed release all files that isn’t included in the repository will not be moved to the new deployed release folder. But no worries! Since Capistrano allows us to hook up our own tasks to specific events during deployment we can solve this problem with ease.

The task namned “copy_config” is being executed right after the “symlink” task. Right after the new release directory has been created and linked to the current directory. Since all my necessary config files are included in the “.gitignore” file we can use that as a reference and simply check if the file exists in the previous release folder. If so simply move the file to the newly created release folder. Capistrano provides some nifty variabels such as “previous_release” and “latest_release” to make this operation easier.

Any other needed operation to get your application up and running should probably be executed after the “symlink” task.

Once your Capfile is done it’s time to run a initial setup deploy. Start of by running the following command.

$ cap deploy:setup

You should end up with a similar directory structure on your server.

/var/www/example.com/www.example.com/public/releases
/var/www/example.com/www.example.com/public/shared
/var/www/example.com/www.example.com/public/shared/log
/var/www/example.com/www.example.com/public/shared/pids
/var/www/example.com/www.example.com/public/shared/system

It’s finally time to perform a first initial (cold) deploy of your application to your server.

$ cap deploy:cold

Congratulations! You just performed your first deploy using Capistrano. For future deploys the cold task isn’t necessary. Simply execute the command below.

$ cap deploy

Easy enough don’t you think?

This post should give you a brief idea of the Capistrano workflow. And show how you can hook up your own tasks in order to get your application up and running. I can’t guarantee that this method can be applicable on your application. As the title states “… almost anything“.

Interested in learning more about Capistrano? Here’s a few posts that I stumbled across and found interesting during research for this post.

Photo credit: heyskinny

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.

Idéen till projektet mipi.se spånades redan fram på konferensen Reboot av mig och Morris Packer. Grundidéen var helt enkelt att kunna skapa en frågeställning för att sedan skicka ut den till en så stor publik som möjligt. Med andra ord frågan är fri.

Under mina 24 timmar skapade jag ett webbaserat gränssnitt för att skapa frågor och se resultatet som uppdateras i realtid. Användningsområdena är redan så här initialt många. Tänk t. ex. om du anordnar en konferens och vill ha din deltagares svar på en viss fråga. Skapa frågan och visa resultatet en storskärm medhjälp av en projektor. Deltagarna kommer på så sätt kunna följa utvecklingen i realtid.

Det hela byggdes i ramverket Codeigniter som jag verkligen har fattat tycke för den senaste tiden. Plus en hel del JavaScript med jQuery som grund.

Framtiden för detta projekt ser ljus ut. Appcorn har sedan en tid tillbaka tagit fram en “proof of concept” iPhone applikation som använder sig av Push-protokollet för att skicka ut frågor.

Gillar mipi.se får du gärna rösta på oss. Eller läs mer om bakgrunden till detta projekt.