ÖrebroCupen. Institutionen för Ekonomi, Statistik och Informatik, ESI Informatik, Klientprogrammering för webbsystem, 5 poäng

Transkript

1 Institutionen för Ekonomi, Statistik och Informatik, ESI Informatik, Klientprogrammering för webbsystem, 5 poäng Examinationsuppgift VT 2005 Ver 1.2 ÖrebroCupen Mathias Borg, mathias.borg@esi.oru.se Benny Ottosson, benny.ottosson@esi.oru.se Magnus Österman, magnus.osterman@esi.oru.se

2 Örebro universitet, Informatik, Examinationsuppgift, klientprogrammering för webbsystem 5 poäng Innehållsförteckning 1 INLEDANDE FALLBESKRIVNING EXAMINATIONSUPPGIFTEN INLÄMNING Dokumentation av webbapplikationen Översiktlig beskrivning av webbapplikationen Specifik dokumentation Beskrivning av den zip-fil som skall lämnas in BETYG GRUPPER KRAVSPECIFIKATION FÖR ÖREBROCUPEN ICKE ANVÄNDARCENTRERADE UC IUC 1: Definierad dokumenttypsdefinition IUC 2: Metainformation IUC 3: Webbläsareupptäckt IUC 4: Omdirigering IUC 5: Enhetlig design IUC 6: Extern stilmall IUC 7: Extern JavaScript IUC 8: Bildbeskrivning FUNKTIONELLA UC UC 1: Se spelprogram/resultat UC 2: Se tabell UC 3: Se bildspel UC 4: Sök spelplats UC 5: Skicka fråga UC 6: Se nedräkning UC 7: Logga in UC 8: Sök logi...5

3 1 Inledande fallbeskrivning Varje år i Örebro anordnas den vittomtalade ÖrebroCupen. Hundratals lag från när och fjärran samlas under några dagar för att umgås och spela fotboll. Detta år spelas cupen mellan den 18:e och 21:a juni. För att öka intresset och servicen gentemot publik, press och de anmälda föreningarna vill arrangörerna detta år skapa en webbplats med information angående cupen. Då detta kommer att bli första gången arrangörerna använder sig av en webbplats vill de inte skjuta till allt för mycket pengar till webbplatsen. Detta innebär att inga externa servrar i form av databas och applikationserver kommer att kunna köpas in. Webbplatsen (vilket är tänkt att läggas på en enklare form av webbhotell) skall därför utvecklas med hjälp av DHTML (HTML, CSS, JavaScript) och XML. 2 Examinationsuppgiften Er uppgift består av att bygga ÖrebroCupens webbplats med hjälp av HTML, JavaScript, Stilmallar och XML. Uppgiften består i att implementera ett antal Use Case (se 3). Webbapplikationen skall dessutom dokumenteras (se 2.1.1). 2.1 Inlämning Systemen skall lämnas över till beställarna vilket innebär att enbart de filer som behövs för att köra systemen skall finnas med. Rensa alla onödiga dubbletter och se naturligtvis till att filerna och funktionerna har vettig namnsättning. Systemen skall levereras med dokumentation, se kapitel Dokumentation av webbapplikationen. Inlämning sker genom att ni lägger upp ert projekt som en zip-fil under R:\ WebbprojektVT2005. Se hur denna zip-fil skall vara utformad i kapitlet Beskrivning av den zip-fil som skall lämnas in. Sista inlämningstid är fredagen den 29/4 klockan Då förövrigt Tyko har namnsdag Dokumentation av webbapplikationen En dokumentation skall lämnas för webbapplikationen. Dokumentationen skall bestå av: ETT WORD-DOKUMENT MED INNEHÅLL ENLIGT PUNKTERNA NEDAN. PÅ DOKUMENTETS FRAMSIDA SKALL DET TYDLIGT FRAMGÅ GRUPPNUMMER OCH GRUPPMEDLEMMARNAS NAMN. EN INNEHÅLLSFÖRT ECKNING I DOKUMENTET ÄR OCKSÅ ÖNSKVÄRT Översiktlig beskrivning av webbapplikationen Navigationskarta över webbapplikationens sidor o Figur som skall visar hur de olika sidorna hänger ihop Specifik dokumentation Information om HTML-sidor där det för varje sida skall framgå: o Vad man kan göra på sidan o Vilka andra dokument sidan använder sig av (stilmallar, JavaScript, XML osv) som används på sidan och när 1

4 Information om XML-dokument (XML, DTD, XSL) där det för varje skall framgå: o Vad det används till o Var och när det används (på vilken/vilka HTML-sidor) o Vilken eventuell XSL eller DTD (alt schema) som det är beroende av Information om generella Stilmallar: o Vad det används till o Var och när det används (på vilken/vilka HTML-sidor) Information om generella JavaScript: o Vad det används till o Var och när det används (på vilken/vilka HTML-sidor) Beskrivning av den zip-fil som skall lämnas in Skapa en mapp med gruppens namn/nummer. Placera sedan dokumentationen (se 2.1.1) i en mapp som heter dokumentation. Den andra undermappen skall heta Projektfiler. HTMLdokument och XML-dokument placeras i denna mapp, emedan externa stilmallar, bilder och JavaScript placeras i respektive underkatalog. Se nedan för figur över mappstrukturen: Hela denna struktur zippas sedan med programmet Winzip till en zip-fil (inte en rar-fil, ace-fil eller dylikt) med gruppens namn och placeras på R:\ WebbprojektVT2005t senast fredagen den 29/4 klockan Betyg Som betyg på projektet ges något av nedanstående: G: Godkänt. Samtliga Use Case (Se 3) är realiserade till belåtenhet. R: Rest. En eller flera Use Case (Se 3) är bristfälligt genomförda eller saknas. Redovisas senast en vecka efter det att rest meddelas. U: Underkänt. Ges om projektet bedöms ha så allvarliga brister att de inte kan rättas till inom en vecka. 2.3 Grupper Projektet genomförs i grupper om 2 personer. 2

5 3 Kravspecifikation för ÖrebroCupen Kravspecifikationen är utformad som en uppsättning användarscenarion (förkortas UC eng. Use Case). Till scenarierna finns ibland undantag beskrivna. Begränsning För att inte liknande funktionalitet och innehåll skall bli för enformig att utveckla begränsar vi uppgiften till att endast hålla information om: 6 olika fotbollsplaner 6 olika skolor (för logi) 6 olika fotbollslag 6 olika bilder Naturligtvis är även webbapplikationen begränsad på det sätt att uppgiften kan lösas inom ramen för den utsatta projekttiden. 3.1 Icke användarcentrerade UC IUC 1: Definierad dokumenttypsdefinition Samtliga HTML- och XML-dokument skall fastställas med en dokumenttypsdefinition. För HTML-dokument räcker det med en referens till W3C (se HTML-föreläsning). För XML-dokument skall samtliga dokument kopplas till en egengjord DTD eller XML-scheman. Samtliga dokument skall vara giltiga (valid) IUC 2: Metainformation Samtliga dokument skall ha metainformation angående: författare, beskrivning och nyckelord IUC 3: Webbläsareupptäckt Webbapplikationen skall utvecklas med stöd för Internet Explorer (version 4 eller senare). Webbapplikationen skall känna av vilken webbläsare besökaren använder sig av och dirigera besökaren till olika sidor. Detta innebär för Internet Explorer-användare ÖrebroCupens startsida och för övriga användare någon form av felhanteringssida där användaren uppmanas att installera och använda Internet Explorer IUC 4: Omdirigering Om besökaren (dvs användare med Internet Explorer) varit inloggad (se UC 7) tidigare skall denne tas till logisökningssidan (se UC 8). I annat fall skall besökaren navigeras till startsidan där spelprogram/resultat skall visas (se UC 1). 3

6 3.1.5 IUC 5: Enhetlig design Genomgående i webbapplikationen skall HTML-/XHTML-dokumenten (font, storlek, tabellutseende, färg, form osv) ha en enhetlig design som du själv väljer IUC 6: Extern stilmall För generella egenskaper på HTML-/XHTML-elementen skall extern stilmall användas IUC 7: Extern JavaScript JavaScript skall placeras i en extern fil. Dock kan mindre och enklare skript (oftast s.k. direkta skript) placeras i respektive HTML-/XHTML-dokument IUC 8: Bildbeskrivning Samtliga bilder skall ha en beskrivande text, dvs alt-attributet skall specificerat. 3.2 Funktionella UC UC 1: Se spelprogram/resultat Besökaren skall kunna se spelprogrammet för ÖrebroCupen. Informationen i spelprogrammet skall vara lagrat i ett XML-dokument. I spelprogrammet skall det framgå var och när de olika lagen möter varandra. Om lagen redan har möts skall även slutresultat visas. Informationen från XML-dokumentet skall visas med hjälp av XSL (alternativt HTML eller JavaScript). När sedan webbapplikationen skall tas i bruk är det tänkt att dessa XML-dokument skal produceras av en extern applikation. Därför behöver endast i detta läge ett exempeldokument skapas med information om 6 lag i spelprogrammet UC 2: Se tabell Besökaren skall kunna se en tabell med följande struktur: dvs totalt antal spelade matcher, antal vunna matcher, antal oavgjorda matcher, antal vunna matcher, målskillnad och poäng. Informationen från XML-dokumentet skall visas med hjälp av XSL (alternativt HTML eller JavaScript). 4

7 När sedan webbapplikationen skall tas i bruk är det tänkt att dessa XML-dokument skal produceras av en extern applikation. Därför behöver endast i detta läge ett exempeldokument skapas med information om 6 lag i tabellen UC 3: Se bildspel Besökaren skall kunna se ett bildspel med bilder från ÖrebroCupen. Bildspelet skall alltid vara synligt. Bilden som visas skall slumpas fram och bytas ut under tiden besökaren är kvar på webbplatsen UC 4: Sök spelplats Besökaren skall kunna söka spelplats (dvs vilken av de 6 fotbollsplanerna) genom att välja i en lista och sedan få en beskrivning om var denna plats finns och hur besökaren hittar dit UC 5: Skicka fråga Besökaren skall kunna skicka en fråga till ÖrebroCupen genom att fylla i de obligatoriska fälten namn, e-postadress, rubrik och själva frågan. Rubriken kan vara någon av logi, resultat, anmälan eller övrigt. Om besökaren glömmer att fylla i något av de obligatoriska fälten skall denne meddelas detta och markören skall placeras i det fält som ej fyllts i. Kontroll skall även göras att e-postadressen format är korrekt UC 6: Se nedräkning Besökaren skall kunna se hur många dagar det är kvar tills ÖrebroCupen startar och slutar (från den aktuella tiden räknat). Denna information skall alltid vara synlig och uppdateras i realtid UC 7: Logga in För en anmäld besökare (dvs en besökare som har anmält ett lag till ÖrebroCupen) skall det vara möjligt att logga in på webbplatsen genom att besökaren matar in giltigt användarnamn och lösenord. Efter lyckad inloggning skall logisökningssidan visas (se UC 8). En anmäld besökare får logginuppgifter mailledes. Detta behöver du inte ta hänsyn till. Det räcker med en genensam inloggning för samtliga UC 8: Sök logi En inloggad besökare skall kunna söka logi. Detta skall gå till på så sätt att besökaren väljer i en lista på vilken skola denne skall bo på och får informationen presenterad för sig på den karta över Örebro vilket som skall visas på sidan. På kartan skall skolans position visas på ett tydligt sätt. Detta Use Case skall lösas med lager (<div>). 5