Om, bara om...

Upp med er!

1. Koncept, idéer och pappersskisser.
   
2. Grafisk layout av Erik. Här ger jag endast åsikter och då oftast av funktionell eller teknisk natur. Det mer konstnärliga klaffar oftast direkt - det är tur att vi har samma smak!
3. Översättning till en statisk webbsida med hjälp av HTML, JavaScript och CSS. Det är här som pixelperfektionerandet kommer in. Jag växlar mellan min texteditor och Photoshopdokumentet för att skapa sidorna. När en del av sidan är klar tar jag en screenshot på resultatet och jämför i Photoshop; marginaler, höjder och bredder så att de stämmer. Det är ett tidskrävande steg, men jag hoppas att det i slutändan belönas med en estetiskt väldigt tilltalande sajt. I vilket fall mår i alla fall vi bra av det :)
   
4. Serverside-scripting (här med språket PHP) sätts in vilket gör sidorna interaktiva och tillåter besökaren att påverka innehållet och t.ex. söka efter information med en sökmotor.
   

Det ska hända nu och det ska gå snabbt!

Sidan ska inte laddas om så fort man utför minsta sak. I början av utvecklingen var det här inget vi tänkte på. Det var något som kom naturligt i samband med andra sajter som började använda tankesättet och jag vill ge en eloge till grabbarna och tjejerna på prisjakt.se som briljerar i det här, de inspirerade mig mycket. Jag har själv alltid gillat att utveckla spel - interaktiva applikationer där saker hela tiden händer och där användaren har kontroll över som syns på skärmen. Webben utvecklas mot att vara något sådant, och det är spännande, precis som med all teknisk utveckling just nu.

På Playing började det med brevlådesidan. Det kändes naturligt att kunna byta sida, växla mellan inkorg och utkorg, samt skicka och ta bort brev, skulle gå utan att hela sidan behövde laddas om varje gång. Men när allt känns så smidigt och bra glömmer man lätt bort tekniken bakom, och utvecklingen var klart en utmaning men helt värt mödan.

Tekniken som gör detta möjligt kallas AJAX och är i princip bara en möjlighet i JavaScript att skicka och hämta information i bakgrunden. Flera sidor i communityt inklusive brevlådan använde sig av en äldre teknik än AJAX först, men byggdes sedan om, framförallt för att det gick att skriva koden snyggare, men det gav också nya möjligheter för framtiden.

Om någon undrar över vad jag menar med "snygg kod" så är det att koden är lättläst och logisk. Oftast innebär det att man delar upp koden i flera segment som kommunicerar med varandra, också ett resultat av så kallad objektorienterad programmering.

I fortsatta delar av den här bloggserien kommer jag att beskriva hur olika element på sajten använder sig av AJAX för att man ska slippa se sidan ständigt laddas om.