Gabbes Dansskola

Ett mindre frilansuppdrag med fokus på WordPress där jag fick utveckla mina kunskaper i temabyggning och att skapa plugin i WordPress.

Uppdraget innebar framförallt att översätta deras nuvarande design till ett tema för WordPress. De frågade också efter möjligheten att få ihop en kursanmälning inom WordPress och därför tillverkade jag pluginet courseManagement (CM). Med detta plugin fick de möjlighet att hantera sina kurser i administrationen och samtidigt hantera de anmälningar som kommer in via ett specialbyggt registreringsformulär.

Jag lärde mig mycket av det här uppdraget plus att arbeta med WordPress är alltid kul. Utvecklingen av pluginet courseManagement håller jag fortfarande på med och jag ser att man kan lägga till flera funktioner.

linkopingsstadhus.se

Frilansuppdrag gjort för reklambyrån Access i Linköping. Uppdraget innefattade kodning i HTML/CSS av en PSD-fil (Photoshop) och programmering utav ett kontaktformulär för kunden Linköpings Stadhus.

Ett intressant uppdrag och kul att genomföra även om det var mycket trix med att få ihop själva designen kodmässigt. Det svåraste var den stora bakgrundsbilden på själva sida vilket jag löste genom att klippa den i mindra delar och lägga ihop den i css till de olika elementen på sidan.

I det här uppdraget var det även viktigt att sidan skulle anpassas till flera webbläsare och även IE6. Jag hittade verktyget IETester som jag fick stor nytta av när jag skulle testa sidan i IE6 och IE7. Eftersom transparenta png-bilder inte fungerar i IE6 fick jag använda mig utav ett fix DD_belatedPNG, gjort i JavaScript. Men hjälp av detta fick sidan samma utseende som i de senare webbläsarna.

Programmerandet utav kontaktformuläret blev det lite problem med då jag först gjorde det i php. Tyvärr hade inte webbhotellet som sidan ligger på någon support eftersom det var en Windows server. Det blev att hitta ett mindre kontaktformulär i ASP. ASP var något som jag enbart hade tittat på men jag hittade att om man använde sig utav ASP.NET så kunde jag välja att programmera i t ex Visual Basic .NET istället vilket jag gick en kurs i samtidigt. Med hjälp av lite tutorials på nätet fick jag tillslut ihop ett kontaktformulär. Valideringen i kontaktformuläret är gjort med JavaScript.

Jag tackar Access för detta intressanta samarbete!

firajul.nu

Ett mindre uppdrag för webbyrån Weramedia som innefattade programmering med PHP och MySQL.

Uppdraget innebar att hämta information om julmarknader ifrån databasen och visa endast den aktuella information som användaren hade klickat på. Var man t ex intresserad av att veta vilka julmarknader som fanns i Blekinges län kunde man klicka på detta i sidomenyn. Då kommer man till en sida för att sortera resultaten ytterligare. Man kunde antingenvälja att visa alla julmarknader i Blekinges län eller klicka in sig på en stads julmarknader t ex Ronneby.

Själva webbsida firajul.nu är byggt på publiceringssystemet Joomla vilket var för mig en ny erfaranhet då jag hade inte testat Joomla tidigare. Det var lite svårt att sätta sig in hur Joomla fungerade då det skiljde sig rätt mycket ifrån WordPress. Men det gick relativt snabbt ändå då jag satte upp en egen testmiljö på min dator med hjälp av XAMPP.

Weramedia blev nöjda med resultatet och jag själv tackar för ett bra samarbete.

www.cityfiskeinorrkoping.com

Detta var ett uppdrag som jag fick via Skill. Kunden var CityFiske i Norrköping som är en förening som hanterar det mesta som har att göra med fisk i Norrköping.

Uppdraget gick ut på att skapa ett system där kunden kunde själv uppdatera sin hemsida. Först och främst var det ett system där de kunde lägga in dagliga fångstrapporter och ett Fotogalleri. Systemet byggdes upp utan databas och det som används istället är vanliga textfiler där all information sparas. Jag använde mig av tidigare kod som jag sedan anpassade till kundens nya önskemål. Nu efteråt känner jag att jag har lärt mig mycket om php och hantering av textfiler.

Jag är fortfarande support för kunden ifall det skulle dyka upp något fel i systemet. Jag sitter även själv och tittar runt lite i koden ifall den kan förbättras.

Utifrån den feedback jag fick från Skill så blev kunden nöjd med resultatet.

CMS

Systemet, som nämnt ovan, är uppbyggt med textfiler och är skrivet i php. Editorn och några små kodsnuttar är taget från andra script. Nedan följer ett par bilder från systemet

[nggallery id=1 template=caption]

Nässjö fotoklubb

Nässjö Fotoklubb blev mitt första jobb som webbdesigner. Jag lyckades få ihop en bra sida med diverse funktioner.

Några funktioner till sidan var ett fungerande CMS (Content Management System) samt uppladdning av bilder till första sidan och till sidan Månadens bild. Det enda som saknas är fotogalleri med medlemsinloggning. Detta har jag dock inte funnit en lösning för och tittar runt lite på nätet efter diverse lösningar.

Klubben blev nöjd med resultatet och det fungerar bra med både inloggning till CMS och uppladdning av bilder.

UPPDATERING: Tyvärr kommer Nässjö Fotoklubb att avvecklas under 2009 och kommer därefter inte finnas mer. Jag har fått tillåtelse av klubben att publicera en del av hemsidan här på min portfolio.

UPPDATERING: Istället för att publicera hemsidan här på min portfolio har jag istället några screenshots över hur hemsidan såg ut.

[nggallery id=7 template=caption]

CMS

Till Fotoklubben har jag nu färdigställt ett funktionellt och enkelt CMS för att underlätta deras uppdateringar av webbsidan. Systemet är skrivet i php och jobbar mot en MySQL-databas.

Jag har använt mig utav några script som jag har hittat på nätet. Editorn och själva användare/lösenord-systemet är taget från andra script.
Dock har jag själv gjort några modifieringar t ex på editorn för att förenkla det ytterligare. Nedan följer screenshots från systemet.

[nggallery id=3 template=caption]

jotaprojects.se/interactive

Den här sidan skapades i samband med examensarbetet där information kring interaktivt berättande presenteras. Informationen var allt från hypertext till användaren. Jag presenterar även ett test som jag genomförde med examensarbetet.

Första tanke var att göra den i Flash men det blev för mycket och jag valde att göra den i html förutom meny som är gjord i Flash.

UPPDATERING: Jag har valt att göra om den här sidan till en Wiki istället, då min tanke är att flera ska kunna bidra till webbsidan om ämnet interaktivt berättande. Jag har översatt några utav sidorna till engelska men har några kvar. Huvudspråket på sidan kommer vara engelska med svenska inlägg.

Jag är faktiskt rätt nöjd med designen på den nya sidan. Det var lite krångel att skapa ett template till DokuWiki.

Full screenshot på Interactive

www.depression12.se

En sida jag skapade under min utbildning på Gotland. Sidan är tänkt till personer som är eller varit deprimerade eller enbart nedstämda. Den har även information till anhöriga, om vad de kan göra för en deprimerad. Den sponsras av Extend, ett företag i Nässjö.

Jag gjorde om designen för inte så längesen eftersom min förra design passade bäst i 1024px och detta tyckte jag var lite för stort. Därför valde jag att göra om den, både i storlek och i utseende. Jag använde mig mycket av CSS i både navigering, placering av bilder och text. Forumet jag använder mig av är också omgjort och passar mer designen till huvudsidan.

Jag själv blev nöjd med resultatet och anser att den ser attraktivare ut. Dock finns det fortfarande möjligheter till förbättring. Den är hela tiden under uppdatering kan man säga.

UPPDATERING: Jag har gjort om den här sidan ett par gånger men nu verkar jag ha hittat den designen jag har sökt efter. Till detta har jag även använt ett nytt forum (QT-cute) som jag anpassade så att det passar till den övriga designen på sidan.

[nggallery id=2 template=caption]