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

För dig som inte är bekant med Hack Day konceptet går det kort och gott ut på att skapa något under 24 intensiva timmar. Den faktiska slutprodukten är inte det viktigaste utan det är mer fokus på att faktiskt åstadkomma något.

Bonnier Hack Day var faktiskt min tredje Hack Day i ordningen. Enda skillnaden denna var att jag inte närvarade som privatperson utan representerade Mobilab tillsammans med Herman Olsson, Gunnar Johansson och Morris Packer.

Vårt projekt med arbetsnamnet “tvättmaskinen” är ganska tråkigt för att vara ett Hack Day projekt men något som vi intern kommer ha stor nytta av. Hela idén grundar sig i att vi av olika skäl inte kan hämta innehåll direkt Expressens API från klienten (t ex. en iPhone applikation). Därav byggde vi ett mellanlager som hämtar innehåll från Expressen och lagrar det slutligen på Amazons S3 plattform. På så sätt kan vi på våra kommande sajter och applikationer komma åt det innehåll som efterfrågas utan att gå direkt mot Expressens API. En annan fördel med att lagra innehållet hos Amazon S3 är att Expressen kan gå ner, vår “tvättmaskin” kan gå ner men alla sajter och applikationer kommer fortfarande ha tillgång till det senaste innehållet eftersom Amazon S3 är så stabilt det bara kan bli.

Efter 24 intensiva timmar fick alla chansen att presentera sina projekt i sann Hack Day anda. Bland publiken fanns även en jury bestående av massa kloka huvuden. Denna jury korade sedan en vinnare som inte var någon mindre än Sydsvenskans Citypedia projekt med följande motivering.

The jury … particularly liked the way in which team Sydsvenskan used new and vastly different sources/API:s to provide more accurate and extensive reviews.

Nedan finns även en lista över mina favorit projekt utan någon specifik rangordning.

• repr.is
  En tjänst som aggregerar alla s.k. play-tjänster och gör dem sökbara under ett och samma tak. En klockren idé som verkligen fyller ett behov som jag personlig har känt av. Jag hoppas verkligen att denna tjänst fortsätts utvecklas. Utvecklat av Marcus Lindén och Per Åström, båda ifrån TV4.
• linkr
  Att förena det digitala med det analoga har gång på gång visat sig vara ett vinnande Hack Day koncept. Linkr är heller inget undantag. Vad denna röda låda gör är att visa antalet klick som besökarna genererat de senaste fem minuterna från ett visst antal fördefinierade sajter. Det hela kompletteras med en indikator som visar om antalet klick har ökat eller minskat gentemot den tidigare fem minuters perioden. Syftet är att konkretisera och öka förståelsen kring statistiken som finns tillgänglig hos främst redaktionerna som ansvarar för innehållet på sajterna. Utvecklat av Per Åström och David Hall.
• whereitshot
  Google Maps i kombination med s.k. heatmaps för att presentera data är något som på senaste tiden har intresserat mig. Vad whereitshot gör är att visa vart “tweets” innehållandes en viss sökterm är mest förekommande rent geografiskt. Det hela visar visserligen bara en bråkdel av alla “tweets” eftersom denna idé bygger på att alla “tweets” är geotaggade med faktiska koordinater. Hur som helst är hela genomförande väldigt snyggt och genomtänkt. Utvecklat av Anders Cserkuti och David Andersson, både ifrån Adlibris.
• Pictoriala
  Utvecklat av Hack Day veteranerna Henrik Berggren och David Kjelkerud, båda ifrån Doberman. Ett oerhört grafiskt tilltalande nyhetsflöde i form av bilder är vad jag skulle kalla Pictoriala för.

Så här i efterhand kan jag konstatera att detta var ännu en oerhört lyckad Hack Day. Det är kul att se att detta koncept börjar dyka upp mer och mer här hemma i Sverige. Återigen ett stort tack till alla som gjorde dessa 24 timmar till något helt fantastikt. Jag ser med glädje fram emot nästa Bonnier Hack Day!

Bilderna tillhörande detta inlägg är lånade ifrån Bonnier R&D.

Under våren kommer jag spendera en dag i veckan hos Bonnier Communications som konsulterande webbutvecklare. Jag kommer främst pyssla med konkreta utvecklingsuppdrag samt agera rådgivare i diverse webbrelaterade frågor.

Bonnier Communications jobbar med intern- och externkommunikation på moderbolaget Bonnier AB och ansvarar för varumärket Bonnier i Sverige och övriga världen, både analogt och digitalt.

Det hela känns oerhört spännande och jag hoppas att jag kan hålla er uppdaterade på allt som händer.

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.

Jag tog mig tiden att läsa igenom loggen med ändringar. Nedan följer en lista över mina fem favoriter.

1. Smidigare konstruktion av element
   Vid konstruktion av ett nytt element kan du nu skicka med ett objekt innehållandes egenskaper.

2. Enklare attribut manipulation
   Funktioner för att manipulera element så som .css(), .attr(), .val() och .html() kan nu ta en funktion som andra parameter. I funktionen kan du enkelt komma åt det befintliga attributets värde.

3. Unik easing metod per egenskap
   Det är nu möjligt att definiera en easing metod för enskilda egenskaper.

4. Äntligen en riktig delay funktion
   Nu är du inte längre tvungen att “fulhacka” för att skapa en delay effekt.

5. Ajax anrop tar hänsyn till Last-Modified headern
   Tidigare har alla ajax funktioner ignorerat Last-Modified headern. I syfte att ignorera eventuellt cache från webbläsaren. Genom att sätta ifModified till true tvingas jQuery att läsa från webbläsarens cache (förutsagt att något finns).

Om du är sugen på att grotta dig ännu djupare finns en bra redovisning av de nya funktionerna och förbättringarna på kampanjsajten 14 Days of jQuery.

I sedvanlig ordning tillhandahåller Google jQuery 1.4 (minifierad och gzippad) på deras supersnabba CDN.

Bilden tillhörande detta inlägg är lånad ifrån Eric Miraglia.

1. Dödens änglar, Julian Sher och William Marsden
2. Free Culture, Lawrence Lessig
3. What Would Google Do?, Jeff Jarvis
4. Outliers, Malcolm Gladwell
5. Work Hard, Be Nice, Jay Mathews
6. Människor helt utan betydelse, Johan Kling
7. A Practial Guide to Designing for the Web, Mark Bulton
8. Predictably Irrational, Dan Ariely
9. Freakonomics, Steven D. Levitt och Stephen J. Dubner
10. My Early Life, William Manchester och Winston Churchill
11. Glitterspray och 99 andra klintbergare, Bengt af Klintberg
12. Corporate Bullshit, Lars Melin
13. Free, Chris Anderson
14. Positioning, Al Ries och Jack Trout
15. The 22 Immutable Laws of Marketing, Al Ries och Jack Trout
16. Naiv Super, Erlend Loe
17. iWoz, Steve Wozniak och Gina Smith

För att hålla koll på alla mina böcker använder jag tjänsten aNobii som låter dig skapa en “digital” bokhylla. Tjänsten är fylld med en mängd sociala funktioner och även en enkel statistikmodul som gör det möjligt att se antalet lästa böcker för ett givet år.

Löftet om att läsa minst en bok per månad kvarstår även detta år. På nattduksbordet finns redan idag en trave intressanta böcker.

Bilden tillhörande detta inlägg är lånad ifrån Patrick Gage.

Därav hörde jag mig för om jag fick “forka” plugin:en och modifiera den utefter mina behov. Givetvis vart svaret ja.

Good Old Email Templates är alltså en plugin till WordPress för att skapa och administrera email-mallar. Mallarna kan innehålla ett flertal variabler som kan ersättas med egna värden. Detta är framför allt smidigt när man ska göra automatiska mailutskick till ett flertal användare.

Koden har fått sig en rejäl översyn och större delar har skrivit om av mig. Givetvis är plugin:en släppt helt i det fria. Var så god att ladda ner plugin:en från GitHub eller varför inte skapa en egen fork?

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.

För er som inte känner till Dropbox så är det en programvara som håller dina filer i synk mellan olika datorer. Tjänsten kompletteras med ett webbgränssnitt samt en nyligen släppt iPhone applikation. Allt du behöver göra för att komma igång är att installera Dropbox på valfri dator (Mac, Windows eller Linux). Att sedan dela med sig av filer och mappar har aldrig varit enklare.

Git å andra sidan är ett versionshanteringssystem utvecklat av ingen mindre än Linus Torvalds. Systemet har ökat sin marknadsandel markant den senaste tiden. Fler och fler open source plattformar och andra tjänster har valt Git i kombination med GitHub framför konkurrenterna SVN och CVS.

Att börja använda Git tillsammans med Dropbox är bara enkla 5 steg ifrån. Så här gör du.

1. Givetvis krävs ett Dropbox konto. Om du inte redan har ett så kan du skaffa ett alldeles gratis hos Dropbox.
2. För enkelhetens skull väljer vi att kalla vårt repository “projekt” i detta exempel. Börja med att skapa mappen “projekt”, navigera ditt och initialisera Git.

   $ mkdir projekt
   $ cd projekt
   $ git init

3. Klona en “rå” kopia av repot till valfri mapp i din Dropbox.

   $ git clone --bare . ~/Dropbox/git/projekt.git

4. Lägg slutligen till det “råa” repot som ett externt repository. Vi väljer att kalla det för “dropbox“.

   $ git remote add dropbox ~/Dropbox/git/projekt.git

5. För att pröva allt står rätt till kan vi skapa en första commit och pusha uppdateringen till vårt repository i Dropboxen. Vi väljer att lägga till en tom gitignore fil.

   $ touch .gitignore
   $ git add .
   $ git commit -m "Initial commit."
   $ git push dropbox master

Om du vill dela repot med en kollega eller vän är det så enkelt som att dela ut en mapp via Dropbox. Personen ifråga kan sedan klona repot och utföra lokala ändringar som sedan pushas till repot i Dropboxen.

$ git clone ~/Dropbox/git/projekt.git
$ cd projekt
$ git remote add dropbox ~/Dropbox/git/projekt.git

Notera att steg två ovan är valfritt. Per automatik kommer repot i Dropboxen döpas till “origin“. Dock kan du som exemplet påvisar döpa om det till något annat.

För att hålla din lokala kopia uppdaterad med de senaste ändringarna som finns i Dropboxen utför du följande kommando.

$ git pull dropbox master

För att göra denna process lite enklare så har jag satt ihop ett shellskript som skapar ett nytt lokalt Git repository och ett i Dropboxen. Se installationsprocess nedan. Notera att du måste ändra variabeln “DROPBOX” i skriptet på rad 3 till den absoluta sökvägen till mappen i Dropboxen där du vill spara alla Git repositories.

$ curl -O "http://gist.github.com/raw/212810/36e6320523db68618e108c4fb1add06eefeec485/git-init-dropbox"
$ chmod u+x git-init-dropbox
$ sudo mv git-init-dropbox /usr/local/bin

Nedan finns ett exempel på hur man skapar ett nytt repository medhjälp av git-init-dropbox (shellskriptet).

$ mkdir projekt
$ cd projekt
$ git init-dropbox

Inspirationen till detta inlägg är hämtat ifrån Matt Longs bloggpost Version Control Makes You A Better Programmer.

Beskrivningen på jQuerys officiella hemsida fångar det jag försöker beskriva.

jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.

Även jag har dragit mitt strå till stacken genom att dela med mig av några små plugins som jag har utvecklat på egenhand.

jContact

En plugin som kan används för att presentera kontaktinfo eller annan viktig information på ett snyggt sätt.

Exempel #1
Exempel #2
Ladda ner jContact

jFields

Låter dig ge textfält (inputs och textareas) standardvärden som beskriver vad fältet ska innehålla. Detta standardvärde försvinner så fort fältet markeras eller blir aktivt. Denna plugin är användbar om du inte vill använda dig av labels p.g.a. platsbrist eller av estetiska skäl.

Exempel #1
Ladda ner jFields

jCountUp

Tillåter dig att räkna upp ett elements värde på ett snyggt sätt. Kan vara användbart när man bygger en årtals-navigation eller liknande. Det finns även gott om inställningar så som t ex. hastighet, värde och en callback.

Exempel #1
Exempel #2
Ladda ner jCountUp

jPreloader

Ersätter submit-knappen med en valfri preloader när en AJAX request utförs. I dagsläget fungerar endast denna plugin med formulär och används tillfördel med jForm.

Exempel #1
Ladda ner jPreloader

SimpleBlock

Till ett kundjobb behövde jag blockera (göra dem “oklickbara“) några element under en bestämd tid. Det finns redan en del plugins som löser detta. Dock kändes de allt för tunga i detta fall. Därav skrev jag ihop SimpleBlock som låter dig blockera ett eller flera element under en given tid.

Exempel #1
Ladda ner SimpleBlock

Alla plugins finns tillgängliga på GitHub och är koden är helt och hållet fri. Vilket i praktiken innebär att du har tillåtelse att använda dem och modifiera dem bäst du vill. Har du hittat en bugg eller sitter på lite feedback? Lämna då gärna en kommentar.

Om du själv är sugen på att börja skriva riktiga plugins till jQuery rekommenderar jag denna guide från Nettuts och en från SitePoint.

Tidigare i år skrev jag ihop en API wrapper för SoundCloud i PHP. Idag kan jag med glädje meddela att denna wrapper har utökats med stöd för det nya OAuth protokollet.

Öppen autentisering är hetare än någonsin. Bland de främsta i ledet står det nya protokollet OAuth, som ur ett perspektiv gör det möjligt för dig som användare att logga in och komma åt t ex. ditt SoundCloud-konto från vilken sajt som helst (förutsagt att stöd för OAuth finns). Fördelarna är många, inte minst p.g.a. att vi slipper komma ihåg en uppsjö av användarnamn och lösenord. Ett praktiskt exempel är Twitter som tack vare sitt API med stöd för OAuth har lyckats skapa ett helt ny flora med tredjepartsutvecklade tjänster.

För er som inte känner till SoundCloud sen tidigare så kan jag berätta att det är fantastik tjänst utvecklad av musiker för musiker. Flickr kretsar kring bilder, Youtube kring video och SoundCloud kring musik. Tjänsten är utvecklad av två svenska smartskallar vid namn Alexander Ljung och Eric Wahlforss.

Att SoundCloud är en succé råder det inget tvivel om. Med drygt 300 000 användare och 2,5 miljoner euro i riskkapital ser framtiden oerhört ljus ut. Om du vill läsa mer om deras framgångsresa rekommenderar jag ArcticStartups bloggpost från i våras.

Timingen för releasen av denna wrapper kunde inte ha varit bättre. Ikväll inleds nämlingen Music Hack Day i Berlin där en massa musiker och utvecklare samlas under samma tak för att skapa musikrelaterade tjänster och program. Jag hoppas att min wrapper kan komma till användning!

API wrappern finns tillgänglig på GitHub samt ett exempel på hur du kommer igång. Jag satte även ihop en liten demo applikation som finns att pröva på soundcloud.qvister.se. SoundCloud själva har även skrivit om wrappern deras egna blogg.

Uppdatering: i ett nyligen publicerat inlägg hos självaste TechCrunch länkas det till wrappern min!

Jag kommer under augusti och september månad sitta ett par dagar i veckan hos Mobilab under konsultbasis. Mina arbetsuppgifter kommer kretsa kring flera av TV4s befintliga mobila sajter.

Det hela känns oerhört roligt, inte minst p.g.a. alla kompetenta och trevligare människor som finns här. Givetvis kommer jag hålla er uppdaterade under arbetets gång.

Till både inga löjliga bilresor och place brand har jag använt denna metod som beskrivs nedan. Visst kan man istället använda sig av t ex, TDO Mini Forms men jag gillar att ha full kontroll över processen.

Jag är övertygad över att fler än jag har valt WordPress som verktyg till kampanjsajter, t ex. Nokia Tube music och Telefonjack? Nej tack. Hjälp mig gärna med att fylla på listan!

Principen är ganska enkel. Vad vi vill åstadkomma är att gemene besökare ska kunna posta ett inlägg (eller tävlingsbidrag) utan att behöva logga in. Detta inlägg ska sedan sparas ned som ett helt vanligt inlägg plus information om användaren. Inlägget sparas som ett utkast per automatik så att administratörerna kan granska det innan publicering. På detta vill vi gärna ha ett skydd emot elak spam och någon form av validering av datan. Så här kan flödet beskrivas.

1. Användaren skickar in sitt bidrag.
Utifrån formuläret vi har skapat skickar användaren in sitt bidrag för granskning.

2. Bidraget körs via Akismet.
All data vi får in ifrån användaren körs via Akismet för att avgöra om det är spam eller ej. Om det visar sig vara spam avfärdar vi helt enkelt användaren. Om inte går vi vidare till nästa steg.

3. Spara ned bidrag som ett utkast.
Allt verkar stå rätt till och vi sparar slutligen ner bidraget i vår databas på servern.

4. Meddela användaren att bidraget har tagits emot.
Meddela användaren att bidraget har tagits emot på ett eller annat sätt. Detta kan man göra på flera sätt, ett simpel meddelande som presenteras för användaren eller per e-post.

Nu när vi har en bra överbild över vad vi vill åstadkomma är det dags att skrida till verket.

Vad vi först behöver är ett formulär som användaren kan använda för att posta sitt bidrag. Vi behöver en titel och motivering plus lite information om användaren, som t ex. namn, e-post och telefonnummer. Formuläret nedan innehåller allt vi behöver. Tyvärr så strippar WordPress bort indenteringen.

<form action="" method="post">
 <fieldset>
 <p>
 <legend>Ditt bidrag</legend>
 </p>
 <p>
 <label for="campaign-post_title">Titel</label>
 <input type="text" name="campaign[post_title]" id="campaign-post_title" />
 </p>
 <p>
 <label for="campaign-post_content">Motivering</label>
 <textarea name="campaign[post_content]" id="campaign-post_content" rows="8" cols="40"></textarea>
 </p>
 </fieldset>
 <fieldset>
 <p>
 <legend>Om dig</legend>
 </p>
 <p>
 <label for="campaign-post_author_name">Namn</label>
 <input type="text" name="campaign[post_author_name]" id="campaign-post_author_name" />
 </p>
 <p>
 <label for="campaign-post_author_email">Email</label>
 <input type="text" name="campaign[post_author_email]" id="campaign-post_author_email" />
 </p>
 <p>
 <label for="campaign-post_author_phone">Telefon</label>
 <input type="text" name="campaign[post_author_phone]" id="campaign-post_author_phone" />
 </p>
 </fieldset>
 <p>
 <input type="submit" name="campaign[submit]" value="Posta" id="campaign-submit" />
 </p>
</form>

Postdatan som skickas när användaren klickar på “Posta” måste behandlas av en funktion eller dylikt. I detta fall använder vi oss av en funktion. Personligen föredrar jag att placera denna funktion i functions.php tillhörande temat. Vad funktionen gör är att kolla av om någon har fyllt i formuläret och skickat in uppgifterna. Denna kontroll utförs vid varje pageload med hjälp av WordPress egna funktion add_action som gör det möjligt att binda en funktion till en viss händelse (en s.k. hook). I detta fall binder vi funktionen till “init” som står för initialisering (pageload). Det första funktionen gör är att stämma av om postdatan vi söker verkligen har skickats eller inte. Om inte avbryter vi operationen omgående.

<?php
function mytheme_add_post() {
    global $micro_akismet;

    if (!isset($_POST['campaign']['submit'])) {
        return;
    }
}
add_action('init', 'mytheme_add_post');
?>

Om man vill kontrollera vissa uppgifter som t ex. att den ifyllda e-postadressen verkligen är en riktig e-postadress ska det ske nu. Förutsagt att man inte gör det innan formuläret skickas med hjälp av JavaScript.

Nästa steg är att kontrollera att uppgifterna vi har fått inte är spam. Detta görs enklast med hjälp av Akismet. Som du säkert redan vet finns det från start ett inbyggt stöd för Akismet när det gäller kommentarerna i WordPress. Dock har jag kommit fram till det är enklare att använda sig Gaby Vanhegans MicroAkismet klass. Jag har själv modifierat klassen lite för att göra det enklare att använda sig av den i WordPress. Denna plugin finns tillgänglig för nedladdning på GitHub. Observera att denna plugin kräver att du har Akismet pluginen aktiverad och konfigurerad. Efter att både Akismet och MicroAkismet pluggarna är aktiverade och klara kan vi äntligen göra en bedömning om uppgifterna vi fått är spam eller ej.

$post_data = $_POST['campaign'];
$vars = array(
    'comment_content' => $post_data['post_content'],
    'comment_author' => $post_data['post_author_name'],
    'comment_author_email' => $post_data['post_author_email']
);

if ($micro_akismet->is_spam($vars)) {
    // We caught a spammer.
} else {
    // Everything's alright.
}

Om allt är frid och fröjd (ingen spam) kan vi spara ned uppgifterna som ett inlägg med hjälp av funktionen wp_insert_post. Denna funktion tar en array innehållandes en massa argument som första och enda parameter. Vi vill spara inlägget men inte publicera det på direkten för att ge administratörerna en chans att bedöma om inlägget ska publiceras eller inte. Värt att notera är att  vi inte behöver escape:a den inkommande datan eftersom wp_insert_post gör det i syfte att skydda mot SQL-injektioner och annat otyg.

$new_post = array(
    'post_title' => $post_data['post_title'],
    'post_content' => $post_data['post_content'],
    'post_status' => 'pending',
    'post_author' => 2,
    'post_category' => array(10)
);

if ($post_id = (int)wp_insert_post($new_post)) {
    // Post inserted successfully.
} else {
    // Something went wrong.
}

Det kan vara bra att sätta upp ett användarkonto som får agera skribent åt alla bidrag. Byt ut post_author värde mot användarens id-nummer. Detsamma gäller även kategorier. Man vill med stor sannolikhet tilldela inlägget kategorin Tävling eller liknande. Notera att post_category argumentet alltid måste vara en array, även fast det bara handlar om en kategori. Byt ut post_category’s värde mot id-numret på din eller dina kategorier. För en fullständig dokumentation över alla tillgängliga argument rekommenderar jag dig att läsa igenom dokumentation för funktionen hos WordPress.

Nu när inlägget är har sparats vill vi också spara ner uppgifterna om skribenten. Detta gör vi enklast med hjälp av WordPress egna custom fields. På så sätt försäkrar vi oss om att uppgifterna endast tillhör vårt nyligen sparade inlägg.

<?php
$post_author = array(
    'post_author_name' => $post_data['post_author_name'],
    'post_author_email' => $post_data['post_author_email'],
    'post_author_phone' => $post_data['post_author_phone']
);

foreach ($post_author as $key => $val) {
    add_post_meta($post_id, $key, $val);
}
?>

Om du sedan i ditt tema vill visa upp t ex. skribentens namn kan du använda dig av funktionen get_post_meta. Notera denna funktion måste användas innanför post-loopen.

<?php echo get_post_meta($post->ID, 'post_author_name', TRUE); ?>

Då var det (nästan) klart! Personligen föredrar jag att “ajax:ifera” mina formulär för att skapa en trevligare upplevelse. Detta görs enklast med hjälp av jQuery och jForm. Om du bestämmer dig för att använda Ajax är det bra att skicka tillbaka en respons lätt kan tolkas med JavaScript. JSON är rätt det rätta valet för detta jobb. Så här kan en respons se ut i vår funktion.

<?php
$response = array(
    'status' => 1,
    'message' => 'Your post has been submitted!'
);

die(print(json_encode($response)));
?>

Jag har satt ihop ett demo med all kod ovan, baserat på WordPress default tema. Glöm inte heller att installera MicroAkismet pluginen innan.

Ladda ner demot här

Det här är min första renodlade guide. Därav uppskattas all form av feedback och konstruktiv kritik. Gör gärna din röst hörd bland kommentarerna om du har synpunkter eller frågor.

Thumbnailen tillhörande detta inlägg är lånad ifrån jmaclynn.

Denna funktion tar flera argument, en utav dem är “callback” som låter dig koppla en egen funktion som påkallas så fort en kommentar ska visas. På så sätt kan du själv bestämma vad som ska visas och inte visas. Personligen vart jag lite inspirerad av Disqus listning av kommentarer och valde även att formatera datumet och tiden då kommentaren postades på samma sätt som Twitter. Funktionen jag använder mig av heter niceTime och hittas borta hos Manas Tungare. Givetvis har skribentens uppgifter formaterats enligt hCard standarden.

Om du själv vill ta kontroll över listningen av kommentarerna på din blogg rekommenderar jag dig att läsa igenom dokumentationen hos WordPress.

Thumbnailen tillhörande detta inlägg är lånad ifrån thehutch.

Tanken är även den att börja skriva mer om det jag gör. Inte bara på uppdragsnivå utan även lite mer guider och annat gott. Håll tillgodo!

Som tidigare nämnt är sajten byggd med WordPress som grund. Nedan följer en lista över de plugins jag använder för den tekniskt intresserade.

Add-Meta-Tags
Genererar per automatik meta-taggar innehållandes keywords och description.

Breadcrumb NavXT
Ger en möjligheten att inkludera en klassisk “breadcrumb” som indikerar vart du som besökare befinner dig. Konfigureringsalternativ finns så det räcker och blir över.

Google XML Sitemaps
Genererar en s.k. “sitemap” som gör det enklare för sökmotorer som t ex. Google att få en överblick över sajten innehåll.

Top Level Categories
Tar helt enkelt bort “category” från kategoriernas permalänkar. Se exempel nedan för före och efter resultat.

Före: http://qvister.se/category/blogg
Efter: http://qvister.se/blogg

Om du läser detta inlägg från en rss-läsare är det hög tid att besöka sajten!

Thumbnailen tillhörande detta inlägg är lånad ifrån stage88.

Många av namnen som stod på programmet var inte bekanta sen tidigare. Men jag måste säga att jag var oerhört positivt överraskad. Några av favoriterna var Matt Webb, Pelle Braendgaard och Thomas Madsen-Mygdal som höll en presentation i sann TED-kvalité.

Så här i efterhand kan jag bara hålla med. Reboot är värt varenda krona. Inte nog med att presentationerna är riktigt bra så är nog det roligaste att träffa alla andra intressanta personer som var påplats. Mina bilder från vistelsen ligger uppe på flickr.

Martin Källström från Twingly gjorde en fantastikt jobb med att fånga den underbara stämningen.

Jag valde att endast besöka campet på lördag. Denna dag stod mer tekniska föreläsningar på agendan. Favoriterna var “Frontend optimization of Drupal“, “Drupal theming with the 960.gs grid system” och “Drupal community: Participating and contributing“. Det fullständiga programmet hittar du här.

Under våren har jag börjat kika lite på Drupal och även hunnit med att hjälpa Good Old med Ängavallens nya hemsida som är byggd i Drupal. Helhetsintrycket av plattformen är gott, det känns som om det går att åstadkomma oerhört mycket med förvånadsvärt lite kod. Tanken är att börja arbeta med Drupal mer aktivt inom den närmsta framtiden.

Jag hoppas att fler konferenser som kretsar kring Drupal kommer arrangeras i Sverige. Gärna med lite fler workshops där man får chans att utveckla lite påplats och träffa andra duktiga utvecklare.

Jack Nutting
Har skapat spelet Scribattle och släppte faktiskt idag hans senaste kreation Diabolotros.

Aaron Ardiri
Gammal linuxräv som verkar ha utvecklat för i stort sätt alla mobila plattformar genom tiderna. Han har skapat inte mindre än sju spel för iPhonen som har gjort stor succée i Japan.

John Chang
Jobbade tidigare på Apple med deras operativsystem Mac OS X där han bl.a. varit med och utvecklat applikationen Software Update och Time Machine. Idag jobbar han på Skype här i Stockholm och ansvarar för utvecklingen av deras iPhone applikation.

Alla tre delade med sig av deras egna erfarenheter kring själva utvecklingsprocessen och framförallt App Store. Den sistnämnda processen verkar vara mer omständlig och knepig än vad jag hade trott. Även om man har läst några skräckhistorier fick man en djupare förståelse kring hur det kan gå till. Det hela kan summeras att det kan ta fruktansvärt långt tid att få sin applikation publicerad i App Store.

Dock var inte allt inte bara negativ kritik som riktades mot Apple. Många fördelar lyftes fram och man förstod snabbt att alla tre var väldigt nöjda med det jobb Apple gjort för utvecklarna på iPhone-fronten.

Det hela var mycket inspirerande och jag blir verkligen sugen på att börja utveckla för iPhonen så fort som möjligt. Så nu är det hög tid att börja plöja igenom dokumentationen och läsa tutorials efter tutorials.

Bild lånad av Bjørn Molstad.

Ett RSS-flöde är dock inte det ultimata sättet att hålla koll på alla namnsdagar. Varför inte låta informationen komma till en istället? Med detta i åtanke skrev jag ihop en enkel twitterbot som varje dag berättar om vem eller vilka som har namnsdag. Om du följer namnsdag på twitter gratulerar den även dig på din egen namnsdag.

För den tekniskt intresserade är det ett skript skrivet i PHP som parse:ar RSS-flödet från dagensnamnsdag.nu och twittrar sedan via twitter egna API. Skriptet körs i en crontab som utförs 01:00 varje dag.

Så vill du bli kvitt alla pinsamma situationer där du har glömt bort eller helt och hållet missat dina nära och käras namnsdagar? Följ då namnsdag på twitter!

Personligen föredrar jag att använda mig JavaScript-biblioteket jQuery.

Principen är den att varje gång någon för musen över en länk som har attributen rel=external (d.v.s en utgående länk) läggs onClick-attributen på så att den kan spåras via Google Analytics. OBS Google Analytics koden måste komma före alla utgående länkar, annars kommer inga klick registreras. Förslagsvis lägger du Google Analytics koden precis innan body:n avslutas.

$(document).ready(function() {
    $('a[rel=external]').hover(function() {
        var href = $(this).attr('href');
        $(this).attr('onClick', 'javascript: pageTracker._trackPageview(\'/outgoing/' + href + '\');');

        return false;
    },function() {
    return false;
    });
});

Notera att det kan upp till 24-48 timmar innan dina utgående länkar dyker upp i Google Analytics. De utgående länkarna kommer du sedan hitta under Content > Top Content. T ex. kommer länken www.example.com listas som /outgoing/www.example.com i Google Analytics. Läs mer om utgående länkar hos Google.

Idéen grundade sig i frågan “Hur svårt kan det vara att bygga en URL-förkortare?” och inte minst p.g.a. avsaknaden av en bra svensk URL-förkortare. En helg senare hade jag en färdig applikation och domänen korta.nu visade sig vara ledig. Idag används tjänsten ganska flitigt, inte minst på Twitter.

Tjänsten kompletteras med en bookmarklet som gör det oerhört enkelt att förkorta länkar med en knapptryckning och en Mac OS X Dashboard widget.