rapport (.pdf)

MMD Hold DK3 Gruppe 6 

Odense Tekniske Skole 

Style and Experience 

1.semester, November-December 2007 

Indledning ..................................................................................................... 3 

Kommunikation .................................................................................................... 4 

1. Research og analyse af den givne stil .......................................................... 4 

1.1 Dekonstruktivisme og dens karakteristika ............................................... 4 

2. Udforskende research og analyse ................................................................ 6 

2.1 Visuelle og auditive sanseindtryk fra RCA .............................................. 6 

2.2 Idékatalog ............................................................................................... 7 

2.3. Eksempel på dekonstruktivistisk website ............................................... 9 

2.4 Målgruppen ........................................................................................... 10 

2.5 Indarbejdelse af dekonstruktivisme....................................................... 11 

Projectstyring ..................................................................................................... 15 

3. WPS og gruppeproces................................................................................ 15 

3.1.1 Introduktion ........................................................................................ 15 

3.1.2 Projektmål .......................................................................................... 15 

3.1.3 Sitemap.............................................................................................. 16 

3.1.4 Funktionelle specifikationer................................................................ 17 

3.1.5 Tekniske specifikationer.................................................................... 18 

3.2 Konsensus-dokument ........................................................................... 19 

3.3 Evaluering af gruppeproces .................................................................. 20 

Interaktion .......................................................................................................... 21 

4. Kode ........................................................................................................... 21 

4.1 MenuScript............................................................................................ 21 

4.2 TopScript............................................................................................... 22 

Konklusion .................................................................................................. 24 

Litteraturliste ............................................................................................... 25 

Bilag 1: Indtryk indsamlet ved besøg på Fyns Væddeløbsbane ................ 26 

Bilag 2: Forklaring af designprincipperne.................................................... 27 

Bilag 3: 3D element..................................................................................... 28 

Bilag 4: Screenshot af ACID ...................................................................... 29 

Bilag 5: Ansvarsområder............................................................................. 30 

Bilag 6: Logbog ........................................................................................... 31 

Bilag 7: Screenshot af forsiden til det nye web site..................................... 34 

Jesper Kruse Gundersen, Michael Steen Hansen, Kristian Baastrup Jensen og Ole Svendsen 

2



Indledning 



Vi har fået til opgave at give et bud på en ny oplevelses hjemmeside til Fyns 

Væddeløbsbane. Eller som den nu hedder Royal Canin Arena. 

RCA ønsker, at den nye hjemmeside vil være med til at skabe et bredere 

interesse- og indtjeningsgrundlag for deres aktiviteter, og de har endvidere 

følgende ønsker til indholdet af et web site: 

• en præsentation af RCA 

• en oplevelsesmættet præsentation af hovedattraktionerne 

• en underside med vigtige informationer og nyheder 

• en underside med minimum en ny og spændende attraktion 

• en underside som vægter sociability-værdien 

Opgaven beskriver vores bud på, hvordan vi har implementeret RCA’s ønsker, 

og vi har valgt at bruge et dekonstruktivistisk design, som primært retter sig mod 

unge 18-25 årige. 

Endvidere beskriver opgaven vores arbejde med research, analyse og 

idéudvikling, samt arbejdet med at producere selve hjemmesiden. 

Vi har også udarbejdet en WPS (Web Project Specification), som skal danne 

grundlag for de videre forhandlinger med kunden vedrørende design, funktioner 

og tekniske specifikationer. 

Endelig har vi beskrevet arbejdet i vores gruppe og til sidst konkluderet på 2 

ugers arbejde. 


3



Kommunikation 

1. Research og analyse af den givne stil 

1.1 Dekonstruktivisme og dens karakteristika 



Den franske filosof Jacques Derrida 1 er ophavsmand til den filosofiske og 

litterærkritiske analysemetode kaldet Dekonstruktivisme, som hævder, ”at der 

ikke er én korrekt tolkning af et værk, men at et værk derimod altid kan 

dekonstrueres (nedbrydes) i mange mulige tolkninger.” 2 

I Dekonstruktivismen prioriteres læsbarhed frem for læselighed. Det vil i praksis 

sige, at vores websider på en måde skal kunne ”læses” uden kun at blive læst i 

traditionel forstand. 

Billeder og tekst skal glide sammen og siderne opbygges af lag på lag. Ofte er de 

anvendte skrifttyper forvrængede og mere eller mindre ødelagte, og der 

anvendes gerne forskellige størrelser og fonte på samme side. Mangel på 

forventelige linieafstande og fejlagtig tegnsætning er også brugbare elementer. 

Farverne er ikke de klare og rene, men mere de” beskidte og grumsede” samt 

grå og sort. 

Brug af visuelle effekter og lån fra andre kilder er fremherskende, og siderne 

fremstår ofte fragmenterede og ufærdige. Man arbejder bevidst med et urent 

udtryk, der ved første øjekast kan fremstå som fejl eller ”støj”, men ”fejlene” er 

netop med til at definere det ønskede udtryk. 

Stilarten har vist sig at være særdeles anvendelig inden for bl.a. design og 

reklame, da computerteknologien har givet et utal af nye muligheder for netop at 

udtrykke denne stilart. 

1 Jacques Derrida. (2007, November 26). In Wikipedia, The Free Encyclopedia. Retrieved 09:07, 

November 27, 2007, from http://en.wikipedia.org/w/index.php?title=Jacques_Derrida&oldid=173864513 

2 Dekonstruktion. (2007, oktober 2). Wikipedia, Den frie encyklopædi. Hentet 09:49, november 27, 2007 

fra http://da.wikipedia.org/w/index.php?title=Dekonstruktion&oldid=1628515. 


4





Arkitekter har også ladet sig inspirere af denne stilart, hvilket har skabt bygninger 

af hidtil usete former og fremtræden. 

”Dekonstruktivisme. Arkitekturretning opstået i slutningen af 1970'erne med den 

hensigt at realisere arkitekturen som en selvstændig struktur med opgør mod 

klassiske arkitektoniske begreber som konstruktion, funktion og form”. 3 

Imperial War Museum North. Massachusetts Institute of Technology 

Arkitekt: Daniel Libeskind Arkitekt: Frank Gehry 

3 Retskrivningsordbogen. Hentet november 26, 2007 fra 

http://sproget.dk/search?SearchableText=Dekonstruktivisme&submit=Start+s% 


5



2. Udforskende research og analyse 

2.1 Visuelle og auditive sanseindtryk fra RCA 




6



(Se flere: bilag 1) 

2.2 Idékatalog 



Vi tror, at Royal Canin Arena kan tiltrække unge 18-25 årige ved at tilbyde 

nedennævnte nye aktiviteter for gæsterne. 

1. Nye former for løb. 

Vi er overbeviste om, at nye former for løb vil kunne 

tiltrække vores aldersgruppe. Her følger et par ideer: 

1) En slags forhindringsløb, hvor banen opbygges 

med chikaner af forskellig slags. 

2) Sprintdistancer over korte afstande, hvor der er høj 

spænding fra start til slut. 

3) Matchrace, som det kendes fra sejlsport, hvor to 

heste og kuske dyster mod hinanden, og vinderen går 

videre til næste runde. 

Alle ovennævnte tiltag skal selvfølgelig udarbejdes i 

samråd med eksperter i heste og dyrevelfærd. 


7



2. GameZone - Aktiviteter for gæsterne mellem løbene. 

3. Tema-arrangementer. 



I vor tids zapperkultur er pauser noget man skal 

undgå. 

4. Uploade film til YouTube. 

Derfor foreslår vi, at der indrettes et område, hvor 

gæsterne kan udfolde sig aktivt, uden at det vil stjæle 

opmærksomheden fra det, der foregår på banerne. 

Der kunne opstilles følgende: Bordfodbold, dart, pool, 

bordtennis og lignende til fri afbenyttelse, samt evt. 

Roulette og Blackjack, hvor der spilles om penge. 

Man kan et par gange i løbet af en sæson arrangere 

løb, hvor der indgår et tema. 

Temaet kan f.eks. være Western, og en del af 

programmet må godt være mere showagtigt. 

Der kan vises westernridning af forskellig slags og 

måske vises tilridning af nye heste (á, la rodeo med 

kvæg) m.m. 

Præsentation og salg af udstyr er en anden mulighed. 

Vi tror at begge ”verdener” kan drage fordel af et 

samarbejde. 

Det vil være oplagt at uploade film til YouTube. Her 

søger masser af mennesker oplevelser af alle slags. 

Filmene kan indeholde morsomme ting, opløb o.m.a. 


8



2.3. Eksempel på dekonstruktivistisk website 



Vi har fundet følgende website, som matcher vores stilart: 

http://www.tonyhawk.com/. Det er Tony Hawks hjemmeside, en af verdens 

bedste skatere. 

Stilen kommer bl.a. til udtryk i teksten, som både er grumset, ødelagt og 

forvrænget. Der anvendes flere forskellige skrifttyper, -størrelser og farver. 

Baggrunden, der virker grumset og lidt rodet med farvevalget ”brækgrøn”, er helt 

klart et dekonstruktivistisk træk, som går igen og dominerer siden. 

Andre elementer fra dekonstruktivisme er scroll-down-effekten, en tætsiddende 

tekst, og tekst og billeder, som overlapper hinanden. Siden skaber nysgerrighed 

ved brugen af disse visuelle effekter. 

Vi har lavet nedenstående screen print af Tony Hawks hjemmeside, som viser de 

ovennævnte karakteristika. 

http://www.tonyhawk.com/ 


9



2.4 Målgruppen 

Vi har valgt målgruppen: 18 – 25 årige. 



Denne målgruppe er meget socialt anlagt og fokuserer meget på venner, fest og 

farver. Øl er for de fleste et must, som indgår i næsten alle fritidsaktivitet 4 . 

Aldersgruppen er også godt med, hvad angår IT. Stort set alle har en computer, 

og mange af dem, især drengene, bruger meget tid på spil. Pigerne foretrækker 

internettet frem for tv, og begge køn finder Windows Messenger helt uundværlig. 

De fleste har også en mobiltelefon, så de hele tiden kan være i kontakt med 

vennerne. Mobiltelefonen er det vigtigste medie for de unge og fungerer som 

kommunikationscentral primært for sms. Den bruges også til musik og foto. 

Denne online tilværelse gør vennerne til referencerammen, og det er sammen 

med dem, de skaber deres egen selvforståelse 5 . 

Noget, som inden for de sidste par år er blevet meget populært blandt denne 

målgruppe, er poker. De unge elsker at lege med tanken om at kunne vinde 

mange penge, så gambling er blevet meget populært. Denne trend kan også ses 

i forskellige TV-programmer, som f.eks. Deal no Deal eller Hvem vil være 

millionær, hvor det netop handler om at satse penge 6 . 

De 18 – 25 årige interesserer sig også voldsomt meget for biler, og de fleste af 

dem har netop fået kørekort og nogle af dem endda egen bil. Fritiden bruges 

derfor også på at gejle biler op, så de ikke ligner alle andre standard biler. 

Målgruppen går også meget op i at skille sig ud fra mængden. De er meget 

bevidste om deres udseende, og har derfor heller ikke noget imod at bruge et par 

hundrede kroner ekstra på sig selv, hvis de på den måde kan få noget, som gør 

dem lidt mere specielle og unikke. 

4 15-30-åriges alkoholforbrug og vaner: Danske unge drikker igennem - Sundhedsstyrelsen. Retrieved 

December 5, 2007, from 

http://www.sst.dk/Forebyggelse/Alkohol_narkotika_og_tobak/Alkohol/Kampagner_og_projekter/Maxfem/ 

Unges_alkoholforbrug.aspx 

5 De utro unge | information.dk. Retrieved December 5, 2007, from http://information.dk/149336 

6 Flere spiller poker på fuldtid - dr.dk/Nyheder/Indland. Retrieved December 5, 2007, from 

http://www.dr.dk/Nyheder/Indland/2006/08/30/072604.htm 


10





Endelig har de unge også stort fokus på sport, fitness m.m. Det er vigtigt af 

mange grunde, f.eks. udseende og sundhed 7 . 

2.5 Indarbejdelse af dekonstruktivisme 

Websitet er udformet bevidst med målgruppen i tankerne. Vi mener, at det lidt 

vilde udtryk med ødelagte kanter, skæve former og den generelle uhøjtidelighed, 

appellerer til identiteten hos vores målgruppe. Vi tror på, at det lag-baserede 

udtryk i dekonstruktivismen vil kunne fange og fastholde nysgerrigheden hos det 

unge publikum. Det er vores klare opfattelse, at et ungt publikum på 18-25 år i 

langt højere grad vil blive tiltrukket af en side, der rummer det samme indhold 

7 Danskernes_kultur-_og_fritidsaktiviteter_2004.pdf (application/pdf Object). Retrieved December 5, 

2007, from http://www.kum.dk/graphics/kum/downloads/Publikationer/Danskernes_kultur- 

_og_fritidsaktiviteter_2004.pdf 


11





som en helt straight og formel side, men med langt mere visuel energi. At 

energien i udtrykket spiller en stor rolle for unge mennesker ses bl.a. her: 

”According to Hyde Post, the Vice President for the Internet at The Atlanta 

Journal-Constitution the four key online audience drivers are: 

1. Urgency 

2. Utility 

3. Visual energy 

4. Community interactivity”. 8 

Vores side matcher dekonstruktivismens karakteristika på flere punkter. Bl.a. har 

vi arbejdet med fejlens æstetik, brugen af flere lag, ødelagte og forskellige 

skrifttyper med flere forskellige størrelser, små marginer og et beskidt udtryk. 

Fejlens æstetik kommer til udtryk over alt på siden – fra den skæve baggrund til 

menuen, hvor det bedste eksempel findes. Her har modernismens lige former 

været ude for et harmonikasammenstød, samtidig med, at der er brudt med det 

naturtro perspektiv, både i skyggerne og den ødelagte tekst. Desuden bør det 

nævnes, at der også bevidst er arbejdet med lydeffekter og mouseover-effekt på 

knapperne i menuen. Det er hensigten, at man skal få en helt anden opfattelse af 

knapperne, når man først har kørt musen over. Der bruges metalliske lyde, når 

musen er over og der klikkes, mens teksten ruller ind og ud af knappen, hvilket 

tilsammen gerne skulle give associationer til f.eks. en enarmet tyveknægt. Vi 

mener, at det hænger sammen med brugen af lag i dekonstruktivisme, at tingene 

ikke altid er hvad de ser ud som i første omgang. 

Designprincipperne 

Designprincipperne er anvendt til at holde styr på det kaos, som umiddelbart kan 

møde øjet første gang man besøger siden – men faktisk er der styr på løjerne 9 . 

Trods de flossede kanter er siden designet med brug af alignment. Som det ses 

8 Newspapers ARE reaching young people . . . with their Web sites. | Robb Montgomery. Retrieved 


http://www.robbmontgomery.com/home/2006/newspaper/design/08/newspapers-are-reaching-young- 

people-with-their-web-sites/ 

9 

Se bilag 2 


12





på illustrationen i bilaget skaber disse usynlige linjer nogle meget klare og faste 

rammer – et skelet om man vil. De faste rammer gør det bl.a. let at kontrollere 

marginerne og overskueligheden, både for designeren og den besøgende, da det 

væsentlige på siden vil kunne brydes ned til header, menu og indhold. 

Gentagelsesprincippet går også igen over hele siden; det ses f.eks. i den skæve, 

men ensartede baggrund og animationen for oven på siden, hvor det samme 

landskab gentager sig. Det kommer dog bedst til synlighed i menuen, hvor der er 

gjort brug af gentagelse – ikke i knappernes udformning, men i lyd, animation og 

stil. Ved at bruge de samme virkemidler på alle knapperne er brugeren ikke i tvivl 

om, at det er objekter med samme funktion, som samtidig skiller sig ud fra resten 

af siden. 

Der er desuden arbejdet med at skabe en rent stilmæssig kontrast fra den blå 

baggrund til resten af designet, da det giver øjeblikkeligt fokus på det væsentlige. 

Nærhedsprincippet kommer primært til udtryk i formateringen af indholdet på de 

enkelte sider, men ses også f.eks. på menuen – objekter med relation til 

hinanden er grupperet og placeret logisk for at opnå en vis umiddelbarhed og 

overskuelighed. Det skal også siges, at vi har prøvet at indarbejde nogle af 

dekonstruktivismens stiltræk i formateringen. Det kommer f.eks. til udtryk i 

linjeafstanden – man kan sige der er brugt space with a purpose i negativ 

forstand. 

PLUS-værdierne 

Playability-delen er måske ikke overdrevet synlig på vores site, men kan dog ses 

i toppen, hvor animationen kører. Objektet fanger brugerens opmærksomhed og 

fastholder nysgerrigheden i og med, at alle elementer ikke vises samtidig. 

Animationen er ikke kun tiltænkt som rent blikfang, men er også brugbar i den 

forstand, at den bryder med det statiske og stillestående udtryk, som vi i designet 

har ønsket at flytte os væk fra – den bidrager med visuel energi. 

Baggrundsmusikken tilføjer desuden en ny dimension til sitet og giver on scene 

associationer hos den besøgende. Knapperne i menuen er desuden animerede 

og benytter lyd, hvilket også kan relateres til playability. 


13





Netop menuen er det væsentlige element, når det kommer til likeability. Vi har 

arbejdet med lyddesign på knapperne, som gerne skulle være i relation til den 

animation, man ser når musen føres over, og samtidig udtrykke kvalitet – på 

samme måde som dyre biler får designet lyden, når døren smækkes. En anden 

sammenligning kunne for øvrigt være den lyd, der kommer når man benytter click 

wheel’et på en Ipod – det er samme touch man skal føle, når man bruger vores 

menu. 

Useability ses ved de ligestillede og alignede tekster på knapperne, der som 

tidligere nævnt bryder med knappernes perspektiv – netop for at gøre dem 

lettere at læse uden at gå på kompromis med stiltræk og skrifttype. Resultatet er 

en funktionel menu, der er placeret logisk og let tilgængeligt. Vi opfatter også 

selve kassen, hvor indholdet vises, som værende meget funktionel, da den har 

en helt ren og hvid baggrund på trods af resten af designet. 

Sociability-delen kommer ind på undersiden ”Hils en hest”, hvor det er muligt at 

skrive en hilsen til sin yndlingshest. Samtidig er det muligt at læse andre folks 

hilsner, og på den måde kan man dele ord, tanker, ris og ros med hesten og 

dens ejer(e). 


14



Projectstyring 

3. WPS og gruppeproces 

3.1.1 Introduktion 



Dette dokument er et arbejdsdokument, som skal indeholder detaljerede og 

specifikke krav og overvejelser til det ønskede webside for Royal Canin Arena. 

Dokumentet udarbejdes og opdateres løbende på baggrund af møder og aftaler 

mellem alle involverede parter (udviklingsteam, klient og evt. eksterne partnere). 

Ændringer til projektet skal godkendes af alle parter, før de kan indgå i Projekt 

Specifikationen. 

Denne skal hele tiden holdes up-to-date og tjene som troværdig reference for 

både udviklingsteam og klient. 

3.1.2 Projektmål 

Målsætningen er, at udvikle en hjemmeside, der opfylder kundens krav og 

ønsker. 

Kundens krav til os er, at vi skal fremkomme med ideer til nye og spændende 

aktiviteter i håb om at tiltrække et bredere publikumsgrundlag . 

Vi har valgt at fokusere på de 18-25 årige, og web sitet skal designes ud fra 

dekonstruktivistiske principper, da vi mener, at denne stilart matcher den valgte 

målgruppe. Information og oplevelse vægtes højt. 

Web sitet skal ligeledes indeholde følgende: En præsentation af Royal Canin 

Arena. Oplevelsesmættede præsentationer af hovedattraktionerne. Vigtige 

informationer og nyheder. Minimum én ny spændende attraktion under 

væddeløbet. En underside som vægter sociability 

Ved det første kundemøde mandag d. 3. december præsenteres web sitets 

koncept. Det forventes, at præsentationen indeholder den nødvendige 

detaljerigdom, så klient og team får mulighed for at gennemdiskutere det 

fremlagte og beslutte det videre forløb. 

Den færdige udgave af web sitet leveres fredag d. 7. december. 


15



3.1.3 Sitemap 

Sitemap 



Forside Heste Greyhounds Resultater Aktiviteter 

Nyheder 

Kontakt 

Startlister 

Spiltips 

Løbskalender 

Sæsonplan 

Banerekorder 

Hils en hest 

Startlister 

Spiltips 

Løbskalender 

Sæsonplan 

Banerekorder 

GameZone 

Restaurant 


16



3.1.4 Funktionelle specifikationer 



Når man kommer ind på vores side, så kommer man ind på vores forside. Her er 

der nogle menuer, hvor teksten ruller én gang som en ”enarmet tyveknægt”, når 

man holder musen over dem, samtidig med at der kommer en lille lyd. I toppen af 

vores forside har vi en flash-animation. Her vrinsker hesten, når man trykker på 

den med musen. Derudover kører der en sekvens, som forestiller noget fra et 

hestevæddeløb, idet en hest bliver overhalet af en anden hest, og der er et 

lydspor fra Royal Canin Arena, hvor man kan høre nogle mennesker snakke og 

heppe på hestene, mens en speaker kommenterer løbet i baggrunden. 

Hestevæddeløbet i flashen er valgt, fordi dette er hovedattraktionen. Alt dette 

skulle gerne virke interessant for brugeren og få dem til at blive og kigge på 

siden, og derved tage ud på Royal Canin Arena og se væddeløb. 

Når man trykker på menuerne med sin mus, kommer man ind på vores 

undermenuer, hvor der er noget tekst og et billede. Trykker man eksempelvis på 

”Heste”, så kommer undersiden frem i det hvide felt. Flash-animationen vil stadig 

køre i toppen. Under ”Heste” kan brugeren eksempelvis læse, hvornår løbene 

normalt bliver afholdt. Et afskåret billede fra et hestevæddeløb er synligt for oven. 

Udover ”Heste” består undersiderne af: 

• ”Forside”: Her er der en velkomst til Royal Canin Arena med informationer 

om, hvad der sker på stedet, og, hvad de byder på. 

• ”Greyhounds”: Her er der informationer om, hvornår Greyhoundløbene er 

samt et billede. 

• Resultater: Her er vores pokal i 3D (se bilag 5). 

• Aktiviteter: Her kommer brugeren ind på en side, hvor der står, hvad man 

kan lave mellem løbene på Royal Canin Arena. Man kan benytte sig af 

”GameZone”, hvor man kan spille småspil, bl.a. bordfodbold, pool og dart. 

På undersiderne er der også nogle undermenuer, som viser hvad vi ellers vil 

have på siden, men som vi ikke har kodet. 

Lydsporet, som vi har lavet ved at sample beats med lyde optaget på RCA, kan 

brugeren selv slå fra og til (se bilag 4) 


17



3.1.5 Tekniske specifikationer 

• Skærmopløsning: 



Man skal minimum have en skærmopløsning på 1024x768 for at se siden 

ordentligt 

• Operativsystem: 

Man skal minimum have Windows XP eller Mac OSX 

• CPU / RAM: 

En 1 GHz med 256 MB Ram vil nemt kunne køre vores side 

• Video / audio: 

Hvis man vil kunne høre lyden på siden, skal man have et lydkort og 

højttalere, eller hovedtelefoner. 

• Browsere: 

Internet Explorer 7 eller Firefox 2 er påkrævet 

• Plug-ins: 

Flash player 9 

• Internet: 

Minimum en ADSL forbindelse på 256/128 Kbit 

Vi har valgt at lave vores side til en skærmopløsning på 1024x768. Dette har vi 

gjort, da der ifølge W3Schools 10 kun er 14 %, der bruger 800x600, og hele 54 % 

der kører med 1024x768. 

Vi har også tænkt at i vores målgruppe, som er 18 – 25 årige, nok ikke er ret 

mange, der stadig kører med 800x600. 

Vi har valgt, at man skal bruge Internet Explorer 7, da 6’eren ikke understøtter 

transparente PNG-filer, som vi har brugt på vores side. IE7 er også sat som en 

opdatering med høj prioritet i Windows update 11 . 

10 Browser Display Statistics. Retrieved December 5, 2007, from 

http://www.w3schools.com/browsers/browsers_display.asp 


18





Vores side skal også bruge Flash player 9, da den bruger det nye ActionScript 3, 

som kun er tilgængeligt i Flash 9. 

3.2 Konsensus-dokument 

Consensus paper 

Project title: Style & Experience Year: 2007 

Name of group members: 

Kristian Baastrup Jensen, Ole Svendsen, Jesper Kruse Gundersen, Michael 

Steen Hansen 

Consensus on the group work: 

1) Responsibilities 

1.1 Who is the team manager – someone different from the administrator? 

Team manager: Kristian Baastrup Jensen. Administrator: Michael Steen 

Hansen 

1.2 Who has the responsibility for knowing where the group work is? 

Michael Steen Hansen 

2) Decision making process rules 

2.1 How do you make decisions in the group? (Majority/discussion/anarchy) 

Vi vil diskutere os frem til beslutninger. Hvis det ikke er muligt, så 

bestemmer flertallet. 

3) Work in project rules 

3.1 When do we meet: 

Vi mødes kl 09.00 ma -fr 

3.2 Where do we meet? 

11 Internet Explorer 7 leveres via automatiske opdateringer. Retrieved December 5, 2007, from 

http://www.microsoft.com/danmark/technet/ie7update.mspx 


19



Mødested: TietgenSkolen Munkebjergvej 130 



3.3 What should you do, if you are prevented from meeting at an agreed 

time and place? 

Hver enkelt giver besked til resten af gruppen. 

3.4 How often do we check our e-mails/sms? 

Vi tjekker løbende. 

3.5 How do we give messages to each other? 

Primært SMS og email 

Other rules for the way we work together: 

Vi begynder og afslutter hver dag med et planlægningsmøde. 

3.3 Evaluering af gruppeproces 

Gruppeprocessen har fungeret godt som den skulle. Vi har udfyldt vores roller 

godt ud fra vores læringsstile. Kristian har fungeret som aktivist på den måde, at 

han har taget godt initiativ i gruppen, været entusiastisk og har fungeret som 

team manager. 

Ole har både fungeret som teoretiker og pragmatiker, idet han som teoretiker har 

stillet spørgsmål ved nogle af ideerne, og han er lidt perfektionist. Som 

pragmatiker har han søgt efter nye ideer, bl.a. til vores undermenuer på 

hjemmesiden. Jesper har fungeret som pragmatiker, fordi han ligesom Ole har 

søgt efter nye ideer, bl.a. mht. vores design. Denne nye ide har han så brugt i sit 

arbejde i bl.a. designet. 

Michael har fungeret som reflektor på den måde, at han har lyttet efter, hvad de 

andre i gruppen har sagt og hørt deres meninger. 

Det har været positivt at arbejde i gruppen. Humøret har været godt på trods af 

lidt sygdom hos Kristian og Jesper og arbejdsopgaverne er blevet uddelegeret på 

fornuftig vis. Det har også været positivt, at vi har haft nogle i gruppen, som 

havde forstand på at lave et design. Det har været godt for alle i gruppen. Der 

har ikke været noget negativt at sige om gruppen og dens arbejde. Beslutnings- 

og arbejdsprocessen har fungeret optimalt, idet beslutningsprocessen er foregået 


20





vha. diskussion. Der har derfor ikke været brug for den sidste mulighed fra vores 

konsensus-dokument, nemlig flertalsbeslutninger. 

Arbejdsprocessen er foregået godt, fordi vi har sparet tid ved at dele opgaverne 

ud, og det har også været godt at holde møder. 

Interaktion 

4. Kode 

4.1 MenuScript 

dynamic public class menuScript extends Sprite 

var knap1:URLRequest = new URLRequest("index.html"); 

var knap2:URLRequest = new URLRequest("heste.html"); 

function menuScript() 

{ 

this["knap1_btn"].addEventListener(MouseEvent.MOUSE_UP, 

knap1Event); 

this["knap2_btn"].addEventListener(MouseEvent.MOUSE_UP, 

knap2Event); 

} 

} 

function knap1Event(event:MouseEvent):void 

{ 

navigateToURL(knap1, "_self"); 

} 

function knap2Event(event:MouseEvent):void 

{ 

navigateToURL(knap2, "_self"); 

} 

Her er det første stykke kode, som vi er meget stolte af. Det er et stykke kode fra 

Flash, som er skrevet i ActionScript 3.0. 

Dette er en forkortet udgave af den kode, som vi har brugt på vores Flash-menu, 

for at få knapperne til at virke. 

Den starter med et par variabler, som sætter en URLRequest på vores knapper, 

som viser, hvor de skal føre hen. Når man undlader at skrive ”http://” foran, går 

den ud fra, at siderne ligger på samme domæne som menuen. 


21





Derefter kommer der en funktion, som hedder menuScript(). I denne funktion 

sætter vi EventListenerer på vores knapper, så den hele tiden ”lytter” efter, om 

der bliver trykket på knapperne. Når der så f.eks. bliver klikket på knap1_btn, 

begynder den at køre funktionen knap1Event, som står nedenunder. 

I vores knap1Event funktion, har vi sat en navigateToURL(). Denne funktion 

navigerer til den side, som står inde i den. Når vi i forvejen har defineret alle 

variablerne oppe i toppen, kan vi nøjedes med at skrive variablenavnet ind i 

parentesen, og så finder den selv ud af, hvilken side den skal gå ind på. 

Vi har valgt at skrive ”_self” inde i parentesen. Dette er hvordan siden skal 

åbnes. Om den skal åbnes i et nyt vindue, eller i samme vindue. ”_self” betyder, 

at den skal åbne i samme vindue, som menuen er i. 

4.2 TopScript 

public class topScript extends Sprite 

{ 

public var mySound:Sound 

public var mySoundChannel:SoundChannel 

} 

public function topScript() 

{ 

this["playstop_mc"].play_btn.addEventListener(MouseEvent.MO 

USE_UP, playSound); 

} 

this["playstop_mc"].stop_btn.addEventListener(MouseEvent.MO 

USE_UP, stopSound); 

mySound = new Sound(); 

mySound.load(new URLRequest("lyd/willow1b.mp3")); 

mySoundChannel = mySound.play(); 

public function playSound(event:MouseEvent) 

{ 

mySoundChannel = mySound.play(); 

playstop_mc.gotoAndStop(1); 

} 

public function stopSound(event:MouseEvent) 

{ 

mySoundChannel.stop(); 

playstop_mc.gotoAndStop(2); 

} 


22





Dette er det andet stykke kode, som vi har valgt ud. Det er også lavet i Flash, i 

ActionScript 3.0. 

Dette stykke kode bruges til den lille knap, som er i toppen af siden, som kan 

stoppe og starte baggrundslyden. 

Den starter med, at der kommer to variabler, som definerer vores lyd og vores 

lydkanal, som lyden spiller i. Vi kalder dem mySound og mySoundChannel. 

Derefter kommer der en funktion, som indeholder en EventListener, som ”lytter” 

efter, hvornår der bliver trykket på vores knapper. Vi har to knapper, som ligger 

inde i et MovieClip, så derfor skriver vi først MovieClippets navn som: 

”this["playstop_mc"]” efterfulgt af ”.play_btn”. Dette gør, at den kan finde 

knappen, som hedder ”play_btn”, når den ligger inde i vores MovieClip. 

Nedenunder kommer der noget om vores lyd. Vi siger, at vi skal have en ny lyd 

ind, og skriver hvor den skal loades fra, hvor dens placering er, så Flash kan 

finde den. Derefter skriver vi, at vores lyd skal afspilles i vores lydkanal, så lyden 

starter så snart man åbner siden. 

Hvis man trykker på knappen ”stop_btn”, hopper den ned til funktionen, der 

hedder stopSound. Der får den at vide, at den skal stoppe alt den lyd, som der 

ligger i vores lydkanal, som hedder ”mySoundChannel”. Når den har gjort det, 

skal den gå til frame 2 i vores MovieClip, da vores startknap ligger der. 

Når man trykker på ”play_btn”, og den går til playSound, skal den afspille alt det, 

der ligger i vores lydkanal og gå til frame 1, hvor vores stopknap ligger. 


23



Konklusion 



Efter to ugers arbejde er det lykkedes os, at nå frem til et velfungerende web site 

i dekunstruktivistisk stil. Det er vores klare opfattelse, at det nye design vil kunne 

udvide kundegrundlaget ved at tiltrække især unge mennesker. 

Det indledende besøg på Fyns RCA, med rundvisning på hele anlægget 

efterfulgt af spil på heste i de efterfølgende løb, var en god og motiverende 

oplevelse. 

Det har været en udfordring for os, at vi har skullet holde os til en given stil, men 

det har også ført til mange gode overvejelser og samtaler i gruppen. Det har 

været en spændende og lærerig proces, hvor vi har haft brug for alle de 

færdigheder, vi har tilegnet os på 1. semester. 


24



Litteraturliste 

• 



Jacques Derrida. (2007, November 26). In Wikipedia, The Free Encyclopedia. Retrieved 09:07, 

November 27, 2007, from 

http://en.wikipedia.org/w/index.php?title=Jacques_Derrida&oldid=173864513 

• Dekonstruktion. (2007, oktober 2). Wikipedia, Den frie encyklopædi. Hentet 09:49, november 27, 

2007 fra http://da.wikipedia.org/w/index.php?title=Dekonstruktion&oldid=1628515. 

• Retskrivningsordbogen. Hentet november 26, 2007 fra 

• 

• 

http://sproget.dk/search?SearchableText=Dekonstruktivisme&submit=Start+s% 

15-30-åriges alkoholforbrug og vaner: Danske unge drikker igennem - Sundhedsstyrelsen. 

Retrieved December 5, 2007, from 

http://www.sst.dk/Forebyggelse/Alkohol_narkotika_og_tobak/Alkohol/Kampagner_og_projekter/Ma 

xfem/Unges_alkoholforbrug.aspx 

http://www.tonyhawk.com/ 

• De utro unge | information.dk. Retrieved December 5, 2007, from http://information.dk/149336 

• Flere spiller poker på fuldtid - dr.dk/Nyheder/Indland. Retrieved December 5, 2007, from 

http://www.dr.dk/Nyheder/Indland/2006/08/30/072604.htm 

• Danskernes_kultur-_og_fritidsaktiviteter_2004.pdf (application/pdf Object). Retrieved December 5, 

2007, from http://www.kum.dk/graphics/kum/downloads/Publikationer/Danskernes_kultur- 

_og_fritidsaktiviteter_2004.pdf 

• Newspapers ARE reaching young people . . . with their Web sites. | Robb Montgomery. Retrieved 


http://www.robbmontgomery.com/home/2006/newspaper/design/08/newspapers-are-reaching- 

young-people-with-their-web-sites/ 

• Browser Display Statistics. Retrieved December 5, 2007, from 

• 

http://www.w3schools.com/browsers/browsers_display.asp 

Internet Explorer 7 leveres via automatiske opdateringer. Retrieved December 5, 2007, from 

http://www.microsoft.com/danmark/technet/ie7update.mspx 

• Erik Østergaards, Karakteristika ved et dekonstruktivistisk layout, 2006, Odense. 


25





Bilag 1: Indtryk indsamlet ved besøg på Fyns Væddeløbsbane 

1) Løbsprogram 

2) Travtips 

3) Vedhæftet CD med lydoptagelser fra Royal Canin Arena 


26



Bilag 2: Forklaring af designprincipperne 




27



Bilag 3: 3D element 




28



Bilag 4: Screenshot af ACID 



Vores “loop-based music creation tool”, hvori vi har mixet lyde, vi selv har 

optaget på Royal Canin Arena med lyde sampled i Reason til brug på vores web 

site. 


29



Bilag 5: Ansvarsområder 

Kristian Baastrup Jensen – ID: 73202 

Aktivist Opg. 2.5 

Ole Svendsen – ID: 113930 

Opg. 3.1.5 

Opg. 5 

Pragmatiker og teoretiker Opg. 1.1 

Jesper Kruse Gundersen – ID: 68800 



Design, XHTML, Flashanimation og CSS 

Opg. 2.2 

Opg. 3.1.1 

Opg. 3.1.2 

Forside, lydredigering, indledning, konklusion og redigering 

Pragmatiker Opg. 2.4 

Michael Steen Hansen – ID: 61569 

Opg. 4 

Opg. 5 

Reflektor Opg. 2.1 

Flashkode, 3D-element og lyd på hjemmesiden 

Opg. 2.3 

Opg. 3.1.3 

Opg. 3.1.4 

Opg. 3.3 

Logbog og ansvarsområder 

Derudover har vi lavet opg. 3.2 i fællesskab og vi har alle lavet kodning. 


30



Bilag 6: Logbog 

Mandag d. 26. november 2007: 

Vi mødte til normal tid kl. 9:05. 



Vi startede med at udfylde konsensus-arket, for at få styr på det praktiske. 

Derefter uddelegerede vi opgaverne, så vi ikke skulle bruge spildtid på at lave 

det hele fælles. Den dag koncentrerede vi os om punkt 1 og lidt af punkt 2. Ole 

lavede punkt 1 og Jesper og Michael lavede punkt 2.3 og 2.4 På forhånd havde 

vi brugt lidt af fredagen efter udleveringen af opgaven på at finde en målgruppe 

og stilart, som vi skulle arbejde efter. Men det endte vi med at ændre denne dag, 

fordi det af den grund ville blive nemmere at lave noget. 

Kristian blev nødt til at gå ved middagstid, fordi han skulle have undersøgt sin 

milt. 

Tirsdag d. 27. november 2007: 

Vi mødte igen kl. 9:05. 

Kristian var ikke i skole, fordi han skulle have undersøgt sin milt igen. 

Vi andre i gruppen holdte et morgenmøde, for at snakke om, hvad vi skulle lave i 

løbet af dagen. 

Vi manglede alle lige det sidste fra dagen forinden, men det var hurtig færdigt. Så 

vi gik i gang med at se det igennem, som vi lavede fra om mandagen, samt punkt 

5 med et design. Kristian havde lavet et udkast af et design hjemmefra, men 

Jesper skulle også have lov til at udfolde sine kreative evner, så han lavede også 

lidt på noget design. Ole rettede igennem og Michael gik i gang med punkt 2.2 

ang. et idékatalog. 

Onsdag d. 28. november 2007: 

Vi mødte igen kl. 9:05. 

Vi holdte et morgenmøde, hvor vi delte dagens opgaver ud. 

Kristian og Jesper lavede igen på noget design, mens Ole og Michael så småt i 

gang med punkt 3.1. Michael gik desuden i gang med punkt 2.1. 


31



Torsdag d. 29. november 2007: 



Vi mødte vanen tro kl.9:05. Jesper var dog forsinket, og mødte først ca. en time 

senere. 

Vi lavede videre på det, vi ikke var blevet færdige med om onsdagen. 

Over middag holdte vi et møde, hvor vi diskuterede punkt 2.2, for at få 

udfærdiget et idékatalog, som Ole derefter gik i gang med at skrive rent. Kristian 

og Jesper lavede fortsat videre på deres design og Michael lavede punkt 2.1 

færdigt. 

Fredag d. 30. november 2007: 

Vi mødte kl. 9:05. Kristian nåede ikke sin bus, så han kom lidt senere. 

Vi fortsatte med det, som vi lavede på dagen forinden. Michael startede på et 

udkast til en sitemap. 

Ved middagstid holdte vi et møde, for at forberede os til kundemødet om 

mandagen og for at se på udkastet af vores sitemap. 

Mandag d. 3. december 2007: 

Vi mødte kl. 9:05. Jesper kom omkring middagstid, fordi han havde det dårligt. 

Ole og Michael startede på deres kode-del, mens Kristian fik sat Jespers menuer 

ind i sin flash-side. 

Efter Jesper var kommet, begyndte vi at forberede os til vores kundemøde 

senere på dagen. 

Tirsdag d. 4. december 2007: 

Vi mødte som sædvanlig kl. 9:05. Jesper var igen forsinket, men kom omkring 

kl. 10.30. 


32





Ole og Michael blev færdig med deres kodning, Jesper lavede en knap til vores 

baggrundslyd på siden, samt et 3D-element, og Kristian skrev på opg. 2.5, 

lavede et bilag og rettede i designet. Kristian gik lidt tidligere end os andre, fordi 

han ikke havde det så godt. Men han arbejde så videre hjemmefra. 

Onsdag d. 5. december 2007: 

Vi mødte kl. 9:05. Jesper og Kristian var dog lidt forsinkede. 

Vi brugte dagen på så småt at gøre vores opgave færdig. Jesper havde lavet 3D- 

elementet færdigt hjemme, og han skrev opg. 3.1.5 rent, mens Ole havde været 

ude på Royal Canin Arena om tirsdagen og tage flere billeder, som vi skulle 

bruge, og han havde lavet style sheet derhjemme. Han brugte onsdagen 

sammen med Michael på at få lagt style sheet ind på undersiderne, og O le 

lavede på en forside. Kristian rettede på ny i designet, så det kunne blive helt 

færdigt. Michael lavede opg. 2.1 færdigt med Oles nye billeder og søgte efter en 

bedre hjemmeside til opg. 2.3, samt søgte efter dokumentation for opg. 3.1.5. 

Torsdag d. 6. december 2007: 

Vi mødte kl. 9:05. Jesper havde været lidt sløj og døjet med noget forkølelse, så 

han kom lidt senere end os andre. Vi brugte dagen på at gøre vores arbejde helt 

færdigt. 

Ole lavede sin forside færdig og skrev indledning og konklusion. Jesper havde 

lavet 3D-elementet færdigt hjemme. På skolen lavede han lyden færdig til vores 

side og lavede opg. 4, mens Kristian lavede PLUS-værdierne og gjorde 

hjemmesiden færdig med lyd på. Michael lavede gruppeprocessen og 

ansvarsområder i gruppen samt opg. 3.1.4. 

Bilag xx: 3D pokal som er indsat på hjemmesiden 


33



Bilag 7: Screenshot af forsiden til det nye web site 




34

rapport (.pdf)

Transform your PDFs into Flipbooks and boost your revenue!

Delete template?

Save as template ?