drupal

Ingmarsspelen är ett av tre dalaspel av Rune Lindström. Handlingen är baserad på Selma Lagerlöfs mycket läsvärda bok Jerusalem I Dalarne från 1901, som i sin tur bygger på en sann händelse där 37 Nåsbor lämnade landet för att söka lyckan i det heliga landet.

Den nya webben är tänkt att visa en bild av det drama som spelet är och besökaren ska kunna se spelets stämning redan här.

Stort på startsidan ser man även Selma Lagerlöfs introduktion till boken:

“Det var en lång, ganska bred dal, som var rutad av en massa gula och gulgröna sädesfält och dessutom av slagna klövervallar, av blommande potatisland och av små, blåblommiga linåkrar, som översållades av en ofantlig mängd vita fjärilar.”

Webbplatsen bygger på publiceringsverktyget Drupal som i det här fallet är implementerad av duktige Mikael Wiberg.

Sidan finner du på www.ingmasspelen.se

Igår lanserade Alingås sin nya webbplats. Det innebär att de är den andra kommunen efter Vansbro som använder Drupal som publiceringsverktyg.

Sidan då? Inga krusiduller, men ändå en stilren sida. Det måste kännas befriande för alla redaktörer som nu slipper knacka html.

Äntligen är min nya webbplats färdig. Jag har länge funderat på att uppdatera sidan som har legat i dvala ett tag nu. Både designen och tekniken är ny bakom sidan, vilket är en anledning varför den inte kommit upp tidigare. Designen har varit klar ett tag men det är först senaste veckorna jag börjat implementera den ordentligt.

Gamla sidan såg ut så här

Nytt är också publiceringsverktyget som är utbytt från Textpattern till Drupal. Jag har tidigare framhållit Textpattern som ett mycket bra och flexibelt system, men tyvärr har det liksom många andra ett väldigt teknikfokus vilket gör att användbarheten hamnar i andra hand. Drupal är å andra sidan heller ingenting som kommer ”out of the box” utan det krävs ganska mycket jobb enbart för att sätta upp en relativt enkel sida men de nödvändigaste funktionerna. Däremot så är detta system oerhört flexibelt när man väl fått det att fungera som man vill. Kanske kommer jag att skriva lite mer om de olika systemen längre fram, men det får framtiden utvisa.

Det är inte så mycket nytt på denna sida utan det mesta är sig likt förutom framsidan som har fått ett litet annat utseende. Likaså är portfolion uppdaterad och påfylld med de senaste alstren.

I fredags lanserade Configura en wiki, för externa utvecklare, till dokumentationen av det egenutvecklade programeringsspråket CM. Efter att ha agiterat lite för att använda en wiki som grund för dokumentationen så blev det för ca ett halvår sedan verklighet. Vi testade ett flertal olika wikis innan valet gick till Mediawiki. Även om Mediawiki saknar en hel del, inte minst vad gäller användbarhet – det är i många lägen inte helt trivialt att uppdatera en sida och få det snyggt – så valde vi den.

En viktig del var hur relativt enkelt vi själva kunde göra ett tema för den så att den passar in i vår mall för hemsidan. Likaså finns det bra möjligheter att koppla samman vår Drupalsite med Mediawiki så att användare enbart behöver ett konto till båda platserna.

Först blev valet Drupal till vår externa webb sedan nu Mediawiki för dokumentationen. Båda lösningarna är något som vi hittills är mer än nöjda med och vi har sparat stora summor pengar i form av konsultkostnader och liknande genom att använda system baserat på öppen källkod.

Ett projekt jag har haft under sommaren har varit att bygga en ny webbplats åt Vansbro Teaterförening och VansbroOperan. VansbroOperan är en av flera digitala operahus i Sverige som visar direktsänd opera från bland annat Metropolitan i New York.

Webbplatsen är uppbyggd för att fokusera på kommande opera (eller annat evenemang om det är så, förhoppningsvis kan det även bli fotboll på storbild framöver) och man möts av ett stort foto på startsidan som tar dig som besökare till mer information kring evenemanget.

I nuläget är det enbart operor som ingår i kalendern, men det är inte helt omöjligt att även annat kommer att finnas där framöver.

Webbplatsen är uppbyggd med publiceringsverktyget Drupal och blir således min första site gjord med det verktyget. Först var tanken att jag skulle använda Joomla, men det är i vissa fall lite för stelbent och det är svårt att anpassa materialet som du vill ha det till skillnad mot superflexibla Drupal där du själv kan ändra innehållet bäst du vill.

URL: www.vansbroteater.se

Vansbro kommun har i dagarna lanserat en ny version av deras webbplats.

Startsidan som det såg ut när sidan lanserades

Som delaktig i projektet att ta fram den nya webbplatsen tänkte jag i detta inlägg ge en förklaring till varför sidan ser ut som den gör och hur jag tänkte. Mitt uppdrag i projektet bestod av att ta fram den grafiska designen och göra huvudstrukturen.

Första kommunen med Drupal

Vansbro kommun hade tidigt funderingar kring att använda sig av ett open source-cms, dels för att de själva hade tänkt stå för den mesta av installationen och programmeringen. I början lutade det mot att de skulle välja Joomla, men efter noga övervägande valde de Drupal i stället. Vilket måste ses som tur i sammanhanget då Drupal har betydliga fördelar gentemot Joomla när det gäller saker som rättighetshantering och möjligheten att strukturera innehållet på sidan.

Vansbro kommun blir första kommunala webbplatsen i Sverige som väljer att använda Drupal till sin webb, något fler kommuner redan börjat ta efter.

Arbetet

I projektet hade vi väldigt fria händer och det enda vi hade som riktlinjer var att göra en bättre sida än den förra. Min första tanke var att ta det bästa från framgångsrika sidor och lägga ihop det till denna sida, samtidigt som den skulle bli grafiskt väldigt tilltalande – något som alldeles för få kommuner satsar på idag. En viktig del i detta var också att sidan i så stor utsträckning som möjligt följde de krav Verva satte upp på en offentlig sida.

Designen

Jag testade med flera olika färgkombinationer och hade först tankarna på att göra en sida med en mörk bakgrund kanske mest för att den skulle sticka ut lite från mängden, men det stötte ganska snabbt på patrull och det fick bli en ljusare variant i stället med blå som primärfärg i menyn.

Efter ett tags skissande kom jag fram med en struktur som de gillade och jag började med själva designen. Jag ämnade tidigt göra något speciellt med menyn och lägga sökrutan i fokus. Som syns på skissen var sökrutan först centrerad på sidan men denna flyttades senare ut till höger på sidan – men ändå väldigt stor för att hamna i fokus. En annan detalj som efterfrågades var att få webbplatsen att inkludera inte bara Vansbro som ort utan även de övriga orterna i kommunen. Detta löste jag genom att göra en ljus karta som ligger i huvudet på webbplatsen, en detalj som jag tycker blev riktigt bra. 

Tidig skiss som senare gjordes om en hel del. Siffrorna visar var de olika elementen skulle ligga.

En annan sak var att storleken på typsnittet ökades något än de 12px som ofta brukar användas på webbplatsen. Det är snyggt och stilrent med ett litet typsnitt, men min tanke var att man i första hand vill göra det lätt för besökaren att läsa texten och så får det estetiska komma i andra hand på just den biten.  

Menyn

En huvudmeny bestående av fyra ingångar: invånare, näringsliv, turism och kommun och politik. Jag gillar när det finns tydliga ingångar på en webbplats och detta gör det väldigt lätt för besökaren att se vart på webbplatsen de ska börja. För att än mer tydliggöra innehållet bakom menyn lade jag till en kort beskrivande text under varje meny; ett ord kan ibland vara svårt att förstå men med en beskrivande text så tror jag det kan hjälpa en del att lättare hitta. Lite inspiration till detta fick jag genom Smashing Magazine.

Efter en del förstudier valde vi att ändra strukturen på startsidan lite grand och göra så att startsidan blir en kombinerad ingångssida för alternativet ”Invånare” och själva webbplatsen. Detta sparar en hel del klickande i menyn.

Ett bildspel lades även till på startsidan; denna yta är även tänkt att kunna utnyttjas till att framhäva viktiga saker vid tillfällen. Startsidan är fortfarande den sidan man ofta kommer till när man besöker en webbplats och bilder skapar snabbt en varmare och trevligare kännsla.

Färgkodning beroende på innehåll

En annan detalj är att allt innehåll i högerspalten färgkodas beroende på vad det är för sorts innehåll. Det finns fyra varianter på färgkodat innehåll: grönt, blått, rött och grått. Tanken var att man snabbt ska känna igen färgen och då se om det finns t.ex. dokument att ladda ned. Grön bakgrund i titelfältet innebär kontaktinformation; blå bakgrund är interna och externa länkar; röd bakgrund är dokument att ladda ned; grå bakgrund innebär att det är en kalender. Detta visade sig fungera väldigt bra vid användarstudier.

Högerspalten färgkodades

Sammantaget kan man nog säga att nya webbplatsen för Vanbro kommun fått ett betydligt lyft även om jag kan sakna interaktiviteten från medborgarna; interaktivitet genom forum, politikerbloggar och nyhetskommentarer. Förhoppningsvis kommer detta att komma längre fram.

Idag lanserade vi äntligen Configuras nya webbplats. Efter flera månaders hårt jobb med att sammanfoga tre olika webbplatser till en, så tror jag vi har lyckats ganska bra. 

Problemet tidigare var att programmen och företaget blev för mycket skillda och många visste knappt att det var Configura som låg bakom programmen. Detta innebar ju även att varje programs hemsida var väl inarbetat hos användarna. 

Hur gör man då för att ha kvar dessa inarbetade programwebbplatser, men ändå stärka företages profil? Lösningen jag kom fram till tror jag är ganska bra. Startsidan får vara som en portal in till undersidorna och när man väl kommer in till programmens egna sidor har man tydliga igenkännade element med de specifika färgelementen till sidorna. Högst upp finns alltid toppen på sidan som utger att det är Configura som står bakom produkten, men att ändå produkterna i sig har egna sidor med sina egna färgkoder.

Lite nya saker har jag lyckats införa, t.ex. har vi börjat blogga och självklart har jag en egen blogg :)

Drupal-installationen är gjord av Göteborgsbyrån Kodamera och den grafiska designen är gjord av Lars Lanhed. 

Idag får vi på Configura vår beta-site levererade. Den största förändringen från föregående webb är att vi slagit ihop tre hemmasnickrade webbplatser (Configura.com, cet-extensions.net och instantplanner.com) och fått en helt ny grafisk design. December månad kommer att ägnas åt tester och strukturell finslipning så att vi kan inviga 2009 med en ny och fräsch webbplats.

Att slå ihop tre webbar men ändå hålla produkterna isär är inte så enkelt som man kan tro, men jag tror att jag lyckats ganska bra. Jag tänkte under slutet av december göra ett inlägg här på bloggen om hur arbetet har gått till.

En sak som dock slagit mig under arbetets gång är hur många företag är rädda för att ligga i framkant med sin webbplats. I studier man läser ser man hur många det är som säger att sociala medier är viktigt och att de tänker på detta i sitt arbete med webben, men detta är långt ifrån vardag idag. Ofta när något görs skapas en extern webbplats som knappt går att hitta till från deras officiella webbplats. T.ex. Electrolux som har ett Newsroom som inte länkas till från officiella webbplatsen, likaså har Scania.

Internetworld har jämfört att par stora företagswebbplatser och där fick Electrolux bäst betyg med 9 av 10 möjliga poäng. Nu kan det i och för sig vara svårt att skapa en webbplats för ett så pass stort företag, men personligen tycker jag inte att man blir allt för upphetsad över vad man ser.

I och med nya webben på Configura har jag helt enkelt gjort så att allt ska samsas på samma ställe, det vill bl. säga att vårt sociala newsroom kommer helt att ersätta den traditionella nyhetsvisningen, företagets ledning och vi som arbetar här kommer att synas mer osv. I och med detta tror jag att vi kommer att skapa en betydligt större öppenhet både mot våra användare och mot journalister, eller vem det nu kan vara som är intresserad av vad vi gör. Vi kommer även att försöka få in mer personlighet i det vi gör på webben, något som Fredrik Wackå menade saknas när han jämförde några sociala mediesiter (bl. vår), och man kan inte annat än att hålla med honom.

I bakgrunden av den nya siten, som släpps i januari, kommer utvecklingen av ytterligare webbprojekt att fortgå.

Det vi siktar på är helt enkelt att bli den optimala företagswebben, målet är högt men om man inte siktar högt vinner man heller inget.  

En hel del webbande har det blivit på sista tiden. På Configura håller vi på att skapa en helt ny webb genom att slå ihop våra tre nuvarande webbplatser. Att strukturera upp det hela har tagit en hel del tid speciellt när det inte funnits någon direkt klar linje på vad som skulle lyftas fram. Jag tror dock att jag löst mycket av detta.

Utöver det har jag även jobbat med Vansbro kommun och deras framtagande av en ny webbplats. Mitt arbete med Vansbro kommun har bestått av den grafiska designen samt huvudstrukturen. Idag är det faktiskt rätt vanligt att många officiella webbplatser misslyckas ganska stort när de skapar nya webbplatser, trots de bra underlag för offentlig webb som Verva tagit fram. Jag tror också att mitt upplägg på sidan kommer att fungera riktigt bra. Se en screen på Flickr. Mer om detta kommer i ett senare inlägg. En notis är även att Vansbro kommer att bygga sin webbplats på Drupal och kommer således bli första kommun (offentliga webbplats?) att använda Drupal. Det var tydligen ett ganska stort motstånd inom de interna leden mot att använda Drupal, men trots detta blir det nu så. Roligt!

Nu senast har jag pillat ihop Linköpings fotbolldomareklubbs nya webbplats. Webbplatsen är skapad med hjälp av Joomla. Screen på www.lfdk.org Utöver detta har jag även börjat strukturera om denna blogg, men tiden till det verkar inte riktigt finnas. Dock har jag kommit en bit på väg men vet inte riktigt när detta ska hinnas med.

Utöver detta har jag även börjat strukturera om denna blogg, men tiden till det verkar inte riktigt finnas. Dock har jag kommit en bit på väg men vet inte riktigt när detta ska hinnas med.

Nu har då nya Lärarportalen äntligen lanserats. Jag tänkte beskriva lite tankarna kring nya sidan och försöka förklara hur jag tänkt när den gjordes.

Grundidén till att göra om sidan fick jag efter att ha studerat statistiken och gjort några enklare användartester. Att studera statistiken för en sida kan i flera fall hjälpa till att se användarmönstret, dvs se vilka sidor som besöks mest frekvent. Det räcker dock ofta inte att enbart titta på statistiken utan ett par användartester bör hjälpa en att stärka ens teser om webbplatsen.

Hur såg det då ut på Lärarportalen?
Lärarsektionen är indelad i olika utskott där både Läxmästeriet och FOUL har egna domännamn som skickar besökaren direkt till dess undersida. Det är också utskotten som är mest besökta på hemsidan. För att tydliggöra utskotten så valde jag att lägga en undermeny med alla utskott direkt till vänster på startsidan. Likaså finns en ruta med de senaste nyheterna från utskotten i mitten av startisidan allt för at underlätta för besökaren, både vad det gäller att hitta utskotten utan att behöva klicka massa i menyn men även göra det lättare för besökaren att se utskottens nyheter.

Istället för att ha en meny med tre nivåer, som den tidigare sidan hade, har den nya sidan i stället en huvudmeny som ligger horisontellt och sidomenyn med enbart två nivåer vilket ska underlätta. Menyn på den tidigare sidan var även tillrättalagd med hjälp av transparenta PNG-bilder vilket inte IE6 stödjer, vilket gjorde att den inte såg så väldigt snygg ut.

Om den nya designen
En stor skillnad från den förra sidan är även själva designen. Jag provade i början att använda mig av den beiga bakgrunden, men kände att det skulle bli en ny design och inte en re-design av den tidigare därför valde jag en tonad mörkgrå.

Toppbannern är även den omgjord men fortfarande är de karakteristiska Disney-djuren kvar. Mer röd färg tycker jag matchar den gråa bakgrundsfärgen på ett bra sätt; ganska starka färger får sidan att sticka ut lite. Lägg därtill högerspaltens göra menybakgrunder som ytterligare ger sidan mer färg.

Själva texten har fått byta färg från svart till ljusgrå, detta kan i vissa fall tyckas väl ljus men jag tycker ändå att en ljustext gör att det känns lite modernare. För att kompensera detta har texten förstorats lite grand samtidigt som rubrikerna är i serifer och med en underlinje.

Förut låg kalendern ”utanför” själva sidan (som bilden ovan visar) den har nu flyttats in har nu en mer naturlig plats i sidan.

Ungefär så har tankarna kring omgörningen av sidan sett ut. Huvudtankarna har alltså varit att förbättra navigationen samt att ge sidan en lite modernare utseende.