HØGSKOLEN I SØR-TRØNDELAG

Transkript

1 HØGSKOLEN I SØR-TRØNDELAG Avdeling for informatikk og e-læring - AITeL Kandidatnr: Eksamensdato: 15. desember 2004 Varighet: Fagnummer: Fagnavn: Klasse(r): 3 timer LV197D Webprogrammering med PHP FU Studiepoeng: 6 Faglærer(e): Svend Andreas Horgen tlf: Hjelpemidler: Oppgavesettet består av: Alle skriftlige hjelpemidler Forsiden, 1 oppgave på 2 sider og to vedlegg på til sammen 3 sider. Totalt 6 sider i eksamenssettet. Viktig: Les hele oppgaveteksten før du setter i gang. Planlegg tiden godt. Hvis du føler det blir vanskelig å skrive kode, er det bedre å skissere logikken med pseudokode eller egne ord enn ikke å gjøre noe. Lykke til! Side 1 av 6

2 Oppgave Spørrekonkurranse (100%) Du skal lage en spørrekonkurranse for det fiktive nettstedet Her er noen kjennetegn: Konkurransen skal ha 5 spørsmål knyttet til hoppsport, med fire alternativer for hvert spørsmål. Etter å ha svart på siste spørsmål skal resultatene summeres opp. Bare de som består konkurransen skal kunne registrere seg. Blant de registrerte trekkes en vinner av en tur til hoppuka Det er mange måter å lage konkurranser på rent teknisk sett. I dette tilfellet har allerede en grafisk designer laget 5 HTML-sider, der hver side har et hardkodet spørsmål og fire alternativer, samt én svar-knapp. HTML-koden for en tilfeldig valgt side ser slik ut: <strong>hvem vant kvinnenes tysk-østeriske hoppuke 2004?</strong> <form action="" method="get"> value="anette Sagen"> Anette Sagen<br> value="lindsay Van"> Lindsay Van<br> value="line Jahr"> Line Jahr<br> value="henriette Smedby"> Henriette Smedby<p> <input type="submit" value="svar" name="knapp"> </form> Du kan gjøre deloppgavene sammen eller hver for seg. Det er uansett lurt å lese alle deloppgavene før du starter med besvarelsen din. Planlegg tiden godt! Det er ikke gitt at hver deloppgave teller like mye. Du ser at del-oppgavene bygger på hverandre. Dersom det er noen deloppgaver du ikke får til, kan du likevel gjøre de andre oppgavene. Få i så fall frem (med tekst) de antakelser du må gjøre, for eksempel hvor data kommer fra, hvordan de lagres midlertidig og liknende. Vedlegg A har skjermbilder med spørsmålene i konkurransen og riktige svar. Du trenger ikke å skrive inn all teksten i løsningen din, men det er tatt med for å vise hvordan systemet er tenkt å fungere. Vedlegg B har skjermbildene som skal vises i forbindelse med oppsummeringen. Side 2 av 6

3 a) Hvilken form for tilstandsbevaring vil du bruke i denne løsningen? Begrunn svaret. b) Siden den grafiske designeren allerede har laget spørsmålene og definert utseendet, blir din jobb å programmere det som mangler for at systemet skal kunne registrere svarene på en korrekt måte. Legg merke til at action-attributtet er satt tomt, dermed vil samme side kalles opp ved klikk på knappen. Neste figur viser et eksempel på hva som vises etter at to spørsmål er besvarte. Merk at toppteksten Dette er spørsmål X av 5 ikke er hardkodet i noen av HTML-filene, så det må du programmere i løsningen din. Hint: Tenk i retning av inkludering. Du kan for enkelhetsskyld anta at brukeren oppfører seg eksemplarisk og ikke trykker på back-knappen i nettleseren. c) Skriv kode som oppsummerer resultatet etter at alle spørsmålene er besvarte. Se vedlegg B for tips til hvordan oppsummeringen kan se ut. Hvis det er ingen, en eller to feil, skal en lenke til en side med registrering vises. Ved flere feil blir brukeren tilbudt å prøve på nytt igjen, og får ikke frem registreringslenken. d) Skisser et skjema (enten med HTML-kode eller med tegning der du navngir feltene) som kan vises til de som klarer konkurransen slik at navn, telefonnummer og e-postadresse kan fylles inn. Disse opplysningene skal lagres i en database. Skriv koden for dette. Valider inngangsdatane slik at e-postadresse må ha krøllalfa, telefonnummer må bestå av 8 sifre, og navnet må ha innhold. e) Som du ser av skjermbildene i vedlegg B, må brukeren klikke på en lenke for å få registrere seg. Det betyr at noen kan skrive inn adressen til registreringsskjemaet direkte og slik registrere seg uten å ta konkurransen. Hva kan gjøres rent sikkerhetsmessig for å unngå dette? f) I dette tilfellet har en grafisk designer hardkodet spørsmålene. Det gjør det tungvindt å legge til nye spørsmål, og det gjør løsningen mindre dynamisk. Ser du for deg noen alternative løsninger som kan gi mer fleksibilitet? Forklar og tegn opp hvis du trenger det. Side 3 av 6

4 Vedlegg A Her er noen skjermbilder som viser alle spørsmål med riktig svar avkrysset. Den grafiske designeren har laget alt utenom toppteksten Dette er spørsmål nr X av 5. Side 4 av 6

5 Side 5 av 6

6 Vedlegg B Oppsummeringen vises uansett, men bare når det er nok riktige svar vil brukeren få gå til siden for registrering. Her er et eksempel på en bruker som har svart riktig på alle spørsmålene, og får frem lenke til registrering: Eksempel på en bruker som ikke har tilstrekkelig riktige svar, og må ta konkurransen på nytt: Side 6 av 6