Frisim utvecklingsblogg

Googgle News släpper idag en ”stjärnmärkningsfunktion”. Genom att stjärnmärka nyheter som du tycker är intressanta så 1) kan du enkelt senare gå tillbaka till dessa nyheter, och 2) du får en markering (fetstil) på denna nyhet när det har kommit ”uppdateringar” på denna nyhet. Funktionen är inte helt olik den ”Viktigt”-markering som jag just implementerat på Nyhetr.se.

Tyvärr är det, som vanligt, svårt att från ett svenskt IP-nummer prova de funktioner som bara finns på den amerikanska versionen av Google News, så jag har tyvärr inte provat själv.

Nyhetr.se:s iphone-version har fått en liten uppdatering, trots allt. Nu finns källorna Nyhetskanalen.se, Corren.se, VK.se, Realtid.se, HD.se, Expressen.se och Aftonbladet.se med. Det är lite synd att många Poloploy-sajter såsom DN.se inte använder samma data i sina webb-URL:ar och mobilsajt-URL:ar. I fallet DN.se saknas ett rssid för att göra konverteringen. Samma gäller sajterna BT.se, Ystadsallehanda.se, UNT.se, Sydsvenskan.se (cid) och gp.se (pageid).

Nyhetr.se/iphone har också fått viktigt-fliken från webbversionen. Tyvärr går det fortfarande inte att logga in på mobil-sajten, och tyvärr är det nog så att det är svårt att göra inloggningen med Twitters OAuth-funktion, då jag tror att den saknar AJAX-stöd. För att få den att fungera som AJAX-sida så måste jag skapa en ”wrapper” och det gör att jag måste mellanlagra login och lösen till Twitter-kontot.

Viktigt-sidan i iPhone-versionen ser ut som på bilden ovan. Här är länkarna inte begränsade till endast mobil-versioner av nyhetssajter, utan länkar som går till webbsidor med ”dålig” mobilanpassning visas istället med hjälp av Google Mobile Adapter.

SR.se har fått ett ”API” för att hitta radio-material, båda artiklar och nyhetssändningar i pod-format. Inte helt enkelt att fundera ut något bra sätt att använda det, men något borde det kunna användas till. Lite buggigt verkar det dock, just nu är t.ex. feed:en som ska lista pågående program tom, men det kanske löser sig.

Efter att ha tittat på Feber.se:s tips Sök enklare i Google Chrome så noterar jag att Google har identifierat både Frisim och Nyhetr som sökmotorer och det är möjligt att göra sajt-sök direkt från adressfältet.

Jag vet inte om det är bra eller dåligt för mina två sajter. Troligen är det bra för Google i alla fall. Jag tror inte det är så många som använder funktionen, men det gör säkert att Google inte skickar så många vilsna besökare till mina sökresultatsidor.

Jag skrev tidigare om mina initialt positiva erfarenheter av att skapa en webb-sida med jQTouch till iPhone. Det visade sig nog att jag var lite tidigt ute med min entusiasmen – den har avtagit något. Safari på iPhone och jQTouch är långt från stabilt. Jag misstänker att jQTouch (ihop med jQuery) pressar iPhone Safari till bristningsgränsen, samtidigt som de nyhetssidor som finns anpassade för mobil är dåligt kodade.

En sådan sak som att det inte fungerar okej att visa en sida från m.hd.se i en iframe är lite tråktigt. Anledningen verkar vara det statistikscript(?) som HD.se lägger i slutet på mobil-sidan. Exempel: Prova själv att gå till nyhetr.se/iphone/hd.html med en iPhone och försök klicka på knappen ”Info”. Precis, inget händer! (Notera att i en webbläsare på en normal dator fungerar det okej, men alltså inte i din iPhone.) Det är som om HDs trackning-script lagt en ”film” över hela skärmen. Om du istället går till nyhetr.se/iphone/hd2.html med en iPhone, vilket är exakt samma kod för iframe:n så fungerar ”Info”-knappen fint. Skillnaden här är att jag ”raderat” HD:s statistik-script från sidan i den andra versionen. Det känns lite skakigt att det ska fungera så. Det verkar vara en del som inte är så välbyggt någonstans…

Jag har i alla fall trixat ihop en Nyhetr.se/iPhone-sajt där jag gör så gott jag kan. Tyvärr är det fler saker som inte fungerar perfekt med jQTouch (beta-2) vilket gör att det kan hända lite oförutsedda grejer ibland. En del beror säkert på min slöa programmering, men jag är övertygad om att en del även beror på jQTouch och Safari (skumma skärmblinkningar etc.) Vill du prova den så ser den bäst ut om du lägger den på hemskärmen på din iPhone, för då kör sidan i fullskärmsläge.

På grund av alla konstigheter med mobilsidor och med jQTouch så tror jag att jag väntar lite med att försöka förbättra detta åtminstone tills dess att en ny version av jQTouch kommer ut. Det känns som om jQTouch/jQuery-kombinationen gör att det blir lite för mycket ”högnivåprogrammering” för mig. När något inte fungerar som man tror, är det också lurigt lite att svårt att debugga snabbt eftersom Webkit på PC:n och i iPhones Safari inte beter sig exakt likadant. Man blir helt enkelt för utlämnad till diverse konstigheter i jQTouch för att det ska vara riktigt kul.

Ja, jag har en iPhone. Jag har ända sedan jag köpte den varit lite sugen på att programmera applikationer till den. Problemet är att jag inte har någon Mac att utveckla på, och att jag helt enkelt inte varit tillräckligt motiverad i att sätta mig in i gör.

För ett tag såg jag någon som skrev om jQTouch, kanske var det på Hacker News. jQTouch är ett Javascript-bibliotek för att utveckla webbsidor för iPhone för att hjälpa till att få funktion och utseende att bli iPhone-likt, och att få webbsidor i iPhone att likna applikationer. Den hjälp också till med att med ikon, splash-screen och lite till. Att skapa en sida i jQTouch påminner lite om hur det var att skapa en WAP-sida. Där var allt organiserat i ”cards” som återfanns i en och samma fil. Med jQTouch är det likadant, men blir det lite mer flexibelt då jQTouch har väldigt bra stöd för AJAX. jQTouch bygger på Javacript-biblioteket jQuery.

Jag har tagit några skärmbilder på min nuvarande ”alfa-version”. På den första bilden syns hur startikonen ser ut om den läggs på en hemskärm. Funktionen blir lite olika om man startar den från en ikon på hemskärmen eller som man går till webbsidan från iPhones Safari. Med en start-ikon på hemskärmen så kan man med jQTouch få webbsidan att köra i ”maximerat läge” vilket gör att Safari inte syns, och det ser ut nästan precis som en ”riktig” applikation. Denna möjlighet använder t.ex Google Wave för iPhone.

Om du startar ”webbsidan” från hemskärmen så visas en ”splash-screen” under tiden webbsidan laddas.



När sidan laddat klart så visas webbsidan. Naturligtvis krävs uppkoppling för att köra ”webbsidan”. jQTouch har visst stöd för att köra ”offline”, men det är något som jag ännu inte utforskat.



Än så länge finns där bara ett par fördefinierade nyhetskategorier och en sökruta, men mer kommer. Klickar jag på ”Ekonomi” AJAX-laddar webbsidan in nedanstående sida.



Klickar jag på någon av länkarna så kommer webbsidan att AJAX-ladda en liten omdirigeringssida, som i sin tur laddar nyhetssajtens sida i en iframe. Jag är inte helt nöjd med att lägga den externa sidan i en iframe, men det är det enda sättet för en webbsida i fullskärmsläge att visa en extern sajt utan att öppna Safari. Att öppna i Safari gör att det skulle krävas en massa klick för att komma tillbaka till min webbsida/applikation. Nu visas en tillbaka-knapp högst upp som tar mig tillbaka till min webbsida. Detta liknar det sätt som bl.a. Twitter-klienten Tweetdeck använder för att visa externa sidor.En länkad nyhet hos HD får detta utseende:

En sökning kan görs på normalt iPhone-sätt. Klicka på inmatningsfältet och tangentbordet dyker upp.

Söker jag på [Google] så hittar jag alla insamlade nyhter som innehåller just det ordet. Träffarna visar på en vanlig sökresultatsida.



Det går att se lite mer av texten om du vänder telefonen så att skärmen används i landskapsläge.

Just nu är detta hela funktionaliteten. Min plan är att få till all funktionalitet från Nyhetr.se så att det fungerar på iPhone-versionen, inklusive Twitter-login. Planen är också att jag bara ska visa länkar till nyheter som finns på ”mobilversioner” av nyhetssajterna. Då detta är en ”spinnoff” av den vanliga webbsökningen så kommer jag även i fortästtningen bara ett indexera normala nyhetssidor (inte mobilversioner). Detta gör att jag kommer att begränsa sökningen till webbsajter som har en liknande länkstruktur på sin mobila version som på sin normala webbsida. De som har det just nu är HD, Expressen och Aftonbladet, och kanske någon mer. Jag vet inte hur svårt det är att få det klart, eller hur lång tid det tar, men jQTouch är kul att leka med när man väl greppat hur det fungerar.

Genom att logga in med ett Twitter-login på Nyhetr.se så kan du leta fram och markera nyheter som ”viktiga”. De dyker då upp på nyhetr.se/viktigt, men, och här kommer det fina: De nyheter du markerar samlar vi ihop, och du kan hämta hem dem i RSS-format, JSON-format, eller visa dem direkt på din hemsida i en nyhetsruta. Genom att söka och markera nyheter på Nyhetr.se så skapar du dig alltså en semi-automatisk nyhetsbevakare. Sa jag att den är gratis? :-)

På Nyhetr.se ser det du såhär:

Där ser du vilka nyheter det är du markerat som viktiga, och du får en länk till en RSS-feed. RSS-feeden innehåller de nyhetslänkar som du markerat.

Du kan också få data i ”widget-format” som du enkelt kan lägga på den egen webbsida. Exempel på hur det kan se ut för min Twitter-användare @nicclas ser du på bilden nedan.

Mer detaljer på hur widgeten fungerar hittar du på vår exempel-sida.

Alltså, för att prova gör såhär:

1) Leta upp ett Twitter-login. Har du inget så kan du skapa ett hos Twitter.

2) Gå till Nyhetr.se och klicka på ”Logga in” eller ”Logga in med Twitter”.

3) Gör några sökningar på ord eller fraser som intresserad dig. Spara gärna sökningarna som bokmärken för att enkelt göra om dem även vid ett senare tillfälle. Klicka på länken ”Markera som viktig” i anslutning nyhetsrubriker som du tycker är intressanta. Alla rubriker du markerar som ”viktiga” kommer att synas i din RSS-feed och nyhetsruta.

4) Gå till exempelsidan för att se hur du kan visa dessa på din hemsida, endera med RSS eller i en nyhetsruta.

Klart!

Detta är en första test av vad man kan göra om man har inloggning på nyhetssöksajten. Utvidgningar som att, baserat på vilka nyheter du markerat som viktiga, föreslå eller lägga till fler nyheter automatiskt ligger naturligtvis nästa till hands, men inget sånt är ännu testat.

Jag har återanvänt mycket av den kod jag skrivit tidigare. Det innebär samtidigt att det är ett litet hopkok av språk och tekniker. Jag använder språken PHP [front-end delen av nyhetr.se], Javascript [nyhetsrutan], Python [mellanlagringen på Google App Engine] och Java [Frisims spindel/sökmotor] och kör det hela på en Amazon EC2 server och mellanlagrar data på Google App Engine.

Har du förslag på hur man kan förbättra denna halv-automatiska nyhetsbevakning? Kommentera eller maila!

Nyhetr har i årets första söndagshack fått en funktion för “viktiga nyheter”. Du kan markera nyheter som viktiga och de dyker på att en ”topplista” över viktiga nyheter.

Funktionaliteten bygger på att du loggar in med ett Twitter-konto. Först när du är inloggad kan du markera nyheter, men även som oinloggad så ser du vilka användare som markerat vilka nyheter. Det går att markera nyheter som viktiga båda på kategorisidorna och på sökresultatsidorna. Under den nya fliken ”Viktigt” så syns vilka nyhetslänkar som markerats mest, och vilka Twitter-användare som har marketat dem. Twiter-användarnamnet är länkat till din Twitter-profil, och din hemsideslänk från Twitter visas.

Funktionaliteten ser kanske inte supercool ut just nu, men denna typ av Twitter och Facebook-integration tycker jag har stor potential även för mindre sajter. Genom att besökare på Nyhetr.se har konto och vänner på Twitter och Facebook och genom Twitters och Facebooks APIn så får jag möjligheten att använda denna information även på min sajt. Till exempel så blir det relativt enkelt att visa vilka nyhter som de du följer på Twitter har markerat. DN.se har funktionen Vänners nyheter som gör just detta genom koppling en till Facebook. Eftersom Twitter har en ”geo location”-funktion under utveckling så finns också möjligheten att anpassa de ”viktiga” nyhterna så att till exempel nyheter som markerats som viktiga av personer i samma region som du visas.

Innan Nyhetr har relativ många besökare så är det dock intressantare för de allra flesta att se nyheter som ”någon” markerat, snarare än bara de som markerats av dina Twitter-vänner. Sannolikheten att dina Twitter-vänner markerat någon nyhet är helt enkelt för liten med få användare. Problemet med ”the vinner takes it all” gäller naturligtvis som vanligt, och utan många användare blir funktionen mest en rolig programmeringsövning för mig – och det var också målet från början. Trots det så får du väldigt gärna prova funktionen och kommentera här eller via mail – tack!

Nyhetr fick förra året(!) en funktion för OAuth inloggning med hjälp av Twitters API. Nu kan den som är inloggad på Nyhetr markera nyheter som ”viktiga” signerat med Twitter-alias. Den som inte är inloggad ser vilka som markerat en nyhet som ett länkat namn till ett Twitter-kont, men kan själv inte markera länkar.

Idag fungerar funktionen bara på förstasidan, men den kommer snart att fungera även på övriga sidor. Prova gärna!

PS Funktionen skriver inget till ditt Twitter-konto och ser inte ditt Twitter-lösen. Applikationen får bara läsrättigheter för att hitta din Twittter-profil. DS

Bra 2009

Slashat.se: Bästa podcast på svenska, typ. Håller ungefär samma ”kvalitet” som Twig och de andra ”braiga” amerikanska podcastarna om teknik. Lika tramsiga, lika ihoppratade och lika lättlyssnade.

Jaiku: Jaiku, eller i alla fall de som fortfarande försöker hålla liv i det.

Amazon EC2: Amazon fortsätter att driva väldigt bra tjänster för att köra server. Med sin Management console så blev det väldigt lätt att även nyttja deras kringtjänster.

Spotify: Ja, Spotify fortsatte att vara bra även 2009. Inte många har missat det. Frisim fick en Spotify-länk-lista redan 2008, men först 2009 så fick Spotify ett API som gör att Spotify-listan kan visa ”rätt” titlar.

Voddler och Headweb: Film och tv-serier på nätet. Både via flera ”lagliga” betalversioner och via ”olagliga” gratisversioner.

Mindre bra 2009

Twingly Channels: Twingly Channels som jag trodde och hoppades skulle bli något intressant, med nyheter inblandad, kom aldrig riktigt igång. Hoppas det får ny fart vid en publik lansering,

Bloggy: Bloggy fungerade rätt bra en stund. Det var rätt många som började ”mikroblogga” där, men det lyfte inte. Kanske blev Bloggy inkörsporten till Twitter, men med Twitter så behövdes inte Bloggy. Synd var det i all fall.

Frisim: Jag kan ju inte klaga på andras låga utvecklingstakt och svaga idéer utan att konstatera att mitt nyhetssökande har fått alldeles för lite tid under 2009. Bättre lycka nästa decennium!

(Jag var ”tvingad” att skriva den här bloggposten – Med nästan 7 år med minst en bloggpost per månad då kan ju inte december 2009 bli den första utan.)

Jag har lagt en del tid på den ”synliga” delen av Nyhetr.se, men alldeles för lite tid på själva kärnfunktionen – att göra nyhetsartiklar sökbara. Jämför jag antalet insamlade artiklar per dag (som innehåller ordet ”och”) som Nyhetr samlar in, med antalet som Eniro nyhetssök samlar in så kan jag konstatera att jag inte hämtar in stort mer än hälften. Tittar jag på den senaste månaden så ser det ut såhär:

Det är inte så bra. Mestadels handlar det som att Nyhetr inte letar på lika många nyhetssajter, men eventuellt också att jag missar fler artiklar hos somliga sajter. Inget av det är bra. Det borde vara dags att försöka göra detta bättre. Samtidigt är det ju så mycket roligare att programmera sådant som ger synliga resultat.

Jag har tänkt mig prova att integrera Nyhetr.se med Twitter. Tanken är att jag till en början ska använda mig av Twitters Oauth för att slippa bygga en egen inloggningsfunktion för att låta besökare kommentera på sajten, samtidigt som jag t.ex. skulle kunna skapa en retweet-funktion på kommentarer och nyhetslänkar. Oauth är ett protokoll för att ansluta mot APIn.

Jag började med att registrera en ny ”applikation” hos Twitter.

Det gav mig en ”consumer key” och en ”consumer secret”. Genom att anvädna mig av dessa i PHP-koden TwitterOauth så var det enkelt att sätta upp in- och utlogging. Det enda som behövde göras är att lägga in

require_once('./twitteroauth/twitteroauth/twitteroauth.php');
require_once('./twitteroauth/config.php');
 
/* Get user access tokens out of the session. */
$access_token = $_SESSION['access_token'];
 
/* Create a TwitterOauth object with consumer/user tokens. */
$connection = new TwitterOAuth(CONSUMER_KEY, CONSUMER_SECRET, $access_token['oauth_token'], $access_token['oauth_token_secret']);
 
$reply = $connection->get('account/verify_credentials');
 
$jobj=json_decode($reply);
 
/* Användarnamnet finns nu eventuellt i $jobj->{'screen_name'} */

längst upp på de sidor som kommer att använda inloggningsfunktionen.

På framsidan av Nyhetr.se finns nu en Twitter-login-länk.

Självklart ”ser” min applikation inte ditt Twitter-lösenord, men väl ditt Twitter-namn. När du är inloggad så byts inloggnings-knappen ut mot namnet på den Twitter-användare som du loggat in som. Applikationen är just nu registrerad bara för läsning, dvs jag kan inte skicka ut data på din Twitter-feed. Läsningsmöjligheter räcker för denna typ av login-funktion som jag tänkt mig, men om jag ska skapa t.ex. en retweet-knapp så måste applikationen också få skrivrättigheter.

Just idag så går det inte att göra mer än att logga in (och logga ut) men förhoppningen är att detta gör att jag nu enkelt kan bygga ”användarfunktioner”.