22-24 maj

De senaste dagarna har jag och Jens testat olika designlösningar i photoshop. Genom att lägga in olika delar som ska finnas på sidan och testa hur de ser ut tillsammans och med olika utseende, med hjälp av skärmdumpar. Jag hade gjort lite olika förslag på sidhuvud med sidans namn och lite olika ornament och illustrationer. Dessa kunde sedan arbetas om efter att gruppen kommit med förslag till förbättringar. Jag känner mig positiv inför det fortsatta arbetet och jag tror att det kommer att bli en del mycket bra designlösningar till sidan. Jag har lånat en bok om CSS och tänker mig att jag ska kunna använda lite kunskaper i arbetet kring dessa.

17/5

Idag och igår började vi visualisera våra idéer kring designen. Jens gjorde en "css-dummy" där vi exprimenterade lite med typsnitt och de valda färgerna.

Efter att ha tagit del av flödesschemat som teknik-gruppen gjort kunde vi lättare disponera layouten på sidan och få en bild av vad som kommer att behövas. Eftersom det inte känndes så produktivt att sitta vid samma dator och arbeta kändes det skönt att kunna dela upp arbetet emellan oss i gruppen. Jag tog uppgiften att göra en dekorativ illustration till sidan, och jag har nåfra idéer som jag ska försöka mig på. Lite skissartade ritningar, typ arkitektritningar eller olika rör och vred som det finns på acktankarna. Ja detta är ju bara på idéstadiet men ka sätta igång och arbeta nu.

Designarbetet tar fart!

Nu har arbetet börjat komma igång på riktigt. Vi, jag, Josefin och Jens, började med att brainstorma fram nyckelord. Dessa nyckelord skulle illustrera det vi kände efter vårt besök på Understenshöjden, och hur vi tycker att designen bäst skulle kunna spegla deras ekoby. Detta är de vi kom fram till:

Luftigt, arkitektur, natur, PK(politiskt korrekt :-)) , vatten, eko, ljus, kontrollerat, kretslopp, lungt, zen-färger, medvetenhet.
- Med detta tänker vi att det ska vara en ganska "clean" sida med ljusa färger och enkla men snygga designlösningar. Med anspelningar på miljö och natur men även spegligar av människorna som bor där.

När vi diskuterade färger så tyckte vi att det skulle vara naturfärger utan att det skulle bli för "natur-associerat". Utan vi kom fram till att vi skulle använda mer nedtonade färger som ljusgrön, ljusturkost/blått och en matt brungrå färg.

Vi kollade lite på nätet också för ytterligare inspiration och idéer.

Projektbeskrivning

Vi satt och diskuterade lite kring syftet med projektet och vad målet var. Det kändes som om det var de viktigaste tankarna att få på pränt innan vi startade arbetet. Syftet formulerades ungefär så här:

Syftet är att digitalisera och strukturera felrapporteringen och datainsamlingen för ackumulatortankarna och på detta sätt underlätta för de boende och ansvariga. Även att kunna ta fram information ur databasen på ett enkelt sätt för både ansvariga och boende.

Målformuleringen blev ungefär så här:

Att skapa en databas för flera användartyper (boende och ansvariga) med ett väl genomtänkt webbanvändargränssnitt.

Sedan gjordes även en tidsplan för vad som skulle göras de närmsta veckorna. Detta gjordes i grupp och alla var med och bestämde. Förhoppningsvis kommer arbetet att effektiviseras efterhand då vi kan dela upp de olika uppgifterna mellan oss.

Projekt: Ebbas Acktankar

Så har arbetet så smått kommit igång med projektet. I tisdags hade vi en workshop i ekobyn i Björkhagen där vi blev introducerade för projektet som vi ska arbeta med de kommande fem veckorna. Från att ha varit en total novis till att någorlunda förstå problemet med ackumulatortankarna och felraportering samt datainlagringen kring dem. Det var för övrigt en mycket trevlig dag och en inspirerande inblick i ett mer miljötänkande sätt att leva, som jag borde ta efter i mitt eget liv:-)

Vi blev indelade i grupper och tilldelade olika roller, min roll blev design. I övrigt känns grupp en bra och jag tror att vi kommer att jobba bra ihop.

Ny kurs!

Nu byter jag innehåll på den här bloggen för kursen Projekt i interaktiva medier 5p. Det kommer fortfarande vara en loggbok där jag redogör för vad som händer och hur det går i projektet.

De sista justeringarna

När sökfunktionen fungerade var det bland de sista sakerna som jag gjorde på webbapplikationen. Förutom att fixa till en stilmall och en bakgrundsbild är den klar för inlämning. Det har varit en väldigt lärorik kurs och jaghar lärt mig en massa nya saker. Från att bara haft grundläggande html-kunskaper till att faktiskt förtstå grunderna i sql och php och faktiskt lyckats göra en webbapplikation som fungerar relativt bra!

Man skulle såklart önskat mer tid för att kunna göra mera och verkligen finslipat på vissa saker. Men över lag är jag nöjd med min insatts på kursen och med lärarna, även om man önskat mer tid för handledning.

Problem

Det stora problemet eller "utmaningen", var att fixa en sökfunktion på tidningen. Jag ville att man skulle kunna söka på genre och datum, oberoende av varandra. Så här blev koden på söksidan:


Informationen från de olika formulären skickas till två olika sidor där resultatet visas, tenta_artikelsok_genre.php och tenta_artikelsok_datum.php.


På respektive sidor får de informationen från söksidan och letar upp rätt artiklar i databasen. Koden blev så här när man söker på artiklar och datum:


Detta löste sig med hjälp från Mats men även av snälla klasskamrater som kunde hjälpa till!

Programmering

Så var det dags att börja arbetet. Jag började med att skapa tabeller i databasen, phpmyadmin. Dessa behövde också ett visst innehåll och sedan var det bara att testa lite olika sql-frågor. Allt fungerade relativt smärtfritt utan några problem. De olika artiklarna som jag la in i databasen hämtade jag på aftonbladets hemsida eftersom jag inte skulle haft tid att skriva egna..!

För att veta vart jag skulle börja mitt arbete med webbapplikationen tittade jag på de övningar vi gjort tidigare och började att göra en login-sida. Det behövdes även en sida för registrering av nya medlemar. På registreringssidan skulle det även finnas olika val för användaren att fylla i, till exempel om man vill ha nyhetsbrev skickat till sin mail och vad man är speciellt intresserad av. Dessa uppgifter skulle också sparas i databasen så jag var tvungen att lägga till egenskaper till tabellen "personer" så att dessa kunde läggas till.

Problemet med inlogningen kom när jag skulle få olika personer med olika behörigheter att komma till olika sidor. Fick hjälp av Mats med detta men även av Lotta och Josefin. Så att medlemarna skulle komma till medlemssidorna och administratörerna och reportrarna till adminsidorna.

Datamodelleringen

Här finns databasskissen som är till grund för min webbapplikation. Det första steget var att hitta de olika objekten som skulle finnas med i databasen och vilka egenskaper de skulle ha. Sedan fundera ut hur dessa skulle länka samman och hur relationerna mellan dem skulle vara. Det var lite klurit men jag tror att det är viktigt att ha en väl fungerande modell innan själva arbetet sätter igång.