Examensarbete. MK Brinkarna. Thomas Rydström Ämne: Datavetenskap Nivå: B-uppsats 15hp Kurskod: 1dv40E

Relevanta dokument
Hur hänger det ihop? För att kunna kommunicera krävs ett protokoll tcp/ip, http, ftp För att veta var man skall skicka

CMS, optimerade för programmerare Eller hur kan ett sådan skapas.

CMS. - Content management system

Webbteknik. Innehåll. Historisk återblick Teknisk beskrivning Märkspråk Standardisering Trender. En kort introduktion

Dokumentation. Joomla - Administrationsguide 1. Logga in i administrations-gränssnittet 2. Ändra globala inställningar 2.

Utveckling av Brooklyn Tigers webbplats

Content Management System. Publiceringssystem

Elektronisk publicering TNMK30

Webbprogrammering TDDD52

WP-Edit. Robin Larsson Martin Davik. Examensarbete, grundnivå, 15 hp Datavetenskap Internetteknologprogrammet

Tillämpad programmering CASE 1: HTML. Ditt namn

KOM I GÅNG MED DIN HANDBOK STANDARD FRÅN THOLIN & LARSSON

Webbprogrammering, grundkurs 725G54

1DV411 Webbprojekt I Slutrapport

Content Management System. Publiceringssystem

SLUTRAPPORT WEBBPROJEKT 1

Laboration 3 i kursen Produktion för tryckta medier och webb: Webbplatsproduktion med ett publiceringssystem

Hemsideutveckling för Anjool AB

Brasklapp: REV:s rådgivande verksamhet omfattar egentligen inte något detaljerat IT-stöd, men eftersom många väghållare har behov av att effektivt

Copy Cat Laboration 4

INNEHÅLL. INNEHÅLL 30 juni Administrera din butik 2. 2 Lägg in dina första varor och artiklar 4. 3 Butiksinställningar 8

Kom igång. Readyonet Lathund för enkelt admin. Logga in Skriv in adressen till din webbsida följt av /login. Exempel:

Version: Datum: DynaMaster 5 Golf Övergripande manual

Kursplanering Utveckling av webbapplikationer

Manual för din hemsida

Föreläsning 4. CSS Stilmallar för webben

Elektronisk publicering TNMK30

Instruktioner. Innehåll: 1. Vad är Kimsoft Control (SIDA 2) 3. Hem (SIDA 2)

Kort om World Wide Web (webben)

MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR

Webbsida och ett bokningssystem

Programmeringteknik. Planering MÅL LABB: MOMENT LAB4 HTML - EXEMPEL HTML. Webbdelen

KOM IGÅNG MED DIN E-HANDEL! LATHUND 1.2

FrontPage Express. Ämne: Datorkunskap (Internet) Handledare: Thomas Granhäll

Ni administrerar er hemsida genom att logga in på en uppdateringsmodul (även benämnd administrationsgränssnitt eller administration).

Webbutveckling Laboration 1: HTML5 och CSS3.

LIONS CLUB webbsida ( Version )

Röna fingrar e gött o ha:) SLUTRAPPORT BUDGETSYSTEM LNU

Prova på-laboration i PHP Johan Sjöholm johsj@ida.liu.se Institutionen för datavetenskap, Linköpings universitet

Zimplit CMS Manual. Introduktion. Generell Information

Välkommen till edwise - Elev

Karlstads universitetsbibliotek

Webbservrar, severskript & webbproduktion

MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR

Användarutbildning i SiteVision

Individuellt Mjukvaruutvecklingsprojekt

URVAL AV UTFÖRDA FRILANSJOBB

Webbprogrammering 725G54

SLUTRAPPORT RUNE TENNESMED WEBBSHOP

KARLSTADS UNIVERSITETSBIBLIOTEK

Varför ska man använda ett CMS? Vilka är fördelarna och är det alltid bra? Kattis Lodén

Rune Tennesmed. Oskar Norling 1DV430. Individuellt Mjukvaruutvecklingsprojekt 1DV430 Webbprogrammerare H12 Oskar Norling

Hemsideprojekt för Kulas Ponnystuteri

Företagspresentation på Internet

SKAPA EN ARTIKEL MED AUTOMATISKA PUBLICERINGSTIDER

Joomla CMS Del 2 av 2

Bilaga 1. Teknisk kravspecifikation

Förra gången. jquery Lab 4 Muddy Cards resultat.

Presentera dig själv Laboration 1

Hembokat Kom igång guide

SE/Rapport_tillganglig_webb_2004_14.pdf 2 webzone.k3.mah.se/k99ac3hl/helenalackmagisterkogniton2003.

ITK:P2 F1. Hemsidor med HTML HTML. FTP, HTTP, HTML, XML och XHTML

Projekt Foreläsning VI

En stiligare portal Laboration 3

Manual för Typo3 version 4.2

Installationsanvisningar. till IST Analys

Webbteknik för ingenjörer

Manual - Storegate Team med synk

Logga in på din hemsideadministration genom dina inloggningsuppgifter du fått.

När man ska lägga till en nyhet måste man vara inloggad. Klicka på hänglåset uppe i högra hörnet.

Webbprogrammering. Sahand Sadjadee

Slutrapport - Intranät

Arbetsmaterial HTML pass 1 - Grunder

Webbprogrammering - 725G54 PHP. Foreläsning II

Underhåll av webbshopsmodul i excellence PRO butik

Priskamp. En prisjämförelsesite Björn Larsson

Xhtml och CSS.Tillämpad fysik och elektronik Per Kvarnbrink (redigering Ulf Holmgren 2011)

Avancerade Webbteknologier

MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR

WEBB PRODUKTION. Publicering av stora webbplatser Thomas Mejtoft. Thomas Mejtoft

Erik Lundgren GarageLoppisen.se. Projekt i kursen Individuellt Mjukvaruutvecklingsprojekt, 1dv430

Introduktion Till WordPress

Användarutbildning i SiteVision

Filhanterare med AngularJS

Handledning för installation och komma igång med Joomla

Handbok Hogia PBM - Personal Business Manager

Studentportal -utformad med innehållshanteringssystemet Joomla

Projektanvisning. Webbsideprojekt. Författare: Johan Leitet Version: 2 Datum:

PageTurner är en tjänst för att skapa bläddringsbara Flash-dokument - ett inslag i den moderna webbvärlden som blivit alltmer populärt.

Hemsida. Lathund för medlemsföreningar. Funktioner för medlemsföreningar på hemsidan. Syfte med medlemsföreningens sidor

Kursplan Gränssnittsdesign och Webbutveckling 1 Vårtermin 2014

Erik Holmström Projektrapport- KalmarKendo Erik Holmström UD12 Individuellt mjukvaruutvecklingsprojekt

Snabbguide: Hur man öppnar en egen nätbutik

Content Management System. Publiceringssystem

Innehåll. Dokumentet gäller från och med version

Installationsanvisning för Garmin Communicator Plugin

Manual - Storegate Team

Kravspecifikation. 1 Om dokumentet. 2 Bakgrund. 3 Förkortningar, ordförklaringar.

Hur du gör ditt Gilles hemsida - en liten hjälp på vägen

Transkript:

Examensarbete MK Brinkarna Thomas Rydström 2010-05-27 Ämne: Datavetenskap Nivå: B-uppsats 15hp Kurskod: 1dv40E

Handledare: Daniel Toll, Linneuniversitetet i Kalmar, Institutionen för datavetenskap, fysik och matematik Examinator: Johan Leitet, Linneuniversitetet i Kalmar, Institutionen för datavetenskap, fysik och matematik Institutionen för datavetenskap, fysik och matematik Linneuniversitetet i Kalmar Thomas Rydström Sida II

Abstrakt En webbapplikation har skapats åt en motorklubb i Karlskrona vid namn Brinkarna. Webbsidans syfte är att sprida information till klubbens medlemmar, samt göra reklam för klubben för att kunna få fler medlemmar. Applikationen är utvecklad i CMS-programmet Joomla! som är uppbyggt med programmeringsspråket PHP. Designen och presentationen sköts med hjälp av CSS och XHTML, bilder med hjälp av programmet Photoshop CS4. Abstract A web application created for a motor club in Karlskrona named Brinkarna. The website has a purpose to disseminate information to club members, and promotion of the club and thus able to get more members. The application is developed by the CMS software Joomla! which is built with PHP programming language. The design and presentation is handled by CSS and XHTML, images using the Photoshop CS4. Thomas Rydström Sida I

Förord Projektet uppkom efter ett första möte med min handledare, då bollade vi hur vidare jag skulle göra ett eget projekt eller jobba mot en befintlig kund. Jag valde i att jobba mot en befintlig kund. Projektet hittade jag i exjobbspoolen på Linnéuniversitetet. Kunden är en motorklubb i Karlskrona som heter Brinkarna. Jag vill tacka Daniel Toll som varit handledare under examensarbetet. Han har varit ett bra stöd och bollplank under våra veckoträffar. Vill också tacka min sambo som har läst igenom mitt examensarbete. Thomas Rydström Sida II

Innehållsförteckning Abstrakt... I Abstract... I Förord...II 1. Introduktion... 1 2. Bakgrund... 2 2.1 Joomla!... 3 2.1.1 Moduler till Joomla!... 4 2.1.2 Modulsystemet i Joomla!... 4 2.2 Administration i Joomla!... 6 2.2.1 Meny system i Joomla!... 6 2.2.2 Joomla! artikelhantering... 6 2.3 Avgränsningar... 9 3. Mål... 10 3.1 Kravspecifikation... 10 4. Metod...11 4.1 Valda tekniker... 11 4.1.1 Hypertext Preprocessor... 11 4.1.2 Extensible HyperText Markup Language... 11 4.1.3 Cascading Style Sheets... 11 4.1.4 Structured Query Language... 11 4.2 Projektmodell... 12 4.3 Uppgradering av PHP... 12 4.4 Uppgradering av Joomla!... 13 4.5 Webbsidans målgrupp... 13 4.6 Metoddiskussion... 14 4.6.1 Joomla! i jämförelse med Drupal... 14 4.6.2 Varför valdes Joomla!... 14 5. Genomförande... 15 5.1 Kundkontakt... 15 Thomas Rydström Sida III

5.2 Förberedelser inför projektet... 16 5.3 Webbapplikationen... 17 5.4 Mockup... 17 5.5 Joomla! installation... 17 5.6 Modul... 18 5.7 Överlämnande av webbapplikationen... 18 6. Resultat... 19 6.1 Startsidan - Modern webbapplikation... 19 6.2 Uppbyggnad... 19 6.3 Inloggning... 20 6.4 E-mail formulär... 22 6.4.1 Medlemsansökan... 22 6.4.2 Tävlingsformulär... 23 6.5 Forum... 26 6.6 Intervjuer av medlemmar... 26 7. Diskussion... 27 8. Källförteckning... 28 8.1 Elektroniska källor... 28 8.2 Personlig kommunikation... 28 9. Bilagor... 29 9.1 Bilaga 1: Förslag till Webbpage... 29 9.2 Bilaga 2: Administrationsgränssnitt... 30 9.3 Bilaga 3: Första publiceringen... 31 9.5 Bilaga 4: Förslag till layout... 32 Thomas Rydström Sida IV

1. Introduktion Detta projekt är ett examensarbete inom datavetenskap på 2-åriga webbprogrammeringsprogrammet, på Linnéuniversitetet i Kalmar. Arbetet går ut på att skapa en ny modern webbapplikation åt Motorklubben Brinkarna i Karlskrona. Den nuvarande webbsidan anses av klubben vara omodern och utanför sin tid. Webbapplikationen kommer att byggas med hjälp av ett CMS-system( 1 ) för att skapa en dynamisk webbsida som webbansvarige i MK Brinkarna sedan ska ta över och administrera. CMS-systemet som valts till detta projekt heter Joomla!( 2 ). 1 CMS: Content Management System (Innehållshanteringssystem) http://sv.wikipedia.org/wiki/inneh%c3%a5llshanteringssystem[2010-04-13] 2 Joomla!: http://www.joomla.org/ [2010-04-13] 1

2. Bakgrund MK Brinkarna är en Motorklubb, som är en ideell förening som består av en styrelse samt ett 60-tal medlemmar. Klubbens har sitt säte i Karlskrona och har de senaste åren arrangerat tävlingar i Emmaboda för både dragracing och såkallad superstage (konbanekörning). Klubbens medlemmar har en äldre snittålder men de yngre åldrarna blir fler i klubben. MK Brinkarna är inte bundna till någon stereotyp inom motorhobbyn, alla är välkomna. Klubben har medlemmar som kör offroad, bygger/kör tävlingsbilar, originalrenoverar, bygger showbilar, amerikanare, européer, japsare, motorcyklar, osv. Mk Brinkarna har vid utgångsläget av examensarbetet en befintlig webbplats som används till att pressentera klubben, ett sätt att kommunicera med hjälp av ett forum samt pressentera klubbens evenemang. Under projektets gång ska sidan göras om till en mer modern webbsida. Vid projektets början var webbsidan grundstomme uppbyggd med frames, en meny och ett externt forum. Sidans utseende innan projektets början 2

2.1 Joomla! Joomla( 3 ) är ett CMS-system som installeras på en webbserver och är uppbyggt med ett administrationssystem, templates (färdiga vyer), menyer, artiklar och moduler. I programmet finns ett administrationsgränssnitt, som man når genom en inloggningsfunktion som är inbyggd i programmet. Under administrationssidan har administratören full kontroll över hur webbapplikationen organiseras. Den största orsaken till att många väljer joomla i förhållande till andra CMS, är att man lätt, i administrationsgränssnittet kommer igång med att publicera sin webbplats på en webbserver. Användaren väljer någon tillgänglig mall vid installationen eller väljer en av 1000-tals som är fria att ladda hem på nätet. Väljer användaren att göra egna mallar eller funktioner i joomla så krävs det kunskaper i XHTML, CSS och PHP. Programmet är uppbyggd med färdiginstallerade moduler som sköter om sidan och gör det lätt för en administratör eller användare att hålla sin webbsida dynamisk. En användare kan logga in med sitt användarnamn och skapa nya artiklar, lägga upp bilder eller bara titta på nyheterna som gäller för den inloggade användaren. Modulerna gör att användaren har kontroll över vad som händer på webbsidan. Genom att joomla har en öppen källkod kan administratören, webbutvecklaren göra egna moduler, beroende på vilka funktioner webbsidan behöver och modulerna läggs lätt till under programmets menyer. Om inte användaren vill göra egna, eller vill ha andra moduler än vad som fanns vid installationen, finns det många sidor på internet som har fria moduler att ladda hem, t.ex. forum, bildvisning, formulär till e-mail m.m. Den ovana hemmasnickaren som vill ha en personlig webbsida eller det lilla företaget, har med hjälp av CMS-programmet Joomla! stora fördelar att få en dynamisk hemsida som är lätt att sköta med hjälp av administrationsgränssnittet i joomla, om man använder de funktioner som andra webbutvecklare redan utvecklat till programmet. 3 3 Joomla dokumentation http://docs.joomla.org/[2010-05-23]

2.1.1 Moduler till Joomla! Plugins eller som det kallas i joomla, moduler finns både i gratis versioner och företag som säljer sina insticksmoduler till utvecklare och användare av programmet. På joomlas officiell webbplats(www.joomla.com) kan man hitta många moduler för nedladdning. I och med att joomla är ett stort CMS-program så finns det i dag många som utvecklar moduler, vilket gör att det överlag finns massor med gratis moduler att använda även om det finns en mängd olika moduler som installeras vid installationen. 2.1.2 Modulsystemet i Joomla! Modulerna i programmet styrs i administrationsvyn och kontrollerar innehållet på Webbapplikationen. <jdoc:include type="message" /> Modulernas kod skrivs in med hjälp av jdoc taggar i startsidan t.ex. index.php beroende på vad startsidan heter. Alla modulerna som man installerar i joomla går att redigera och göra om så modulen passar sin egen specifika webbsida. Modulerna kan placeras med en position på webbsidan med hjälp av ett id som sätts antingen till höger eller vänster (id= right, id= left ), detta id placeras i den div-tagg( 4 ) där man vill ha en viss funktion. I webbläsaren syns inte den kod som modulsystemet har utan tas bort av systemet när publiceringen sker för användaren. Modulerna styrs av menyerna i joomla, byter man webbsida sköter programmet om att placera de nya artiklarna eller modulerna på samma plats som den förra var på, varav sidan blir dynamisk. 4 Div-taggar används för att dela upp webbsidan i block, sektioner. 4

5 Figur 1. Modul huvudmeny

2.2 Administration i Joomla! 2.2.1 Meny system i Joomla! Programmet har ett meny system som består av ikoner med beskrivande text och ett sökbart hjälpsystem. Det användaren mest kommer i kontakt med är artiklarna som är placerade uppe till vänster bland ikonerna. Det är där man skriver in texten som ska komma ut på webbsidan. Figur 1: Joomlas meny system på svenska 2.2.2 Joomla! artikelhantering I artikel vyn ser användaren alla artiklar som är inskriva i programmet, vilka artiklar som är aktiverade, artiklar som finns på förstasidan, sektion och kategori artikeln tillhör. Här ser man vem som är författare till artikeln och när den skrevs. Här blir artikeln tilldelad ett id, som man vid publicerad kan se i adressfältet så man kan bokmärka just den artikeln. Om användaren är intresserad så kan man se hur många träffar en viss artikel fått. 6

7 Figur 1. Artiklar i artikel vyn.

Vid publicering av en artikel behöver användaren inte ha någon stor datorvana. Funktionerna i Joomla har de flesta funktionerna som ett ordbehandlingsprogram har t.ex. fetstil, textstorlek, positionering av text. Det finns möjlighet att skriva i html format om användaren vill skriva med XHTML. Figur 2. Ordbehandling för att skapa en artikel 8

2.3 Avgränsningar I slutfasen av projektet saknades information till webbsidan, vid kontakt med kunden beslutad de att informationen som saknades skulle fyllas i av webbansvarige i klubben. De krav som inte kommer att bli uppfyllda vid leveransen är, intervjuer med klubbmedlemmar, information runt bilder och information på sidor som klubbens historia, 60-års jubileet m.m. 9

3. Mål Projektets fastställda mål mellan kund och utvecklare är att under examenstidens 10 veckor ska utforma en modern och dynamisk webbapplikation, där webbansvarige på MK Brinkarna lätt ska kunna administrera, tillföra nya artiklar, nyheter och bilder. 3.1 Kravspecifikation Kraven som kom upp vid första mötet med MK Brinkarnas webbansvarig och som var givna vid projektets start var att sidan ska ha en modern layout. Deras befintliga webbsida var uppbyggd med hjälp av frames vilket inte de moderna webbsidorna som webbutvecklare utvecklar idag gör, istället kommer CSS (Cascading Style Sheets)( 5 ) att användas för att göra en layout på webb sidan. Html-standarden kommer att byggas med XHTML 1.0 Transitional( 6 ). Övriga krav som finns för projektet. Ska innehålla klubbens logo "Intervjuer" med några klubbmedlemmar med intresse av bilar Formulär för anmälan till klubbens evenemang Nyheter (ska vara enkelt för vem som helst att med rättighet lägga in på hemsidan med hjälp av inloggning) Hur man blir medlem, och ett ansökningsformulär Länksida Forum Utbilda kunden angående joomla 5 CSS: (stilmall) är ett språk som beskriver presentationsstilen för ett strukturerat dokument som till exempel typsnitt, textstorlek och färg. http://www.w3.org/style/css/ [2010-04-15] 6 XHTML: Extensible HyperText Markup Language, XHTML är ett s.k. "markup-language" vilket översatt betyder märkup-språk. Detta menas att du märker upp innehållet på en webbsida med taggar för att ange dessa som rubriker, stycken, tabeller, listor m.m. http://sv.wikipedia.org/wiki/xhtml [2010-04- 15] 10

4. Metod 4.1 Valda tekniker 4.1.1 Hypertext Preprocessor PHP (Hypertext Preprocessor) är ett populärt skriptspråk för webbutveckling. Php används för att driva dynamiska webbplatser från t.ex. en databas. Php körs på en webbserver och producerar HTML-kod som visas för klienten. En användare ser inte php-koden. 4.1.2 Extensible HyperText Markup Language XHTML är en striktare version och en vidareutveckling av html som används för att skapa webbapplikationer och visas genom olika webbläsare. Xhtml beskriver för webbläsaren hur webbsidan ska publiceras för användaren. I xhtml används olika taggar för att beskriva t.ex. länkar, rubriker, bilder och text. 4.1.3 Cascading Style Sheets Cascading Style Sheets är ett program språk som förkortas CSS och beskriver hur html-element ska presenteras på en webbapplikation. När man separerar css och htmlkoden kan man spara mycket tid och arbete genom att återanvända css-filen på flera webbsidor. Med hjälp av css kan man styra webbsidors egenskaper t.ex. hur text och bilder ska placeras, färger på sidan samt teckensnitt och teckenstorlek. 4.1.4 Structured Query Language SQL (Structured Query Language) är ett standaliserat språk för att hämta och modifiera data i databaser och enligt ANSI-standarden (American National Standards Institute) skall sql uttalas ɛs kjuː ɛl. Sql är en standard som de flesta databaser använder. 11

4.2 Projektmodell Arbetsmodellen under examensarbetet kommer att vara Unified Process( 7 ). Projektet delas in i veckoplanering som kallas iterationer där faserna är: Förberedelse (Inception) Etablering (Elaboration) Konstruktion (Construction) Överlämning (Transition) Moment för en iteration i projektet: Handledarmöte: Ett kort möte där problem tas upp, risker diskuteras. Leverans och återkoppling: Systemet levereras till kund och kundens återkoppling ska omhändertas. Riskhantering: Vilka risker i projektet har uppkommit, vilka risker har hanterats från föregående iteration, vilka risker har förändrats från föregående iteration? Individuell tidsrapportering Ny iterationsplan: en ny plan för nästa iteration tas fram baserat på återkoppling från kund. 4.3 Uppgradering av PHP När man vill uppgradera sitt konto till en nyare php-version får man ta kontakt med webbhotellets supporteravdelning. Efter kontakten flyttas den nuvarande webbservern till en nyare server vilket kan ta upp till 48 timmar. Under uppgraderingen rekommenderas att inte använda filerna på webbservern. 7 Unified Process är en systemutvecklingsprocess för design och implementering av IT-system. http://sv.wikipedia.org/wiki/rational_unified_process[2010-05-16] 12

4.4 Uppgradering av Joomla! Vid uppgradering av programmet rekommenderas det att titta på http://docs.joomla.org/upgrading_1.5_from_an_existing_1.5x_version/[2010-05- 16], där informationen finns för att uppgradera en äldre version till den befintliga 1.5X versionen. 4.5 Webbsidans målgrupp MK Brinkarnas webbapplikation täcker en stor åldersgrupp beroende på att klubbmedlemmarnas ålder är mellan 17-60 år. Webbsidan kommer i de flesta fall rikta sig till klubbmedlemmar och motorintresserade. 13

4.6 Metoddiskussion 4.6.1 Joomla! i jämförelse med Drupal Joomla och Drupal är båda ett CMS-system med open-source (öppen källkod). Båda programmen bygger sin struktur med programmeringsspråket PHP och är för närvarande de två största cms-programmen på marknaden. Generellt sett om man tittar på joomla och drupal så är det lättare att komma igång med joomla och lättare att underhålla, vilket gör att fler användare väljer joomla före drupal. Vill man ha lättare funktioner där man kan lägga till bilder, innehåll, eller logga in på sidan för att se innehållet så fungerar joomla utomordentligt. Däremot om man satsar på en större webbapplikation där versionshantering, dynamiska fält och rättigheter är viktigt så ska man satsa på drupal. Joomla 1.5 som används i denna webbapplikation är uppbyggd helt objektorienterat till skillnad från drupal, vilket vissa webbutvecklare föredrar. Valet av joomla var ett av förslagen som kom upp vid första handledarmötet av handledaren för projektet. Efter att ha tittat på tutorials, jämfört joomla och drupal så blev valet för projektet, cms-programmet joomla. Joomla valdes i projektet av den anledningen att efter projekt slut skall webbansvarige i MK Brinkarna lätt kunna administrera webbsidan och joomla har ett lättare administrations gränssnitt än drupal. Efter utbildningen som webbprogrammerare, kommer man sannolikt ha stor nytta av att fördjupat sig i ett cms-system när man utvecklar webbapplikationer åt olika organisationer. 4.6.2 Varför valdes Joomla! Den slutgiltiga anledningen till att joomla valdes var att webbansvarige på MK Brinkarna inte är så insatt i webbutveckling och joomla har ett lättarbetat gränssnitt. Webbhotellet uppgraderar äldre php-versioner till den senaste genom att webbansvarige skickar ett mail till deras suport. 14

5. Genomförande 5.1 Kundkontakt En kontinuerlig kontakt har skett under projektets gång med kunden, huvudsakligen via e-mail, någon enstaka gång fysiskt vid genomgång av projektets webbapplikation. Några gånger under projektets gång blev det ett par större avbrott mellan kontakterna när kunden skulle få fram information till webbapplikationen, varav påtryckningar fick göras för att få kunden att få fram material till sidan. Vid sista kontakten på mail angående material till webbsidan kom svaret tillbaks att MK Brinkarna själva tar på sig ansvaret till att fylla på sidan med information. Det har även varit kontinuerliga kontakter med handledaren för att stämma av vad som gjort under veckan och planera efterkommande veckans arbete. 15

5.2 Förberedelser inför projektet Vid första mötet med kunden säkerhetsställdes en gemensam vision om hur webbapplikationens funktion och utseende skulle kunna se ut vid projektets slutfas. Magnus Törnqvist som är webbansvarig för MK Brinkarna kunde vid mötet ge uppgifter om var kunden hade sin befintliga domän( 7 ) brinkarna.se, som är belägen på webbhotellet( 8 ) http://www.surftown.se. I och med att kunden redan hade en domän och webbhotell gjorde projektets uppstart betydligt mycket lättare. Detta möte blev också lite negativt när det kom fram att klubben egentligen inte hade tänkt hur webbsidans layout skulle se ut. För att få ett förslag till layout till detta projekt fick vi titta på andra befintliga webbplatser som andra motorklubbar publicerat på internet. Kunden gav två förslag till layout (bilaga 4), http://www.haningemotorklubb.se/joomla/ och http://www.kortedalamotorklubb.com/ efter att tittat på flertalet motorklubbars webbsidor. Detta gjorde att det fanns en mall att utgå från i projektet. Vid upp starten av projektet fanns det inte några krav på hur webbapplikationens uppbyggnad, därav valdes CMS-systemet joomla, efter en utvärdering mellan två innehållshanteringssystem(cms) joomla och Drupal. 7 Domän: http://sv.wikipedia.org/wiki/dom%c3%a4n_(internet) [2010-04-14] 8 Webbhotell: Ett webbhotell är en tjänst som möjliggör för den som inte vill upprätthålla en egen offentlig webbserver att publicera sig på World Wide Web. http://sv.wikipedia.org/wiki/webbhotell [2010-04-14] 16

5.3 Webbapplikationen Vid genomgången med webbansvarige på MK Brinkarna kom det fram att det fanns vissa krav på hur sidan skulle se ut. Klubbens färger som är i grönt och vitt skulle behållas på den nya webbapplikationen och klubbens logga skulle finnas på första sidan. 5.4 Mockup Vid första träffen med webbansvarige för MK Brinkarna, kom det fram att klubben inte hade något förslag till hur deras webbapplikation skulle se ut utan bara att den skulle ha ett modernt utseende varav vi fick titta på några andra motorklubbars webbplatser för att få ett förslag och uppslag till utseende. En första mockup(bilaga 1) gjordes med hjälp av joomla. MK Brinkarna bestämde att designen för webbplatsen kunde byggas med inspiration av mockupen. 5.5 Joomla! installation När det bestämdes att Joomla skulle bli det CMS-systemet som skulle användas på MK Brinkarnas applikation kontrollerades det om det var möjligt att installera programmet på det befintliga webbhotellet. Webbhotellet www.surftown.se har stöd för Joomla och PHP. Webbhotellet surftown har ett system som heter 1-Click Toolbox, man kan säga att 1-Click Toolbox är en verktygslåda som gör det lättare att installera olika program på deras webbserver. Webbhotellet har förkonfigurerat inställningarna vid Joomla-installationen så alla inställningar i programmet inte behövs göras manuellt. I detta fall installeras Joomla med hjälp av en ikon på administrationsgränssnittet (bilaga2). Det som behövdes vid installationen, var att visa programmet under vilken domän programinstallationen skulle ligga. 17

5.6 Modul MK Brinkarnas webbapplikationen har en modul installerad som heter ccboard och är ett forum. Denna modul laddades ner från http://extensions.joomla.org/search?q=ccboard. 5.7 Överlämnande av webbapplikationen Vid överlämnandet av webbapplikationen till webbansvarige i MK Brinkarna hölls det en utbildning om hur joomla fungerar, så att den ansvarige i klubben kan underhålla webbsidan efter projektets slut. Webbansvarige i MK Brinkarna kom till Linnéuniversitetets datasal där utbildningen hölls samt ett dokument överlämnades som hjälp till att underhålla webbsidan, http://issuu.com/3on.se/docs/joomlaguide [2010-05-17]. 18

6. Resultat 6.1 Startsidan - Modern webbapplikation Vid starten av projektet efterfrågade kunden en modern webbapplikation som användare i olika åldrar kan använda sig av. Det skulle också tas i tankarna att användarna inte har någon direkt dataerfarenhet. Efter att ha publicerat första designen (bilaga 3), utvecklades sidan till dagens utseende. MK Brinkarna Startsida 6.2 Uppbyggnad Webbapplikationen är uppbyggd i 4 delar, varav en är bilden som ligger högst upp på sidan. Till vänster finns huvudmenyn och en inloggningsfunktion. På höger sida finns MK Brinkarnas logga, besökare som är online på sidan samt en sökfunktion. All information som man trycker fram genom huvudmenyn kommer att visas i mittsektionen av applikationen. 19

6.3 Inloggning På MK Brinkarna startsida finns en inloggningsfunktion där klubbmedlemmar ska kunna logga in med personliga inloggningsuppgifter. Efter inloggningen kommer det upp en användarmeny under den befintliga startmenyn, där webbansvarige i klubben kan lägga till information som bara berör den inloggade användaren. Inloggning 20

21 Inloggad användare

6.4 E-mail formulär Applikationen innehåller tre stycken E-postformulär. Formulären är länkade till phpscript som skickar mailet till den ansvarige i MK Brinkarna. 6.4.1 Medlemsansökan Medlemsansökan 22

6.4.2 Tävlingsformulär SuperStage Formulär 23

24 StreetRace Formulär

25

6.5 Forum MK Brinkarna forum är en modul som man kan hämta hem från http://extensions.joomla.org/. För att kunna skriva i forumet måste man vara en registrerad användare. Forum 6.6 Intervjuer av medlemmar Ett av målen var att göra intervjuer med klubbmedlemmar om deras motor intresse, detta var något som hoppades över för att hinna med de vessäntliga delarna som att bygga upp strukturen av webbapplikationen. 26

7. Diskussion Innan projektet på börjades hade jag funderingar på att göra ett eget projekt, men efter funderingar efter första handledarmötet bestämde jag mig för att jobba mot en befintlig kund istället. I och med att jag jobbat mot en kund i ett tidigare projekt visste jag hur man skulle gå till väga med kontinuerliga kundkontakter, och få viktig feedback om utvecklingen med sidan. Tyvärr var inte kunden i detta projekt så intresserad att lägga ner den tiden som behövs för att hjälpa mig att färdigställa webbapplikationen efter den kravspecifikation som ställdes till mig. Detta ser jag både som positivt och negativt i min mening. Projektet blev inte klart i sin helhet vilket är negativt men samtidigt har jag fått en erfarenhet av en besvärlig kund som man kan ha nytta av i senare projekt. Denna webbapplikation är uppbyggd med hjälp av joomla, vilket gjorde att man var tvungen att sätta sig in i ett nytt system. Positivt med joomla är att de problemen jag utsattes för under projektet var väl dokumenterade, detta beror på att många webbutvecklare använder joomla. Jag kommer själva att använda joomla i framtiden när jag utvecklar nya webbapplikationer. Webbsidan är i bruk och kunden är nöjd med resultatet. Själv tycker jag att resultatet blev en webbapplikation som föreningen kan jobba vidare på med hjälp av den utbildningen som webbansvarige fick av mig i slutet av projektet. De har själva tänkt publicera den saknade informationen på webbsidan efter mitt överlämnande. 27

8. Källförteckning 8.1 Elektroniska källor http://www.svenskjoomla.se/ [2010-04-01] http://www.joomla.org/ [2010-04-01] http://translate.google.se/[2010-04-29] http://www.haningemotorklubb.se/joomla/[2010-03-30] http://www.kortedalamotorklubb.com/[2010-03-30] http://www.surftown.se[2010-03-30] http://sv.wikipedia.org/wiki/rational_unified_process[2010-04-16] http://docs.joomla.org/upgrading_1.5_from_an_existing_1.5x_version/[2010-05-16] http://docs.joomla.org/[2010-05-23] 8.2 Personlig kommunikation Andreas Lager (ordförande MK Brinkarna), Andreas.Lager@dynapac.com Magnus Törnquist (lill-mange, web-ansv. MK Brinkarna), zakademus@gmail.com Daniel Toll, (Handledare, Linnéuniversitetet )Daniel.Toll@lnu.se 28

9. Bilagor 9.1 Bilaga 1: Förslag till Webbpage 29

9.2 Bilaga 2: Administrationsgränssnitt 30

9.3 Bilaga 3: Första publiceringen 31

9.5 Bilaga 4: Förslag till layout Haninge Motorklubb 32

33 Kortedala motorklubb

34 351 95 Växjö / 391 82 Kalmar Tel 0772-28 80 00 dfm@lnu.se Lnu.se/dfm