Side 1
Innholdsfortegnelse 1) Generell informasjon...3 2) Beskrivelse av problemet...4 3) Mål/ visjon for prosjektet...5 4) Målgruppe...6 5) Rollefordeling...7 6) Scope/ Avgrensing...8 7) Konseptuelt design...9 8) Funksjonell spesifikasjon...11 Use case...11 Use case illustrasjon...12 9) Research...13 10) Logisk design...14 Konsept og design...14 Skisse Enkel...15 Skisse Avansert...15 11) Fysisk design...16 Teknologi...16 Programvare...16 12) Tesplan og rapport...17 Mål med testing...17 Testing protokoller...18 Resultat av testing 1.iterasjon...19 13) Prosjektrapport...20 Iterasjon 1...20 Iterasjon 2...20 14) Kilder...21 15) Vedlegg...22 Side 2
1) Generell informasjon Løsningen kan nås på: http://www.mariusakselsen.no/pj211_g03 Webløsningen fungerer i alle store browsere, Internet Explorer(7+), Firefox, Opera, Chrome. Side 3
2) Beskrivelse av problemet I 2009 var det 7251 reelle søkere til studier innen informasjonsteknologi og informatikk i Norge gjennom Samordna Opptak. Søkere for privatskoler er ikke med i denne beregninger, men med disse i betraktning kan man tro at tallet runder 8000. Det som er interessant er at det var rundt 160 søkere som var kvalifiserte, men som stod uten tilbud. NITH har over 250 ledige studieplasser for deres syv bachelor-linjer, i tillegg til søkere for masterstudier og kurs. NITH har en nettside med god informasjon om de ulike studieretninger, kurs og masterstudier som finnes på skolen, men kunden (NITH) ønsker en interaktiv tjeneste der prospektive studenter kan få en rask veiledning i hvilket kurs som kunne vært aktuelt basert på en test. Mange studenter ønsker gjerne å få en rask pekepinn på hva en skole kan tilby. Dette er også et viktig poeng for enhver skole, og vår oppgave er da å hente frem denne informasjonen for studenten gjennom en interaktiv test. Våre hovedoppgaver er følgende: Lage en interaktiv rådgiver for prospektive studenter til NITH. Markedsføre de ulike studiene NITH har å tilby, gjennom tjenesten. Innbydende, lett og interessant brukergrensesnitt som får brukeren lyst til å ta testen. Side 4
3) Mål/ visjon for prosjektet Vårt mål for prosjektet er å designe og implementere en interaktiv test med fokus på en fremtidsrettet useability, i tillegg til et brukergrensesnitt som skal være innbydende, tiltalende og enkel i bruk for besøkende. Veldig viktig er det å forstå kundens behov, men med brukeren i fokus. MSF, Microsoft Solutions Framework, er også et av hovedmålene for prosjektet. MSF er et et sett med prinsipper, modeller, disipliner og retningslinjer for å levere en informasjonsteknologisk løsning. Ved bruk av MSF som verktøy blir man kjent med de ulike prosessene og rollene som inngår i en problemløsning, og veldig viktig er det å bli kjent med de ulike fasene for å oppnå et suksessrikt resultat. Rollefordelingen i gruppen tildeles etter ønske og eventuelle tidligere erfaringer, og arbeid blir delt likt slik at alle deltar på samme nivå. Målet er å få en samkjørt gruppe der alle høres og har klare oppgaver. Side 5
4) Målgruppe Potensielle studenter Hovedmålgruppen for case-oppgaven er potensielle studenter, som har et ønske om en bachelor grad for høyere utdanning. Side 6
5) Rollefordeling Produkt ansvarlig Prosess ansvarlig Test ansvarlig Rolle Mål Ansvar Hvem Utviklings ansvarlig Utgivelse ansvarlig Bruker ansvarlig Forstå kundens behov, men med brukeren i fokus. Levere løsningen innen fastsatt tid og budsjett. Teste funksjonalitet, brukervennlighet og feilsøkning. Levere et produkt i samsvar med spesifikasjoner som er utarbeidet. Sørge for en problemfri utgivelse med tilhørende dokumentasjon. Teste brukeropplevelsen, i tillegg til utarbeidelse av forberedning. Jeanette Stavsholt Carlos Reis Kim-Olaf N.Sørensen Marius Akselsen/ Wilhelm Karlsen Christina Elles Kim-Olaf N.Sørensen Side 7
6) Scope/ Avgrensing Første versjon Beskrivelse av kritisk funksjonalitet for versjonen Det er viktig at brukeren skjønner at det er testen som skal være hovedfokuset på siden, og at testen skal være pålitelig med tanke på testresultat og veiledning til studieretning. Siden må også fungere etter hovedmål, å gi brukeren veiledning til valg av studieretning på NITH. Linker må fungere som det skal og gi den informasjonen som brukeren er ute etter. Iterasjon 1: Versjon: 0.1 (prototype) Dokumenter fryses og løsning leveres: 19.02.2010, kl. 15:00 Beskrivelse av funksjonalitet siden skal ha etter første iterasjon: Webløsningen er designet, og implementert etter spesifikasjoner som er gitt. Linker og utførelse fungerer som oppgitt og selve scriptet er under arbeid og testing. Design og videre arbeid av generelt innhold vil bli implementert såfremt script og resterende informasjon blir utarbeidet. Iterasjon 2: Versjon: 01.01.2000 Dokumenter fryses og løsning leveres: 25.02.2010 Beskrivelse av funksjonalitet siden skal ha etter andre iterasjon: Side 8
7) Konseptuelt design Navn Beskrivelse Aktør(er) Betingelser Utførelse Alternativ Utførelse Resultat Link til Quiz Fører bruker til introduksjonssiden for quizen Potensiell Student Ingen Aktør velger link Quiz starter Navn Beskrivelse Aktør(er) Betingelser Utførelse Alternativ Utførelse Resultat Link studium Fører bruker til beskrivelse av studium Potensiell Student Ingen Viser beskrivelse av studium Navn Beskrivelse Aktør(er) Betingelser Utførelse - Aktør avmerker svar alternativ - Aktør trykker svar Alternativ Utførelse Resultat Quiz svar Fører bruker til introduksjonssiden for quizen Potensiell Student Har begynt quiz Fører aktør til neste del av Navn Beskrivelse Aktør(er) Betingelser Utførelse Alternativ Utførelse Resultat Quiz resultat Viser resultatet av quizen etter besvarelse Potensiell Student Har besvart alle spørsmål på quizen Quiz starter Navn Beskrivelse Aktør(er) Betingelser Utførelse Alternativ Utførelse Resultat Link til NITH studiekatalog bestilling Fører bruker til introduksjonssiden for quizen Potensiell Student Ingen Aktør velger link Leder aktør til http://nith.no/katalogbestilling Side 9
Navn Beskrivelse Aktør(er) Betingelser Utførelse Alternativ Utførelse Resultat Link NITH hjemmesider Fører bruker til hjemmesiden for NITH Potensiell Student, administrator Ingen Aktør velger link Leder aktør til http://nith.no Side 10
8) Funksjonell spesifikasjon Use case Mulige aktører Mulige brukstilfeller Beskrivelse Admin Oppdat. Side, Legge inn ny info, holde siden gående, øke kompatibiliteten Potensiell Student Test som kan taes Den potensielle studenten kan gå inn å ta testen som veiledning Potensiel Student Info som kan leses Lese info om de forskjelling linjer Potensiel Student Linker Linker til f.eks bestilling av katalog. Link til nith siden Brukstilfelle Aktør Beskrivelse Normal utføring Alternativ utførelse Etterbetingelse Oppdatere siden Administrator Administrator går inn og retter på evnt bugs, oppdaterer og retter informasjon på siden. Logge inn i backend Koble deg til ftp Feil er rettet, info er oppdatert Brukstilfelle Aktør Beskrivelse Normal utføring Alternativ utføring Etterbetingelse Gå til testen Potensiell student Den potensielle studenten går inn på siden og trykker på knappen start test. Når man trykker på start test knappen går du rett inn til første spørsmål Man kan droppe testen og gå rett inn på en av linkene Testen blir tatt og man får opp et forslag på studierettning Brukstilfelle Aktør Beskrivelse Normal utføring Alternativ utføring Etterbetingelse Trykke på svaralernativ og komme til neste spørsmål Potensiell student Den potensielle studenten velger et av svar alternativene og kommer videre til neste spørsmål Går automatisk til neste siden når man trykke på et alternativ Avbryt test Gjør testen eller går ut av siden Brukstilfelle Aktør Beskrivelse Normal utføring Alternativ utføring Etterbetingelse Komme til andre sider Potensiell stundent Den potensielle studenten trykker på linker for å komme til for eksempel til hjemmesiden til nith Trykker på link som åpner siden i ny fane Ingen Kommer til en ny side Side 11
Brukstilfelle Aktør Beskrivelse Normal uføring Alternativ utføring Etterbetingelse Avslutte testen og få resultater Potensiell student Den potensielle studenten trykker på knappen Avslutt test og får resultatet. Trykker på knappen avslutt test og kommer til den foreslåtte studierettning, basert på svarene Ingen Får forslag på studierettning Use case illustrasjon Side 12
9) Research Gruppen startet med å fortelle hverandre hvordan de hadde hørt om skolen, og hva slags informasjon de følte manglet eller var tilfredsstillende da de søkte NITH. Vi søkte også informasjon om hvor mange som faktisk søkte informasjonsteknologi og informatikk, og fant ut at både Universitetet i Oslo og NTNU hadde hatt en økning i søkere i 2009. Totalt sett var det 7250 søkere gjennom samordna opptak, men det som var enda mer interessant var at det var rundt 160 søkere som var kvalifiserte som sto uten tilbud. Vi snakket med et par studenter ved UiO, som kunne fortelle oss at de var misfornøyde med verktøyet de brukte på IT-studiene. Dette kunne også brukes i markedsføringen av NITH i vårt oppdrag. Tidligere studenter ved NITH kunne fortelle oss at de allerede før bachlor-graden var ferdig hadde fått flere jobbtilbud. Flere nåværende studenter sier at de begynte på NITH fordi de har spesialiserte tilbud innenfor IT, for eksempel spilldesign, spillprogrammering og digital markedsføring. Dessuten er NITH det eneste stedet i Norge som tilbyr bachlor-grad i spilldesign. Etter litt research på internett trender og statistikker er vi alle enige om at folk i Norge bruker mye tid på internett. I følge statistisk sentralbyrå brukte 61% av personer mellom 16-24 år og 47% mellom 25-34 internett til å søke informasjon om utdanning og kurs 2. kvartal i 2009. Vi fant også ut at vi har under 2 minutter til å kommunisere til en bruker som besøker Web-siden vår for første gang. Derfor vil hjemmesiden vår gi brukeren det han eller hun er ute etter med en gang, altså en test som gir veiledning til hvilken studieretning som passer best for akkurat denne personen. Det blir derfor også viktig at siden vår er spennende og interessant i tillegg til at den gir brukeren den informasjonen han eller hun er ute etter. Side 13
10) Logisk design Konsept og design I vår løsning har vi lagt vekt på et enkelt, men moderne utseende med tiltenkte funksjoner vi fant nyttig for bruker av tjenesten. I tillegg ser vi ikke vår løsning som en fullverdig webside alene, men fungerer som et tillegg til eksempelvis NITH's egne hjemmesider hvor den blir linket til. Vi følte for brukeren skal det være enkelt å få frem informasjonen man ønsker uten å gjennom en test, slik at de blir stilt med valget og får muligheten til å nå annen informasjon enn det svaret testen gjenspeiler så en navigasjon var nødvendig. Vår navigasjon er representert av ikoner som reflekteres av de ulike studiene NITH har å tilby med et attraktivt og brukervennlig utseende som er lett forståelig. Vi ønsket også at bruker skal holde seg på samme sted under hele besøket så vi har tiltenkt et «vindu» som fremheves ved en komponent som kan lett leses og lukkes for bruker slik at man lett kan nå neste kilde. Selve testen består av en rekke spørsmål der resultatet av svarene man gir blir avgjørende for hvilket studie brukeren får opplysninger om (interesser, jobbmuligheter osv). Fargevalgene vi har gjort gjenspeiler NITH's hjemmesider som i hovedsak består av en blanding mellom sort, hvit, grå og blå. Dette virket som et naturlig valg slik at bruker skal føle at man mister den visuelle kontakten med hovedsidene til NITH. Videre er logo hentet frem gjennom delte resurser, NITH, og bunntekst er i samsvar med standarden for generelle webløsninger der copyright og en om side er «obligatorsisk». Side 14
Skisse Enkel Skisse Avansert Side 15
11) Fysisk design Teknologi I utarbeidelsen av webløsningen har følgende teknologi blitt brukt: HTML Hyper Text Markup Language (HTML, hypertekstmarkeringsspråk), er et markeringsspråk for formatering av nettsider med hypertekst og annen informasjon som vises i en nettleser. CSS Cascading Style Sheets (CSS) er et språk som brukes til å definere utseende på filer skrevet i HTML eller XML. Javascript JavaScript er en implementasjon av ECMAScript, et skriptspråk som er best kjent for å tilføre dynamiske elementer til nettsider. Programvare I utarbeidelsen av webløsningen har følgende verktøy blitt brukt: Dreamweaver Dreamweaver er et WYSIWYG-program for utvikling og redigering av nettsider. Notepad++ Notepad++ er en gratis teksteditor, lisensiert under GPL, og utviklet som et alternativ til Windows Notisblokk. Adobe Photoshop Adobe Photoshop er et avansert bilderedigeringsprogram fra Adobe Systems for rastergrafisk (bitmap) bildebehandling. FileZilla FTP FileZilla er en gratis FTP-klient. FTP (File Transfer Protocol, altså filoverføringsprotokoll) er en standard, operativsystemuavhengig protokoll for overføring av filer i et TCP/IP-basert nettverk. Nettleser En nettleser (engelsk web browser) er et program som vanligvis brukes til å vise innhold fra Internett som oftest finnes i HTML-formatet. Firefox IE (6/7) Opera Chrome Side 16
12) Tesplan og rapport Mål med testing Testing av siden skal sikre at alt på siden fungerer som den skal, i tillegg skal det testes mot usability i forhold til siden. Testing gjennomføres så med en gang vi har ett fungerende design. Metodene for testing vil for det første være «over skulderen» observasjoner på tester som skal teste usability og user experience. Og så oppgaveorientert der det ikke er mulig å være fysisk tilstede. Ting som skal testes: Browser compatability: IE Safari FireFox Opera Chrome Mobile enheter Hastighet Spesielt på mobile enheter Menyer/linker Brukervennlighet Mangler på siden For en sikker testing skal nettsiden testes på forskjellige maskiner med forskjellig oppsett. Operativ systemer: win xp win vista win 7 os x linux Side 17
Testing protokoller Browser compatability Nettsiden åpnes i browseren hvis ikke godkjent Godkjent hvis Skrives feilen ned, og leveres til den personen som kan rette opp feilen. Hvis mulig fikses problemet selv. Er det ikke tid til å rette på feilen, eller feilen ligger utenfor kompetanse skal en feilmelding gis til brukeren Siden åpnes og ingen mangler er tilstede Hastighet Nettsiden åpnes i browseren og det måles hvor lang tid det tar hvis ikke godkjent Godkjent hvis Tid på å åpne siden levers til den personen som kan gjøre forandringer på siden. Forslag til forandringer levers til den personen som designer siden slik at det kan gjøres forandringer for å gjøre siden raskere. Siden åpner på under ca.5 sec. Menyer / linker Menyene / linkene skal brukes hvis ikke godkjent Godkjent hvis Feilmelding rapporteres til den personen som har mulighet til å forandre på siden. Menyen eller linken fungerer som planlagt Brukervennlighet En person bruker siden og så gir tilbakemelding hvis ikke godkjent Godkjent hvis Skriv ned respons ifra bruker og rapporter til design ansvarlig med forslag til forandringer. Kom med forslag om det skulle være eventuelle mangler på siden i form av funsjonallitet eller informasjon Test personen gir bra tilbakemelding på siden uten store forslag til forandringer. Mangler på siden Siden mangler menyer/linker eller lignende som skal være med i følge designet hvis ikke godkjent Sjekke koden på hjemmesiden for å finne feilen Godkjent hvis Ingen mangler på siden oppdages Side 18
Resultat av testing 1.iterasjon Handling som testes Status Resultat Kommentar Kritisk funksjonalitet Godkjent Helt ok Design er klart, og uten problemer. Problemer med spørsmålene på testen, resultatet gir ofte «feil» svar. Brukervennlighet Godkjent Bra, men kan forbedres Ikonene på topen av siden er distraherende men, kan forbedres der, ellers er det veldig klart hvordan siden brukes Mangler på siden Godkjent Ingen mangler i forhold til planen for iterasjon 1 Browser compatability Godkjent Funker på alle browsere som er testet Mangler test på IE 4-6 og safari Hastighet Godkjent Siden går raskt Ingen kommentar Menyer / Linker Godkjent Fungerer etter planen som var satt opp for iterasjon 1 Kommentar ifra bruker: Brukere kommenterte positivt på siden, at den var enkel å bruke. Ingen kommentar Side 19
13) Prosjektrapport Iterasjon 1 Gruppe 3 har brukt første uken til å bli kjent og planlegge prosjektet. Oppgaven går ut på å lage en test som skal veilede potensielle studenter til riktig studieretning på NITH. Vi har snakket med forskjellige folk både på skolen og utenfor for å få en oversikt over hva folk syns om NITH eller om de i det hele tatt har hørt om skolen. Vi ønsker å lage en side som skal være innbydende, spennende og enkel i bruk, samtidig som den skal være informativ og veilede brukeren til riktig retning. Nå, før første iterasjon 19.02.2010, er HTML malen er ferdig, men Javascript blir ikke implementert før neste iterasjon skal leveres 23.02.2010. Designet til siden er så å si ferdig, selv om vi fortsatt jobber mot det optimale designet. Vi har hatt klare arbeidsoppgaver og dags-planer, som har gjort det lettere å jobbe strukturert og følge tidsplanen. Vi har hatt noen diskusjoner angående designet på siden og hvordan testen skal oppleves for brukeren. Hvem som egentlig er målgruppen har også blitt diskutert. Vi har også hatt problemer med scriptet til testen, og prøvd flere løsninger. Vi har hatt ulike meninger om hvordan testen skal implementeres i siden og hva testen faktisk skal spørre brukeren om. Derfor har vi i løpet av dagen hatt et par gruppemøter der alle har fått sagt sin mening. Tryggheten i gruppen, og at alle skal få komme med sin mening, har vi sett på som avgjørende for et godt resultat. Vi har også testet brukervennligheten på første utkast av hjemmesiden på både studenter og ikkestudenter, gamle og unge. Det viste seg at de yngre test personene ikke hadde noe problem med å finne frem til testen, mens de eldre personene hadde litt mer problemer med å finne frem. Dette har vi tatt med i betraktning når vi har jobbet videre med designet av siden. Vi har brukt en del tid på dokumentasjonen og vært nøye med å ha klare arbeidsoppgaver og ansvarsområder i gruppen. Iterasjon 2 Side 20
14) Kilder Powers, Marlys med flere (2005): MSF, a pocket guide. Van Haren Publishing. Cohen, June (2003): The Unusually Useful Web Book. New Riders. MSF White Paper, resurrs tildelt av PJ211 på It's learning. MSF Process Model, resurrs tildelt av PJ211 på It's learning. MSF Team Model, resurrs tildelt av PJ211 på It's learning. Tekst og informasjon/ fakta http://www.nith.no Bilder og illustrasjoner http://www.deviantart.com Javascript http://orangoo.com/labs/greybox Samordna Opptak (2010. 19. februar). So49 - Søkere fordelt på utdanningsområde og år i hovedopptakene 2006-2009. Artikkel http://www.samordnaopptak.no/tall/2006-2009/hoved/utdomr/ Computerworld (2009. 17.august). Flere it-studenter på universitetene Artikkel http://www.idg.no/computerworld/article140763.ece Statistisk Sentralbyrå IKT i husholdningene (2009. 24.september). Internett brukt til ulike formål de siste 3 måneder... Tabell http://www.ssb.no/ikthus/tab-2009-09-24-05.html Side 21
15) Vedlegg 1. Løsning/ kriterie skjema 2. Risikoplan Prosjekt 3. Risikoplan Webløsningen 4. Arbeidskontrakt Side 22