Afgelopen weekend vond het Lowlands festival voor de 18e keer plaats. Eerdere edities werkte ik mee met de technische realisatie en frontend implementatie van de 3voor12 mashups (zie bijv. deze van vorig jaar). Dit jaar realiseerde ik techniek en deel van het concept van de Volkskrant Lowlands kaart waarin een drietal verslaggevers met Flip Mino op pad werden gestuurd om korte sfeerreportages en interviews te maken. Deze kwamen vervolgens op de kaart terug welke op de website werd vertoond.
Via een speciale uploadtool konden de verslaggevers eenvoudig de locatie van de opnames koppelen en de videos uploaden. Eenmaal op Youtube geplaatst werden de videos via de Youtube API weer binnengehaald en uitgeserveerd op de custom lowlands Google map.
Zit je op Twitter of Facebook? Ga dan naar http://bit.ly/peoplet om een handige bookmarklet op je browser bookmarks bar te slepen. Je gebruikt de bookmarklet wanneer je op iemands Twitter- of Facebook- profiel staat en je laadt ermee direct in een lightbox de zoekresultaten over de persoon binnen, zodat je snel een idee krijgt wat er op het web over hem/haar te vinden is.
Handig? Ik vind het makkelijk, klik erop en je weet iets meer van de betreffende persoon.
Na wat heen en weer testen heb ik onlangs een appje gelanceerd op WCWDH.com (short for WhatCanWeDoHere), die je locatie opvraagd en vervolgens op een aantal webdiensten speurt maar naar tips, bezienswaardigheden, optredens, recente tweets en google buzzes. Je kan de pagina ook op je Safari, Firefox en Chrome browser bekijken (op IE weet ik niet, denk het niet)
Het appje heeft maar 1 doel: Jou vertellen wat je kan doen in de buurt waar je nu bent en haalt daarvoor informatie op van de volgende bronnen:
Concerten van Last.fm
(Horeca) spots van Foursquare
Bezienswaardigheden van Wikipedia
Andere evenementen van Meetup en Upcoming
En verder nog lokale chats van Google Buzz en Twitter
Je kan de app ook installeren op de homescreen van je iphone.
In de app vind je direct linkjes die openen in Google Maps, zo kan je direct de route ernaar toe vinden.
Voor de afgelopen Tweede Kamer verkiezingen 2010 kwam de Volkskrant bij monde van Heleen van Lier met de vraag om een interactieve Twitter widget mashup te realiseren icm. Google Maps.
Tijdens de Verkiezingsavond waren verslaggevers van de Volkskrant op de verschillende partijbijeenkomsten aanwezig. Normaal gesproken alleen om de avond mee te maken en een artikel te schrijven voor de de volgende te verschijnen gedrukte editie. Maar ditmaal moesten zij ook allemaal via sms korte reports doorsturen.
Een speciale Twitterlist met deze reporters werd via de Twitterwidget weer ingeladen en de locaties van de verschillende journalisten waren hierin gekoppeld. Zo ontstond een reportage mashup die tijdens de verkiezingsnacht een uniek live gevoel bracht aan de verkiezingspagina op Volkskrant.nl
Lekker bezig
Omdat ik toch lekker bezig was, heb ik de speciale Verkiezingswidget daarna ook omgebouwd tot reguliere Twitterwidget in VK.nl huisstijl, waardoor op VK.nl nu voortaan Twitter widgets in eigen stijl kunnen worden geplaatst.
In opdracht van Biqini heb ik vorige maand de technische realisatie gedaan voor de Hyves Game / campagne van Pifworld, met WK thema. In de aanloop naar de realisatie ben ik benaderd vanwege de ervaring met Hyves applicaties en zodoende advies kunnen uitbrengen over de te bewandelen weg en werking van het concept.
Samen met een inhouse 3d vormgever en het grafische design van Biqini, en ervaren flashers Jan Kees en Adrien hebben we de klus geklaard. Op het moment van schrijven loopt de campagne nog 6 dagen (t/m de finale van het WK2010) en kun je de campagne uitproberen via http://hyves.nl/actie/pifworld.
Gameplay
Doel van het spelletje is om Hyvers spelenderwijs bekend te maken met de 8 milleniumgoals uit 2000. Door middel van het uitdagen van andere vrienden op Hyves om voetbalwedstrijdjes tegen te spelen reizen de deelnemers na winst steeds weer een stukje verder naar Zuid-Afrika. De afstand die de 2 strijdende Hyvers van elkaar vandaan wonen is de afstand die gewonnen kan worden per match. Na elke wedstrijd worden vragen over de milleniumgoals gesteld waarmee extra kilometers kunnen worden verdiend.
Techniek
Voor deze realisatie is wederom gebruik gemaakt van de Hyves API en ook OpenSocial techniek voor de widget die Hyvers op hun profiel kunnen installeren. Om de afstand te berekenen tussen 2 deelnemers is bovendien gebruik gemaakt van Google Geocoding service om de latitude/longitude van de Hyvers’ woonplaatsen op te halen.
Metropolis TV is het programma dat elke week een onderwerp neemt en verslaggevers uit diverse wereldsteden dit onderwerp laat behandelen over hoe het er in hun ‘Metropool’ aan toegaat.
De wens van de VPRO was een Facebook applicatie te maken die intuitief seamless samenwerkt met de Facebook functionaliteiten, videos bekijken mogelijk maakt en het delen van ervaringen voor op stelt. Verder moest de applicatie gezien het internationale karakter van het programma tweetalig verschijnen.
Het resultaat is een applicatie op Facebook waarmee:
Videos kunnen worden bekeken
Deze videos kunnen worden gedeeld op de ‘Wall’
Gedeelde videos direct via de ‘Wall’ kunnen worden afgespeeld, alsmede alle andere videos ook (er is geen noodzaak de app. te installeren)
Vanuit de applicatie kan worden gecomment, deze comment wordt op de ‘Wall’ gepost en op de Metropolis.TV site.
Hetzelfde geldt voor het ‘raten’ van video’s
Gebruikers kunnen taalinstelling en ‘autoshare’ opties beheren via de applicatie.
Omdat we lekker bezig waren is vanuit het oorspronkelijke opdrachtkader ook nog de applicatie uitgebreidt naar:
Een video player voor Hyves waarin alle geselecteerde Metropolis content via één widget beschikbaar is
Een stand alone video player voor op Blogs en andere netwerken (zie hieronder een werkend voorbeeld)
Enkele video players voor gebruik op de Metropolis site.
Het leuke en slimme van het ontsluiten van de video content op netwerken als Facebook en Hyves binnen een eigen applicatie is dat de content vrij verspreid kan worden, maar toch ‘Metropolis’ wordt ge-‘brand’. De afzender is duidelijk zichtbaar, en de content kan vanwege haar in dit geval, internationale karakter, buiten de oorspronkelijke doelgroep’s landgrenzen gaan reizen.
Bekijk en installeer de Metropolis.tv App op Facebook, klik hier!
Hieronder een voorbeeld van de standalone jukebox player die ik realiseerde:
In opdracht van Sticky Studios, Utrecht, realiseerde Open & Sociaal de afgelopen maand de techniek achter de Hyves campagne ‘In de Mode’. Daarnaast gaven we nog technisch conceptueel advies over een aantal zaken die de viraliteit van de campagne konden verhogen.
Op de actiesite kunnen Hyvers een gadget plaatsen, waarmee ze hun klerenkast met items uit hun eigen Hyves foto-albums kunnen vullen. Vervolgens kunnen hun vrienden die items raten. Daarnaast kan er een spel worden gespeeld waarmee prijzen te winnen zijn. Om in het spel zoveel mogelijk punten te kunnen scoren moet je zoveel mogelijk ‘levens’ hebben. Deze ‘levens’ vergaren gebruikers door diverse achievements te behalen, zoals het raten van 10 fotos van vrienden, het uitdagen van vrienden, het plaatsen van de gadget of het plaatsen van een WieWatWaartje.
De actie wordt op Hyves aangezwengeld met diverse media-uitingen.
Technisch bestaat de campagne uit het volgende:
Hyves API koppelingen voor diverse acties (fotos ophalen, wie wat waartjes plaatsen, vrienden ophalen)
OpenSocial gadget (kleine weergave van de resultaten op profielpagina’s)
asynchrone server communicatie. flash external interface.
Ik vond het erg moeilijk om zijn vrienden en contacten van andere sociale netwerken te vinden op Facebook. Daarom creërde ik het aantal weken geleden gelanceerde FbFriendFinder.com, een tool die het makkelijk maakt om vrienden en contacten van andere sociale netwerken te vinden en toe te voegen op Facebook. De dienst is een eenvoudige oplossing voor het hedendaagse sociale probleem: het verspreid hebben van vrienden en contacten over diverse sociale netwerken. Bij een bezoek aan FbFriendFinder.com worden gebruikers gevraagd om een connectie te leggen met netwerken waarvan ze de vrienden willen opzoeken op Facebook. Nadat één of meerdere netwerken zijn toegevoegd kan worden ingelogd op Facebook en worden enkele vrienden vertoond. Wanneer vervolgens een klein bedrag is overgemaakt naar de maker van de dienst krijgt de gebruiker direct toegang tot de tool die het mogelijk maakt snel door de gevonden resultaten heen te scrollen. Het uitsturen van vriendschapsverzoeken kan direct vanuit de interface, eventueel met een persoonlijk bericht, zonder de tool te verlaten.
Nieuwe netwerken worden dagelijks toegevoegd De FbFriendFinder.com tool is vandaag gelanceerd met ondersteuning voor 11 sociale netwerken en diensten, te weten: BrightKite, Digg, Flickr, Foursquare, Imeem, Last.fm, LinkedIn, Livejournal, Mobypicture, Myspace enTwitter. Verder is er een vrije tekst ingave veld waarmee vriendenlijsten van alle andere netwerken kunnen worden toegevoegd door middel van kopiëren en plakken. Nieuwe netwerken worden dagelijks toegevoegd. Gebruikers van de dienst kunnen hun wensen doorgeven via de support site of Twitter, welke vervolgens met voorkeur worden behandeld.
OAuth verbindingen daar waar mogelijk De meeste van de momenteel ondersteunde netwerken op FbFriendFinder.com bieden de mogelijkheid om te verbinden via OAuth technologie. OAuth is een open protocol, geïnitieerd door Blaine Cook en Chris Messina, dat een veilige API toegang mogelijk maakt voor desktop-, mobiele en web applicaties op een standaard methode. Met OAuth kan een gebruiker de toegang tot hun informatie op site A verlenen aan site B, zonder dat ze hun username en password hoeven af te geven. FbFriendFinder.com slaat geen informatie op die met haar tool wordt gegenereerd, met uitzondering van een ID die nodig is voor de betaling.
$5 dollar maximum en betaling volgens het ‘cent-per-friend’ - principe Voordat gebruikers de tool kunnen gebruiken moet men een klein bedrag betalen via Paypal, de online betaaldienst die ook de meeste credit- en debitcards ondersteunt. De ’cent-per-friend’ berekening komt tot stand door het aantal potentiële op te zoeken vrienden te delen door 100 dollarcent en naar boven af te ronden. $5 dollar is het maximale bedrag dat aan gebruikers zal worden gerekend, exclusief $0,35 transactiekosten. Betalende gebruikers krijgen bovendien een code waarmee ze in de toekomst kunnen inloggen en opnieuw gratis gebruik kunnen maken van de dienst, bijvoorbeeld als er nieuwe netwerken toegevoegd zijn.
Zeer binnenkort wordt dit systeem ook gelanceerd voor LinkedIn, dus stay tuned!
Omroepvereninging BNN benaderde ons een kleine maand geleden voor een nieuwe concept voor haar soapserie Onderweg naar Morgen (ONM). Het idee luidde: ‘ONM Shorts’: kijk vandaag alvast de uitzending van morgen, maar dan ‘kortgeknipt’ naar 5 minuten. Of wij daar een gadget voor wilden maken?
De gadget moest verder een nieuws element bevatten en ook nog het ‘catchup’ video onderdeel: een hele week ONM in 15 minuten. Handig als je even een weekje op vakantie bent geweest, ben je zo weer bij! De shorts zijn ideaal voor fans die niet tot morgen wachten kunnen en ook handig als je gisteren een uitzending hebt gemist.
BNN heeft voor de distributie van de unieke videocontent gekozen voor twee platformen: De iPhone middels een applicatie en Hyves middels de OpenSocial gadget die wij voor hun realiseerden!
Met de input vanuit BNN hebben we een voorstel uitgeschreven. Om de gadget naast de statische content een persoonlijk element te geven is de ‘Wazzup’ in het leven geroepen. In de ‘Wazzup’ kan de eigenaar van de gadget (de user op wiens profiel de gadget geïnstalleerd staat) zijn/haar mening geven over 1 van de karakters uit ONM. Op de gadget worden de meningen van vrienden inzichtelijk gemaakt.
Deze gadget is een goed voorbeeld van de werking van de zogeheten ‘Profile’ en ‘Canvas’ views die OpenSocial techniek mogelijk maakt. De ‘Profile’ view is de compactere uitvoering die op de profielpagina van de gebruiker staat. De ‘Canvas’ view is alleen te bereiken na een doorklik op de ‘Profile’ view, en heeft als voordeel dat deze paginabreed is en dus veel ‘werkruimte’ biedt. Helemaal bovenaan deze post zie je de ‘Canvas’ view en hierboven links de ‘Profile’ view.
Op de ‘Profile’ view is gekozen om de core informatie / functionaliteiten van de gadget aan te bieden, dus de videocontent. Diverse kliks leiden direct naar de ‘Canvas’ view waarin veel meer mogelijk is:
De videoplayers zijn hierop veel groter
Er kan reclame worden gemaakt (in dit geval inhouse ads, maar Google Ads of andere banner roulatie systemen zijn hier mogelijk)
Er is een ‘Zoek de verschillen’ - game die BNN al had liggen
Een extra infotab over de cast van Onderweg naar Morgen
In navolging van het seizoen 2008 - 2009 hebben we ook dit jaar weer voor Telesport, Telegraaf en Hyves een gadget gemaakt voor de eredivisie. Het voetbalspel Topcoach vindt dit jaar weer online plaats op Hyves.
Het spel
Hyvers kunnen hun eigen team samenstellen uit alle spelers van de deelnemende clubs aan de eredivisie. De prestaties van de spelers in de echte competitie zorgen ervoor dat je punten verdient (bij score, assists, reddingen) of verliest (bij kaarten, penalties, verliezen).
Op de Hyves gadget hebben we de rankings tussen de deelnemer en zijn/haar deelnemende vrienden inzichtelijk gemaakt. Naast deze rankings tussen vriendengroepen laten we ook de standen zien tussen alle Hyvers, mannen, vrouwen, alle deelnemers uit een bepaalde stad en sterrebeeld (aan de hand van de geboortedatum).
Langdurige commitment campagne
Het mooie aan een spel als Topcoach is dat gebruikers voor lange tijd, in dit geval bijna een jaar, (onbewust) bezig zijn met je merk. Telegraaf laadt haar merk door middel van het toevoegen van nieuws en feitjes over de competitie en weet zo veel extra traffic naar haar site te genereren.
Techniek
De gadget draait op OpenSocial techniek. Dit maakt het mogelijk dat we data weten over diegene die de gadget bekijkt. Zo kunnen we inspringen op de situatie per gebruiker. Als de kijker nog niet meedoet aan de Topcoach game dan springen we hier specifiek op in.
De gadget draait op een API die we in samenwerking met Relephant hebben gerealiseerd. Relephant realiseerde net als voor de Tourpoule afgelopen zomer, de game engine achter het Topcoach spel.
Pierre was al ongeveer een jaar bezig met zijn kunstproject “Mini Blue Helmets on a Massive Quest”, kleine plastic VN blauwhelmen die over de hele wereld reizen om conflictsituaties op te lossen en de vrede te bewaren. Pierre vroeg ons of wij het project online in kaart konden brengen:
In nauw overleg met Pierre hebben we bij wijze van support aan dit project voor hem de website http://minibluehelmets.com gebouwd. Eén grote Google Map laat zien waar de blauwhelmen bezig zijn met hun “massive quest”.
Gebruikers die een blauwhelm in bezit hadden en op missie hebben gestuurd kunnen via de site eenvoudig de locatie ervan markeren en de foto ervan uploaden. De foto belandt in een Flickr-set. Het voordeel van het gebruiken van deze service is dat de hosting van de images bij Flickr komt te liggen en daarbij is Flickr weer een vorm van promotie voor het project, zo is een mirror van het project ook op de Flickr map te zien. (en ook in de Google Earth applicatie btw)
Nu de Tour weer is afgelopen en Contador een jaar in een gele trui mag lopen, rennen, fietsen, vrijen en douchen, kijken wij terug op de Tourgadget die we ook dit jaar weer voor de Telegraaf en Hyves hebben gerealiseerd.
Het spel was ten op zichte van vorig jaar iets veranderd, interactiever. Van gebruikers werd meer verwacht, omdat zij per dag hun rennerselectie konden aanpassen op de komende etappe. Uit een team van 20 renners kon je elke keer 9 renners opstellen.
De game engine was dit jaar gerealiseerd door Relephant. Open & Sociaal realiseerde de gadget, met opensocial techniek, en we deden de consultancy voor de Hyves API voor Relephant.
In totaal schreven 39.300 mensen zich in voor de game. 26.106 personen hiervan, zo’n 66 procent, installeerden ook de Hyves gadget.
Op de Hyves gadget werd naast een visuele weergave van de ranglijst van een Hyver en zijn/haar vrienden ook de betreffende Hyver’s team opstelling en rankings tussen andere Hyvers weergegeven. Onderin de gadget een RSS-feed die de Tour headlines van Telesport laat zien en linkt naar de bijbehorende artikelen op de Tourpagina’s van Telesport.
Grote winnaar is wederom Hyves. Zowel groei in absoluut aandeel als een groei in activiteit per gebruiker; we zijn meer gaan Hyven met z’n allen. Ook een fikse groei aan activiteit op LinkedIn. Schoolbank en Myspace ervoeren juist het tegenovergestelde. Flinke daling in gebruikersactiviteit op deze netwerken is te zien.
Radio Veronica benaderde ons een tijdje geleden met de vraag hoe we hun Ferrari-weggeef-actie op de radio meer aandacht konden geven op de sociale communities. Het idee van de actie op de radio was dat luisteraars het aantal cd-hoesjes dat in de Ferrari pasten moesten raden en zo kans konden maken op een heuse Ferrari Testarossa.
Het idee wat wij daarbij voor de gadget hadden was niet direct de actie die op de radio liep te kopiëeren naar Hyves. In plaats daarvan hebben we een racegame gemaakt waar je als gebruiker tegen je vrienden op Hyves of Netlog kunt racen. Iedere keer als je een nieuwe snelle tijd neerzet wordt deze opgeslagen en stijg je weer in de ranglijst ten opzichte van je vrienden. Via de gadget kun je viraal nieuwe vrienden uitnodigen die vervolgens automatisch tegen je racen.
De gadget heeft veel uitgaande links richting Veronica’s actie site en verder een aantal radio-stream-players, want Radio Veronica is immers all about the music.
Inmiddels is de actie op de radio al afgelopen en is de Ferrari in het bezit van de gelukkige winnaar. De racegame blijft echter als standalone branded game bestaan op de sociale netwerken, het blijft immers leuk om het spelletje te spelen.
De gadget is gemaakt in OpenSocial en maakt gebruik van de native opensocial persistence functie die het mogelijk maakt kleine stukjes data in de container (Hyves, Netlog) op te slaan, per gebruiker afzonderlijk. Op deze manier onthoudt de container voor de game de highscore van de deelnemer. Dankzij deze techniek en de caching aan Hyves en Netlog’s zijde is er weinig servercommunicatie nodig en is deze sociale en interactieve game toch relatief eenvoudig te hosten en te draaien.
Inmiddels is de actie op de radio al afgelopen en is de Ferrari in het bezit van de gelukkige winnaar. De racegame blijft echter als standalone branded game bestaan op de sociale netwerken, het blijft immers leuk om het spelletje te spelen.