Vad är SocialAgent?

Kort och gott är SocialAgent ett verktyg för att bevaka sociala medier på den svenska marknaden. Till skillnad från de flesta bevakningsverktyg som finns på marknaden idag är SocialAgent enbart inriktat på svenska och tjänster där svenskar håller till.  Målet med verktyget är att det ska gå snabbt och vara tidseffektivt att få koll på sin omvärld i sociala medier.

Nylansering av SocialAgent.se
Idag har vi lanserat den nya publika officiella sidan. Den förra sidan, “version 1″ var ganska fattig och innehöll knappt någon information.

På den nya sidan har vi valt att lyfta fram produkten och de funktioner som finns. Det finns även möjlighet att anmäla sig till vårt nyhetsbrev eller beställa konto direkt online.

Vill du läsa mer eller se bilder på SocialAgent kolla gärna in nya webbplatsen och/eller läs mer på mediebevakare.

Beställer du ett SocialAgent konto innan 9 augusti så släng in en kommentar här så fixar jag 20% rabatt.

Relaterade poster:

1. Rädda webbutvecklarna – Få bort IE 6 Många eller alla som någon gång utvecklat en webbplats vet...

Den främsta anledningen att använda Namespaces är för att komma ifrån problemet med namnkollisioner. Zend har tidigare löst det med en hierarki, till exempel Zend_Db_Table. Dessa kan dock bli väldigt långa som till exempel denna Zend_Search_Lucene_Analysis_Analyzer_Common_TextNum_CaseInsensitive()

Ett exempel med Namespace

Jag kommer gå igenom ett väldigt enkelt exempel med namespace.

namespace Blog;
class User
{
	public function Hello()
	{
		echo "Hello World! from " . __NAMESPACE__ . " - " . __CLASS__;
	}
}
 
namespace CMS;
class User
{
	public function Hello()
	{
		echo "Hello World! from " . __NAMESPACE__ . " - " . __CLASS__;
	}
}

I detta exemplet har vi skapat två stycken namespaces, Blog och CMS. Här ser man redan fördelar med att använda namespaces, vi kan i detta exemplet nämligen ha två klasser med samma namn, User.

För att avända våra namespaces, klasser och funktioner använder vi följande kod.

$object = new CMS\User();
$object2 = new Blog\User();
 
$object->Hello();
$object2->Hello();

Resultatet av följande kod kommer bli:

Ett annat tips när det gäller namespaces är att du kan skapa ett alias för en klass.

use CMS\User as cmsuser;
use Blog\User as bloguser;
$object = new cmsuser();
$object2 = new bloguser();

Här skapar vi två stycken alias, cmsuser och bloguser, dessa kan vi sedan använda för att skapa objektet.

Sub-namespaces

Namespaces fungerar i stort sätt som en katalogstruktur. Du kan alltså skapa sub-namespaces, till exempel.

namespace Baronen\Blog;
class User
{
	public function Hello()
	{
		echo "Hello World! from " . __NAMESPACE__ . " - " . __CLASS__;
	}
}

Notera här att jag har ändrat namnet till Baronen\Blog. Tillvägagångssättet för att använda klassen är detsamma.

$object = new Baronen\Blog\User();

Vill du läsa mer om namespaces rekommenderar jag som vanligt den officiella dokumentationen.

Vill du veta mer om nyheterna i PHP 5.3 hittar du det här.

Som jag nämnt tidigare hoppas jag webbhotellen tar till sig nya versionen av PHP så snart som möjligt.

Relaterade poster:

1. Nyheter i PHP 5.3 I somras lanserades PHP 5.3 och det innebar mycket nyheter...
2. Method Chaining i PHP – metodkedjor I och med PHP 5+ och stödet för objekt finns...
3. DateTime och Fileinfo – Nyheter i PHP 5.3 Detta är del tre i serien om nyheter i PHP...

När du väl har fixat din API-nyckel och har ett konto så är det dags att börja koda. Kollar vi på den officiella dokumentation så ser vi att länken vi använder ser ut enligt följande: http://api.bit.ly/shorten?version=2.0.1&longUrl=http://baronen.org&login=anvadare&apiKey=APINyckel&format=json
Vi skapar sedan vår ganska enkla klass som innehåller en statisk funktion, GetShortUrl.

class Bitly
{
	public static function GetShortUrl($url, $login, $api, $format = 'json')
	{
		$bitly = "http://api.bit.ly/shorten?version=2.0.1&longUrl=".$url."&login=".$login."&apiKey=".$api."&format=".$format;
		$response = file_get_contents($bitly);
 
		if($format == 'json') {
			$resultJson = json_decode($response, true);
			return $resultJson['results'][$url]['shortUrl'];
		} elseif ($format == 'xml') {
			$resultXml = simplexml_load_string($response);
			return $resultXml->results->nodeKeyVal->shortUrl;
		} else {
			return "Wrong type supplied: " . $this->format;
		}
	}
}

APIet tillåter att man väljer vilket format man vill ha tillbaka resultatet i, jag har byggt denna klass så man kan välja både json och xml.
För att sedan använda klassen anropar du den statiska funktionen. I detta exempel förkortar jag baronen.org, jag skickar även med bitly-användare, api-nyckel samt att jag vill använda formatet xml.

<?php echo Bitly::GetShortUrl('http://www.baronen.org', 'Anvandare', 'API-Nyckel', 'xml'); ?>

Resultat och demo

Se demo eller ladda ner källkoden.

Relaterade poster:

1. Twitter på din webbplats med PHP och jQuery Aktiviteten på Twitter har ökat lavinartat den senaste tiden, inte...
2. Pusha presenterar API Idag lanserar Pusha ett API. Tanken med API:et är att...
3. Method Chaining i PHP – metodkedjor I och med PHP 5+ och stödet för objekt finns...

Ett ganska vanligt förekommande sätt att använda objekt på är följande.

$userObj = new User();
$userObj->setUsername('baronen');
$userObj->setEmail('mail@mail.com');
$userObj->RegisterUser();

Här skapar vi ett nytt User objekt, sedan anropar vi två set-funktioner för att sedan köra funktionen RegisterUser.

Använd Method Chaining

Man behöver inte göra stora ändringar för att skapa metodkedjor. Jag har här skapat en väldigt enkelt User-klass som har två set funktioner och en funktion för att skriva ut egenskaperna.

class User
{
    private $username;
    private $email;
 
    public function setEmail($email) {
        $this->email = $email;
	return $this;
    }
    public function setUsername($username) {
        $this->username = $username;
	return $this;
    }
    public function RegisterUser() {
	echo "Register user with email <strong>" . $this->email . "</strong>";
	echo " and username <strong>" . $this->username . "</strong>";
    }
}

Den ända skillnaden från en “vanlig” klass är att set-funktionerna returnerar hela objektet, detta för att kunna bygga på med fler funktioner på följande sätt.

$userObj = new User();
$userObj->setEmail('baronen@mail.org')->setUsername('baronen')->RegisterUser();

Resultatet blir i detta fall följande:
Register user with email baronen@mail.org and username baronen

Svårare än så är det inte att använda sig av “Method Chaining”.

Resultat

Se demo eller Ladda ner källkod här.

Relaterade poster:

1. Nyheter i PHP 5.3 Del 2 – Namespaces I en tidigare post skrev jag om Nyheter i PHP...
2. Visa epostadress som bild med PHP & GD Undviker du att skriva ut din epostadress på din webbplats...
3. Förenkla PHP med autoload När man bygger webbplatser i PHP är det ganska lätt...

När jag gjorde ny design till bloggen ville jag inte ha Feedburners fula “widget”  som visar antal prenumeranter. Jag började istället undersöka deras API i, och jag kom fram till att den inte var alls svårt att hämta ut antalet.

Aktivera API

Det första du måste göra är att tillåta att extern trafik får tillgång till ditt konto. Detta gör man genom att logga in på Feedburner. Klicka sedan i menyn på publicize, och sedan Awareness API. Notera att detta innebär att vem som helst kan hämta dessa uppgifter.

PHP Koden

Efter du aktiverat Awareness API så kan vi nu börja koda och hämta information. För att hämta uppgifter som besökartantal använder vi adressen:
https://feedburner.google.com/api/awareness/1.0/GetFeedData?uri=FEEDBURNERUSER

$feedBurnerXml = file_get_contents('https://feedburner.google.com/api/awareness/1.0/GetFeedData?uri=baronenorg');
$feedBurnerStats = simplexml_load_string($feedBurnerXml);

Vi hämtar sedan flödet med file_get_contents för att sedan använda simpleXML för att läsa in det som XML. Om vi nu använder funktionen print_r så kan vi se vad vi får tillbaka.

SimpleXMLElement Object
(
    [@attributes] => Array
        (
            [id] => evuiocdsrinuffssd33
            [uri] => Baronenorg
        )
    [entry] => SimpleXMLElement Object
        (
            [@attributes] => Array
                (
                    [date] => 2009-08-24
                    [circulation] => 43
                    [hits] => 225
                    [reach] => 0
                )
        )
)

Det är alltså attributet “circulation” vi är intresserade av. Detta hämtar vi genom att använda följande kod.

<?php echo  $feedBurnerStats->feed->entry[@circulation]; ?>

Nu vet du hur du kan använda Feedburners Awareness API för att hämta ut antal prenumeranter.
Värt att tillägga är att antalet läsare uppdateras bara en gång per dygnt, denna kod hämtar gårdagens besökare, men beroende på klockslag kan resultatet 0 komma.

Vill man hämta historik om hur många läsare man har haft kan man skicka med datum-parametrar till Feedburner, enligt följande. Denna adress innebär att du kommer få ut data från tre dagar, 10, 11, och 12 augusti i år.

https://feedburner.google.com/api/awareness/1.0/GetFeedData?uri=baronenorg&dates=2009-08-10,2009-08-12

Nu kan du slippa Feedburners “fula” widget och istället använda informationen precis som du vill. Vill du utforska Awareness API ytterliggare rekommenderar jag den officiella dokumentationen.

Exempel och källkod

Se demo eller Ladda ner källkoden här

Relaterade poster:

1. Pusha presenterar API Idag lanserar Pusha ett API. Tanken med API:et är att...
2. Sökmotorn Wolfram Alpha öppnar API Wolfram Alpha är en relativt ny sökmotor som är specialiserad...

När sedan biten med PHP och SimpleXML är färdig, kommer jag gå igenom hur man kan använda jQuery för att snurra twitter-flödet.

Enkel Steg för steg

Jag kommer börja med att hämta twitter-flödet med hjälp av funktionen file_get_contents. Denna funktion läser in en fil till en textsträng.

Steg två att att använda simpleXML för att tolka strängen som XML, samt plocka ut de delar i flödet jag är intresserad av.

Steg tre är att göra om flödet till XHTML och publicera det på webbplatsen.

Börja koda

Jag börjar med att skapa klassen Twitter.php. Denna klass sköter hämtningen av flödet samt hantering av XML. Klassen innerhåller en egenskap, en konstruktor och en funktion.

class Twitter
{
	private $twitterFeed;
	public function __construct($twitterFeed, $numberOfTweets = 10)
	{
		$this->twitterFeed = $twitterFeed . "?count=".$numberOfTweets;
	}
	public function processFeed()
	{
		$twitterXml = file_get_contents($this->twitterFeed);
		$xml = simplexml_load_string($twitterXml);
		$feedArray = array();
		foreach ($xml->channel[0]->item as $item) {
			$feedArray[] = array('title' => $item->title,
					 'pubDate' => $item->pubDate,
					 'link' => $item->link);
 
		}
		return $feedArray;
	}
}

Om vi går igenom koden lite kort så har vi en privat egenskap, $twitterFeed, denna innehåller adressen till flödet. Konstruktorn tar två parametrar, detta är alltså adressen till flödet samt hur många twitterposter vi ska hämta.

Det är funktionen processFeed som gör grovjobbet. Det första vi gör i funktionen är att läsa in hela flödet med funktionen file_get_contents. För att hantera flödet som XML används funktionen simplexml_load_string.

Efter vi läst in flödet som xml är det dags att iterera igenom det och spara undan de värden vi vill använda, i detta fall titeln, publiceringsdatumet samt länken till inlägget. Dessa värden sparar vi undan i en array, till sist returnerar vi hela arrayen.

Publicera Twitter på din sida

Jag har skapat index.php som jag kommer visa innehållet på.

<?php
$twitterObject = new Twitter('http://twitter.com/statuses/user_timeline/17820230.rss', 5);
$allItems = $twitterObject->processFeed();
?>
 
<ul>
<?php
foreach ($allItems as $item) {
	echo "<li>";
	echo "<a href='".$item['link']."'>".$item['title']."</a> - ".date('Y-m-d H:i', strtotime($item['pubDate']));
	echo "</li>";
}
?>
</ul>

Vi börjar helt enkelt med att instansiera ett Twitterobjekt och skickar med adressen till flödet samt hur många poster vi ska hämta, i detta fallet fem. Efter vi skapat objektet anropas funktionen processFeed som returnerar arrayen med twitterposter. Därefter kan vi iterera igenom de posten med foreach.

Eftersom datumet från Twitter se ut som följande, Thu, 20 Aug 2009 10:23:23 +0000 använder jag funktionen strtotime för att göra om datumet till en timestamp. Därefter kan jag fomeratera det som jag vill med funktionen date.

Nu har vi alltså skapat en Twitter-klass som kan hämta ett visst antal poster, samt en webbsida där vi kan publicera twitterflödet.

I mitt demo har jag lagt på en stillmall för att snygga till flödet en aning. Denna CSS-fil ingår även när du laddar hem filerna.

Resultat

Se Demo av resultatet så här långt.

Snurra flödet med jQuery

Jag tänkte visa hur man kan snurra posterna med hjälp av javascript och jquery. Det jag tänkte fixa till nu är att endast visa två åt gången för att sedan animera posterna. Se demo.

  $(document).ready(function() {
	var slideInterval = 3000;
	var animationSpeed = 500;	
 
	window.setInterval(function() {
	  	var firstItem = $('#ul_list2 > li:first ');
		var itemHeight = firstItem.height() + 
				parseInt(firstItem.css("paddingTop")) + 
				parseInt(firstItem.css("paddingBottom") +
				parseInt(firstItem.css("marginTop")));
 
		$('#ul_list2 > li:first ')
			.animate({
				marginTop: (-itemHeight - parseInt(firstItem.css("marginBottom")))
			}, animationSpeed, "linear", function() {
				$('#ul_list2 > li:first ').remove()
				firstItem.css("marginTop", 0)
				$('#ul_list2').append(firstItem)
			})
	}, slideInterval);
  });

Var tredje sekund animerar vi flödet uppåt. För att veta hur långt vi ska flytta det uppåt räknar vi ut höjden på en post inklusive margin och padding. Sen använder vi jQuerys animate. När väl animeringen är klar, tar vi bort det översta elementet, som alltså ligger utanför boxen och flyttar ner det längst ner i listan igen.

Demo och källkod

Nu har jag visat hur man hämtar Twitter-flöde med PHP och sedan snurra posterna med jQuery.

Exempel utan javascript
Visa Demo eller Ladda ner källkoden här

Exempel med javascript
Visa Demo eller Ladda ner källkoden här

Relaterade poster:

1. Skapa korta länkar med bit.ly och PHP I och med att användandet av mikrobloggtjänster har ökat och...
2. Bing och Twitter slår sig ihop Idag har det blivit officiellt att Bing och Twitter har...
3. Visa epostadress som bild med PHP & GD Undviker du att skriva ut din epostadress på din webbplats...

Tillvägagångsätt

Tillvägagångssättet ser ut som följer. I steg ett tar vi reda på besökarens ip-adress. Vi kontrollerar vilket land besökaren kommer ifrån för att sedan skicka vidare till korrekt sida.

Skapa PHP-scriptet

Vi kommer börja med att skapa en klass som heter IpToNation. Den innehåller databasinställningar samt en funktion för att hämta vilket land besökaren kommer ifrån.

Det är inte optimalt att blanda denna typ av funktionalitet, utan det hade varit bättre att ha en ren databasklass samt en IpToNation klass. Men eftersom detta är ett exempel lägger jag dessa i en och samma klass.

Vi börjar med att skapa filen ‘IpToNation.php‘.

class IpToNation
{
	protected $dbHost = "localhost";
	protected $dbUser = "dbuser";
	protected $dbPassword = "dbpassword";
	protected $dbTable = "ip2nation";
	private $mysqli;
 
	public function Connect() {
		//Skapa nytt mysqli-objekt
		$this->mysqli = new mysqli($this->dbHost, $this->dbUser, $this->dbPassword, $this->dbTable);
	}
	public function Disconnect() {
		$this->mysqli->close();
	}
 
	public function GetCountryFromIp($ipAddress)
	{
		//INET_ATON omvandlar en ipadress till numeriskt värde
		$sqlQuery = 'SELECT ip.country, ipc.country
					FROM ip2nation AS ip
					INNER JOIN ip2nationCountries as ipc ON ipc.code = ip.country
					WHERE ip.ip < INET_ATON(?)
					ORDER BY ip DESC LIMIT 0,1';
 
		$this->Connect();
		if($stmt = $this->mysqli->prepare($sqlQuery)) {
			$stmt->bind_param("s", $ipAddress);
			$stmt->execute();
			$stmt->bind_result($countryCode, $countryName);
			$stmt->fetch();
			$this->Disconnect();
 
			$resultArray = array('countryCode' => $countryCode, 'countryName' => $countryName);
			return $resultArray;
		}
	}
}

De första två funktionerna använder vi för att öppna och stänga anslutningen till databasen.

Den tredje funktionen GetCountryFromIP tar ett ip-nummer som inparameter. Utifrån detta ip-nummer kan vi sedan slå upp vilket land användaren kommer ifrån. Eftersom ip-adresserna är sparade som numeriska värden måste vi använda funktionen INET_ATON för att omvandla vår ip-adress. Du kan läsa mer om INET_ATON på MySQLs officiella sida. Funktionen avslutar med att returnera en array innehållandes landskod och namn.

Nästa steg är att skapa index.php. Det är denna sida som används för att kontrollera ip-nummer och skicka vidare besökaren.

include 'IpToNation.php';
 
$clientIp = $_SERVER['REMOTE_ADDR'];
 
$ipToNationObject = new IpToNation();
$currentCountry = $ipToNationObject->GetCountryFromIp($clientIp);
 
echo "<h2>Vilket land kommer IP-numret ifrån?</h2>";
switch ($currentCountry['countryCode']) {
	case 'se':
		echo "Du verkar komma från " . $currentCountry['countryName'] . ", skicka vidare till Svenska sidan";
	break;
	case 'no':
		echo "Du verkar komma från " . $currentCountry['countryName'] . ", skicka vidare till Norska sidan";
	break;
	default:
		echo "Du verkar komma från " . $currentCountry['countryName'] . ", skicka vidare till Internationella sidan";
	break;
}

Det första vi gör i denna fil är att ta reda på besökarens ip-adress genom $_SERVER['REMOTE_ADDR'] Vi skickar sedan ipadressen till vår funktion GetCountryFromIP och får tillbaka namnet på landet samt landskoden.
Efter det använder vi en switch-sats för att bestämma vad som ska hända, i detta exempel gör vi ingenting utan skrivet endast ut vilket land användaren kommer ifrån. Man kan tänka sig att skicka besökaren vidare eller sätta en cookie.

Som sagt innan kan du ladda ner databasen från ip2nation.

Demo och ladda ner

Se demo eller Ladda ner källkoden här.

För att detta skript ska fungera måste du självklart ha PHP men även GD-biblioteket. Skapa en php_info() och kontrollera att du har GD installerat.

Steg 1
Första steget är att skapa filen ‘display_email.php‘. Det är denna filen som kommer sköta grovjobbet.

header("Content-type: image/png"); //Detta är en PNG-bild
 
if(isset($_GET['email']))
//Dekodar den base64-kodade adressen
$email = base64_decode($_GET['email']);
else
$email = "Skicka med en email";
 
$font = 4; //Sätter teckensnitt till 4
 
//Räknar bredden och höjd på bilden via
//emailens längd o teckensnittet
$imageWidth = (imagefontwidth($font) * strlen($email)) + 5;
$imageHeight = imagefontheight($font) + 5;
 
$im = @imagecreate($imageWidth, $imageHeight) or die("Kan inte skapa bilden");
 
//Allokerar färger, vit och svart
$background_color = imagecolorallocate($im, 255, 255, 255);
$text_color = imagecolorallocate($im, 0, 0, 0);
 
imagestring($im, $font, 2, 2, $email, $text_color); //Skapar texten
 
//Skapar png-bilden
imagepng($im, null, 9);
 
//Förstör bilden
imagedestroy($im);

Kommentarerna i koden är ganska självtalande men vi kan gå igenom lite kort vad som händer. Det första vi gör är att tala om att innehållet är en PNG-bild.

Nästa steg är att ta emot epost-adressen via $_GET[]. Det vi sedan gör är att dekoda den, vi kodar den när vi skriver ut den i html-kod.

Epostadresser är självklart olika långa och eftersom vi inte vill ha en bild på 500px så räknar vi ut bredden och höjden på bilden baserat på antal tecken och teckensnittets storlek.

Sedan skapar vi en bild med imagecreate och allokerar färger.

Sedan använder vi funktionen imagestring som skapar texten, denna funktion tar sex parametrar, en bildresurs, teckensnitt, x, y, texten och vilken färg som ska användas.

Sist så skapar vi png-bilden för att sedan förstöra bildresursen.

Nu har vi alltså en fil som klarar att ta emot en epostadress och göra om denna till en bild i rätt storlek.

Steg 2
Det sista vi behöver göra nu är att använda oss av vår ‘display_email’ fil.

<img src="display_email.php?email=<?= base64_encode("min_epostadress@madeup.org") ?>" />

I och med att vi använder funktionen base64_encode så kommer resultatet se ut enligt följande, vilket gör det väldigt svårt för robotar att förstå att detta är en epostadress.
<img src="display_email.php?email=bWluX2Vwb3N0YWRyZXNzQG1hZGV1cC5vcmc=" />

Se Demo eller Ladda ner källkoden här.

Relaterade poster:

1. Method Chaining i PHP – metodkedjor I och med PHP 5+ och stödet för objekt finns...
2. Använd gravatar med ASP.NET Gravatar står för “globally recognized avatar”. Detta innebär att du...
3. Förenkla PHP med autoload När man bygger webbplatser i PHP är det ganska lätt...

I och för sig har jag har ingen erfarenhet av att plugga detta på distans men programmet är ju detsamma.

Jag kan börja med att berätta att jag har lärt mig väldigt mycket under dessa två år som student på webbprogrammeringsprogrammet.  Jag vet dock att det finns folk som tycker att man kan lära sig att programmera och utveckla själv och att studera detta på högskola är överskattat. Detta kanske är en smaksak men efter att ha pluggat i drygt två år så är jag tveksam, men som sagt, det är ju upp till var och en.

Jag har varit mycket nöjd med dessa två år. Det känns som utbildningen följer dagens utveckling på Internet och ändrar sig år från år beroende på vilka tekniker som kommer och är populära. Detta tror jag är viktigt eftersom det händer fruktansvärt mycket i denna bransch på väldigt kort tid. Även de flesta lärare är väldigt engererade och brinner verkligen för utveckling och programmering. Gå in på hik.se för att läsa mer om vilka språk och tekniker man lär sig.

Jag kan dock tycka att utbildningen är lite för inriktad mot att ta anställning efter utbildningen när det faktiskt finns stora möjligheter att starta eget eller jobba som konsult. Jag skulle gärna se att det kommer in lite kurser och föreläsningar som inriktar sig mot hur man jobbar som egen och hur prissätter man sina tjänster. Alltså lite mer inriktning mot alternativen om att jobba som anställd.

Är du intresserad av att plugga webbprogrammering på HIK till hösten så tveka inte på att söka till webbprogrammeringsprogrammet på Högskolan i Kalmar. Gå in på studera.nu och ange kurskod HK-82237 så hittar du information om hur man söker. Sista anmälningsdag är 15 April så det brinner i knutarna.

Relaterade poster:

1. Att lösa problemet För någon dag sedan satt jag med mitt projekt, digitalsweet....
2. Projekt Digitalsweet – Del 4 Sista delen Nu är min inspirationssida Digitalsweet färdigutvecklad. Redovisade projektet 30 Maj...
3. Answer fortsätter att expandera Answer.se har idag varit öppet publikt i en vecka. Antal...

Hoppas att jag har byggt upp spänningen lite inför framtiden nu?

Relaterade poster:

1. Nytt projekt DigitalSweet Har börjat fundera runt ett nytt projekt. Det började för...
2. Answer.se – Sommarens första projekt Sommaren 2008 tillbringar jag med min vän och kollega Joacim....
3. Mina Projekt Tänkte skriva och berätta lite om mina projekt och webbplatser...