Backendskisser.

Backendskisser er ferdige.

http://prosjekt.leep.no/backend/backend.html

Thomas og Simen tar dokumentasjonen, det er lagt inn slik at straks dokumentene som søkes etter med beskrivelsestekst er ferdig opprettet, så vises det fint.

Litt forskjellig

Har lagt til lokale ankere på frontend-skissene og restrukturert .html-filene noe for bedre oversikt og en forståelig CSS. Nivå 5 og 8 validerer ikke, men de validerer på mitt område, så det skyldes muligens curl.

Jeg har også laget et kommentarsystem lokalt på min maskin. Planen er å få dette live sammen med Robert en dag til uka.

Evaluering av prosjektet så langt

Har laget et dokument på GoogleDocs og gitt dere alle rettigheter. Bare å si ifra eller endre direkte i dokumentet dersom dere føler at noe mangler.

Referat fra møte mandag 20. oktober

Saksliste

1. Godkjenning av innkalling og saksliste
2. Evaluering av prosjektet hittil
3. Forventninger med prosjektet videre
4. Kommunikasjon
5. Arbeidsoppgaver videre mtp. leveranse 2
6. T-skjorter og presentasjon
7. Utforming av rapport

1. Godkjenning av innkalling og saksliste

Både innkalling og saksliste er godkjent.

2. Evaluering av prosjektet hittil

• Vi burde defininere klart hva man skal ha med i neste leveranse og i tillegg prøve å bli ferdig til fredag 31. oktober slik at vi evt. har helga å rette opp evt. problemer.
• Vi må få en oversikt over de forskjellige prosjektfasene da det virker som vi kanskje har glidd litt ut. 
• Lengre frister gir mindre "stressarbeid"
• Innsjekking mandag 27. oktober og oppdatering onsdag 29. oktober for å vite hvordan vi ligger i forhold til innleveringen. 

3. Forventninger med prosjektet videre

• Simen vil kode!
• Thomas vil kode grunnleggende!
• Vi må gjøre ferdig backend med skisser og dokumentasjon, samt å fullføre det tekniske.
• Vi burde kanskje legge til et punkt om etiske aspekter ved å hente ut data fra disse sidene.
• Thomas sender mail til disse sidene og hører om det faktisk er greit at vi henter ut data og presenterer dem på den måten vi gjør.

4. Kommunikasjon

• Kommunikasjon over mail går bra.
• Statusoppdatering gjør ting lettere. 
• Svar mer på mail!
• Statusmøter kan holdes på f.eks. MSN. 
• Per presenterte en prototype for den nye ttt (telepatic transfer protocol). Vi er ennå ikke overbevist over kvaliteten da teknologien på nåværende stadium er mye ustabil og foreslår derfor at vi i stedet forholder oss til konvensjonelle kommunikasjonsmetoder som å åpne munnen og trykke på tastaturet og følgelig skrive e-post. 

5. Arbeidsoppgaver videre mtp. leveranse 2

Kravspesifikasjon 

• Brukere og admin
• Systemets funksjonalitet (Database inn-ut, nyhetsfetching, cronjob, sesjonshåndtering)
• Skriv kort og link til beskrivelse
• Bruk anker! <a name="noe"></a>
• Per lager Google Docs. 

Begrunnelse for designvalg

• Thomas tar hånd om denne.

Webside-skisse

• Tekst med link til frontend og backend
• Screenshot med tekst. 
• Per tar dette. 

Systemfunksjonalitet

• Databasedesign: Godkjent! Behøver vi flere felter oppdaterer vi specs tilsvarende.
• Innhenting av data m/cronjob: Robert
• Kommentarsystem: Simen
• Backend: Per (lager en oversikt og delegerer ansvar om det blir for mye)
• Registrering: Thomas
• Loginsystem/-sesjon: Simen og Robert
• Robert endrer på designet tilsvarende med endringer gjort ovenfor.

Evaluering

• Simen skriver en foreløpig evaluering.

6. T-skjorter og presentasjon

• Thomas sjekker ut t-skjorter og pris.

7. Utforming av rapport

• Litt som tekniske spesifikasjoner
• Innholdsfortegnelse med link til de forskjellige kapitlene/seksjonene. Undertitler blir linket til ved hjelp av anker.
• Til innleveringen trenger vi bare gjøre en kort skisse av hvordan sluttraporten skal være, så vi kan legge opp det som allerede er klart og formatere det.

Møtet er hevet. 

Leveranse 1 er i boks.

Leveranse 1 er i boks, linken som er levert inn er: http://www.stud.hio.no/~s150336/web-prosjekt, den redirecter automatisk til http://www.kraftsport.no/leep. Jeg skal nå ta backup av hele prosjektområdet, og maile det til hver enkelt av dere, slik at vi har backup spredt overalt dersom det verst tenkelige skulle skje!

Vel blåst gutter, gleder meg til Leveranse 2!!!

Per

Leveranse 1 snart i boks!!!

Jobbet mye med http://www.kraftsport.no/leep/ nå. Lærte å inkludere filer som ligger på andre servere med php og curl, lærte å lage skjema for brukerinput i xhtml 1.0 strict, se søkeboksen på siden. Programmert en del i php, og knotet masse i CSS. Alle sidene validerer nå, og det ser slett ikke så verst ut om jeg selv skal si det. Det som gjenstår nå er å dokumentere de ulike delene av systemskissen. Jeg har sendt ut mail til gruppa, og jeg har sendt sms til alle sammen. Så får vi se hva det blir til til slutt!

Per

Opprettet arbeidsdokument.

Fra hjemmesiden kan dere nå velge Arbeidsdokument for å skrive inn hvilken oppgave dere holder på med. Se tekst øverst i dokumentet for innstrukser. Det er viktig at alle skriver inn hva de jobber med, både slik at vi kan dokumentere hvem som har gjort hva i etterkant, og fordi vi kan se hvem som jobber med hva, slik at vi ikke gjør ting dobbelt, som forsåvidt allerede har skjedd en gang, selv om ingen stor skade skjedde.

Det går fremover...

Jobbet med prosjekthjemmesiden. Endret litt på layout, lagt til lenker til styringsdokumenter, mangler kun fremdriftsplan nå (merkelig det i det hele tatt går fremover uten den!;). Kommet med kommentarer til databasetabell-forslaget som gitt av Robert og Simen. Skrevet masse kommentarer på bloggen, svart på en hel del mail fra gruppemedlemmen, og lagt ut alle styringsdokumentene på GoogleDocs, også oppdatert prosjekthjemmesiden med noen flere linker.

Den kan beskues her: http://www.kraftsport.no/leep.

Synes forøvrig alle på gruppen arbeider godt nå!

Per

Ta en titt på nye filer

Har lagt ut prosjektbeskrivelse, samarbeidsavtale og risikoplan versjon to (dvs. foreløpige forslag). Thomas har dessuten rettet opp skissebeskrivelsene. Fremdriftsplan gjenstår vel, ettersom møtereferatet vel går under og utgjør "prosjektdagbok", da vi ikke har noe annet fornuftig å skrive her.

Uthenting av data fra nettsteder

Etter en ganske rolig helg, begynte jeg søndag med å implementere grunnfunksjonaliteten til Leep, nemlig å hente data fra andre nettsteder. Heldigvis har folk i våre dager vett nok til å bruke RSS, slik at jobben ble betydelig lettere. Problemet er dog at ikke alle sider liker å følge standarder på Internet. Noen liker å skrive <img src="hei.jpg" alt=""> mens andre liker å skrive <img src='hei.jpg' alt=''>. Etter min oppfatning kvalifiserer sistnevnte til nakkeskudd.

Misforstå meg rett, når man programmerer er det å bruke '' over "" veldig nyttig til tider. I PHP er det slik at om man skriver en tekst inni '', vil ikke escape characters fungere:

print "Hei, dette er en test\n";

gir
Hei, dette er en test

mens

print 'Hei, dette er en test\n';

gir
Hei, dette er en test\n

Det er også veldig nyttig om du skal spytte ut litt HTML med attributter:

print '<a href="http://s.voltage.nu/~robert/leep">'; 
print '<img src="leep-logo.png" alt="Logo" /></a>';

Men å skrive <img src='leep-logo.png' alt='' /> er bare galt. Galt, galt, galt.

Siden inneholder nå funksjonalitet til å hente ut data fra ITavisen, Digi og Hardware.no. Det er dog ikke bestemt at disse er de vi kommer til å ende opp med, jeg bare valgte tre lovende norske sider.

Videre arbeid vil være avhengig av enighet mellom gruppemedlemmene ang. databaselayout.

Utkast til database

Robert og jeg satt og tenkte litt på hvordan databasen skal se ut, og jeg laget dette utkastet (basert på det Robert skisserte på skolen):

http://leep.googlegroups.com/web/database.PNG?gsc=hoZjfwsAAAC2ykNFh3c5tRPlXSNALaAt

Beskrivelser av nivåene

Da har jeg skrevet litt enkel html-kode og fått ut beskrivelse for nivå 1. Det er sannsynligvis flust av feil, da jeg har endret fila en del ganger. Det var heller ikke topp å kode i notepad heller (men siden validerer).

http://www.stud.hio.no/~s147963/leep/

Legger ut alt her etter hvert, så er det bare å kommentere og komme med forslag til endringer der det er rom for forbedring (eller der dere finner feil).

Edit: Bruker Vim selv i Linux, men har jobbet på den stasjonære maskinen. Fortsetter med resten av nivåene nå. :-)

Oppdatert en del på siden for Leveranse 1.

Endret en del på layouten på prosjekthjemmesiden (Leveranse 1).

Foreløpig er det Frontend som ligger på forsiden her, men frontend er ikke hele systemet, systemet er mer omfattende, med backend, database, php-kode, sql-statements, xhtml, css og bilder, jeg har laget en oversikt over hele systemet, som jeg tenkte å legge på forsiden, men dette blir å gjøres i morgen. I dag har jeg gjort veldig mye, og er litt lei av dette i dag nå!

Per

Arbeid gjort så langt i dag.

1. Lage skisser av de fire gjenstående nivåene som ikke er laget. DONE!
2. Lage et oversiktssystem for skissene som ser profesjonelt ut. DONE!

Alle nivåene kan nås fra [skisseoversikten].

3. Tenke nøye gjennom om det er noen nivåer vi har glemt.

Dette har jeg tenkt på. Har lagt til et nivå til, nivå 8 som er eksterne aktørsider.

4. Tenke gjennom hvilke nivåer vi trenger på backend (adminmodus).

Ikke gjort ennå.

5. Lage et oversiktssystem over hele prosjektet grafisk. DONE!

Har laget en grafisk skisse over hele Leep-systemet som beskriver alle komponentene i systemet. Foreløpig har jeg denne kun på papir, men skal digitalisere den senere.

Dagens arbeid ligger her.

Design og funksjonalitet.

Mens våre eminente dokumentører (Er det egentlig et ord? Om ikke burde det klart bli lagt til i ordlista) har laget skisser over systemet, har jeg startet med å designe websidens rammeverk, det vil si hvordan den ser ut på et globalt plan. For alle sider man klikker seg inn på skal rammeverket opprettet vises. Dette gjøres lett ved å integrere siden mot PHP, og jeg skal gi et par eksempler på det senere. 

Ovenfor er hvordan den statiske utviklingsversjonen av siden ser ut. Fanene i menyen fungerer på hva jeg synes er en fantastisk enkel men kraftig måte å skapen en illusjon av at det faktisk er faner. Teorien er at vi har små blokkelementer av typen a (lenker om du vil) som har en gitt verdi med border: 1px #000000 solid; samt litt padding og bakgrunnsfarge som stil. Det kjøres en sjekk om den gitte siden er valgt, og om den er det setter den til en annen stil der bakgrunnsfargen til elementet blir satt til hvit (bakgrunnen på hoveddokumentet) og den nederste kanten er skjult. Da skaper man illusjonen av faner mens det egentlig ikke er det. 

Selve sjekken ser slik ut: <a class="fane<?php if($_GET['s'] == 1) echo " fs";?>" href="?s=1">Side 1</a> og viser med oppfeita skrift hva som er PHP-skriptet. Dersom siden s er definert som siden som tilhører elementet, i dette tilfellet 1, så legger den til "fs" i stilen slik at stilen blir "fane fs". Dette betyr at den arver først alle attributene til fane og deretter alle attributene til fs. Dersom fs bryter mot fane er det fs som er sterkest og vinner. 

Tilbake til integrering av siden. For å lett integrere siden kan man kjøre noe som dette i hovedområdet (der du vil ha innhold):

<?php
  $s = $_GET['s']; 
  if(isset($s))
    include "tekst/$s.php"; 
?>

Dette er en veldig lett, men også utrygg måte å ha dynamikk på. Hva skjer hvis brukeren oppgir index.php?s=../index ? Jo, da inkluderes index.php i eningen og skaper nettleserens død. Vi kan også gjøre dette med andre filer som funksjoner.php og liknende, og da blir det hele ganske utrygt. Løsningen er å være veldig strikt på hvilke sider du skal ha tillatelse til å røre gjennom dynamikken:

<?php
  $s = $_GET['s'];
  if($s == "nyheter" || $s == 1 || $s == 2 || 
     $s == 3 || $s == "leep")
  {
    include "tekst/$s.php"; 
  }
  else
  {
    include "tekst/nyheter.php"; 
  }
?>

Dette gjør at vi kan lett holde styr på hva som blir inkludert. For å gjøre det hele penere kan vi derivere det hele ut i en funksjon: 

<?php
  function inkluder($s)
  {
    if($s == "nyheter" || $s == 1 || $s == 2 || 
       $s == 3 || $s == "leep")
    {
      include "tekst/$s.php"; 
    }
    else
    {
      include "tekst/nyheter.php"; 
    }
  }
?>

I så fall kan vi bare kalle på dette fra hoveddokumentet:

<?php
  inkluder($_GET['s']); 
?>

Dette var dagens rablerier fra Robert om den nåværende utviklingen og valg som er tatt hittil. Planer videre er å komme med forslag til layout på databasen, noe man forhåpentligvis vil være spesielt enige i etterhvert. 

Plan for dagen i dag.

I dag skal jeg jobbe mye med prosjektet vårt. Jeg har nå registrert leep.no, dvs. det er bare egenærklæring som skal sendes inn, så er det i boks. Alle må dele på utgiftene på dette, det blir 125kr/4 på hver.

Deretter er min plan for dagen:

1. Lage skisser av de fire gjenstående nivåene som ikke er laget.
2. Lage et oversiktssystem for skissene som ser profesjonelt ut.
3. Tenke nøye gjennom om det er noen nivåer vi har glemt.
4. Tenke gjennom hvilke nivåer vi trenger på backend (adminmodus).
5. Lage et oversiktssystem over hele prosjektet grafisk.

Får se hvor langt jeg kommer i dag, men får ta punkt for punkt!

Per