For nylig lancerede DSB S-tog deres nye tv-koncept “S-TV”. Konceptet byder på tv i S-togene og tilbyder bl.a. kokken Henrik Boserup i korte bidder, hvor han hurtigt og flot klippet forklarer, hvordan man tilbereder lækker hverdagsmad. Ud over at inspirere togrejsende, ville DSB S-Tog og Boserup gerne levere en service, der gjorde det lettere at komme fra inspirationsøjeblikket i toget til egentlige handlinger; indkøb og madlavning.
Til det formål udviklede vi konceptet “mad på farten”, der anvender web- og mobilteknologi til at levere Boserups opskrifter og instruktionsvideoer til rejsende, så de kan tage dem med og fastholde information og inspiration efter de har forladt toget. Konceptet er udviklet ud fra vores overordnede syn på digital kommunikation og services, som noget der lever i et “digitalt økosystem”, hvor overvejelser om distribution og kanaler er nødvendige bestanddele i en digital strategi. Distribution referer til muligheden for at integrere budskabet eller servicens de steder hvor kunder orienterer og meddeler sig, fx på Facebook, Twitter, YouTube eller sms. Kanaler er de forskellige medier og teknologier vi kan bruge til at nå brugerne. Her er mobilen den hurtigst voksende kanal, men fremover kommer også web-enabled tv, som fx Google TV og med Web-Of-Things og Digital Signage åbnes nye internet-kanaler overalt. Vores pointe er at al fokus ikke må rettes mod én kanal. I stedet udvikler vi en strategi, der tager stilling til hvordan en service kan distribueres til relevante steder og køre på flere kanaler samtidig.
Denne artikel har til formål at belyse nogle af de tekniske overvejelser og valg, som vi gjorde i forbindelse med løsningen. Den skulle gerne demonstrere at et godt koncept, “mad på farten”, er understøttet af nogle tekniske valg og strategiske overvejelser om bl.a. distribution og kanaler, der muliggør konceptets succes.
Som jeg tidligere har berørt (fx. her), så bliver der ofte skreget på iPhone apps meget tidligt i planlægningsforløbet for en ny kampagne eller service. Denne gang var ikke nogen undtagelse. Vi besluttede os dog for ikke at springe i med begge ben og blot lave en løsning for de få iPhone-brugere. Vi ville lave en løsning, der centraliserer informationen på en webservice, helt konkret på websitet madpaafarten.dk, men som samtidig stiller data og services til rådighed for flere platforme.
Lidt populært kan løsningen vises således:
mad på farten setup
umbraco
Vi valgte umbraco cms som den centrale del af den tekniske løsning, fordi den med sit XML-interface stiller gode snitflader til rådighed for integration.
Med vores data og services på plads, centralt på nettet, hvor umbraco også giver et godt redaktør-interface, kunne vi koncentrere os om distributionskanaler.
iPhone
En iPhone app blev udviklet. Den kombinerer den velkendte lækre brugeroplevelse fra iPhone med muligheden for at tilgå sine opskrifter uden dataforbindelse. Endelig tjekker den hver dag umbraco, for at hente nye opskrifter ned.
Mobile & Desktop Web
Til det store flertal uden en iPhone anvendte vi web server-programmet Mobile Detect til at sikre, at alle mobiltelefoner der besøger madpaafarten.dk vil få en brugeroplevelse tilpasset deres skærm. Mobile Detect bruger viden om den besøgende browser/device til at vælge det korrekte layout til visning af den selv samme side. I stedet for at skulle lave et layout til iPhone, et til HTC Legend, et til Nokia N900 osv, så laver vi et til devices med touch interface, et til mobiler der ikke kan JavaScript og et til almindelige computerbrowsere. Alt imens URL (http://madpaafarten.dk) og den side i cms’et, hvor opskriften findes, er den samme.
Jeg vender tilbage til Mobile Detect i flere detaljer i et senere indlæg.
For at demonstrere:
Besøger man http://madpaafarten.dk fra sin computer ser man denne opskrift:
Mad på farten set fra en computer
På en mobil, ser den således ud:
mad på farten i browseren på en Nokia E72
sms
Det er også muligt at få dagens opskrift fra mad på farten via sms. Dermed når vi ud med servicen til ALLE med en mobiltelefon. Send en sms med teksten mad til 1990, så er du med!
Derfor
Ved at lægge services, data og redaktør-interface på et website har vi altså optimeret integrationsmuligheder og gjort vejen kortere for evt. kommende apps, fx til Android Windows Mobile eller Symbian. Samtidig kan vi nu let integrere tredjeparts-services som Addthis og Facebook.
- En webbaseret flerkanalsstrategi, som vi længe har missoneret for og her demonstrerer.
Fantastisk dejligt at læse om, hvordan i bruger Umbraco som den centrale motor i løsningen!
Håber i vil løfte sløret for flere tekniske detaljer i fremtidige posts, som i lover
Hej Søren
Tak for din kommentar. Jeg går ud fra du mener vedrørende håndtering af forskellige templates til forskellige device-typer. I så fald ja, det er lige på trapperne