1 Indledning
*2. Design
*2.1 Stil
*2.2 Typografi
*2.3 Farver
*2.4 Sammensætning
*3 Implementering
*3.1 Nuværende implementation
*3.2 Optimal implementation
*4 Dokumentation
*4.1 Opstart
*4.2 Navigations menuen
*4.3 Brug af hjemmesiden
*4.3.1 Om L.H. Foder
*4.3.2 Varer
*4.3.3 Kontakt
*4.3.4 Links
*5 Internet handel
*5.1 Simpel database
*5.2 Avanceret database
*5.2.1 Tabeller i 3. normalform
*5.2.2 Relationer i databasen
*6 konklusion
*7 kildeliste
*
Jeg vil i denne opgave designe, implementere og dokumentere en hjemmeside for virksomheden L.H. Foder.
L.H. Foder er en virksomhed der handler med landbrugsartikler, alt ligefra foder til hegn.
Målet med hjemmesiden er at gøre potentielle kunder i L.H. Foders omegn opmærksomme på dens eksistens. Dette betyder at hjemmesiden vil præsentere L.H. Foders vare sortiment, kontakt- informationer og anden nyttig information.
Rapporten vil lægge mest vægt på opbygning og implementering af hjemmesiden, men vil også indeholde oplysninger om hvilke foranstaltninger der skal oprettes for at det er muligt at for L.H. Foder at handle via Internet.
En hjemmeside er en grafisk brugergrænseflade, som brugeren bliver præsenteret ligeså snart siden er indlæst. En sådan grafisk brugergrænseflade er nyttig når man ønsker at formidle et budskab, i denne rapports tilfælde - L.H. Foders tilstedeværelse på det østjyske marked for landbrugsartikler.
Da hjemmesidens budskab er af forretningsmæssig karakter vil jeg lægge vægt på at hjemmesiden bliver så funktionel som mulig. Dette betyder at der ikke vil blive benyttet smarte farveeffekter og store tunge animationer.
Som enhver avis har sit eget unikke design, så har L.H. Foder også et design der er gennemgående for deres reklamer. Internet hjemmesiden vil blive opbygget så den ligner det man kan se i L.H. Foders reklamer (blå/hvid farver samt letlæselige skrifttyper).
For at give brugeren et positivt syn på hjemmesiden er det vigtigt at fastlægge hvilke skrifttyper der vil blive benyttet, da det virker forvirrende hvis mange forskellige skrifttyper bliver benyttet på den samme side.
Overskriften på hjemmesiden vil blive skrevet med plakatskrift, som er størerne og bredere end de andre skrifttyper, og på den måde skiller sig ud.
Til alle undertitler og overskrifter vil der blive benyttet en såkaldt grotesk skrift, som er mindre end plakatskriften, men størrere end antikva skriften.
Til alle tekstafsnit og billedkommentarer og lignende vil der blive benyttet en læsevenlig antikva skrift, som sikrer at brugeren får det bedst mulige indtryk af hjemmesiden, og dermed virksomheden.
De enkelte sider på hjemmesiden der udelukkende indeholder tekst vil vise monospatierede skrifter, skrifter hvor alle tegn fylder det samme (samme som "ligemarginer"). Alle andre sider vil benytte en proportional skrift, hvor de enkelte tegn ikke nødvendigvis fylder det samme (samme som "Venstre-" og "Højrestillede" og "Centreret").
Gennem alle hjemmesidens sider vil der kun blive benyttet to skriftgarniturer. Disse skriftgarniturer er:
- Den fede skrift, der anvendes ved fremhævning af enkelte ord eller overskrifter.
- Den understregede skrift, der anvendes ved hyperlinks (Internet henvisninger)
Skriftens størrelse vil variere alt efter om det er plakatskrift, grotesk skrift eller antikva skrift. Ved plakat skrift og grotesk skrift vil det være formålstjenligt at benytte en passende størrelse. Ved antikva skriften vil størrelsen være ca. 10-12.
For at hjemmesiden skal virke overskuelig og funktionel er det nødvendigt at fastlægge hvilke farver der kan benyttes. Som tidligere nævnt bruger L.H. Foder blå og hvid i deres nuværende reklame materiale, og derfor vil hjemmesiden også benytte lignende farver.
Til plakatskriften vil en hvid skrift på blå baggrund være passende. Denne farve kontrast er behagelig at se på og efterlader samtidig ingen tvivl om hvad der står. Til antikva og den groteske skrift vil udelukkende være sort på hvid baggrund, da den sorte farve er meget letlæselig på en hvid baggrund.
Det er vigtigt at fastholde dette farveskema gennem hele hjemmesiden, også ved navigationsmenuer og lignende, da siden ellers vil virke uoverskuelig og uorganiseret.
Designet skal være så enkelt som muligt og farveantallet skal derfor minimeres, og de valgte farver skal anvendes med omhu. Det er også vigtigt at hjemmesiden ikke indeholder mange "knapper", men kun de allermest nødvendige "knapper". Der kan evt. laves en "knap" der henviser til en mere dybdegående konfiguration.
Denne enkelthed skal også overholdes ved valg af tekst, der skal ikke stå noget som er unødvendigt.
De valgte farver skal stå i god kontrast til hinanden, da det øger forståelsen af et billede eller tekst, og samtidig gør hjemmesiden mere spændende.
For at skabe opmærksomhed omkring den siden som brugeren vælger er det vigtigt at markere hvilke elementer, der tilhører hvad. F.eks. ville det være en god idé med en sort kant til at afgrænse de enkelte elementers område. Disse isolerede elementer tiltrækker øjet mere end hvis de ikke er isoleret (gestaltlovene om nærhed og lukkethed).
Ved sammensætningen af siderne er det vigtigt at der er en vis symmetri, der kan øge overskueligheden af hjemmesiden.
Således at når en bruger har brugt een side også straks kan benytte en anden.
I dette kapitel vil jeg beskrive hvordan hjemmesiden er implementeret, og hvilke ændringer der bør foretages før at hjemmesiden virker optimalt.
Som hjemmesiden er opbygget nu, er den bygget op på baggrund af en række gratis ydelser udbudt på Internettet. Det WebHotel, som den nuværende hjemmeside benytter er firmaet FortuneCity. De tilbyder gratis WebHotel, op til 20mb data, samt en gratis email adresse. Dette WebHotel er et af de mest pålidelige og længst levende gratisudbyder. Derfor kan L.H. Foder godt fortsætte med at benytte FortuneCity.
Det domæne, som er benyttet til udarbejdelsen af hjemmesiden er også tilbudt af en gratis udbyder. Denne gang er det Internet virksomheden DHT. De tilbyder at man gratis kan få en nem Internet adresse. En sådan adresse koster normalvis 200kr i oprettelse.
Den nuværende implementering af hjemmesiden kan benyttes til fulde, dog forudsat at de to gratisudbydere, FortuneCity og DHT fortsætter deres ydelser.
For at L.H. Foder’s hjemmeside kan fungere optimalt, uafhængig af forskellige udbydere, er det nødvendigt med en række investeringer. Disse investeringer er ikke uoverkommelige, men kan hvis det ønskes undværes jf. afsnit 3.1.
Den hastighed, som det nuværende WebHotel tilbyder er ikke stor og kan forbedres hvis der investeres i et kommercielt WebHotel som f.eks. PI.DK, Tele Danmark Internet, Get2Net eller lignende udbyder. Fælles for disse udbydere er at de kræver et oprettelsesbeløb, samt en abonnementspris.
Fordelen ved at investere i et WebHotel er, at man kan være sikker på en stabil udbyder, der ikke pludselig ændrer sin politik angående hjemmesidernes indhold (nogle gratis udbydere ønsker ikke kommercielle hjemmesider). Derudover er man sikker på at den private bruger af hjemmesiden opnår den optimale ydeevne at sit system, da de kommercielle udbydere ofte har hurtigere/bedre/mere stabile forbindelser til brugeren end gratisudbyderne.
Det domæne som L.H. Foder benytter nu er baseret på DHT’s gratis ydelse, og kan blive inddraget, hvis DHT ændrer sin politik, eller hvis de stopper ydelsen. For at modvirke dette kan der investeres i et permanent domæne, f.eks. www.lhfoder.dk, et sådan domæne koster 200kr i oprettelse og vil kun kunne ændres på ejerens ønske (f.eks.: hvis L.H. Foder køber www.lhfoder.dk, så er det kun L.H. Foder der kan ændre indstillingerne for domænet!).
Denne dokumentation dækker L.H. Foders Internet hjemmeside. Den er udarbejdet som en startvejledning, der fortæller den nye bruger hvad systemet kan gøre for ham, og hvordan det bruges i praksis.
Dokumentationen vil derfor være nyttig ved det første møde med hjemmesiden, og vil hjælpe brugeren rundt, skridt for skridt.
For at komme ind på L.H. Foder’s hjemmeside er der to krav der skal være opfyldt.
Når begge disse punkter er opfyldt kan man hurtigt komme ind på L.H. Foder’s hjemmeside.
Man tager musen og klikker i feltet "Adresse" eller "Location". I dette felt skriver man så :
Hvorefter programmet begynder at indlæse siden.
Ved det første møde med hjemmesiden ser man de tre hovedelementer i siden: logo, navigations menu og et tekst felt. På hjemmesiden er det navigations menuen der er det vigtigste element, da de resterende to elementer ikke kan benyttes af brugeren.
Navigations menuen befinder sig i skærmens højre side, og er afgrænset med en sort linje. Menuen består af lede-ord der kan benyttes til at bevæge sig rundt på hjemmesiden.
På denne navigation menu findes der fire lede-ord:
Ved klik på hvert af disse lede-ord vil hjemmesiden skifte indhold, og vise det valgte indhold til brugeren.
F.eks.: Hvis brugeren klikker på "Om L.H. Foder", så vil hjemmesiden vise en side indeholdende en kort beskrivelse af L.H. Foder.
For bedre at kunne benytte hjemmesiden vil denne dokumentation nu gennemgå hvert af de enkelte punkter i navigations menuen.
Dette er det første punkt på navigations menuen. Ved at klikke på teksten "Om LH Foder" så vil hjemmesiden vise en tekst om L.H. Foder.
Denne tekst beskriver ganske kort hvad L.H. Foder er, hvor den ligger samt hvad L.H. Foder handler med. Siden indeholder endvidere en henvisning til "Kontakt" punktet i menuen.
Dette punkt er det mest omfattende punkt på L.H. Foders hjemmeside. Ved at klikke på lede-ordet "Varer" i navigations menuen vil man blive præsenteret for overskrifterne til de forskellige varetyper L.H. Foder sælger.
Ved at klikke på f.eks. "Foder" vil brugeren blive præsenteret for de forskellige typer dyrefoder der sælges hos L.H. Foder. Herfra er det igen muligt at vælge sig ind på de følgende underpunkter. F.eks. kan man under punktet "Foder" vælge at se noget foder til hunde, derfor klikkes der på "Hunde". På skærmen vises nu følgende:
På samme måde er det muligt at "klikke sig ind" på billeder af de forskellige typer hegn, foder og udstyr.
Under dette menu punkt er det muligt at finde informationer om L.H. Foders adresse, telefon nummer, Internet adresse, m.v.
Dette menu punkt indeholder nyttige links/henvisninger til andre Internet hjemmesider, der indeholder materiale, der kan være i brugerens interesse. F.eks. links til dyreforeninger, producenter, Internet søgemaskiner og lignende.
Hvis L.H. Foder skulle ønske at udvide virksomheden til også at dække handel med varer på Internet, så er det nødvendigt at oprette en ny database, samt at foretage en række ændringer i de eksisterende databaser.
Den nye database skal indeholde vareinformationer, der kan lægges på Internettet. En sådan database bør indeholde to tabeller. En tabel indeholdene varepriser, samt en anden tabel indeholdende øvrige oplysninger:
(bemærk: celler markeret med "*" angiver nøglefeltet i den enkelte tabel)
Pristabel:
|
Varenummer* |
Pris |
Informationstabel:
|
Varenummer* |
Beskrivelse |
Oplysninger angående levering |
Internet link til producent |
Disse to tabeller er nødvendige for at kunne give kunden den fornødne information, samt at gøre det lettere/hurtigere for L.H. Foder at opdatere priser m.v. Det er med disse to tabeller kun nødvendigt at indlæse pristabellen, hvis der er sket prisændringer, samt informationstabellen hvis varens beskrivelse er blevet ændret.
For kunden betyder det at søgningen går hurtigere, da man kan søge på efter pris, varenummer og beskrivelse.
Disse to tabeller skal opbevares og opdateres på Internet, og de skal derfor sende ordre oplysninger til L.H. Foders eksisterende ordresystem.
Denne metode kan dog automatiseres ved at ændre både i det eksisterende ordresystem samt den fiktive Internet database. Der skal bl.a. oprettes en database på Internet, som automatisk læser ordrer ind i L.H. Foders eksisterende ordresystem og faktureres derfra.
For at bestillingssystemet kan arbejde fuldt automatisk er det nødvendigt at udvide den ovenstående database med de følgende tabeller og relationer.
5.2.1 Tabeller i 3. normalform
Ordretabel:
|
Ordre nummer* |
Kunde nummer |
Bestillings nummer |
Kundetabel:
|
Kunde nummer* |
Navn |
Adresse |
Adgangskode |
Betillingstabel:
|
Bestillings nummer* |
Vare nummer |
Antal |
For at benytte den avancerede database er det nødvendigt at have et system der er i stand til at håndtere kundeoplysninger, vareoplysninger samt bestillinger. De tre ovenstående tabeller er alle ført frem til 3. Normalform, og er klar til benyttelse. Udover disse tre tabeller findes de to tabeller fra afsnit 5.1 i denne database.
Ved hjælp af denne database er det nu muligt at oprette en kunde, der herefter kan bestille varer direkte hos virksomheden.
Cellen "Adgangskode" i kundetabellen er nødvendig for at sikre at der ikke opstår misbrug af systemet. Ved at uddele en personlig adgangskode til kunden minimeres risikoen for misbrug.
Når databasen og dens tabeller er bragt frem til den 3. Normalform er det muligt at oprette relationer mellem cellerne i de enkelte tabeller. Relationerne ser ud som følger:
|
Bestillings nummer |
Kunde nummer |
Ordre nummer* |
||||
|
Har |
Har |
|||||
|
Kunde nummer* |
Navn |
Adresse |
Oplysninger |
|||
|
Bestillings nummer* |
Vare nummer |
Antal |
||||
|
Har |
||||||
|
Vare nummer* |
Pris |
|||||
Af ovenstående figur fremgår det, at der kun findes én-til-mange relationer i databasen. En én-til-mange relation er når der for hver post i den ene celle eksisterer én eller flere poster i den anden celle.
I ordretabellen er der derfor 1-n relation mellem cellen "Bestillings nummer" og cellen "Bestillings nummer" i bestillingstabellen, da der kun findes én post i bestillingstabellen, men der tilgengæld godt kan findes flere bestillings numre i ordretabellen. Sagt med andre ord: Det er muligt at bestille flere forskellige varetyper pr. ordre.
Ligeledes gælder det, at der er 1-n relation mellem cellen "Kunde nummer" i ordretabellen og cellen "Kunde nummer" i kundetabellen. Dette kan fremstilles meget logisk: Der findes kun én kunde med et givent kundenummer, men denne ene kunde kan naturligvis indgive flere ordre – altså kundenummeret kan fremstå flere gange i ordretabellen, og kun én gang i kundetabellen.
Når man beslutter sig for at oprette en hjemmeside på Internet er det vigtigt at beslutte sig for hvilket design denne skal have. Hvis man ikke fastlægger hvilke farver, skrifttyper, og lignende så er det nemt at forvirre brugeren. Det er vigtigt at brugeren oplever hjemmesiden som en sammenhængende helhed, da der ellers opstå kommunikations fejl.
Herefter bør man fastlægge et budget for hvor meget det må koste at implementere hjemmesiden. I denne rapports tilfælde skulle det hele foregå omkostningsfrit. Dette har gjort at hjemmesiden ikke virker optimalt, dog virker den fejlfrit – ved et kommercielt WebHotel opnår man større stabilitet og mindre ventetider for brugeren.
Når disse overvejelser er foretaget er det bare at gå i gang med projektet, som ikke tager lang tid at gennemføre.
Efter hjemmesiden er blevet fuldt implementeret kan det være smart at lave en startvejledning til brugeren, så hjemmesiden ikke kun er tilgængelig for folk der er vant til at benytte Internettet.
Det sidste kapitel i denne rapport behandler et fiktivt emne, da L.H. Foder ikke har nogen planer om at indføre handel via Internet. Men det er naturligvis også nødvendigt at planlægge databasernes opbygning før en implementering.
Bøger:
Rolf Molich, Brugervenlige edb-systemer, 2. Udgave 1997, Teknisk Forlag
Kurt Lindgren, Access 97, 5. Udgave april 1998, KK Consult
Stephen L. Nelson, Microsoft FrontPage 98 – på et øjeblik, 1997, Forlaget Globe
Orla Dam Pedersen, udleverede ark om normalisering og ER-diagrammer.
Programmer:
Microsoft FrontPage
Microsoft Access
Microsoft Word
Microsoft Internet Explorer
Netscape Navigator
Stone’s WebWriter 2.0
Paint Shop Pro 5.0
Internet:
Hjælperedskaber:
Digitalt kamera venligst udlånt af Hadsten Foto i Hadsten Centeret.