Et eksempel fra HHX 3. år

Hjemmeside og Database for Dagli'Brugsen Alslev

Brug materialet til at undersøge opbygning, metode og faglige valg.

It A 46 sider

Lær af eksemplet på 15 minutter

Læs med de tre spørgsmål herunder, og skriv et kort svar på hvert, gerne med et sidetal. Så har du noget konkret at tage med over i din egen opgave.

  1. 4 min

    Find problemformuleringen eller opgavens spørgsmål. Står svaret i konklusionen?

  2. 4 min

    Find et sted, hvor opgaven bruger en kilde eller et eksempel. Står der, hvor det kommer fra?

  3. 4 min

    Find et afsnit, der vurderer eller diskuterer. Hvad gør det anderledes end et afsnit, der forklarer?

  4. 3 min

    Din egen opgave: Hvad er det ene spørgsmål, din egen opgave svarer på, og står svaret i din konklusion?

Skal du selv skrive en opgave? Metoden står her: Akademisk opgaveskrivning

Om opgaven

Ophavet er ikke dokumenteret for denne post. Katalogoplysninger: HHX 3. år, It A, 46 sider. Brug materialet til at se, hvordan teksten er bygget op, og hvilke faglige valg der er truffet.

Hele opgavens tekst

Se originaldokumentet

Læs teksten direkte her på siden. Figurer og den præcise opsætning af tabeller og formler finder du i originaldokumentet.

Dele af teksten er læst maskinelt fra dokumentets billeder. Kontrollér citater, tal og formler i originaldokumentet.

Gå til en side

Side 1

Indhold

Problemformulering ........................................................................................................................... 3 Virksomhedsbeskrivelse .................................................................................................................... 3 Virksomhedens mål og idé ................................................................................................................. 4 IT-politik ............................................................................................................................................ 5 Fysisk sikkerhed ............................................................................................................................. 5 Logisk sikkerhed ............................................................................................................................ 6 Kommunikationssikkerhed ............................................................................................................ 6 Datasikkerhed ................................................................................................................................. 7 IT- og forretningsstrategi ................................................................................................................... 7 IS-Strategi – Informations Systems Strategi .................................................................................. 7 IT-strategi ....................................................................................................................................... 8 Informationsarkitektur................................................................................................................ 8 Teknologiarkitektur .................................................................................................................... 9 IM-strategi – information management ............................................................................................. 9 Gantt-kort ......................................................................................................................................... 10 Udviklingsmodel .............................................................................................................................. 10 Foranalyse .................................................................................................................................... 11 Problemafklaring ...................................................................................................................... 13 Udannelse af brugere................................................................................................................ 13 Analyse......................................................................................................................................... 14 Applikationsstruktur ................................................................................................................. 14 Kravspecifikation ......................................................................................................................... 15 Systemdesign .............................................................................................................................. 15 Navigationsstruktur ...................................................................................................................... 16 System- og brugertest ................................................................................................................... 16

Side 2

1 af 46

Leavitts model .................................................................................................................................. 17 Struktur......................................................................................................................................... 18 Personer ........................................................................................................................................ 18 Opgaver ........................................................................................................................................ 19 Teknologi ..................................................................................................................................... 20 Hjemmeside ..................................................................................................................................... 20 Kommunikationsmodel ................................................................................................................ 20 Web-adresse for prototype ........................................................................................................... 22 Rough ........................................................................................................................................... 23 Brugervenlighed ........................................................................................................................... 23 Farver ........................................................................................................................................... 24 Typografi ...................................................................................................................................... 25 Billeder ......................................................................................................................................... 25 jAlbum ..................................................................................................................................... 27 KISS ............................................................................................................................................. 27 Gestaltloven ................................................................................................................................. 27 First Things First .......................................................................................................................... 28 Database ........................................................................................................................................... 29 Context diagram ........................................................................................................................... 29 Dataflow diagram ............................................................................................................................. 30

E/R-diagram ................................................................................................................................. 31

Relationer ................................................................................................................................. 32

3. normalform ........................................................................................................................... 32 Forespørgsel ................................................................................................................................. 32 Formular ....................................................................................................................................... 32 Rapport ......................................................................................................................................... 33 Programmering ................................................................................................................................ 33

Side 3

2 af 46

Overvejelser om sammenkobling mellem hjemmeside og database .............................................. 33 Konklusion ........................................................................................................................................ 34 Litteraturliste ................................................................................................................................... 37 Litteraturliste ....................................................................................... Error! Bookmark not defined.

Bilag 1 – Gantt-kort .......................................................................................................................... 38 Bilag 2 - Spørgeskema ..................................................................................................................... 39 Bilag 3 - Svar på spørgeskema: ........................................................................................................ 40 Bilag 4 – Rough ............................................................................................................................... 41 Bilag 5 – Navigationsstruktur .......................................................................................................... 42 Bilag 6 - Omverdensmodellen .......................................................................................................... 42 Bilag 7 – Context diagram ................................................................................................................ 42 Bilag 8 – Dataflow diagram .............................................................................................................. 43

Bilag 9 – E/R-diagram ....................................................................................................................... 44

Bilag 10 – Relationer ........................................................................................................................ 44 Bilag 11 – Eksempel på aspx-filer ..................................................................................................... 45

Side 4

3 af 46

Hjemmesideadresse: http://helios/saan4

Problemformulering

I de seneste år har kundernes købevaner ændret sig, og det har været vigtigt for supermarkederne at imødekomme kundernes behov og finde et koncept, som vil passe ind i kundernes travle hverdag. I et lille samfund er der ofte stor opbakning og tilknytning til de lokale virksomheder, og det vil være en oplagt mulighed for virksomheden, at forny sig indenfor teknologien og oprette en hjemmeside med online bestilling og levering inden for bygrænsen. Teknologien er i en voldsom udvikling, og det er nødvendigt at være opdateret på dette område. Tiltaget med online bestilling vil muliggøre at øge omsætningen og ramme en målgruppe, som har svært ved de daglige gøremål, dog kræves det, at der udvikles et system, hvor kravene til brugervenlighed har højeste prioritet. Ud fra disse tanker er følgende problemformulering udarbejdet:

• Ud fra en redegørelse af Dagli’Brugsen Alslevs behov for en hjemmeside med online bestilling samt en redegørelse for målgruppen, analyseres baggrunden for udviklingen af hjemmesiden. Derudover udarbejdes en prototype af hjemmesiden med online bestilling med en tilkoblet database. Endelig vurderes om hjemmesiden lever op til brugernes behov, og hvordan siden kan vedligeholdes.

Virksomhedsbeskrivelse

Dagli’Brugsen Alslev er én af de tilsammen 380 Dagli’Brugsen butikker i Danmark.

Butikkerne hører under Coop, som er Danmarks største dagligvarevirksomhed, der også

driver kæderne Kvickly, SuperBrugsen og datterselskaberne Fakta A/S og Irma A/S. Coop

og de selvstændige brugsforeninger har tilsammen en årlig omsætning på cirka 50

                              1
milliarder kr. og 35.000 medarbejdere .

Selvstændigt har Dagli’Brugsen Alslev en årlig omsætning på 11 mio. kr. og beskæftiger

14 medarbejdere, hvoraf de 8 medarbejdere er ungarbejdere og de resterende er butikschefen Kurt Nielsen, souschefen, to elever og tre nøglebærer. Brugsen blev etableret

1

Dagli’Brugsen, http://om.coop.dk/om+coop/vores+butikker/dagli%27brugsen.aspx, dato: 15. marts

Side 5

4 af 46 i 1898 og gennemgik i 2009 en renovering og udbygning med 330 m2, så butikken nu strækker sig over 700 m2.

Dagli’Brugsen Alslev har udover tørvarer, ferskvarer og frostvarer også apoteksudsalg, Tips & Lotto og bake-off med friskbagt brød hver morgen, samt et samarbejde med OK-benzin tanken i Alslev og et postkontor.

I dag anvender Dagli’Brugsen Alslev IT til daglig administration, e-mails og varebestilling, men også til kontrol og sikkerhed. En del af sikkerhedskontrollen bliver varetaget af Coop, som bl.a. scanner alle e-mails før Dagli’Brugsen Alslev modtager dem.

Coop forsøger at holde sig opdateret og følge med i udviklingen i teknologien og skal derfor også til at varetage alle kædernes daglige backups, som nu bliver gemt på bånd i de enkelte butikker, men som senere skal digitaliseres og gemmes fælles under Coops

system.^{2}

Virksomhedens mål og idé

Dagli’Brugsen-kæden har til formål at imødekomme lokalbefolkningens behov for daglige indkøb, hvorfor der i kæden bliver lagt stor vægt på ”det lokale” som et afgørende kendetegn. Ud fra dette formål har Dagli’Brugsen fastsat åbningstiderne 7.30-20.00 alle ugens dage, for at passe ind i de lokales dagligdag. [3]

Coop har en fælles vision for kæderne kaldet ”Vi vil være det bedste og mest ansvarlige sted at handle og arbejde” [4], hvor der fælles for Dagli’Brugsen-kæden bliver lagt stor vægt på sundhed, ansvarlighed og friskhed.

Udover det fælles for Dagli’Brugsen-butikkerne, har de lokale butikker et selvstændigt mål. For butikken i Alslev er målet at få dækket omkostningerne til renoveringen og ombygningen i 2009 på 6,5 mio. gennem en 5-årsplan. Denne plan indeholder budgetter for de kommende 5 år, hvor der i øjeblikket bliver budgetteret med en stigning på 2 % pr.

år. [5] Budgettet bliver gjort op med resultatopgørelsen og budgetterne for de efterfølgende år bliver tilpasset. Med denne strategi sikrer butikken sig, at investeringen hurtigst muligt bliver tjent ind og vendt til et overskud.

2

Interview med butikschef Kurt Nielsen

3

Dagli’Brugsen, http://om.coop.dk/om+coop/vores+butikker/dagli%27brugsen.aspx, dato: 15. marts

4

Vision og mission, http://om.coop.dk/om+coop/vision+og+mission.aspx, dato: 15. marts

5

Interview med butikschef Kurt Nielsen

Side 6

5 af 46

IT-politik

Da IT er blevet mere og mere udbredt som styringssystem blandt virksomheder, er afhængigheden til IT-systemerne øget og fokus er derfor blevet rettet meget mod it-sikkerheden. Sikkerhedsproblemerne kan opdeles i fire områder; fysisk-, logisk-, kommunikations- og datasikkerhed. For at sikre den optimale sikkerhed, skal IT-systemet indbefatte følgende:

• Fortrolighed: IT-systemet skal sikre, at ingen fremmed kan få adgang til butikkens intranet og interne oplysninger.

• Tilgængelighed: Medarbejderne internt i butikken skal have adgang til IT-systemet. Derudover skal systemet altid være tilgængeligt og sikret mod uvedkommende.

• Pålidelighed: Vi skal som systemets udviklere være troværdige og systemets oprindelse skal være muligt at spore. Derved opstår der ingen tvivl om oplysningernes ægthed.

Fysisk sikkerhed

Fysisk sikkerhed er den konkrete sikkerhed mod tyveri og materielle skader, f.eks. på inventar, data og programmer. Dagli’Brugsen Alslev anvender overvågning i hele butikken som en del af deres sikkerhed. Derudover har de en alarm der sikrer lokalerne. Alarmen

                                                                  6
har installeret rumfølere/bevægelsescensorer, som opfanger bevægelse i rummene. Går

alarmen i gang, sendes der automatisk en sms til uddeler Kurt Nielsen. Han har derfra

mulighed for hurtigt at reagere på situationen og risikoen for, at tyven/e får udbytte af

gerningen bliver derved formindsket. Samtidig er der altid to personer til at lukke butikken, så de to ansatte kan hjælpe hinanden, tjekke op på, at alt foregår som det skal og, at de er to personer, hvis der skulle komme uventede gæster. Derudover har Dagli’Brugsen Alslev altid et begrænset antal penge liggende i butikken. Risikoen for, at tyvene går efter kontanter er stor i en dagligvare forretning, derfor bærer de sig således ad.

6

Interview med uddeler Kurt Nielsen

Side 7

6 af 46

Logisk sikkerhed

Ved logisk sikkerhed forstås det at programmer og anden data skal sikres mod uautoriseret brug. For at højne sikkerheden er det en fordel at begrænse adgangen til systemet. Dette er blandt andet nogle punkter som Dagli’Brugsen Alslev også benytter sig af. Medarbejderne har f.eks. hver især koder til computeren, så de kan tjekke hvem der logger på, hvor og hvornår. Er der f.eks. aktivitet i systemet om natten, kunne det godt tyde på, at en eventuel hacker har været inde og rode i systemet. I forhold til ekstra sikkerhed, logger systemet selv af efter 15 minutter, hvis brugeren ikke er aktiv, for at sikre at en medarbejder ikke forladeren et åbnet system, med risikoen for at fremmede har mulighed for at benytte systemet. For at sikre, at ansatte ikke misbruger deres muligheder i butikken, skal login koder ændres ofte.

Da Coop ejer Dagli’Brugsen er de selvfølgelig også interesseret i, at det skal gå virksomheden godt. Derfor har de en hel afdeling der kun sørger for, at IT-sikkerheden er i top, i alle deres ejede virksomheder. Dette kan også mærkes i Dagli’Brugsen i Alslev. Hvis der bliver tilsendt en mail til butikken, bliver den først scannet hos Coop for at sikre butikkens system mod virus og andet, der kan skade systemet. Derudover bliver alle de scannede varers oplysninger sendt ind til Coop, så de kan tjekke hvor mange varer der bliver solgt og hvor mange der bliver trukket tilbage ind i systemet igen. De har derfor mulighed for at tjekke om der skulle forekomme ”usædvanlige køb.” Kommer der f.eks. et køb på 500 stk. af en bestemt vare, sender Coop en mail til kontoret i Dagli’Brugsen Alslev, hvor de gør opmærksom på, at denne hændelse er forekommet. [7]

Kommunikationssikkerhed

I forhold til kommunikationssikkerhed anvender Dagli’Brugsen Alslev et lukket netværk i form af et intranet, som er overvåget af Coop’s lokale net. Således har Coop overblik over, hvad der foregår i deres enkelte butikker. Sker der derfor uhensigtsmæssige ting fra computeren, har Coop mulighed for at undersøge hvem der er logget ind og hvilke handlinger der er foretaget på hvilke tidspunkter. For at internettet bliver brugt korrekt i butikken, har Dagli’Brugsen Alslev også lukket for sociale tjenester som bl.a. facebook.

Ved at gøre dette, mindskes tiden foran computeren og arbejdstiden vil derfor blive brugt produktivt.

7

Interview med uddeler Kurt Nielsen

Side 8

7 af 46

Datasikkerhed

Dagli’Brugsen Alslev bruger fuld backup som en del af deres datasikkerhed. Backup’en bliver taget hvert døgn i nattetimerne, for at det ikke bruger tid og kapacitet når butikken har åben, samtidig får de også alle dagens data kopieret. I øjeblikket bliver alle deres data gemt på et bånd, som så gemmes væk i butikken, hvilket ikke er særlig hensigtsmæssigt, da deres data ikke er hundredprocent sikret i butikken. Butikken kan få vandskader eller i værste tilfælde kan der opstå brand, derved kan båndet gå tabt og de vil som følge deraf miste alle deres data. I fremtiden har de dog i samarbejde med Coop forventninger om, at backup’en skal kunne foregå elektronisk. Disse data sendes derfor ind til Coop, hvor de så lagrer dem. Dette er både hensigtsmæssigt for Dagli’Brugsen Alslev, men også for Coop, da begge parter har mulighed for at undersøge dagens data. Samtidig vil arbejdet omkring backup’en formindskes og butikken skal derfor heller ikke selv sørge for at sikre deres opbevaring af data i butikken. Ved den kommende ordning vil der derfor stadig være en risiko, selvom fremgangsmåden er mere hensigtsmæssigt end den forrige. Der er altid forbundet en teknisk risiko i forbindelse med teknologi. Sker det at computeren brænder sammen eller af andre årsager går ned, vil backup’en også automatisk gå i stå og i værste tilfælde ikke gemme alle overførte data.

IT- og forretningsstrategi

For at finde ud af hvilken form for teknologi der vil gavne virksomheden bedst, skal der udarbejdes strategier som skal bearbejdes og godkendes i ledelsen. Man skal altså her se på, hvordan IT kan bidrage til at forbedre virksomhedens markedsmæssige position og ikke mindst øge omsætningen, for ikke at tale om en forbedring af virksomhedens forretningsstrategi.

                                     8
IS-Strategi – Informations Systems Strategi

Verdenen har forandret sig og teknologien har fundet en solid plads i samfundet, samtidig med at der nu foregår flere og flere køb over internettet vil det være en fordel med en hjemmeside med tilhørende online bestilling, for at følge med i teknologiens udvikling. Til dette tiltag er det nødvendigt at udarbejde en IS-strategi, som er en strategi, der skal inddrage omverdenen i forhold til, hvordan IT kan blive en integreret del af virksomhedens

8

Pedersen, Benny Juel m.fl., ”Informationsteknologi HHX,” 1. udgave, Dafolo Forlag, 2006, side 304

Side 9

8 af 46 forretningsstrategi. Strategien skal også tænkes indad og tages op til overvejelse, hvordan IT kan opfylde de strategiske mål for Dagli’Brugsen. Dagli’Brugsens langsigtede mål på det strategiske niveau er en årlig vækst på 2% [9], samtidig med at det lokale skal vægtes højt, og kundernes behov for daglige indkøb imødekommes. I begge tilfælde kan

Dagli’Brugsen med fordel drage nytte af IT. For at sikre den årlige vækst, kan butikken ved hjælp af hjemmesiden tiltrække nye kunder fra andre byer, som eksempelvis ønsker at køre forbi butikken efter arbejde og handle eller afhente en færdigpakket frugt- eller grøntkurv. For stadig at lægge fokus på lokalsamfundet, kan kunderne få et indblik i butikken ved at oprette sider på hjemmesiden, som omhandler Brugsens historie, bestyrelsen og navne på medarbejderne. Dagli’Brugsen Alslevs ambitionsniveau er på nuværende tidspunkt ikke højere end til at oprette en hjemmeside med tilhørende online bestilling. I forhold til omverdenen kan IT med fordel blive en integreret del af virksomheden, da det snart vil blive forventet fra kundernes side, at butikken har en hjemmeside, da teknologien vinder indpas i kulturen og alles dagligdag.

         10
IT-strategi

Denne strategi fastlægges på baggrund af IS-strategien, da den kan stille specifikke krav til Dagli’Brugsens hardware og software. Disse to elementer kaldes tilsammen virksomhedens IT-platform, og kan analyseres ved at opdele platformen i delområder, som skal munde ud i en endelig IT-strategi for Dagli’Brugsen.

Informationsarkitektur

Efter kunden har afgivet en ordre på hjemmesiden, skal ordren gemmes i databasen, så der dannes et overblik over kunderne og hvilke ordrer, de har afgivet. Det betyder, at databasen skal integreres med hjemmesiden, og at det kun er data angående kunder og ordrer, der skal gemmes i denne database. Derfor skal der designes et fleksibelt system, så det er muligt senere at foretage ændringer og tilføje nye elementer på hjemmesiden, hvis sortimentet skal udvides.

9

Interview med uddeler Kurt Nielsen

10

Pedersen, Benny Juel m.fl., ”Informationsteknologi HHX,” 1. udgave, Dafolo Forlag, 2006, side 305-309

Side 10

9 af 46

Teknologiarkitektur

For at hjemmesiden med online handel og databasen kan fungere optimalt, stiller det nogle krav til Dagli’Brugsens netværk. Kundens ordre foregår over internettet, hvilket kræver at Dagli’Brugsens hardware er opkoblet til internettet, så ordrerne kan blive behandlet, så snart de bliver afgivet. Butikken har allerede internet, som udelukkende bliver brugt til mail og kommunikation med hovedkontoret, da der også er blokeret adgang til sociale medier, netaviser og andre underholdningssider. Derfor skal der investeres i en hurtigere

internetadgang med 20/20 mb hastighed.

Uddeler Kurt Nielsen benytter ofte sin private computer til administration og papirarbejde udenfor den normale arbejdstid. For at udnytte de fælles data og pga. anskaffelse af en nyere computere, skal de fælles filer være kompatible, således at filerne skal kunne udveksles mellem de forskellige programmer og computere, så der undgås dobbeltarbejde, ved at dataene skal indtastes flere gange. Desuden er Kurt Nielsens mobiltelefon integreret med censorerne og alarmsystemet i butikken, så der kommer en alarm på mobiltelefonen, hvis censorerne opfanger noget efter lukketid i butikken.

IM-strategi – information management^{11}

IS- og IT-strategierne er delområder, for at kunne fastlægge IM-strategien. Det indeholder planer om, hvordan IS- og IT-strategierne skal implementeres og vedligeholdes, således at hjemmesiden og databasen også bliver det.

Dagli’Brugsen har ikke tidligere gjort brug af IT i forhold til hjemmeside og online handel, og det vil derfor være nødvendigt med kurser til medarbejderne, både i anvendelse af systemet, men også i hvordan det bliver vedligeholdt og opdateret. I Dagli’Brugsen vil det være ledelsen, der planlægger disse kurser og hvor og hos hvem, de skal afholdes. Der vil ikke være en IT-afdeling, som skal stå for kurserne eller det tekniske, da virksomheden kun omfatter 14 ansatte eksklusiv uddeleren. Uddeler Kurt Nielsen og souschefen vil få yderligere information vedrørende systemet, så de selv kan stå for at løse problemerne i dagligdagen. Selvom de får yderligere viden inden for IT-området, vil de stadig ikke være i stand til at lave ændringer på hjemmesiden, hvis sådanne behov skulle opstå fra deres egen

11

Pedersen, Benny Juel m.fl., ”Informationsteknologi HHX,” 1. udgave, Dafolo Forlag, 2006, side 310-312

Side 11

10 af 46

eller kundernes side. Derfor vil det være ledelsens ansvar at undersøge hvis/hvornår dette

behov skulle opstå og kontakte os som systemudviklere. Så vil der blive foretaget undersøgelser om kundernes ændrede behov, og hjemmesiden vil blive tilpasset og opdateret, så den igen kan leve op til forventningerne fra kunderne og Dagli’Brugsen.

Gantt-kort^{12}

Gantt-kort er et tidsplansprogram [13] over hele forløbet, dvs. over de aktiviteter der er beskrevet på selve kortet. Kortet er inddelt i perioder med tilhørende aktiviteter, derved gives et overblik over aktiviteternes rækkefølge og deres tidsforbrug. På Gantt-kortet ses det, at foranalysen skal gennemføres før analysen kan starte, og igen at analysen skal være færdig før kravspecifikationen kan begynde. Derefter er der nogle aktiviteter der overlapper hinanden, hvilket går ud på, at det er muligt at komme videre med projektet, selvom foregående aktivitet ikke er fuldstændig fuldendt. Det er samtidig en sikring for den foregående aktivitet, at hvis det skulle trække lidt ud, at tiden stadig er sat af til det ekstra arbejde på området. Aktiviteterne kan dog stadig overskride den beregnede tidsperiode, da flere faktorer kan spille ind, bl.a. at Dagli’Brugsen Alslev selv både skal koncentrere sig om arbejdet i butikken, udover at samarbejde med os i forbindelse med dette projekt. Forskydes Gantt-kortet vil det være til stor gavn for butikken at udarbejde et nyt, så de får et korrekt overblik over situationen.

Udviklingsmodel^{14}

Til styring af større opgaver og forandringer i en virksomheds IT-system, er det gavnligt at anvende en systemudviklingsmodel for at bevare overblikket. Vi har valgt at anvende modellen struktureret systemudvikling, som udviklingsmodel for hjemmesiden. Modellen er en fasemodel, hvor udviklingsprocessen er opdelt i faser, som færdiggøres, før arbejdet på næste fase begynder. Ulempen ved denne model er, at brugerne først inddrages i de sidste faser i modellen, hvor det ofte er for sent at foretage større, omfattende ændringer af systemet, hvis brugerne ønsker det. Modellen lægger derudover heller ikke op til, at udviklingen skal revurderes, og der skal foretages ændringer på mål og krav til systemet i

12

Pedersen, Benny Juel m.fl., ”Informationsteknologi HHX,” 1. udgave, Dafolo Forlag, 2006, side 335

13

Bilag 1 – Gantt-kort

14

Pedersen, Benny Juel m.fl., ”Informationsteknologi HHX,” 1. udgave, Dafolo Forlag, 2006, kapitel 19 ”Valg af udviklingsmodel”

Side 12

11 af 46 takt med at udviklerne eller brugerne får et bedre kendskab til systemet, og hvilke specifikationer, der ville være nyttigt. Systemet, der skal anvendes i DagliBrugsen Alslev har brugervenlighed i højsæde, og hjemmesiden skal benyttes af kunderne, og det er derfor vigtigt også at inddrage dem i de første udviklingsfaser. Den iterative model ”Den positive spiral” inddrages derfor også i udarbejdelsen af hjemmesiden i samarbejde med den strukturerede systemudviklingsmodel.

Iterative modeller har til fordel, at brugerne inddrages i alle faser, som vi ønsker, og den derudover er udviklet og tilpasset til den strukturerede systemudviklingsmodel. Når brugerne inddrages i de første faser, er det også billigere at foretage ændringer i systemet, da udviklingen ikke er i sine sidste faser.

Baggrunden for iterative modeller og i særdeleshed ”Den positive spiral” er at udviklingsprocessen skal være dynamisk, og det skal være muligt konstant at forbedre og komme med kravspecifikationer til systemet, så det virker optimalt for brugerne. Der skal udvikles en prototype, som præsenteres for brugerne, som evaluerer den og på baggrund af evalueringen udarbejdes en ny prototype. ”Den positive spiral” betyder, at udviklingen aldrig slutter, men at systemet og prototyperne bliver præsenteret og evalueret af brugerne indtil det færdige produkt er fremstillet eller indtil ressourcerne er opbrugt. En anden fordel ved samarbejdet mellem udviklerne og brugerne er, at udviklerne får konstruktivt modspil og nye idéer og forslag, som forhindrer udviklerne i at gro fast i egne idéer, men i stedet blive fleksible og åbne.

Foranalyse^{15}

Den første fase i den strukturerede systemudviklingsmodel er foranalysen, som er den første del af selve analysearbejdet. Her begrænses problemet, og ressourcerne og rammerne for det efterfølgende arbejde fastlægges. Foranalysen skal præcisere, hvad arbejdet skal styres hen imod og hvilke foreløbige krav, der er til det nye system samt grove skitseforslag og økonomiske overslag. Denne del af udviklingen giver et groft, men

15

Pedersen, Benny Juel m.fl., ”Informationsteknologi HHX,” 1. udgave, Dafolo Forlag, 2006, kapitel 20 ”Foranalyse”

Side 13

12 af 46 mere præciseret indblik i, hvordan arbejdet skal udføres og hvilke forventninger, der er til det færdige system. Derudover giver uddeleren i Dagli’Brugsen Alslev et økonomisk udkast til, hvor meget tid og arbejde, der skal lægges i systemudviklingen.

For at inddrage brugerne, som ønskes ved brug af ”Den Positive Spiral,” har vi udarbejdet et spørgeskema [16], som er blevet udleveret til kunderne i Dagli’Brugsen Alslev.

Spørgeskemaet indsamler ved brug af den kvantitative metode, kundernes indstilling til oprettelse af en hjemmeside, og hvilke ønsker de har til hjemmesiden, og hvordan de vil bruge den. Svarmulighederne er blevet indsat i diagrammer og viser hermed, hvordan svarene har fordelt sig på en nem og overskuelig måde. For at få et mere nuanceret svar, er den kvalitative metode inddraget, da der er indsat linjer til at kunden kan give en kommentar eller komme med en idé til hjemmesiden, inden den bliver udviklet.

14 ud af 17 deltagere i undersøgelsen [17]

(82,4 %) svarede, at det vil være relevant for

Dagli’Brugsen Alslev at oprette en hjemmeside hvilket er positivt, at så mange mener, det vil være en god idé og sandsynligvis vil følge med på siden. Dernæst har vi spurgt kunderne, hvilke funktioner på hjemmesiden, de vil anvende, her er svarene meget jævnt fordelt, som betyder, at alle punkterne vil blive oprettet på hjemmesiden. Interessen for online bestilling af frugt og grønt er på 35,3 %, hvilket ikke lyder af meget, men når funktionen først er kommet op at køre mener ledelsen, at interessen vil stige, og det vil blive en rentabel handel og give en yderligere fortjeneste til Dagli’Brugsen. Ledelsens ønske har fra starten været at indføre online bestilling med mulighed for levering og afhentning i butikken. Ifølge svarene fra spørgeskemaet er der stor enig om, at en ugentlig bestilling har størst interesse som også forventet, som vil blive den eneste mulighed. For at få afklaret, hvad kunderne vil være interesseret i at bestille omhandler det sidste spørgsmål dette. 66,7 % ønsker umiddelbart at bestille pakken udelukkende med frugt, hvor resten er ligeligt fordelt mellem pakken kun med grønt eller den økologiske pakke. I spørgsmål 2 har en deltager udnyttet muligheden for at påvirke hjemmesiden ved at skrive, at personen ville anvende hjemmesiden til at skrive mails til Dagli’Brugsen. Dette ønske vil vi imødekomme ved at skrive kontaktoplysninger ind, hvor mailadressen indgår.

16

Bilag 2 - Spørgeskema

17

Bilag 3 – Svar fra spørgeskema

Side 14

13 af 46

Konklusion

De bliver udarbejdet en hjemmeside til Dagli’Brugsen, hvor alle de nævnte funktioner i spørgeskemaet vil blive oprettet. Online bestillingen vil ligeledes blive indført, hvor det er muligt at bestille de tre forskellige frugt & grønt-pakker. Leveringen vil foregå én gang ugentligt, men pakkerne kan afhentes alle ugens dage i butikken efter aftale.

Problemafklaring

Der findes mange eksempler på, at IT-projekter mislykkes, da vigtigheden af problemafklaringsfasen ofte bliver overset. Problemet kan ske at ligge et andet sted end hvor det opdages, så det er vigtigt at være åben overfor, at det reelle problem kan forekomme et andet sted, og at udviklingen af et nyt system derfor kan være nytteløs og spild af ressourcer. Bestyrelsen skal diskutere, hvilke symptomer der er på problemet, og hvilken betydning det vil få, at problemet bliver løst. Problemet ligger hos uddeler Kurt Nielsen, som oplever problemet således, at det er svært for kunderne at finde informationer angående Dagli’Brugsen mht. åbningstider og baggrunden for butikken, hvor det også er blevet meget brugt, at købe varer online og få det bragt ud, så det passer ind i en travl hverdag. Ved oprettelsen af en hjemmeside, vil det endvidere være promotion for butikken, som således også vil kunne nå ud til en bredere målgruppe. Derudover vil Dagli’Brugsen kunne øge omsætningen ved at tilbyde online handel, hvor varerne enten kan bringes ud eller afhentes i butikken alt efter, hvad kunderne ønsker. Problemet er opstået ved, at teknologien har været igennem en rivende udvikling den seneste tid, og at der fra kundernes side bliver forventet, at butikken har en hjemmeside, hvor det er muligt at finde informationer og købe varer online. Udviklingen af en hjemmeside med integreret online handel vil imødekomme kundernes behov, som dog kræver, at medarbejderne bliver uddannet i at vedligeholde og opdatere hjemmesiden, da behovet ellers vil opstå igen.

Udannelse af brugere

Ved implementering af nyt system kræver det, at medarbejderne bliver uddannet til at anvende og udnytte systemets muligheder. Hvis medarbejderne ikke bliver introduceret til systemet, vil udviklingen af dette være spild, ligeledes hvis systemet ikke jævnligt bliver opdateret. Derfor kræves det, at Dagli’Brugsen investerer i efteruddannelse til medarbejderne, men inden skal der bestemmes hvilke personer, der skal varetage hvilke opgaver i forhold til det nye system. Det gøres for at minimere spildte omkostninger til

Side 15

14 af 46 efteruddannelse, og at medarbejderne får den uddannelse der er relevant og nyttig for såvel personen og Dagli’Brugsen. Størstedelen af medarbejderne i Dagli’Brugsen bruger IT i hverdagen, og har erfaringer med at anvende intranettet i Dagli’Brugsen, så omkostninger til efteruddannelse er meget begrænset. Alle medarbejderne skal have et kursus i at anvende hjemmesiden med e-handel, hvor der tages imod ordrer, og i at oprette en kunde ved personligt fremmøde i butikken. Uddeleren i Dagli’Brugsen og souschefen skal have uddybende kurser i opdatering og vedligeholdelse af hjemmesiden, og hvordan levering og betaling skal foregå.

Analyse^{18}

I denne del af udviklingsprocessen bliver der stillet specifikke krav til systemet fra brugernes og kundernes side, da udviklingen nu tages op til næste niveau, og de konkrete forslag bliver hver især vurderet, og enten taget med videre eller forsøgt forbedret. De krav og mål, der blev formuleret under foranalysen, skal nu uddybes og forklares, og det er ofte i den forbindelse, der kan vise sig at være behov for justeringer, tilpasninger og en præcisering af problemformuleringen. Her er det vigtigt at brugerne og systemudviklerne får diskuteret alle muligheder og ønsker til hjemmeside, e-handlen og databasen for at få det optimale udbytte og udviklingen kan ske på baggrund af en idé, der er blevet skabt i et tæt samarbejde.

Applikationsstruktur

Computeren i Dagli’Brugsen har Windows XP som styresystem og installeret Office 2003 med programmerne Excel, Word, Sharepoint og Acces, som skal anvendes i forbindelse med hjemmesiden og online bestilling. Da hjemmesiden og databasen er udarbejdet med programmerne i Office 2007, skal Daglig’Brugsen minimum investere i denne udgave af Officepakken. Da uddeler, Kurt Nielsen, også anvender sin private computer til at løse arbejdsopgaver derhjemme, skal denne computer også leve op til disse krav. Kurt fortæller, han anvender Windows 2007 som styresystem på sin privatcomputer og har internetadgang, og derfor er der ingen krav til forbedringer på det område.

18

Pedersen, Benny Juel m.fl., ”Informationsteknologi HHX,” 1. udgave, Dafolo Forlag, 2006, kapitel 21 ”Analyse”

Side 16

15 af 46

               19
Kravspecifikation

Når analysen er færdigudarbejdet startes processen kravspecifikation, der bl.a. omfatter krav til teknologi- og informationsarkitektur. Der skal opnås enighed om kravspecifikationer, der skal være entydige, konsistente og komplette. Kravene er udgangspunkt for udviklingen af systemet og hjemmesiden, og skal helst være fastlagt i denne fase. I praksis må der forventes, at der løbende kommer forslag til systemforbedringer, så kravspecifikationerne skal løbende kunne tilpasses.

Systemdesign^{20}

Når kravene til systemet er udspecificeret og fastlagt, skal designet af hjemmesiden diskuteres. Denne fase skal udmunde i en beskrivelse af webstedet og databasen og skitser dertil. Til at understøtte en detaljeret forklaring af systemet og dets design udarbejdes der

dataflowdiagram, E/R-diagram, roughs og navigationsdiagram. Dagli’Brugsen har ikke

tidligere haft en hjemmeside og ønsker derfor et enkelt websted, som også er enkelt at anvende for kunderne og også skal have høj brugervenlighed. Det har resulteret i, at hjemmesiden er opbygget på idéen om, at det ikke skal være muligt at scrolle ned på siderne, men at hver enkel side fylder det, som øjet ser. Brugerfladen skal være overskuelig og nem at navigere rundt på, så siderne er ens opbygget på baggrund af en dynamisk webskabelon. Øverst på siderne vises logoet fra Dagli’Brugsen, hvor der nedenunder er en menu, som linker til de forskelliges sider. For at gøre siderne mere overskuelige vises der helt til venstre et billede fra butikken, hvor brødteksten skrives til højre for det. [21] Disse to felter er gjort til redigerbare områder i webskaelonen, da de ikke er ens på siderne. Det venstre redigerbare område er fastslåst til, at have en bredde på 250 pixels. Da det er en lokal virksomhed ønsker lederen at inddrage lokalsamfundet, og have dette som primær målgruppe for webstedet. Det betyder, at der på hjemmesiden vises billeder fra butikken, nyheder og navnene på de ansatte for at være så tæt på kunderne som muligt. Roughs er den første prototype af systemdesignet og er velegnet til de første udkast af siden. Her vises hvor medieobjekterne skal placeres i forhold til hinanden og har den fordel, at de udarbejdes på papir. Det gør udkastene nemme at rette i, det sparer tid, kræver ingen IT-

19

Pedersen, Benny Juel m.fl., ”Informationsteknologi HHX,” 1. udgave, Dafolo Forlag, 2006, kapitel 22 ”Kravspecifikation”

20

Pedersen, Benny Juel m.fl., ”Informationsteknologi HHX,” 1. udgave, Dafolo Forlag, 2006, kapitel 23 ”Systemdesign”

21

Bilag 4 – Rough

Side 17

16 af 46 ekspertise, går ikke ned, da de er i papirform og er derfor heller ikke afhængige er en bestemt maskine eller browser. Roughs kan også være mere specifikke og tegnet med beskrivelse af farver, tekststørrelse, skrifttype og billeder, men vi har valgt at anvende den simple form af rough og kun indtegne, hvor medieobjekterne skal indsættes.

                 22
Navigationsstruktur

Navigationsstrukturen er en del af brugervenligheden på hjemmesiden, og det er derfor vigtigt at hjemmesiden er bygget rigtigt op til dens formål. Ved at benytte den hierarkiske struktur [23], giver det hurtigt brugeren via menuen et overblik over sidens indhold. Menuen øverst på alle siderne er konstante på alle siderne, det er derfor nemt at komme fra en underside til et andet menupunkt. På den måde mister brugeren aldrig overblikket over siden og har hele tiden mulighed for at skifte retning i forhold til deres søgen. Under siden nyheder er der desuden links til avisartikler på nettet. Da disse links kan blive ændret eller slettet i årenes løb, skal Dagli’Brugsen altså hele tiden være opmærksomme på, at disse links fungere optimalt.

System- og brugertest^{24}

Når kravene til hjemmesidens funktioner og design er fastlagt, skal systemet systemtestes og brugertestes. Testene udføres for at undgå og imødekomme problemer, som kan medføre enorme omkostninger, hvis systemet skal ændres eller tilpasset efter det er frigivet. Det er både den tekniske del af systemet, der skal testes, men også om brugervenligheden er i top, og om hjemmesiden er relevant for brugerne og kan leve op til deres forventninger. Vi har valgt at teste systemet, ved at afprøve om alle knapper med hyperlinks fungerer, og om links til nyhederne på Coops hjemmesiden også fungerer og leder brugerne hen til den ønskede side. Desuden har vi undersøgt om hjemmesidens format passer til skærmopløsningen på andre computere, således at opbygningen ikke ændres, til trods for at skærmopløsningen gør det. Hjemmesiden er udarbejdet på en ASUS

computer med en skærmopløsning på 1366*768, men skal fungere optimalt ved andre

skærmopløsninger. Derfor er hjemmesiden blevet undersøgt på en Philips med en

22

Pedersen, Benny Juel m.fl., ”Informationsteknologi HHX,” 1. udgave, Dafolo Forlag, 2006, side 141-142

23

Bilag 5 – Navigationsstruktur

24

Pedersen, Benny Juel m.fl., ”Informationsteknologi HHX,” 1. udgave, Dafolo Forlag, 2006, kapitel 24

Side 18

17 af 46

skærmopløsning på 1680*1050. På testcomputeren er skærmbilledet uændret og følger

opbygningen, som siderne er udarbejdet på baggrund af.

Efter den tekniske side af systemet er testet og lever op til kravene om at være brugervenlig og udvise troværdig overfor kunderne, er det vigtigt at hjemmesiden ligeledes bliver testet for eventuelle mangler. Da hjemmesiden er udviklet på baggrund af ”Den Positive Spiral” med brugerinddragelse i alle udviklingsfaser, har vi valgt først at foretage en undersøgelse efter implementering af systemet, da brugernes ønske til hjemmesiden allerede er blevet tager med i kravspecifikationerne og de efterfølgende faser af udviklingen. Når systemet har været i brug ca. 6 mdr. bliver der foretaget en spørgeskemaundersøgelse for kunderne i Dagli’Brugsen og et interview med medarbejderne i Dagli’Brugsen om, hvorledes deres oplevelse med det nye system har været, og eventuelle idéer til tilpasninger af systemet.

Det er vigtigt at følge op på systemet og sikre, det lever op til forventningerne, da det for Dagli’Brugsen ellers vil være en spildt udgift og en chance for at udvide målgruppe og øge omsætningen, virksomheden vil gå glip af.

Leavitts model^{25}

Leavitts model er en grundlæggende model, der tager hensyn til alle vinkler af virksomheden og som påpeger, at der er nære forbindelser mellem delsystemerne.

Virksomheden bliver ved brug af Leavitts delt op i fire forskellige delsystemer: struktur, personer, opgaver og teknologi. Det er gjort for at minimere risikoen for at miste overblikket. Hvis alle elementer i virksomheden, skulle analyseres samtidig, vil det hurtigt blive uoverskueligt, og derfor splitter modellen virksomheden op og fokuserer på mindre dele til analyse og forudsætter, at alt andet er lige. Delsystemerne bliver alle præget af landets kultur, som påvirker hele virksomheden, men derudover er der også forbindelse til omverdenen, som både påvirker virksomheden, men som også bliver påvirket af virksomheden. Det er hvad den dobbeltrettede pil påpeger. Omverdenen kan opdeles i nær-og fjernmiljø [26], hvor Dagli’Brugsen er i konstant kontakt med nærmiljøet. Nærmiljøet omfatter de interne og eksterne interessenter, som er de faktorer, der er tættest på virksomheden og har lettest ved at blive påvirket, men samtidig også er dem, der lettest

25

Pedersen, Benny Juel m.fl., ”Informationsteknologi HHX,” 1. udgave, Dafolo Forlag, 2006, kapitel 11 ”Leavitts model”

26

Bilag 6 – Omverdensmodellen

Side 19

18 af 46 bliver påvirket. Det kan illustreres ved et eksempel, hvor Dagli’Brugsen forsøger at påvirke kunderne til at købe en bestemt vare ved hjælp af promotion, men kunden ønsker kun at købe varen, hvis den dækker deres behov. Det betyder at Dagli’Brugsen og kunderne skal finde en balancegang, hvor de kan leve op til hinandens forventninger og opretholde et tillidsfuldt forhold.

I fjernmiljøet er de faktorer, som Dagli’Brugsen ikke kan påvirke, men blot må finde sig i og tage hensyn til. Det handler bl.a. om lovgivningen i Danmark og EU, hvor

Dagli’Brugsen skal betale skat til Staten og indførelse af fedtafgiften betød prisstigninger, som der skulle tages hensyn til. Andre faktorer fra fjernmiljøet kunne være samfundsøkonomien og kriser, som Dagli’Brugsen ikke har mulighed for at påvirke, men som de samtidig skal tage hensyn til og tage med i deres forventninger til omsætningen og budgettet for de kommende år.

Struktur^{27}

Strukturen danner de rammer, Dagli’Brugsen Alslev arbejder under og er derfor det mest stabile element i Leavitts model. Dagli’Brugsen Alslev går ind for en åben og ærlig kommunikation mellem medarbejderne, hvor arbejdsopgaverne tydeligt er fordelt, og hver medarbejder er bevidst om sin funktion i butikken. Uddeler Kurt Nielsen har y-syn [28] på medarbejderne, hvor han antager de ansatte kan lide deres arbejde og ønsker at udføre arbejdet efter deres bedste evne i en harmonisk medarbejderstab, der præges af selvdisciplin og mulighed for personlig udvikling.

Dagli’Brugsen Alslevs vision og forretningsidé er, at fortsætte med at tjene så meget som muligt og tilbyde kunderne er flot og indbydende butik, som kan yde den bedste service.

Målsætningen og forventningerne til fremtiden er en årlig stigning i omsætningen på 2 %.

Personer^{29}

Personerne i Leavitts model, er medarbejderne i Dagli’Brugsen, og som arbejder inden for de rammer, strukturen har givet. Ved indførelsen af online handel på hjemmesiden vil der hverken blive afskediget medarbejdere eller ansat nye. De ansatte i dag skal blot

27

Pedersen, Benny Juel m.fl., ”Informationsteknologi HHX,” 1. udgave, Dafolo Forlag, 2006, side 191

28

McGregors, Doglas, Teori X og Y, http://www.apro-kom.dk/cm100/, dato: 27. april

29

Pedersen, Benny Juel m.fl., ”Informationsteknologi HHX,” 1. udgave, Dafolo Forlag, 2006, kapitel 12 ”Individ og samfund”

Side 20

19 af 46 introduceres til de nye opgaver, de skal varetage, som vi vil komme ind på i et senere afsnit om Leavitts model. IT bliver mere udbredt blandt virksomheder og i den forbindelse forventes der helt naturligt, at man som person i Danmark fornyer og vedligeholder sin viden og holder sig orienteret inden for IT. Det kommer både arbejdsgiveren og medarbejderen til gode i det lange løb.

Lige over halvdelen af de ansatte i Dagli’Brugsen Alslev er ungarbejdere, som der ikke stilles specielle krav til ved ansættelse udover høj arbejdsmoral og forventninger til, at personen vil passe ind i medarbejderstaben. Derudover er der 3 nøglebærer, som har arbejde i Brugsen som fritidsjob, hvor uddannelse eller kvalifikationer til arbejdet heller ikke har haft stor indflydelse. Så er der to elever, som er blevet ansat med forventning om en god holdning og motivation til arbejdet og som på længere sigt kan bidrage med erfaringerne og evner. Som fastansat er der souschefen, Betty, som sammen med uddeler, Kurt, skal styre butikken til daglig og har ansvaret for, at butikken ser indbydende ud for kunderne, butikken er velopfyldt og at medarbejderne udfører deres job.

Opgaver^{30}

Arbejdsopgaverne for medarbejderne, efter indførelsen af det nye system, bliver suppleret med en række nye opgaver. IT bliver nu en mere integreret del af virksomheden, og det kræves at medarbejderne er omstillingsparate og klar på at lære nyt og introduceres til nye opgaver i forbindelse med arbejdet. Størstedelen af medarbejderne bruger IT i det daglige både på arbejde og i det private, hvilket gør introduktionen af det nye system nemmere.

Alle medarbejderne får til opgave at skulle kunne oprette en ny kunde med tilhørende oplysninger i databasen og give kunden mulighed for at betale ordren ved personlig fremmøde i butikken. Derudover skal uddeler og souschefen på IT-kurser for at kunne varetage kundernes online bestillinger og administrere ordrerne og leveringen. De skal også være i stand til at kunne vedligeholde hjemmesiden og holde den opdateret med nyheder, billeder o.l. Kunden vælger individuelt, om de ønsker levering af varerne på deres adresse, eller om varerne skal afhentes i Dagli’Brugsen. Ved levering får en ungarbejder til opgave at levere pakkerne hjem til kunden.

30

Pedersen, Benny Juel m.fl., ”Informationsteknologi HHX,” 1. udgave, Dafolo Forlag, 2006, kapitel 11 ”Leavitts model”

Side 21

20 af 46

Teknologi^{31}

Teknologien er alle de tekniske midler, der er til rådighed i butikken til det daglige arbejde.

Det indbefatter alt fra kuglepenne og kaffemaskinen til computeren og internettet.

Dagli’Brugsen vil investere i en ny computer til administration af kundeordrerne, da den gamle computer er blevet forældet og ikke indeholder opdateret programmerne til at vedligeholde hjemmesiden og håndtere online bestillinger. Computeren skal indeholde 500 MB RAM, en harddisk på 20 GB og en dualcore processor, for at den skal kunne anvendes i butikken i mange år, før det bliver nødvendigt at udskifte den. Der skal også investeres i software til computeren som Office-pakken, så hjemmesiden kan redigeres i butikken og ordrerne og kunderne kan registreres og opbevares i et kartotek. Desuden skal der anskaffes en hurtigere internetadgang via fastnet, da internettet hidtil udelukkende er blevet anvendt til mail og kommunikation til hovedkontoret, men nu skal bruges mere i det daglige.

Hjemmeside

Kommunikationsmodel^{32}

Det er vigtigt for Dagli’Brugsen Alslev at få kommunikeret det rigtige budskab ud til deres kunder. Brugerne skal altså selv kunne vælge hvilke informationer de ønsker at finde frem til. Forekommer der misforståelser i form af støj, kan det mindske troværdigheden fra afsender.

Derudover er det også vigtigt, at sproget passer til hele deres brede målgruppe. Sproget skal tilpasses alle aldersgrupper og må derfor ikke indeholde for mange fagudtryk, samtidig skal informations-mængden ikke være for stor, da læsehastigheden nedsættes med 25 % når der skal læses på en computerskærm frem for på papir. Derfor bliver siderne ofte skimmede og kun de mest interessante ting bliver læst igennem.

31

Pedersen, Benny Juel m.fl., ”Informationsteknologi HHX,” 1. udgave, Dafolo Forlag, 2006, kapitel 11 ”Leavitts model”

32

Fibiger, Bo, “Kommunikationsteori” http://www.nystrom.dk/htx/Kommunikationsteori.htm

Side 22

21 af 46

I dette afsnit arbejdes der med afsender og modtager for at forstå hvem der kommunikeres mellem, og samtidig meddelelsen og støj for at forstå selve kommunikationen og hvad der kan gå ind og påvirke meddelelsens forståelse.

Afsender

Afsenderen af denne hjemmeside er Dagli’Brugsen Alslev. Butikken ligger i et lille samfund, hvor det er svært at tiltrække kunder, da de fleste arbejder i en nærliggende større by, hvor indkøbsmulighederne er endnu større. Via en hjemmeside forsøges der, at skabe opmærksomhed på butikken og derved tiltrække flere kunder. Dagli’Brugsen har for nylig bygget om i butikken og samtidig udvidet deres sortiment, derudover har de også renoveret frontpartiet på butikken, derved ser bygningen ny og mere spændende ud. Dagli’Brugsen har også foretaget andre tiltag i kampen om kunderne. De har ved hovedvejen mellem Blåvand og Esbjerg placeret et større reklameskilt, hvorpå de reklameres med friskbagt morgenbrød og andre gode tilbud. De forsøger derved at ramme de forbipasserende kunder, som førhen intet anede om butikkens eksistens. Butikken er den eneste dagligvarebutik i byen, som bl.a. ligger tæt på den lokale folkeskole, hallen samt boldbanerne. Dermed er dette område ofte et samlingssted for byens borgere. Det er vigtigt for byen og ikke mindst for indbyggernes muligheder, at Dagli’Brugs er at finde i byen.

Modtager

Modtagerne, også betegnet Dagli’Brugsen Alslevs målgruppe, er hovedsageligt borgerne i Alslev. Det er såvel unge som gamle, der er en del af målgruppen, da Alslev ligger mindst

5 km væk fra den nærmeste større by, og Dagli’Brugsen er den eneste dagligvarebutik i byen, er det derfor en butik alle byens borgere skal kunne benytte sig af. Butikken har samtidig fået et nyere segment tilføjet til deres målgruppe. De forbipasserende bilister der typisk kommer via Hjertinglandevej, er begyndt at køre forbi Dagli’Brugsen og handle ind til køreturen eller på vej hjem fra en lang arbejdsdag.

Meddelelse

Formålet med hjemmesiden er, at informere borgerne i Alslev og omegn omkring deres butik, både i forhold til at vise butikken frem via billeder, men også til at vise medarbejderne frem, for ikke at tale om simple ting som åbningstider. Dermed inddrages kunderne og butikken bliver mere lokal.

Side 23

22 af 46

Hovedformålet med hjemmesiden er online bestilling. Under menuknappen Online bestilling, kan forbrugerne se hvilke muligheder de har, i form enten af en frugt-, grønsags-eller økologipakke. Kunderne kan dermed bestille deres vare over nettet og få dem leveret til hoveddøren, såfremt de i første omgang bor i Alslev. Hjemmesiden signalerer troværdighed, i form af sidens design, som er enkel og overskuelig både i forhold til farver, men også brugervenligheden på siden. Således kommunikerer Dagli’Brugsen altså deres budskab ud til deres modtagere.

Støj

De korte tekster er placeret i logisk rækkefølge, siderne giver derfor hurtigt brugeren et overblik over sidens indhold og gør derved siden overskuelig. Støj gavner på ingen måde hjemmesiden, disse ting skal dermed forhindres på siden. Derfor skal alle links fungere optimalt, billederne skal være placeret ens på alle siderne, samtidig skal alt tekst have samme skrifttype og skriftstørrelse på alle siderne. For at forbygge støj, inddrages der bl.a.

brugertest i opbygningen af hjemmesiden, hvor brugerne kan give til kende, hvis de mener der er elementer i opbygningen af siden der generer dem.

Virkning

Det er vigtigt at vide, at Dagli’Brugsen Alslevs hjemmeside bliver deres visuelle identitet.

Ledelsen skal derfor være opmærksom på, at det image de ønsker at vise modtageren, også skal stemme overens med det indtryk hjemmesiden giver. Dagli’Brugsen ønsker at virke pålidelig og lokal, derfor inddrages bl.a. medarbejderstaben og siden om brugsen også på hjemmesiden. Samtidig er siden struktureret hvilket giver et positivt indtryk, dette gør også, at brugerne automatisk vil opfatte selve butikken som overskuelig og et venligt sted.

Web-adresse for prototype

Vi har valgt at prototypen for Dagli’Brugsens hjemmeside skal hedde: www.daglibrugsen-alslev.dk

Da Dagli’Brugsen er en kæde af massevis af andre butikker i diverse byer, er det derfor vigtigt at få knyttet noget mere konkret til URL-adressen. Derfor inddrages bynavnet, hvilket samtidig også gør siden lokal. Vi har samtidig valgt en bindestreg mellem kædens og byens navn. Derved adskilles det fælles Coop koncept med den konkrete butik i Alslev.

Havde navnene Dagli’Brugsen og Alslev været skrevet ud i ét, vil det være uoverskueligt

Side 24

23 af 46 selv at skulle opdele det lange ord og derved forstå selve budskabet. Samtidig giver bindestregen også en forbindelse mellem de to ord. Havde der f.eks. i stedet været placeret et punktum vil opfattelsen typisk være, at det er to ting der skal adskilles fra hinanden.

Derudover har vi valgt domænet dk, da butikken ligger i en dansk by og dermed også skal indikere det danske gennem web-adressen. Alt i alt, skabes der altså sammenhæng mellem kæden Coop og den individuelle Dagli’Brugsen i Alslev, derudover indikeres der via bindestregen at det er en butik, der ønsker at opfattes som mere end blot endnu en butik i rækken.

Rough^{33}

Hjemmesiden er bygget op via en dynamisk webskabelon, der er delt op via en tabel.

Tabellen har fire rækker og to kolonner, som kun kommer til udtryk i tredje række, da de resterende er flettet sammen til en enkelt kolonne. Den øverste række indeholder et billede af Dagli’Brugsens logo, anden række indeholder sidens menu og hyperlink til resten af hjemmesidens sider. Tredje række består af selve sidens indhold, som er delt op i to kolonner som begge er redigerbare områder. Venstre kolonne er forbeholdt billeder til de forskellige sider, mens der på undersiden kontakt er plads til endnu en menu. Højre kolonne i tredje række er forbeholdt de enkelte siders indhold, her er altså selve teksten placeret. Cellen er indstillet til, at venstre centrerer al tekst. Fjerde række er centreret og indeholder oplysninger omkring butikken, så læseren hurtigt kan finde oplysninger omkring Dagli’Brugsen Alslev. Hele tabellen er centreret, så uanset hvilket format en computer har, vil siden altid være placeret midt på skærmen. Derudover har vi valgt at der ikke må kunne scrolles op og ned på hjemmesiden. Derved har brugeren hele tiden overblik over sidens indhold og mindsker dermed eventuel støj.

Brugervenlighed

Høj brugervenlighed ønskes af alle brugere uanset erfaring og baggrund. Et brugervenligt design og brugervenlige funktioner skal derfor udarbejdes efter målgruppens behov. Det er i den forbindelse vigtigt for Dagli’Brugsen Alslev, at vide hvem deres målgruppe er. Der er dog sat fem enkelte kriterier op for brugervenlighed [34], som vi har opfyldt.

1. Let at lære:

33

Bilag 4 - Rough

34

Molich, Rolf, Brugervenligt webdesign, 1. udgave, Teknisk Forlag, 2000

Side 25

24 af 46

Indlæringstiden for Dagli’Brugsen Alslevs hjemmeside er minimal, da brugeren hurtigt kan danne sig et overblik over sidens muligheder. Menuerne er tydeligt markeret øverst på siden og indikerer tydeligt hvad siden indeholder.

2. Let at huske:

Genindlæringstiden bliver formindsket, idet der på hjemmesiden anvendes et enkelt design, hvor farver og billederne giver et godt indtryk, hvilket vil være noget brugerne vil kunne genkende, og derved vil hjælpe undervejs i deres kommende søgen.

3. Effektivt at bruge:

Daglibrugsen-alslev.dk deler hjemmesiden op via deres mange menuer. Det bliver derfor overskueligt, og nemt at finde rundt. Da indholdet på siden er begrænset, er behovet for diverse undersider også minimeret. Samtidig er sidernes længde begrænset, derved skal brugeren ikke scrolle op og ned på siden, og mister derved ikke overblikket.

4. Forståeligt/pålidelig:

Idet vi i samarbejde med Dagli’Brugsen har udarbejdet hjemmesiden, og dets muligheder med input via et spørgeskema, som kunderne har udfyldt, er siden derfor pålidelig.

Samtidig er siden skrevet på et forståeligt og normalt sprog. I og med at siden formidler deres budskab på en forståelig måde, er komma- og stavefejl tæt på at være noget af det eneste, der kan skabe støj for læseren. Disse faktorer er der dog taget højde for.

5. Tilfredsstillende at bruge:

Da ovenstående punkter er løst korrekt, er chancen for tilfredse brugere også stor.

Dagli’Brugsens hjemmeside har altså fulgt de ovenstående 5 brugervenlighedskrav. Dette viser bl.a. at der er taget højde for brugerne og deres brugssituation. Brugerne har mulighed for at opfordre til ændringer via oplysningerne nederst på hjemmesiden. Ønsker butikken senere at optimere deres hjemmeside yderligere, kan de foretage en brugerundersøgelse og derved få optimeret hjemmesiden endnu mere, da ikke alle brugere

gør Dagli’Brugsen opmærksom på ønsker til små ændringer.^{35}
Farver^{36}

Farvevalget på Dagli’Brugsens hjemmeside er enkel. Kombinationen har en stor

35

Rose, Katja og Nina Sørensen, Brugervenlighed i praksis [en håndbog], 1. udgave, Bogforlaget Frydenlund,

2004.

36

Pedersen, Benny Juel, m.fl., Informationsteknologi hhx, 1. udgave, Dafolo Forlag, 2006, side 116-119

Side 26

25 af 46 betydning, da farver både kan skabe ro, men også forvirring. Farverne på butikkens hjemmeside kaldes RGB-farver, som er sammensat af en rød, grøn og blå komponent, og kan gå ud fra 256 forskellige farveværdier, lige fra ingenting til fuld farve [37]. Sidens gennemgående farve er den samme røde farve som logoet, og en gul farve som tilnærmelsesvis matcher logoet – da den originale gule farve, vil virke for skarp på sidens hvide baggrund. Den gule farve fungerer som farven på menusiden kontakt i form af hyperlink. Dette fungerer ligeledes på siden online bestilling, i form af knappen til bestilling af den ønskede vare. Den røde farve er en ren grundfarve og symboliserer både kærlighed og varme. Farven tiltrækker øjet og skaber opmærksomhed. [38] Den gule farve forbindes med solskin, energi og effektivitet. Samtidig påvirker farven i retningen af optimisme og bedre humør. En sammensætning af disse to farver skaber opmærksomhed og påvirker altså modtageren positivt. En anden detalje som også er gennemgående på hjemmesiden, er den nederste linjes tekst i den grå farve med oplysninger om butikken.

Denne linje er gennemgående på alle siderne og udtrykker elegance, samtidig dannes der en jævn og neutral afslutning på siden.

Typografi^{39}

Alle siderne er ens når det kommer til typografi. Skrifttypen der bliver brugt er Times New

                                                       40
Roman. Dette er en antikva-skrifttype, da skrifttypen er med seriffer. Den er

hensigtsmæssig at benytte, når der kommunikeres via en skærm, så længe tekststykkerne ikke er i større mængder, da teksten ellers kan flyde sammen for øjet. Teksten er sort, hvilket er behageligt, da den træder tydelig frem på den hvide baggrund. Alle overskrifter og vigtige budskaber bliver fremhævet enten med en større skriftstørrelse eller ved at markere teksten med fed.

Billeder

Dagli’Brugsens hjemmeside anvender mange billeder. Fælles for alle siderne på hjemmesiden er butikkens logo øverst på siden. Logoet fylder hele sidens bredde og danner

37

Pedersen, Benny Juel, m.fl., Informationsteknologi hhx, 1. udgave, Dafolo Forlag, 2006, kapitel 7

38

Viden om farvernes betydning, http://www.visible.dk/videnom/Farvers-betydning.php, dato: 12. april

39

Pedersen, Benny Juel, m.fl., Informationsteknologi hhx, 1. udgave, Dafolo Forlag, 2006, side 121-122

40

Skrifttype, http://studiemetro.au.dk/krav/formalia/alfabetisk-oversigt/s/skrifttype/, dato: 13. april

Side 27

26 af 46 dermed rammen om sidens nedenstående budskab. Samtidig danner dette billede blikfang

og skaber lys/farver til siden.

De øvrige billeder bruges på siderne til at underbygge Dagli’Brugsens budskab. Alle billederne er redigeret således at de har en bredde på 250 pixel, højden er der ikke ændret manuelt på, da vi ønsker at bevare proportionerne så billederne ikke mister sin kvalitet.

På forsiden er to billeder placeret til venstre for velkomstteksten. De to billeder illustrerer facaden af Dagli’Brugsen i Alslev, himlen er en smule trist og dunkel, men samtidig fremhæver det også lyset inde fra butikken og logoets stærke farver. På facaden er der hængt billeder op med butikkens indhold og åbningstider. På siden nyheder er et af de facadebilleder placeret. Derved forbinder kunden butikken og hjemmesiden med hinanden.

På menusiden åbningstider er billedet med åbningstider placeret, dette billeder gentager teksten til højre for billedet, men skaber igen sammenhæng mellem butik og websted.

Under menupunktet kontakt er et googlemap kort placeret, således kan de forbipasserende kunder danne sig et overblik over butikkens beliggenhed. I forhold til undersiderne bestyrelsen og medarbejdere kommer der billeder ind senere i forløbet. Siden om brugsen er et billede anvendt, hvor Kurt står uden for den ”gamle brugs”, hvilket også kan forbindes med butikkens historie. Rundt i butikken er et billede af grøntafdelingen samt et billede fra bagerområdet. Samtidig har vi også anvendt et jAlbum på siden, dette vil blive nærmere beskrevet i nedenstående afsnit. Under online bestilling forekommer et billede af facaden, som tegn på at Dagli’Brugsen inviterer brugeren ind i butikken og tilbyder de tre pakkekombinationer. Samtidig vises også et billede af brød, som tegn på, at butikken har mere at byde på, end frugt og grønt. På denne side er der et link til en login side for butikkens medarbejdere. På denne side er et billede af Kurt, som er butikschef og dermed ansvarlig for både butik og hjemmeside. Når kunden har bestilt skal de også logge ind, så butikken kan registrere, hvem der bestiller hvad. På denne login side er også et billede af et af facadens mange billeder. Billedet viser et jordbær, som derved symbolisere friskhed i form af den røde farve. På siden bekræftelse vises et billede af en medarbejder der arbejder i grøntafdelingen, på den måde viser butikken køberen, at deres frugt og grønt bliver kontrolleret og næsten allerede er i gang med at blive pakket til afhentning eller levering.

Samtidig er der også et billede af kødkøleren, for igen at vise butikken udvalg.

Side 28

27 af 46 jAlbum

På siden rundt i butikken har vi valgt at anvende et jAlbum til, at vise alle billederne fra butikken. For at åbne albummet skal brugeren klikke på et markeret link. Albummet ligger ikke inde på siden, da vi har størrelsesbegrænsninger på bl.a. sidens bredde, hvor jAlbummet derved vil overskride dette. Vi har valgt et enkelt design, vi øger derved brugervenlighederne, idet det ikke kræver den store IT faglighed for at kunne klikke rundt mellem de forskellige billeder. Samtidig har vi valgt at alle billederne fra start skal vises i en samlet oversigt, så brugeren hurtigt kan danne sig et indtryk af, hvor mange billeder der er tale om, og nogenlunde danne sig et overblik over hvad billederne egentligt viser. Da selve jAlbummet ikke har indbygget en ”tilbage knap” vil det derfor være svært for en urutineret bruger at finde tilbage til selve Dagli’Brugsens hjemmeside. Vi har derfor valgt selv at placere en ”tilbage knap”, hvilket igen påvirker brugervenligheden positivt, hvilket også er en vigtig faktor i opbygningen af hjemmesiden og dets funktioner.

KISS

Ved forkortelsen forstås udtrykket: ”Keep It Simple and Straight (Stupid)”. [41] Hele dette koncept spender over ideen om enkelthed. Siden skal være så enkel som mulig. Layoutet skal være til at overskue og unødvendige oplysninger skal fjernes. Dette ses blandt andet i hjemmesidens generelle opbygning, hvorpå teksterne holdes korte og via hyperlink i menuen, kan brugeren læse mere. Derved fyldes siden ikke med overflødig tekst, som alle brugere alligevel ikke vil kunne bruge netop i hver enkeltes specifikke søgen. Farverne er også med til at holde siden enkel, da den overordnede menu, samt menuen under kontakt holdes i rød og gul, som også er logoets farver. Derudover har vi også sørget for, at sidens længe ikke overskrider skærmens grænser, derved skal brugeren ikke scrolle ned og har hele tiden overblik over siden.

Gestaltloven

Gestaltloven er en psykologisk teori der har til formål at skabe helhed for brugeren på

hjemmesiden.^{42} For at skabe sammenhæng på siden er det derfor vigtigt at inddrage

gestaltloven.

41

Pedersen, Benny Juel, m.fl., Informationsteknologi hhx, 1. udgave, Dafolo Forlag, 2006, side 135

42

Pedersen, Benny Juel, m.fl., Informationsteknologi hhx, 1. udgave, Dafolo Forlag, 2006, side 135-136

Side 29

28 af 46

Gestaltloven har opstillet fem punkter, hvilket Dagli’Brugsen Alslevs hjemmeside alle opfylder.

• Loven om nærhed ses i form af menuen. Menuens hyperlink knapper er placeret tæt på hinanden og er endda forbundet via en tynd streg.

• Loven om lighed går igen på alle sider, da alle hyperlink har samme knapfarve og at alle overskrifter har samme størrelse, tykkelse og skrifttype. Samtidig under menuen online bestilling, er alle tre pakker opstillet ens.

• Loven om lukkethed ses ligeledes på menusiden online bestilling, her er alle pakkerne ”rammet ind”, selvom der ikke er lavet en decideret streg rundt om hver pakke, kan det stadig fornemmes at skriften danner linjen til venstre, mens billedet danner en linje til højre, og dermed skaber en samlet ramme omkring de enkelte pakker.

• Loven om forbundenhed ses i menulinjen. Her danner de seks hyperlink en linje gennem siden.

• Loven om linjer går igen fra overstående punkt, samtidig danner logoet på toppen af siden kanterne på selve hjemmesiden. Derudover udgør den nederste linje med den grå tekst med kontaktinformationer også en bundlinje for siden, og derudfra danner de i fællesskab en ramme omkring hele siden.

First Things First

Dette princip går ud på, at placere de vigtigste ting øverst på siden, den vigtigste sætning først i teksten, og ikke mindst at de vigtigste ord skal være placeret i overskriften. [43] Ved at Dagli’Brugsen benytter dette giver de hurtigt modtageren et overblik over sidens indhold.

Derved sparer butikken modtageren en masse kræfter på, at søge rundt på siden. Idet vi har valgt at lægge vægt på online booking på Dagli’Brugsens hjemmeside, har vi dermed også forsøgt at gøre det så nemt som muligt for brugeren at benytte denne tjeneste. For at kunne logge ind på siden og bestille, skal man være oprettet som bruger, og dermed have en adgangskode og et brugernavn, hvilket man kan få tildelt i butikken. Man kan bl.a. ringe, og derfor står telefonnummeret på Dagli’Brugsen Alslev nederst på siden sammen med butikkens resterende oplysninger.

43

Pedersen, Benny Juel, m.fl., Informationsteknologi hhx, 1. udgave, Dafolo Forlag, 2006, side. 138

Side 30

29 af 46

Database

Context diagram^{44}

Context diagrammet viser Dagli’Brugsen Alslevs IT-system og kommunikationen mellem virksomheden og dets interessenter. Interessenterne er informationsleverandører eller informationsmodtagere, som befinder sig udenfor systemet. [45] Rektanglerne viser dataleverandører og datamodtagere. Cirklen viser hvilket system der beskrives, mens pilene imellem viser processerne, altså datastrøm mellem interessenterne og systemet.

Dagli’Brugsen Alslev har tre interessenter:

Kunde

Dagli’Brugsens kunder finder det tilbud på hjemmesiden som de ønsker at bestille.

Derefter foretages en ordre bestilling af det ønskede produkt. Dagli’Brugsen Alslev registrerer bestillingen og sender en bekræftelse på bestillingen til kunden.

Bank

Dagli’Brugsen benytter banken til at tage lån i til at investere i udvidelser og til at oprette online bookingsystem, samt udvikling af hjemmesiden. Derudover overføres overskuddet fra kundernes ordrer til banken for at tilbagebetale lånet, mens resten af beløbet sættes ind på en opsparings konto i banken. Dermed får både banken renter i form af deres lån til butikken, mens Dagli’Brugsen også vil få renter for de penge de vælger at have stående i banken.

Ordreregister

Når kunden har bestilt et produkt via onlinebestilling, bliver ordren registreret i ordreregisteret. Der kan Dagli’Brugsen Alslev holde styr på, hvilke ordrer der er foretaget i hvilke perioder. En elektronisk oversigt, bestående af dagens ordre, sendes til butikken, så medarbejderne har mulighed for at se hvad der er bestilt og oplysningerne på hvem der kommer og evt. selv henter varerne. Derved mindskes risikoen for at udlevering sker til den forkerte.

44

Bilag 7 – Context diagram

45

Pedersen, Benny Juel, m.fl., Informationsteknologi hhx, 1. udgave, Dafolo Forlag, 2006, side 77

Side 31

30 af 46

Dataflow diagram^{46}

Dataflow diagrammet for Dagli’Brugsen Alslev viser i delprocessen, hvordan data fra kundens online bestilling på hjemmesiden behandles.

Cirklerne i diagrammet viser de processer, hvor data behandles. Pilene viser input og

output til/fra processerne. De to kartoteker, kunderegisteret og bookingregisteret,

indeholder data og informationer om kunderne og deres bestillinger.

Dagli’Brugsen Alslev har i deres online bestillingssystem seks processer:

Kunden logger på

Kunden henvender sig i butikken og får udleveret et brugernavn og kodeord, som skal bruges ved bestillinger over nettet. I butikken bliver deres personlige oplysninger skrevet op og bagefter gemt i kunderegisteret. Kunden logger nu på med de givne informationer.

Data bliver nu bearbejdet i systemet.

Undersøger om kunde er registreret

Login data sendes til næste proces, hvor der bliver undersøgt om kundens login er blevet oprettet. Kunden skal være oprettet som bruger for at kunne foretage en online bestilling.

På den måde bliver det nemmere både for kunden og Dagli’Brugsen, da data bliver gemt og kan bruges til næste bestilling.

Kunde godkendes

Der sendes en forespørgsel til kunderegisteret, for at undersøge om kunden er oprettet som bruger. Er kunden oprettet sendes de registrerede data direkte videre til selve bestillingen og dermed kan bestillingen fortsætte. Er der eventuelle ændringer fra kundens side, i form af navn eller adresse skal kunden kontakte butikken for at sikre sig, at oplysningerne hele tiden er opdateret. Det er især vigtigt hvis varerne skal bringes ud til en bestemt hjemmeadresse.

46

Bilag 8 – Dataflow diagram

Side 32

31 af 46

Fejl

Hvis kunden ikke er oprettet, eller har forsøgt sig med forkert brugernavn og adgangskode, vil systemet ikke kunne finde brugeren. Vedkommende vil dermed blive informeret om, at det kun er muligt at foretage en online bestilling med de korrekte informationer og at disse oplysninger vil være at hente i Dagli’Brugsen eller via en telefonopringning eller mail til butikken.

Booking registreres

Fra kunderegistreret sendes informationerne om kunden, og bestillingen bliver registreret med kundedata og data om produktet der er bestilt. Den færdige booking sendes til ordreregisteret, hvor den bliver registreret og gemt.

Butikken

Ud fra bestillingerne for hver dag, udarbejdes en oversigt, som sendes til Dagli’Brugsen.

På oversigten kan butikken se hvilke produkter der er bestilt til hvilken adresse og hvornår

produktet bliver afhentet/skal bringes ud.
E/R-diagram^{47}

Der findes forskellige relationstyper, Dagli’Brugsen Alslev har i deres database anvendt ”en-til-mange” (1-M) og ”mange-til-mange” (N-M), derudover findes også ”en-til-en” (1-

1) relationer. Den eneste ”en-til-mange” relation der forekommer, opstår mellem de to tabeller kunde og by. Der kan være flere kunder der bor i én by og dermed er der på forbindelseslinjen mellem tabellerne skrevet 1 og N. ”Mange-til-mange” relationen forekommer mellem de resterende tabeller og er markeret ved at skrive M og N. Både M og N betyder at tallet er et heltal der er større end én. Mange kunder kan bestille mange ordrer, og samtidig bliver mange ordre betalt af mange kunder. Derudover leveres mange ordre ud til mange kunder. Derfor markeres forbindelseslinjen således.

47

Bilag 9 – E/R-diagram

Side 33

32 af 46

Relationer^{48}

I relationstabellen forekommer der ”mange-til-mange” relationer, derved skal der i praksis oprettes en tredje tabel som kaldes en relationstabel. En sådan tabel indeholder referencer til to andre tabeller. I tilfældet hos Dagli’Brugsen Alslev skal der oprettes en relationstabel mellem kunder og ordrer, denne tabel har vi valgt at kalde bestilling. Denne tabel indeholder både nøglen Kunde nr. og Pakke nr.

3. normalform

Definitionen lyder: ”Alle felter, der afhænger af andet end nøglen (indirekte afhængighed)

                  49
i tabellen, splittes ud.” Da tabellen kunder med nøglen kunde nr. ikke er afgørende for en

bys navn, men derimod byens postnummer, skal den dermed splittes ud i en selvstændig tabel. Denne tabel kommer altså til at indeholde postnummer (nøglefelt) og bynavn.

Derefter oprettes en relation mellem postnummeret i tabellen kunder og postnummeret i den nye tabel (post nr.)

Forespørgsel

Vi har valgt at oprette to forespørgsler i databasen som kaldes bestilling og kunder.

Forespørgslen bestilling er oprettet på baggrund af tabellens kunder, bestilling og ordre, hvor de tre nøgler fra de tre tabeller alle indgår sammen med punktet pris. Derudover er forespørgslen kunder baseret på alle de kunder der ønsker at få sine varer leveret hjem til sin egen adresse. Vi har fundet frem til de mest relevante punkter som er: kunde nr., fornavn, efternavn, adresse, post nr. og levering.

Formular

Der forekommer tre formularer i Dagli’Brugsens database. Vi har udarbejdet en samlet liste over alle kunder, en særskilt formular for den enkelte kunde og sidst en liste over betaling af ordrerne via online bestilling.

Den samlede liste (alle kunder) kan Dagli’Brugsen Alslev bruge til at danne sig et overblik over, hvem deres kunder er i forbindelse med online bestilling. Her har de også mulighed for at se hvilket kunde nr., de enkelte kunder har. Ønsker medarbejderne at ændre i en af

48

Bilag 10 – Relationer

49

Pedersen, Benny Juel, m.fl., Informationsteknologi hhx, 1. udgave, Dafolo Forlag, 2006, side 87.

Side 34

33 af 46 kundernes personlige data, kan de bruge dette nr. og dermed søge i den anden formular kunde. Her har personalet mulighed for at rette eventuelle fejl, og det er samtidig også stedet hvor de ønskede ordrer bliver registreret via bestilling over nettet. Medarbejderne har altså mulighed for at gå ind og ændre i bestillingerne, hvilket er en fordel hvis en kunde ringer og fortæller at hun har bestilt forkert. Formularen betaling er en liste med ordre nr., kunde nr., pakke nr. og pris. Denne liste kan udskrives i forbindelse med betaling af de bestilte ordrer. Medarbejderne kan her danne sig et hurtigt overblik over, hvilke kunder der har bestilt hvad, og hvor meget de skal af med.

Rapport

Da Dagli’Brugsen Alslev skal bringe nogle af de ordrer ud, som kunderne bestiller, er det derfor en fordel for dem, at have en samlet oversigt over alle leveringer. På baggrund af forespørgslen kunder udarbejdes derfor en rapport. Denne rapport er altså en kopi af forespørgslen, dog er den sat pænere op og flere detaljer er medtaget. Det kunne være lige så nemt at printe en udgave af forespørgslen, men da det er vigtigt at udvise professionalitet, også udenfor selve butikken, skal leveringssedlen altså også se ordentligt ud.

Programmering

Siderne på hjemmesiden er som udgangspunkt gemt som htm-filer. På siderne login og loginmedarbejdere er der indsat ASP.NET-objekter, hvilket gør at disse sider er redigeret og gemt som aspx-filer. [50] Når databasen skal implementeres på hjemmesiden, skal de to sider igen redigeres og gemmes som asp-filer, for at implementeringen kan gennemføres.

Under fanen Rundt i butikken er der et hyperlink til index-siden, som er lavet i programmet jAlbum. Denne side er gemt som en html-fil.

Overvejelser om sammenkobling mellem hjemmeside og database

Dagli’Brugsen ønsker at minimere risikoen for systemfejl og sikre at brugervenligheden lever op til forventningerne. Derfor ønsker Dagli’Brugsen at få hjemmesiden og databasen

50

Bilag 11 – Eksempel på aspx-filer

Side 35

34 af 46 som en prototype, før den bliver implemeneteret i butikken, og online bestillingen kommer op at køre. Butikken vil have hjemmesiden i 6 måneder, før den skal revideres og tilpasses efter evt. nykomne krav fra medarbejderne. Dagli’Brugsen tager selv stilling til, om hjemmesiden skal lægges op på internettet, så kunderne kan besøge sitet som en prototype og kan komme med feedback til butikken. Butikken kan så tage det med videre til os som systemudviklere, når hjemmesiden skal tages op til revision.

Efter de 6 måneder og når hjemmesiden lever fuldstændigt op til kravene, skal databasen tilkobles hjemmesiden, således at online bestilling kommer til at fungere. For at databasen kan tilkobles, skal hjemmesiden overføres til Frontpage, da det ikke er muligt i importere databasen i Sharepoint Designer. Derefter skal det være muligt for kunderne at blive oprettet og skrevet ind i databasen i Dagli’Brugsen, hvorefter et kundenummer og et kodeord skal skaffe kunderne adgang til online bestilling på hjemmesiden. Når kunden herefter bestiller på hjemmesiden, overføres dataene til databasen, hvor medarbejderne kan se og rette i dem. Medarbejderne har ligeledes et brugernavn og kodeord til, via hjemmesiden, at få adgang til den importerede del af databasen.

Konklusion

Dagli’Brugsen Alslev er den eneste dagligvarebutik i byen og var i 2009 gennem en større renovering. Butikken blev udbygget med 330 m2, så den nu strækker sig over hele 700 m2.

Butikken hører under Coop, hvor alle kæderne har en fælles vision: ”Vi vil være det bedste og mest ansvarlige sted at handle og arbejde.”Derudover har Dagli’Brugsen Alslev et selvstændigt mål om at øge omsætningen, så investeringen af renoveringen kan blivve tjent ind over en kortest mulig årrække. Der er budgetteret med en årligstigning i omsætningen på 2 %. Ved at oprette en hjemmesiden til butikken, kan omsætningen forhåbentlig forøges, og investeringen kan tilbagebetales over en endnu kortere periode. Derudover har kundernes ændrede købsvaner også øget behovet for en hjemmeside. Kundernes hverdag er travl, og det er vigtigt, at Dagli’Brugsen imødekommer lokalsamfundets behov for at købe ind hele dagen. Det er også grunden til, at åbningstiderne er alle ugens dage, men indkøbet kan gøres endnu lettere for kunden. Ved online bestilling af varer tilbyder Dagli’Brugsen at levere varerne direkte hjem til kunden, forudsat at kunden bor i Alslev, hvilket gør at omsætningen forøges ved det øget salg. Teknologien har de seneste år været i

Side 36

35 af 46 rivende udvikling, som også understøtter at behovet for en hjemmeside er der. Det er blevet almindeligt, at enhver butik har en hjemmeside, og kunderne vil snart begynde at forvente, at også Dagli’Brugsen Alslev har en. Teknologien er på andre områder allerede anvendt meget i butikken isæt inden for sikkerhedsforanstaltninger, hvor der er bevægelsescensorer, overvågning af hvem, der er logget på systemet, overvågning af ”usædvanlige køb”, scanning af e-mails og tilkobling mellem alarmen i butikken og uddeler Kurts mobiltelefon. Det forventes, at der inden for de kommende år vil være elektronisk backup foretaget af Coop.

Den primære målgruppe for Dagli’Brugsen er borgerne i Alslev. Som butik i et lokalsamfund er det vigtigt at udvise interesse for det lokale, som butikken vil rette fokus på ved oprettelse af hjemmesiden med informationer om medarbejderne og Brugsens historie. Når målgruppen er så bred, er det nødvendigt at tilpasse sproget og opbygningen på hjemmesiden til alle aldersgrupper, så alle får en god oplevelse ved besøg på sitet. Når hjemmesiden og online bestillingen bliver fuldt ud implementeret i butikken, vil

Dagli’Brugsen få en sekundær målgruppe i form af de bilister, som kører forbi ude på

Hjertinglandevej før/efter arbejde. Det vil være en oplagt mulighed for disse bilister at

bestille en frugt & grønt-pakke, som vil stå klar til afhentning, når kunden ønsker det og på den måde spare tid på at handle ind i en travl hverdag. Det er den primære målgruppe, der er blevet adspurgt i spørgeskemaundersøgelsen, som danner baggrund for udarbejdelsen af hjemmesiden af hjemmesiden med tilkoblet online bestilling. 14 ud af 17 deltagere mente det var en god idé med en hjemmeside, hvoraf de 5 personer umiddelbart virkede interesseret i online bestilling. Det lyder ikke af meget, men ledelsen regner med, at der løbende vil komme stigende interesse for tiltaget. Alle de mulige funktioner, som blev opstillet på spørgeskemaet, er blevet realiseret på hjemmesiden, da der var positive tilbagemeldinger på alle punkter. Derudover vil hjemmesiden være med til at udvide målgruppen med en sekundær målgruppe og dermed også øge omsætningen. Disse faktorer danner tilsammen grundlag for udarbejdelsen af hjemmesiden.

Som tidligere nævnt, skal hjemmesiden passe til en meget bred målgruppe, og det er vigtigt at alle kunder føler, at brugervenligheden er i top, og sitet er relevant og brugbart. Indtil videre har Dagli’Brugsen fået hjemmesiden som en prototype, da de ønsker at teste om den lever op til forventningerne og for at sikre, at det færdige site, som kommer ud til

Side 37

36 af 46 kunderne, er noget de kan stå inde for. Efter de 6 måneder hvor kunderne, hvis ledelsen ønsker det, har haft mulighed for at gå ind på hjemmesiden, og medarbejderne har brugt den, skal hjemmesiden revideres og muligvis tilpasse. Eftersom hjemmesiden er udarbejdet på baggrund af ”Den positive spiral”, og kunderne er inddraget i alle udviklingsfaser, forventes der ikke større rettelser på hjemmesiden. Hjemmesiden er desuden opbygget ved hjælp af KISS-reglen, gestaltlovene og First Things First. Det er med til at øge brugervenligheden, som prioriteres meget højt i butikken, da hjemmesiden er butikkens visuelle ansigt udadtil og er med til at danne et indtryk af butikken. Derfor er det også vigtigt at hjemmesiden bliver vedligeholdt og opdateret således, at der ikke er forældet data på sitet, da det kan give et negativt førstehåndsindtryk af butikken. Uddeler Kurt og souschefen Betty skal deltage på it-kurser, så de kan få kompetencer til at varetage kundernes ordrer og planlægge levering og betaling. Derudover skal de være i stand til at opdatere hjemmesiden med nyhedsartikler, billeder ol. Således vil hjemmesiden være en rentabel investering for butikken, da kunderne vil få en positiv holdning til det og føle sig velkommen på hjemmesiden og ligeledes i butikken.

Side 38

37 af 46

Litteraturliste

• Coop.dk:

Dagli’Brugsen,

http://om.coop.dk/om+coop/vores+butikker/dagli%27brugsen.aspx, dato: 15.

marts

Vision og mission, http://om.coop.dk/om+coop/vision+og+mission.aspx, dato:

15. marts

• Fibiger, Bo, “Kommunikationsteori”

http://www.nystrom.dk/htx/Kommunikationsteori.htm, dato: 30. april

• Interview med butikschef Kurt Nielsen

• McGregors, Doglas, Teori X og Y, http://www.apro-kom.dk/cm100/, dato: 27. april

• Molich, Rolf, Brugervenligt webdesign, 1. udgave, Teknisk Forlag, 2000

• Pedersen, Benny Juel m.fl., Informationsteknologi HHX, 1. udgave, Dafolo Forlag,

2006

• Rose, Katja og Nina Sørensen, Brugervenlighed i praksis [en håndbog], 1. udgave, Bogforlaget Frydenlund, 2004.

• Skrifttype, http://studiemetro.au.dk/krav/formalia/alfabetisk-oversigt/s/skrifttype/,

dato: 13. april

• Viden om farvernes betydning, http://www.visible.dk/videnom/Farvers-

betydning.php, dato: 12. april

Side 39

38 af 46

Bilag 1 – Gantt-kort

Side 40

39 af 46

Bilag 2 - Spørgeskema

Spørgeskema

Oprettelse af hjemmeside

Spørgsmål 1: Synes du, det vil være relevant for Dagli’Brugsen Alslev at oprette en hjemmeside?

Ja

Nej

Spørgsmål 2: Hvad vil du bruge hjemmesiden til?

Tjekke åbningstider

Online bestilling af frugt og grønt

Læse nyheder

Læse om Brugsen og dens historie

Tjekke kontaktoplysninger

Læse om medarbejderne

Andet (Skriv venligst nedenfor)

------------------------------------------------------------------------------------------------------

------------------------------------------------------------------------------------------------------

------------------------------------------------------------------------------------------------------

------------------------------------------------------------------------------------------------------

------------------------------------------------------------------------------------------------------

--------------------------------------------

Nedenstående spørgsmål skal kun besvares, hvis du ønsker at anvende online bestilling af varer

Spørgsmål 3: Hvor tit vil du anvende online bestilling af frugt og grønt

Hver dag

2-3 gang ugentligt

1 gang ugentligt

Hver 2.-3. uge

Sjældnere

Spørgsmål 4: Hvilken Frugt&Grønt-pakke vil du foretrække at bestille?

Udelukkende frugt

Udelukkende grønt

Blandet økologisk frugt og grønt

Besvarelserne bedes afleveret i Dagli’Brugsen Alslev

Tak for hjælpen! ☺

Side 41

40 af 46

Bilag 3 - Svar på spørgeskema:

17 deltagere

Spørgsmål 1: Synes du, det vil være relevant for Dagli’Brugsen Alslev at oprette en hjemmeside?

Svarmuligheder:

1) Ja: 14

2) Nej: 3

Spørgsmål 2: Hvad vil du bruge hjemmesiden til?

Svarmuligheder:

1) Tjekke åbningstider

2) Online bestilling

3) Læse nyheder

4) Læse om Brugsen og dens historie

5) Tjekke kontaktoplysninger

6) Læse om medarbejderne

Andet: Skrive mails til Brugsen

Er det relevant med en hjemmeside?

Ja

Nej

Hvad vil du bruge siden til?

Side 42

41 af 46

Spørgsmål 3: Hvor tit vil du anvende online bestilling af frugt og grønt

Svarmuligheder:

1) Hver dag

2) 2-3 gange ugentligt

3) 1 gang ugentligt

4) Hver 2.-3. uger

5) Sjældnere

Spørgsmål 4: Hvilken Frugt&Grønt-pakke vil du foretrække at bestille?

Bilag 4 – Rough

Online bestilling

Hvilken pakken vil du bestille?

Udelukkende frugt

Udelukkende grønt

Blandet økologisk frugt og grønt

Side 43

42 af 46

Bilag 5 – Navigationsstruktur

Bilag 6 - Omverdensmodellen

Bilag 7 – Context diagram

Side 44

Bilag 8 - Dataflow diagram
DATAFLOW DIAGRAM
KUNDE
LOGGER PÅ
DATA SENDES
UNDERSØGER OM KUNDE ER REGISTRERET
FØRSPØRGSEL
KUNDE REG.
JA
KUNDE GODKENDES
NEJ
FEJL, OPRET EN KONTO I BUTIKKEN
KUNDE INFO
BESTILLING
BESTILLING REGISTRERES
FÆRDIG BESTILLING
ORDRE REG.
43 af 46

Side 45

44 af 46

Bilag 9 – E/R-diagram

Bilag 10 – Relationer

Side 46

Bilag 11 - Eksempel på aspx-filer
Websted   Default.htm   6.1login.aspx
<body> <table.style4> <tr> <td.style3> <DWT:editable> <table> <tr>
Skabelon1.dwt
90 </td>
91 <td class="style7" style="height: 24px; width: 50%">Sådan virker
92 det:</td>
93 </tr>
94 <tr>
95 <td style="width: 15%; height: 39px;" valign="top">
96 Kodeord:   </td>
97 <td style="width: 30%; height: 39px;" valign="top">
98 <asp:TextBox runat="server" id="TextBox2">
99 </asp:TextBox>
100 </td>
101 <td style="height: 39px; width: 50%">Ring til
102 Brugsen, send en
103 mail eller bliv
104 oprettet som
105 kunde nede i
106 Brugsen</td>

Forside   Nyheder   Åbningstider   Kontakt   Rundt i butikken   Online bestilling
Brødtekst
Login
tble
E-mail:
Kodeord:
OK
Sådan virker det:
Ring til Brugsen, send en mail eller bliv oprettet som kunde nede i Brugsen
Betaling foregår udelukkende i Dagli'Brugsen Alslev.
Design   Opdel   Programkode
45 af 46

Se opgaven i originaldokumentet eller gå til tekstens begyndelse.

Materialet

Fuld skærm

Opgaven åbner, når du ruller ned til den.