Ferdig med prosjektet.

Rapporten ble levert 24. november. Vi mener selv vi har gjort et godt stykke arbeid, så gjenstår det å se hva sensor sier!

Referat fra møte tirsdag. 11 november

Saksliste

1. Arbeidsfordeling - Sluttrapport
2. Evaluering av prosjektet hittil
3. Muntlig presentasjon


1. Arbeidsfordeling - Sluttrapport

• Innholdsfortegnelse for sluttrapport har blitt opprettet av Simen i GoogleDocs.

1. Punkt 1 med underpunkter i innholdsfortegnelsen til sluttrapporten blir skrevet av Per.
2. Punkt 2 med underpunkter i innholdsfortegnelsen til sluttrapporten blir skrevet av Robert.
3. Punkt 3 med underpunkter i innholdsfortegnelsen til sluttrapporten blir skrevet av Thomas.
4. Punkt 4 med underpunkter i innholdsfortegnelsen til sluttrapporten blir skrevet av Simen.

2. Evaluering av prosjektet hittil

• Kraftig tak i backend for å få det ferdig til presentasjonen og implementere nivåer.
  
• Oppdatere leep.no
• Frist for innlevering er mandag 24. november klokken 08:30. Satte frist for alle deler i rapporten til torsdag 20. november.
• Alle har blitt flinkere til å svare på mail og bruke google group.
• Sidene har svart på mail ved å si det er greit at vi henter ut data og presenterer dem på den måten vi gjør.
• T-shortene er på vei

3. Muntlig presentasjon

• Powerpoint-presentasjon.
• Innhold.
• Tidsbegrensning.
• Satte opp tid og dato for øving.
• Vise ting fra siden, samt prosjektet utenom PP-presentasjonen.

Møtet er hevet. God tur hjem!

Klar for presentasjon

Det er kvelden før presentasjon. Vi er alle klare, og administrasjonssystemet til leep er helt ferdig på leep.no/admin. Vi har også nesten laget ferdig sluttrapporten.

Jobbet mye med backend. www.leep.no/admin

Status her nå:

Gjenstår:

Ref: http://prosjekt.leep.no/backend/backend.html
n1: done
n2: done
n3: done Mangler: (Legge inn funksjonalitet på knappene; Redigere, Kommentarstopp, Slette, Ny)
n4: done
n5: done Mangler: (Legge inn funksjonalitet på rediger kommentar)
n6,n7,n8: Ikke laget, regner med dette skal gå ganske greit

Leveranse II

Leveranse II er ferdigstilt:

http://www.leep.no/midtveisrapport/

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

Startet arbeidet med leveranse 1

Jeg har startet arbeidet med leveranse 1, og hvor langt jeg har kommet kan sees her.

Veldig bra at Simen har skrevet Risikodokument, og veldig bra at Robert har laget et skall til siten, har du tenkt noe på hva du skal lage Thomas?

Per

Dokumentasjonsprosessen er startet.

Et quick 'n' dirty utkast til dokumentasjon av Leep er laget. Jeg har laget en skisse for nivå 1, og et oversiktsbilde. Ikke bry dere om at det ikke ser så vakkert ut nå, slike detaljer kan vi ta senere. Men poenget er å få opp en oversikt over hele strukturen til portalen, med beskrivelse av de ulike nivå, og hvilke funksjoner de interaktive elementene på hvert nivå har.

Skissert nivå nr. 1 og lagt ut info om resten av nivåene

Under tråden skisser, har jeg lagt ut oversikt over de ulike nivåene på nettstedet.

Nivåene er:

Nivå 1: Hovedside.

Nivå 2: Nyhetsside fra de ulike nyhetssidene
*** 3 hovedsaker.. Link nederst til vis alle nyheter fra denne
aktøren.
I hver hovedsak: Bilde, tittel, introtekst, les-hele link og
kommentar-
link

Nivå 3: Alle saker fra en nyhetsside (også eldre), rad-format.
*** Rad-format, ikon, overskrift,introtekst, kommentarer(n)

Nivå 4: Egenproduserte artikler
*** Sier seg nesten selv. Standard artikkelformat

Nivå 5: Kommentarer
Bilde fra artikkel. Artikkeloverskrift, Artikkelintrotekst,
kommentarer kommer etterhverandre nedover, eldste på topp. Felt for
brukernavn, tittel, kommentar, knapp for legg inn.

Nivå 6: Registreringsskjema
Brukernavn,Passord,Bekreft passord,E-post, CAPTCHA
Knapp "Fullfør registrering".

Nivå 7: Nytt nivå!
Artikkelsøkeresultatside, omtrent som nivå 3.

Kan dere ta tak i dette, slik at vi fordeler arbeidet litt mht. de ulike nivåene? Poenget er nå bare å lage skisser av de ulike nivåene.

Per

Referat fra første møte.

Robert har allerede skrevet en del, men her er også et møtereferat i word-format:

http://groups.google.com/group/leep/web/m%C3%B8tereferat%20Leep%2026.09.08.doc

Per

Første møte og litt til

Fredag hadde vi i prosjektgruppa første møte og til tross for at vi bare hadde kommunisert på forståelig bokmål ble ikke introduksjonen av vestlandske- og nordnorske gloser det store problemet. 

La meg begynne med å definere prosjektet vårt: Leep ("Leep er en portal") skal være en norsk nyhetsportal som henter inn nyheter fra andre sider som f.eks. Digi og ITavisen. Hvilke sider vi skal hente inn informasjon fra er ikke definert ennå, men det kommer når vi begynner å få funksjonaliteten på plass. I tillegg til å hente inn informasjon fra andre sider skal det også være mulighet for å registrere seg og legge ut egne nyheter eller lenker til andre sider enn de vi opprinnelig støtter.

For alle saker som blir lagt ut, om de så er hentet inn gjennom RSS eller lagt ut selv, skal det være mulighet for å kommentere. Disse kommentarene blir lagret på siden og bundet mot nyhetene slik at det skal være lett og oversiktlig å se hva leserne synes. 

Vi delegerte også hovedsaklig oppgaver mellom oss, og jeg skal prøve å gjengi det med fancy engelske titler for alle medlemmer:

Per: documentation & development
Robert: design & development
Simen: documentation & development
Thomas: documentation & development

Gruppen virker å være veldig enige om hvordan vi vil ha det hele, og har dermed ingen distinkt prosjektleder og kan sies å være veldig demokratisk. Dersom noen er uenige tar vi dette gjennom diskusjon, krangling og evt. slosskamp utenfor IUs hovedinngang. Vi håper at vi ikke ender opp med siste alternativ da Per er i bedre fysisk form enn de andre gruppemedlemmene. Per kommer nok for øvrig til å legge inn et mer utfyllende referat fra første møte her etterhvert. 

Jeg ser fram til prosjektet, og jeg har som mål å få ferdig første utkast til design samt prosjektsiden til førstkommende onsdag. 

~ Robert

Helt i starten.

Dette var flott, nå er jeg invitert, og forhåpentligvis er resten av folket det også, så nå har vi satt igang da. Flotters!

Per

Hello World

#include <stdio.h>

int main()
{
  char m[] = "Hello World";
  printf("%s\n", m);
  return 1;
}