Oblig 5 Webutvikling. Av Thomas Gitlevaag

Transkript

1 Oblig 5 Webutvikling Av Thomas Gitlevaag For oppgave 1 og 2 skal dere levere en funksjonell webside på deres hjemmeområde. Dere skal også levere alle phps-filene slik at man for en hver side kan slenge på en s til slutt og få sett kildekoden. Sørg for at phps-fila er en "up to date" kopi av php-fila. Om noen kan og ønsker å benytte en database for å løse oppgavene er dette fult mulig. snakk med Ted Sørlie på IT-drift for å få en MySQL-database. Ettersom oppgavene er såpass faste i formen vil vi gjøre ekstra grundige plagiatundersøkelser for å sikre at dere har skrevet koden fra bunnen selv. Det er fult mulig å få inspirasjon til mulig løsning ved å se på eksempler/snakke sammen, men det finnes minst 1000 måter å løse dette på i detaljer, derfor avsløres slik plagiering fort.

2 Oppgave 1 Lag et system som består av minimum 2 sider. Side 1: En nettside der brukeren kan registrere seg som deltager til en selvvalgt event. Her kreves det bruk av tekstbokser som et minimum, men ha gjerne også med nedtrekkslister, checkboxer og radioknapper. Data skal lagres som en fil på server. Hver rad i fila er en registrering. Hold antallet "felter" forholdsvis lavt (3-5?) så dere ikke bruker masse tid på gjentagende ting. ask.hiof.no/~thomasgi/php/opg1/index.php Side 1 og side 2 ser du under prosessen. - Jeg har løst oppgave en på en måte der du skal registrere deg som bruker for å få muligheten til å vinne en julebrus. Alt du gjør er å registrere deg, klikk registrer knappen og se om du vant. Informasjonen man fyller inn blir lagret i en mappe på severn. data/brukere $bruker.dat Side 2: En nettside som presenterer alle de påmeldte med tilhørende verdier i tabellform. I tilegg er det ønskelig med ulike oppsummeringer og statistikk over de påmeldte. Som minimum

3 kreves utskrift av totalt antall påmeldte. Ekstra (frivillig): Legg på validering av input på både klientside og serverside. - side 2 i oppgave 1 løste jeg på en slik måte: Prøvde å lage en counter som leste utrifra antall brukere registrert, men fikk det ikke helt til så gikk for alternativ B. Jeg la til en utrolig enkel counter som sier hvor mange som har besøkt siden altså registrert seg og havnet på landingsiden. Counteren kan jeg resette ved å gå inn i txt filen og slette x tallet som står. <?php?> // Åpne for å lese fil $fp = fopen("counter.txt", "r"); // få eksisterende tall $count = fread($fp, 2); // avslutt fclose($fp); // legg til +1 i tellingen $count = $count + 1; // vis antall treff echo "<p>antall påmeldte:". $count. "</p>"; $fp = fopen("counter.txt", "w"); fwrite($fp, $count); // avslutt fclose($fp);

4 Oppgave 2 A Lag et system som består av 5 nettsider: Side 1: Registrer ny bruker (brukernavn/passord). Brukernavn/passord lagres i en egen fil med navn brukere.dat ask.hiof.no/~thomasgi/php/opg2/reg.php Informasjonen lagres under mappen data/brukerinfo x.dat Side 2: Logg inn (sender brukeren videre til side 3 eller evt. en feilmelding om brukeren ikke finnes) ask.hiof.no/~thomasgi/php/opg2/login.php Registrer deg og test. Du vil få feilmelding enten i URL eller under login knappen. Side 3: Endre brukerens profildata (minimum navn, e-post og nettside). Det er lurt om profildata for hver bruker lagres til en egen fil med filnavn på formen brukernavn.data. Denne nettsiden skal tilby å vise/endre profildata kun for innlogget bruker. Besøkes den uten å være innlogget så skal det vises en feilmelding. IKKE FÅTT GJORT Side 4:

5 En åpen side (uten innlogging) som vider data om et gitt brukernavn som kommer som parameter (typisk visbrukerinfo.php?brukernavn=tomhnatt). Vis en feilmelding om brukeren (altså tilhørende brukernavn.data fil) ikke finnes. IKKE FÅTT GJORT Side 5: En åpen side med opplisting av alle brukernavn med link til tilhørende visbrukerinfo.php der riktig parameter er satt. Aller helst skal denne siden genereres ut i fra registrerte brukere, men en minimumsløsning er å "hardkode" linkene og dermed generere en statisk webside. Ekstra (frivillig): Legg på validering av input på både klientside og serverside. IKKE FÅTT GJORT

6 Gamle eksamensoppgaver Oppgave E.1 Hva er forskjellen på client-side programmering og server-side programmering? Hvorfor har vi begge metodene? Referer til teknologiene JavaScript og PHP i en del av svaret ditt. Nevn spesielt noe om validering. Svar E.1 PHP er et server-side språk Som vil si at den gjør hele jobben sin på web servern til hosten av nettsiden. Logger du inn i banken din som flere tusen andre er det viktig at denne informasjonen behandles på en server. Skulle det behandles på en og samme datamaskin ville den krasjet etter få x antall brukere antaglivis. HTML og CSS er klient-side språk Som vil si at de gjør hele jobben sin i din nettleser. Nettleseren din utfører klient-side skript, som kan for eksempel animere bildene på nettsiden, ber om data fra serveren eller utføre andre oppgaver. Hvis man klikker på «hvis kildekode» ved å klikke for eksempel f12 eller høyreklikk og vis kildekode vil du være i stand til å se HTML og CSS koden som brukes, men du vil ikke kunne se PHP-koden. PHP er et programmeringsspråk som du kan bruke til å skrive webapplikasjoner med. En web applikasjon kan være alt fra et enkelt «kontakt oss» skjema til ett fullstendig blogging system, nettbutikk, eller forum system. Java og Javascript er like forskjellig som betydningen av «ham» og «hamster» på engelsk. Javascript er bygget inn i nettleseren og brukes til å kontrollere funksjoner i nettsider og for å forbedre mulighetene til nettsider slik at de skal kunne fungere mer som et program på en datamaskin istedenfor å kun oppføre seg som en statisk nettside med tekst og bilder. Mange nettsider har skjemaer du må fylle ut for eksempel et registrerings skjema eller login skjema. Hvor man fyller inn navn, adresse og annen informasjon om brukeren. For å sikre at dataene blir gjort riktig så kommer validering inn i bildet. Validering scripts sjekker at datoer, postnummere og liknende innholder tall. At bruker navn, fornavn, etternavn, adresse osv inneholder bokstaver og ikke spesial tegn som # %&.