Rollespils Portalen Side 1 af 27 Bilag 1: Projektplan Work Breakdown Structure (WBS) Overall Mission Statement I forbindelse med 3. semester eksamen skal vi udarbejde en digital prototype. Projektet skal være problemorienteret og innovativt, samt udvikles og testes i samarbejde med en ekstern partner og/eller brugergruppe. Project Key Purpose Statement At udvikle en prototype af et website (prototype), der skal være samlingssted for rollespillere. Deliverables Statement Analysedel Dokumentation Bilag Digital prototype Activities for each deliverables Analysedel Introduktion Problemformulering Problemafgrænsning Metode og struktur Analyse og argumentation Perspektivering Konklusion Dokumentation Projektplan; WBS, riskikoanalyse, interessentanalyse. Kommunikationsplan; klarlægning af, hvordan vi skal kommunikere hvad med hvem. Konceptbeskrivelse Kravspecifikation sscenarier; beskrivelse af forløbet, når en person fra målgruppen skal benytte rollespils websitet. Testprocedurer og testresultater
Rollespils Portalen Side 2 af 27 Bilag Procesevaluering Status; hvordan er det gået med projektet og samarbejdet. Litteraturliste; liste over anvendte bøger, artikler, websider osv. Spørgeskemaer Wireframe og Sitemap Skærmbillede af hovedsiden Mappestruktur Projektplan Designmanual Procesrapport Andre relevante bilag Digital prototype Design Kodning HTML, CSS, PHP og FLASH Risikoanalyse Ricisi Sandsynlighed Konsekvens S x K Sygdom 2 3 6 Computerproblemer 1 3 3 Datatab 1 10 10 Virus 1 10 10 Udskriftsproblemer 1 10 10 Dårlig kommunikation i 1 10 10 gruppen Dårlig kommunikation med brugergruppe/testpersoner 1 3 3 Plan B Sygdom Have en aftale i gruppen, om at man ved sygdom giver de andre gruppemedlemmer besked snarest muligt. Derefter er det vigtigt, at der bliver snakket om hvad den sygdomsramte person skulle stå for, samt finde ud af om andre evt. skal overtage disse opgaver. Hvis det er meget alvorligt bør det tages op på et møde og diskuteres.
Rollespils Portalen Side 3 af 27 Computerproblemer/ Datatab/ Virus/ Udskriftsproblemer Sørge for at tage regelmæssige sikkerhedskopier på USB disk, samt få opsamlet alle data og brændt dem ud på cd-rom i ugens løb. Holde antivirus programmer og lignende opdateret. Søge hjælp hos fagfolk med det samme, hvis der opstår problemer man ikke selv kan håndtere. Blive færdig i god tid, så gruppen har mulighed for at finde et andet sted at printe rapporten, hvis der opstår problemer under udskrivningen. Dårlig kommunikation i gruppen Det er vigtigt, at holde sig til gruppens individuelle aftaler, og hvis der alligevel opstår problemer skal gruppen holde sig til aftalerne med mindre andet viser sig at være bedre. Hvis dette er tilfældet, skal alle gruppemedlemmer dog først være enige om og alle gøres bevidste om, hvorvidt hvilke aftaler og regler der er gældende. Gruppen skal først og fremmest forsøge at få løst uenigheder og hvad der ellers måtte være, på et møde hvor tingene kan diskuteres igennem. Hvis dette ikke er tilstrækkeligt, må vi forsøge at få en vejleder ind for at mægle. Dårlig kommunikation med brugergruppen/testpersoner Hvis det skulle ske, at vi undervejs skulle få problemer med vores brugergruppe/testpersoner må vi sørge for hurtigst muligt at finde ud af hvad problemet skyldes, men ellers få filtreret de personer fra som volder problemer. Vi må også sørge for rettidigt at få indsamlet de data vi måtte have brug for, så vi ikke bliver hindret i vores arbejde pga. eventuelle sløve testpersoner. Interessentanalyse Interessenter Succeskriterier Krav til systemegenskaber Eksterne Projektgruppen/ (Holdet bag rollespilssiden) erne af websitet/ brugergruppen/ testpersoner At få lavet en webside og en rapport vi selv er tilfredse med og kan bestå eksamen med. Nemt at finde rundt og finde information, forum, scenarier, Let redigering og styring af siden, grafikken, farver og fonts osv. ervenligt og overskueligt. At de kan uploade og downloade Krav til projektegenskaber Tilfredse med slutproduktet Bidrag Tekst, ideer, informationer mm. Selve websiden og rapporten. Meninger om hvad siden skal indeholde (se spørgeskema undersøgelse)
Rollespils Portalen Side 4 af 27 Lærerne Interne Projektgruppen nyheder, plads til alle. God rapport og god digital prototype Bestå, lave en god rapport, og webside som alle er tilfreds med scenarier selv og give sin mening til kende. Opfylder opgavens og gruppens satte kriterier Opfylder rollespilleres og brugergruppens krav til et godt community site Afleveret til tiden og at rapporten + websitet indeholder det, det skal Overholde deadlines og få alt med i rapport og på website Vejledning af gruppen Rapport og digital prototype
Rollespils Portalen Side 5 af 27 Bilag 2: Designmanual r Når vi ser på farver bruger vi ikke så mange da helle hjemmesiden er bygget på ved hjælp af billeder. Information #FFFFFF(hvid) Alle steder Links #FFFFFF(hvid) Baggrunden Baggrunden Fonte Her er alle fonte, som er lavet i en CSS-fil som ligger inde under CSS mappen i roden. Fonte M1 M2 M3 A1 A2 A3 Font Font Font Font Font Font Information M1 Til alle overskrifter Monotype Corsiva 30px #000000(Sort) M2 Til alle under overskrifter Monotype Corsiva 18px #000000(Sort) M3 Til alle under under overskrifter Monotype Corsiva 10px #000000(Sort) A1 er med valgt information hoved Arial 30px bold #000000(Sort) A2 er med valgt information under hvede Arial 20px #000000(Sort) A3 Til alle små informationer om positioner og andet Arial 10px #000000(Sort)
Rollespils Portalen Side 6 af 27 A4 a:link a:visited a:hover a:active Font Anden I. Anden I. Anden I. Anden I. #M2 a:link Anden I. #M2 a:visited Anden I. #M2 a:hover Anden I. #M2 a:active Anden I. A4 ers til advarelse beskeder Arial 10px #ff0000 (Rød) a:link Alle steder #0000CC (Blå) text-decoration: none a:visited Alle sider #000099 (Mørk blå) text-decoration: none a:hover Alle sider #FF0000 (Rød) text-decoration: none a:active Alle sider #0000CC (Blå) text-decoration: none #M2 a:link Alle steder #00008b (Mellem mørk Blå) text-decoration: none #M2 a:visited Alle sider #00008b (Mellem mørk blå) text-decoration: none #M2 a:hover Alle sider #FF0000 (Rød) text-decoration: none #M2 a:active Alle sider #00008b (Mellem mørk Blå) text-decoration: none Billeder (Flash menu) Vi har en del billeder, som vi har sat ind for at give siden liv og en visuel stemning. Billeder Information Alle swf filer. 126.5x40 Logo menu Lagt i venstre bund Alle swf filer. 126.5x40 Logo menu Lagt i venstre bund Alle swf filer. 126.5x40 Logo menu Lagt i venstre bund
Rollespils Portalen Side 7 af 27 Alle swf filer. 126.5x40 Logo menu Lagt i venstre bund Alle swf filer. 126.5x40 Logo menu Lagt i venstre bund Alle swf filer. 900x150 Billede ramme Helle filen Alle swf filer. 117 x 67 Fade logo menu Venstre bund Alle swf filer. 117 x 67 Fade logo menu midden bund Alle swf filer. 800 x 150 Baggrund for billederne Højer top Dream blade.swf 713.9 x 269.9 Bevæglige animation Højre top Dream blade.swf 709.8 x 150 Bagrund for animation Højre top COC.swf 159.0 x154.6 Bevæglige animation Højre top COC.swf 505.6 x 150 Bagrund for animation Højre top Werewolf.swf 149.3 x 150 Bevæglige animation Højre top Werewolf.swf 679.8 x 153.9 Bagrund for animation Højre top
Rollespils Portalen Side 8 af 27 D&D.swf 280.3 x 149.9 Bevæglige animation Højre top D&D.swf 597.9 x 150 Bagrund for animation Højre top vampire.swf 130.8 x 136.2 Bevæglige animation Højre top vampire.swf 539.9 x 150 Bagrund for animation Højre top Default.swf 513 x 172.8 Bevæglige animation Højre top Default.swf 513 x 172.8 Bevæglige animation Højre top Default.swf 516.0 x 150 Bagrund for animation Højre top
Rollespils Portalen Side 9 af 27 Billeder Her viser vi hvad for nogle biller der er med på siden... Billeder Information Alle steder 1024x1816 Baggrunds billede til alle sider Bagrund Alle steder 900 x 69 Til undermenu og login system Center i toppen (submenu) Alle steder 900 x 9 es til grafik starten til informationen Center i toppen (submenu2) Alle steder 649 x 194 es til informations flade på venstre side Venstre i toppen (TV) Alle steder 251 x 194 es til informations flade på venstre side Venstre i toppen (TH) Alle steder 649 x 194 Afslutning af siden i bunden Venstre i bunden (BV)
Rollespils Portalen Side 10 af 27 Alle steder 251 x 194 es til informations flade på venstre side Højer i bunden (BH) Alle steder 92 x 193 til side Tips og position Højerside middle Alle Call of Cthuthu 251 x 822 es til at vise en figur af rollespillet Midten i højde og Midten i bredden
Rollespils Portalen Side 11 af 27 Alle Call of Cthuthu 275 x 822 es til at vise en figur af rollespillet Midten i højde og højre i bredden Alle Dungenons & Dragnons 251 x 411 es til at vise en figur af rollespillet Midten i højde og Midten i bredden Alle Dungenons & Dragnons 275 x 411 es til at vise en figur af rollespillet Midten i højde og højre i bredden
Rollespils Portalen Side 12 af 27 Alle Dream Blade 251 x 822 es til at vise en figur af rollespillet Midten i højde og Midten i bredden Alle Dream blade 275 x 822 es til at vise en figur af rollespillet Midten i højde og højre i bredden
Rollespils Portalen Side 13 af 27 Alle Start siderne 251 x 822 es til at vise en figur af rollespillet Midten i højde og Midten i bredden Alle Start siderne 275 x 822 es til at vise en figur af rollespillet Midten i højde og højre i bredden Alle Vampire 251 x 822 es til at vise en figur af rollespillet Midten i højde og Midten i bredden
Rollespils Portalen Side 14 af 27 Alle Vampire 275 x 822 es til at vise en figur af rollespillet Midten i højde og højre i bredden Alle Werewolf 251 x 822 es til at vise en figur af rollespillet Midten i højde og Midten i bredden Alle Werewolf 275 x 822 es til at vise en figur af rollespillet Midten i højde og højre i bredden
Rollespils Portalen Side 15 af 27 Kontakt 400 x 558 Et grafisk billede til at give liv Læse feltet midte i Alle Verdner som tilføre rollespillet 100x 30 es som indikationer om hvor man er henne Placeres i submenuen venstra side Alle Verdner som tilføre rollespillet 100x 30 es som indikationer om hvor man er henne Placeres i submenuen venstra side Alle Verdner som tilføre rollespillet 100x 30 es som indikationer om hvor man er henne Placeres i submenuen venstra side Alle Verdner som tilføre rollespillet 100x 30 es som indikationer om hvor man er henne Placeres i submenuen venstra side Alle Verdner som tilføre rollespillet 100x 30 es som indikationer om hvor man er henne Placeres i submenuen venstra side Alle Werewolf 170 x 138 es for at give liv til handling om scenarier Placeres i informations rækken ved siden af teksten som passer til
Rollespils Portalen Side 16 af 27 Alle Werewolf 172 x 157 es for at give liv til handling om scenarier Placeres i informations rækken ved siden af teksten som passer til Alle Werewolf 216 x 149 es for at give liv til handling om scenarier Placeres i informations rækken ved siden af teksten som passer til Alle Werewolf 153 x 155 es for at give liv til handling om scenarier Placeres i informations rækken ved siden af teksten som passer til Alle Werewolf 180 x 153 es for at give liv til handling om scenarier Placeres i informations rækken ved siden af teksten som passer til Valg frit billede Alle Scenarier <500 x ---- Folk kan vise der es egne billeder de vil altid blive vist i den rigitg højde men den bliver justeret i bredden Efter billede titlen
Rollespils Portalen Side 17 af 27 Komposition Placering Alle side er centret i vinduet det vil sige at selve informationen er centret. Det vil sige hvis man køre vinduet ind, vil den også sære figuren ind. På den måde kan siden vises i lav opløsning. Selve informations siden er 900 i brede og højen er variabel Tekst Alt information ligger i sine egne tabel så man kan juster høje og brede position.
Rollespils Portalen Side 18 af 27 Bilag 3: Sitemap Alle sider er forbundet til de 5 verdner, og default siden. Start siden er den grå default siden.
Rollespils Portalen Side 19 af 27 Bilag 4: Mappe Struktur
Rollespils Portalen Side 20 af 27 Bilag 5: Wire frame Vi har lavede wire freme af alle sider, men der er ikke wirefream af de information som kommer frem, når man opdater eller rediger eller laver en ny profil / Nyhed / Scenarier da det er samme opsætning heller vejen igennem.
Rollespils Portalen Side 21 af 27
Rollespils Portalen Side 22 af 27 Bilag 6: Designet af siderne Scenarier.php Scenarier.php (Vis) Kontakt.php Systemer.php Vampier.php Werewolf.php
Rollespils Portalen Side 23 af 27 Call of Cthulhu.php D&D.php Dream blade.php
Rollespils Portalen Side 24 af 27 Bilag 7: Procesrapport Fælles refleksioner Som konklusion på dette projekt vil vi starte med at sige, at vi synes det har været et spændende og interessant emne at arbejde med. Det har givet mulighed for at lave nogle mere spektakulært og prangende grafisk design end man normalt har mulighed for at lave i forbindelse med firma hjemmesider. Generelt er gruppearbejdet forløbet acceptabelt, på trods af de svære omstændigheder i forbindelse med at projektet lå oven i jule/nytårs perioden - hvor vi alle har haft travlt, og har spredt ud over hele landet langt fra hinanden. Hvis man ser på det endelige resultat, så er vi også alle godt tilfredse og mener at vi har ramt vores egne forventninger. Og samtidig løst de problemstillinger vi satte os i starten af projektet. Vi havde desværre ikke tid og mulighed for at foretage lige så omfattende brugertests som vi kunne have ønsket i forbindelse med vores side. Dette skyldes at vores side først sent i projektet var i en færdig tilstand, og at det i forbindelse med jul/nytår var svært at få fat i en person der havde lyst/tid til teste siden ordentligt for os. Individuelle refleksioner - Christina Svenstrup Når jeg tænker på de mange ideer og muligheder vi har haft til dette projekt, synes jeg at resultat er faldet meget godt ud og at der er stadig er rig mulighed for at udvikle på siden og tilføje nye features blot for at gøre den endnu mere interessant og værd at besøge, det synes jeg er utroligt fedt. Det har vist sig at der er uendelig mange muligheder til hvad der kunne være på sådan en side og vi har fået rigtig mange gode og konstruktive svar på vores spørgeskemaundersøgelse. Jeg synes samtidigt, at denne undersøgelse var med til at give lysten til at lave websiden et ekstra kick, da vi rent faktisk opdagede at folk var meget interesserede i sådan en side og at flere faktisk var villige til at hjælpe til med arbejdet. Selve samarbejdet i gruppen er forløbet nogenlunde. Vi kom senere i gang end vi havde regnet med og vi havde problemer med at mødes på samme tid over msn. Derfor kom vi relativt sent i gang med at læse hinandens tekster igennem og rette dem til. Til sidst i projektet har vi haft nogle rigtig vellykkede msn-møder hvor vi har fået korrigeret de sidste ting, samt fået delt de resterende opgaver ud og rettet de sidste småting i fællesskab.
Rollespils Portalen Side 25 af 27 Jeg synes det har været et rigtigt spændende projekt og at vi er kommet frem til et godt resultat. Selve siden er også blevet mere færdig end jeg turde håbe på i starten af projektperioden. Individuelle refleksioner - Lasse Bager Når jeg ser på projektet generelt så er jeg ret godt tilfreds med det endelige resultat. Vi havde mange ideer og visioner for projektet, desværre havde vi langt fra tid nok til at føre dem alle ud i livet. Heldigvis er planen dog at vi efterfølgende skal bygge videre på projektet og få den lanceret forhåbentlig med stor succes. Vi kom desværre sent i gang med vores projekt. Men jeg synes vi hentede det meget godt ind i starten af projekt perioden, hvor vi fik en god start på projektet og var vældigt produktive. Herefter sad vi dog snart fast og havde nogle problemer med at få delt relevant arbejde imellem os. Vi kørte igennem hele projekt perioden med at vi arbejde meget hver for sig hjemmefra. Og mødtes få gange på skolen, men oftest via. MSN. Jeg har personligt aldrig været vild med den arbejdsform og føler jeg er mere produktiv hvis man sidder som en gruppe sammen på f.eks. skolen og arbejder. Men i sidste ende lykkedes det da at få styr på det hele over nettet på trods af jule/nytårs travlhed. Synes dog det har været utroligt frustrerende at have en projektperiode som har aflevering så tæt på jul/nytår. Eftersom vi har været hjemme hos vores forældre vidt forskellige steder i lander, har der ikke været særlig god tid til at få styr på det sidste inden afleveringen. Men det gik da. Individuelle refleksioner - Rasmus Sørensen Når jeg ser tilbage på hvordan det helle startede syndes jeg vi har fået lavede et rigtig godt stykke arbejde, her de sidste tre til fem uger. Det helle startede lidt forvirrende da jeg skulle ud og rejse i en uge. Meningen var at vi skulle lave noget hver for sig og så kontakte hinanden over msn. Vi fik ikke lavede så meget som vi håbede på, da der var Internet problemer og andet. Efter de to første uger kunne vi godt se at det ikke gik så hurtige frem som vi havde regnede med. Dette resulterede i at vi fik tage en snak om det, og fik læst problemerne. Fra dette tidspunkt har det kørt perfekt, vi har fået lavede en masse, og fik kompenseret for den tid som vi ikke fik lavede så meget i. Selv i jule månederne arbejde vi stadig for at få de sidste færdig med hjemmesiden og rapporten, her kan jeg ikke snakke for de andre men jeg syndes det gik rigtig godt. Vi fik
Rollespils Portalen Side 26 af 27 lavede det vi skulle. Det eneste vi havde lidt problemer med var at mødes over msn, da vi alle have vores ting som vi skulle når og være med til ud over vores rapport. Alt i alt gik det meget godt og jeg syndes vi fik, lavede en meget god side, som rammer rollespiller rigtig godt. Vi har været meget godt til at læse de problemer som kom i gruppen og fik lavede en god side og en god rapport.
Rollespils Portalen Side 27 af 27 Bilag 8: Spørgeskema Links til spørgeskema side: Svar side - http://84.238.8.58/skema/default.php Resultat side - http://84.238.8.58/skema/result.php Screenshot af spørgeskema siden: