Utvikling av nettside for

North Atlantic Forum

Fredrik Kleppe, Sindre Scheen, Nicolai Dahle og Mats Guttormsen

Prosjektoppgave i Informatikk ved Høgskolen i Sør-Øst Norge

1

InnholdsfortegnelseInnledning..............................................................................................................................................4

Forord.................................................................................................................................................4

Problemstilling:..................................................................................................................................4

Bakgrunn for valg...............................................................................................................................5

Kort beskrivelse av oppgaven.............................................................................................................5

Kort presentasjon av oppdragsgiver...................................................................................................5

Organisasjonskart...................................................................................................................................6

Risikoanalyse..........................................................................................................................................7

Intern kommunikasjon.......................................................................................................................9

Tap av data.........................................................................................................................................9

Kompetansemangel............................................................................................................................9

Konflikt med oppdragsgiver.............................................................................................................10

Tidsmangel.......................................................................................................................................10

Hvordan ble oppgaven løst...................................................................................................................10

Metoder (SWOT analyse).....................................................................................................................11

Kompetanse.....................................................................................................................................11

Kommunikasjon................................................................................................................................11

Kontakter..........................................................................................................................................11

Utvikle Betalingssystem....................................................................................................................11

Roller- og ansvarsfordeling, samarbeid................................................................................................12

Prosjektmiljø, programvare..............................................................................................................12

Fremdriftsplan, Gantt Diagram.............................................................................................................13

Et Sammendrag av prosessen...............................................................................................................14

En kritisk vurdering av arbeidet............................................................................................................14

Bra....................................................................................................................................................14

Dårlig................................................................................................................................................14

Hva kunne blitt gjort annerledes......................................................................................................15

Hva er gjort.......................................................................................................................................15

Hva Gjenstår.....................................................................................................................................15

Web-oppsett........................................................................................................................................15

Målsettinger.........................................................................................................................................17

Resultatmål......................................................................................................................................17

Effektmål..........................................................................................................................................17

Arkitektur.............................................................................................................................................17

2

Hvordan siden vår fungerer..................................................................................................................17

Aktivitetsliste........................................................................................................................................19

Milepælsplan........................................................................................................................................21

Sammendrag........................................................................................................................................22

Formål:.............................................................................................................................................23

Konklusjon............................................................................................................................................23

Bruk av litteratur og internett..............................................................................................................24

Henvisning til en kravspesifikasjon.......................................................................................................24

Link til nettsiden...................................................................................................................................24

3

Innledning

Forord

Denne oppgaven er gjennomført i samarbeid med North Atlantic Forum som er et

prosjektarbeid i Informatikk og informasjonssystemer ved Høgskolen i Sør-Øst Norge våren

2016, med omfang på 15 studiepoeng. Oppgaven er gruppebasert. Denne rapporten er

resultatet av en nettside for North Atlantic Forum 2017.

Hensikten med prosjektet er å utvikle et nettsted som skal brukes til en konferanse. Nettsted

skal inneholde all informasjon som er nødvendig for alle potensielle besøkende.

I denne prosessen har vi lært hvordan det er å arbeide sammen som en gruppe. Vi har fått

kjent godt på det å jobbe under tidspress og det å ha en ekstern oppdragsgiver. Vi har måttet

ha bestemte bilder, størrelser, tekst, struktur og informasjon. Vi har også alltid vært avhengig

av oppdragsgiveren for å få tak i informasjonen vi trenger.

Vi vil gjerne takke Kirsten Wielandt Houe for all hjelpen vi har fått. Vi har alltid kunne

komme med spørsmål og fått kjapp respons. Vi vil også takke vår veileder Ingrid Sundbø ved

Høgskolen i Sør-Øst Norge.

Problemstilling: «Hvordan kan vi best mulig lage en nettside med alle kravene som er spesifisert og gjøre den

enkel å endre i ettertid?»

Resultatet ble en nettside med bilder vi fikk fra vår oppdragsgiver. Nettsiden inneholder all

informasjon vi ble tilsendt og på engelsk. Alt er tilrettelagt for de som tar over nettsiden etter

at vi er ferdig.

4

Bakgrunn for valg

Vi viste med en gang at vi fire ønsket å være på samme gruppe. Men da vi skulle velge

prosjekt ble det litt diskusjoner om hvilket vi skulle velge. Vi ble egentlig enige om at vi

skulle velge oppgaven med å lage en ny nettside for Bø Turlag og lage hele i html. Det var

først etter et par uker Ingrid oppfordret oss til å velge en annen oppgave, nemlig denne. Som

var å lage en nettside for North Atlantic Forum, som er en konferanse side som skal samle alle

som vil delta. Fordi til neste år, skal nemlig Bø være arrangør.

Kort beskrivelse av oppgaven

Oppgaven vår er at vi skal lage og designe en nettside for en internasjonal konferanse som

skal holdes ved studiested Bø i 2017. Oppgave teksten lyder som følgene: «En web. Side som

kommer i gang i løpet av høsten. Her skal man kunne melde seg på konferansen, finne

informasjon om alt fra bosted, Bø, adkomst, spisemuligheter, severdigheter, selve

konferansens program (som må kunne endres mange gange), sende inn foredrag på 4000-5000

ord, og finne andre praktiske informasjoner». Vi skal også samarbeide med NAF som holder

konferansen om å få opp en Facebook side/gruppe som linkes fra siden og til siden. Siden

skal være så brukervennlig og lett å vedlikeholde at en person med nesten ingen IT

kunnskaper skal kunne endre bilder og litt informasjon.

Kort presentasjon av oppdragsgiver

Kontaktperson

Kirsten W Houe

Email: Kirsten.W.Houe@hit.no

5

Tlf: 35 95 27 57

Kirsten er rådgiver ved høyskolen i sør-øst Norge avdeling Bø ved institutt for idretts- og

frilufts fag

Studieveileder

Ingrid Sundbø

Email: Ingrid.Sundbo@hit.no

Tlf: 35952751

Ingrid er høgskole lektor på høgskolen i sør øst Norge ved institutt for økonomi og

informatikk

6

Organisasjonskart

Figur 1

7

8

Risikoanalyse

En enkel risikoanalyse kan forklares ved å stille tre enkle spørsmål:

Hva kan gå galt?

Hva kan vi gjøre for å forhindre det?

Hvordan kan vi redusere konsekvensene hvis det likevel skulle skje?

Dette er resultatet av risikoanalysen vi gjennomførte.

Figur 2.1

Verdiforklaring Risikopoeng Risikogrense

Lav 1-9 OK

Middels 10-19 FØLG MED

Høy 20-25 KREVER TILTAK

Figur 2.2

Mulig risiko Sannsynlighet

S

Konsekvens

K

Risiko

R=S x K

Tiltak

Intern

kommunikasjon

2 4 8 Ukentlige møter

Tapa av data 1 5 5 Backup

Kompetansemangel 3 4 12 Ta kontakt med

Ryan/faglærere

Konflikt med

oppdragsgiver

2 4 8 Stadig kontakt

med

Oppdragsgiver

Tidsmangel 3 4 12 Prioriteringer

9

Intern kommunikasjon

For å unngå dårlig kommunikasjon internt i gruppen, har vi valgt å utføre minst et møte i uken

over Skype eller på skolen. Hensikten med disse møtene blir å informere hvordan arbeidet

går, slik at gruppens medlemmer kan få ekstra hjelp eller utsetting av tid ved behov. I et

prosjekt er kommunikasjon veldig vitalt, derfor har vi valgt å gi risikofaktor 8. Grunnen til at

vi kom fram til denne risikofaktoren er fordi gruppen har godt kjennskap til hverandre fra før

av igjennom 3 års skolegang sammen. Men vi klarer å se fra et prosjektbasert syn at dårlig

intern kommunikasjon kan påvirke arbeidet i gruppen veldig negativt, derfor valgte vi å gi en

så høy konsekvens.

Tap av data

Vi som IT studenter har en høy forståelse for å skape mest mulig redundans ved utvikling av

en nettside, ved å ha backup på forskjellige steder. Ved å ha backup på våre egne

datamaskiner, kan vi laste opp siden fort igjen ved behov. Vi setter konsekvensen så høy

grunnet at vi bruker skolen sine servere som host av nettsiden. Dette kan medføre problemer

hvis skolens servere går ned eller at databasen vår blir slettet.

Kompetansemangel

Ingen av oss er profesjonelle nettside utviklere, dette kan medføre at vi kan møte på uventet

motstand grunnet eventuelt mangler på kunnskap. Vi har fått muligheten til å kontakte

personen som tidligere har utviklet nettsiden for vår oppdragsgiver hvis vi støter på noen

problemer. I tillegg har vi også mulighet til å kontakte våre faglærere som har stor

kompetanse innenfor webutvikling. Vi har også muligheten til å finne ut løsninger med hjelp

av andre nettsider som Google.

10

Konflikt med oppdragsgiver

Vi har lært i prosjektstyring at det er veldig viktig for en utvikler og ha kontakt med kunden

eller i vårt tilfelle oppdragsgiveren gjennom hele prosjektet for å passe på at produktet ikke

går vekk ifra det kunden er ute etter. Vi har derfor valgt å prøve å holde kontakt med vår

kontaktperson gjennom hele prosjektet for å passe på at infoen og designet på siden er slik

oppdragsgiveren vil ha. Vi har fått tilsendt informasjon og bilder fra oppdragsgiveren som de

vil at skal være på siden vår. Vi har derfor valgt å gi denne en relativt lav sannsynlighet, men

hvis det skulle inntreffe at oppdragsgiveren ikke er fornøyd så blir konsekvensen veldig stor.

Tidsmangel

Vi forutser at ting kan ta tid med tanke på at vi kommer til å få informasjon fra flere

forskjellige ledd fra arbeidsgiveren. Vi setter derfor sannsynligheten så høy fordi vi tror at vi

kan møte dette problemet. Konsekvensen av at vi må vente på arbeidsgiveren vår gjør at ting

kan ta lenger tid enn det vi forutså i vårt Gantt diagram

Hvordan ble oppgaven løst

Når vi skulle løse denne oppgaven måtte vi finne ut om vi skulle bruke Wordpress eller hard

kode alt i HTML. Vi endte til slutt på å bruke verktøyet Wordpress. Wordpress gjør det slik at

det blir mye enklere for oppdragsgiver som skal ta over nettsiden når vi er ferdige med

bachelor oppgaven, og dette var veldig viktig for oppdragsgiver.

11

Metoder (SWOT analyse)Figur 3

Interne Styrker Svakheter

Kompetanse Kommunikasjon

Eksterne Muligheter Trusler

Kontakter Utvikle Betalingssystem

Kompetanse

Det vi anser som vår største styrke innad i gruppen er vår web utvikling og design

kompetanse. Grunnen til dette er at alle på gruppen har interesse for og syntes web

design/utvikling er spennende å jobbe med. Vi har samtlige studert web fag og hatt web

design som valgfag.

Kommunikasjon

Vi forutser at kommunikasjon kan bli vår største interne svakhet. Vi tror at vi kommer til å ha

god nok kommunikasjon internt. Men vi må være obs på at det fort kan gå over til å være en

svakhet. Kommunikasjon er noe av det viktigste og derfor har vi valgt å ha det som en av våre

største svakheter

Kontakter

Ved å designe en nettside for NAF så lager vi noe som kommer til å bli sett av mange

forskjellige deler av næringslivet. Vi har også fått kontakt med en dyktig web utvikler som

kunne hjelpe oss hvis vi fikk noen problemer/utfordringer med kodingen av nettsiden.

Utvikle Betalingssystem

Ved utvikling av betalingssystem for konferansen så vil det oppstå mange problemer ved form

av lover og regelverk, sikkerhet av sensitiv informasjon også videre. Oppdragsgiveren vår

fant ut at det ble enklere for dem å bruke deltaker.no.

12

Roller- og ansvarsfordeling, samarbeidProsjektleder - Fredrik Kleppe.

Prosjektdeltagere - Sindre Scheen, Nicolai Dahle, Mats Guttormsen.

Interessenter – Kirsten Wielandt Houe, Ingrid Sundbø.

I begynnelsen fordelte vi ansvarsområdene ut til alle i gruppen. Da hadde vi to stykker som

skulle programmere på nettsiden. Også hadde vi to som skulle lage database som skulle

kobles opp mot nettsiden. Ettersom oppdragsgiveren endret ønsker om hvordan sluttproduktet

skulle være og fungere, så ble vi nødt til å endre ansvarsfordelingen. Når vi ikke lenger skulle

lage en database så ble det til at Sindre satt opp siden med wordpress.org og oppsettet på

siden. Nick og Mats gikk inn i koden og begynte å endre inne i filene slik at det skulle se

bedre ut, få inn informasjonen oppdragsgiveren ville ha og designet på nettsiden. Fredrik laget

bloggen/loggen. Sindre, Mats Og Nick jobbet samkjørt med rapportskrivingen mens Fredrik

jobbet for seg selv.

Prosjektmiljø, programvare

Vi begynte først å hard kode siden med html i Notepad++ men vi fant fort ut at dette ville bli

for komplisert for oppdragsgiveren som skal ta over siden og drifte den når vi er ferdige.

Derfor valgte vi å falle tilbake på Wordpress som er veldig brukervennlig for brukere som

ikke har så høye IT kunnskaper. Vi begynte å lage en database i MySQL Workbench som er

et visuelt verktøy for database arkitekturer til nettsider. Men vi fikk vite halvveis inn i

prosjektet at oppdragsgiveren hadde endret ønske om innlogging og bestillinger av de

forskjellige pakkeløsningene NAF vil tilby. De ville heller ha at vi skulle sende kundene til

«deltager.no».

13

Fremdriftsplan, Gantt Diagram

Figur 4

14

Et Sammendrag av prosessen

Prosessen vår startet med at vi måtte lage en prosjektbeskrivelse, deretter gikk vi videre med å

begynne å kode nettsiden vår i html. Vi endret deretter strategi over til å bruke Wordpress til å

lage nettsiden vår. Dette ville spare oss mye tid i form av koding og det vil bli mye lettere for

oppdragsgiveren som skal overta nettsiden vår når vi er ferdige med prosjektet. Når vi hadde

kommet godt på vei med å kode nettsiden så begynte vi på å skrive rapporten. Rapporten er

den største og tyngste delen av prosjektet vårt, så vi måtte begynne på denne i god tid før

innleveringen. Gjennom hele prosjektet har vi hatt god kontakt med vår kontaktperson

Kirsten. Vi har sendt emailer frem og tilbake konstant og fått svar på alle spørsmålene vi har

hatt angående hvordan de vil at oppgaven skal bli løst. På denne måten har vi alltid passet på

at sluttproduktet blir slik oppdragsgiveren er ute etter. For eksempel så oppstod det noen

spørsmål rundt hvordan oppdragsgiver ville at betalingsløsningen til konferansen skulle være.

Men gjennom god kontakt mellom gruppen vår og oppdragsgiver fant vi ut av hvordan vi

skulle løse dette på en måte slik at oppdragsgiver ble fornøyd.

En kritisk vurdering av arbeidetBra

Bra Kommunikasjon mellom gruppen vår og oppdragsgiver. Vi har hatt kontakt med Kirsten

gjennom hele prosjektet og blitt enige om måter å løse utfordringene som har oppstått på. Er

det noe vi har lurt på ang. tekst som skal stå på siden har vi alltid fått relativt raskt svar. Disse

utfordringene har for eksempel vært betalingssystem, innsending av foredrag, bestilling av

pakkeløsninger.

Dårlig

Som et team syntes vi at kommunikasjonen ikke har fungert veldig bra, men det fungerte til

tider. Vi har for det meste jobbet hver for oss og hatt forskjellige oppgaver vi skal løse. Så det

å kommunisere alle sammen samtidig har vært litt utfordrende, ettersom at hvis en skriver i

15

felles gruppa på Facebook, så kan det ta lang tid før noen svarer. Vi har til og med hatt interne

konflikter som vi har måttet løse.

Hva kunne blitt gjort annerledes

Vi hadde først blitt enige om å kode hele siden med html for da kunne vi ha mest frihet og

designe siden som vi ville. Men etter vi hadde kodet litt, fant vi ut av Kirsten ville selv kunne

legge til og endre tekst i etterkant. Vi fant da ut av at vi måtte gå over til Wordpress. Så noe vi

kunne gjort annerledes var å se igjennom forskjeller mellom wordpress.com og

wordpress.org. For vi startet først med å lage siden i wordpress.com men det var først i

etterkant vi fant ut at vi hadde mer frihet i wordpress.org. Da gikk vi over til .org og startet på

nytt igjen. Vi måtte da ha en database som vi fikk av Bjørn Kristoffersen som vi linket til

wordpress.org. Men hver gang vi skulle laste opp et bilde fikk vi en feil melding. Vi brukte

noen timer på å finne ut av hva det var. Og feilen var da at vi hadde brukt .home i stedet for

db-kurs. Så hovedpoenget er at vi burde gjort litt research først før vi begynte på noe for å

senere finne ut at det egentlig ikke var den beste løsningen.

Hva er gjort

Vi har designet nettsiden slik vi ømsket den skal være, vi har lagt inn tekst og bilder som

oppdragsgiver ville skulle være der, vi har skrevet ferdig rapporten.

Hva Gjenstår

Korrekturlesing av all info på nettsiden og i rapporten, Innlevering av prosjektet.

Overlevering av siden til oppdragsgiver og passe på at oppdragsgiver får til å vedlikeholde

siden.

Web-oppsett

Vi har valgt å bruke webhosting-tjenesten Wordpress. Wordpress er et nettsted hvor kunder

gratis kan lage sin egen nettside. Wordpress er Open Source som betyr at kildekode ligger

16

tilgjengelig ute på nett. Dette gjør at folk kan endre på koden selv og gjøre sine egne

justeringer. I løpet av årene har Wordpress samlet på de beste funksjonene og tipsene

forbrukerne har kommet med. I dag er Wordpress en nettside hvor du enkelt kan lage din egen

nettside uten kunnskaper om koding, kun ved å bruke enkle funksjoner som er lagt inn i

systemet deres. Funksjonene man har tilgang til på Wordpress ville krevet ganske mye

koding, og her er det bare velg og dra-funksjoner man trenger å ha styr på. Dette tilbudet er

veldig enkelt å bruke og bruker kommer lett inn i hvordan ting fungerer. Denne tjenesten er

egentlig veldig avansert, men er gjort veldig enkel for forbruker. Utviklere kan velge mellom

tusenvis av themes, widgets, fonter og bilder. I vanlig praksis ville det tatt lang tid å bytte ut

hele formen og designet på nettsiden, men kun ved å laste ned en annen theme og installere

den er jobben gjort. Et slikt system gjør at nettsiden får et godt designet layout og tilgang til

flere funksjoner. Alle enderinger kommer direkte ut på siden. En slik prosess ville krevet mye

endringer på html-filer, css-filer, bilder, og annet ved vanlig design. Det er flere grunner til å

velge Wordpress i stedet for vanlig koding.

1. Gratis

2. Gratis themes og widgets. Ta disse i bruk og fjerne dem er veldig enkelt.

3. Enkel i bruk. Trenger veldig lite kunnskap.

4. God oversikt over nettsiden og hvem som er inne på den.

17

Målsettinger

Resultatmål

Hovedoppgaven blir en nettside for NAF hvor de finner informasjon om konferansen.

Få frem all informasjonen som skal formidles og informere om de forskjellige pakkene som

kan kjøpes.

Effektmål

Tilby informasjon til besøkende ved North Atlantic Forum. Oppdragsgiveren bevilger bilder

og informasjon til å utbedre nettsiden.

Arkitektur

Vi har brukt Wordpress som plattform når vi kodet websiden, så har det vært veldig enkelt når

vi skal velge tema og design for siden. De har veldig mange ferdigsider som man kan velge

mellom og endre ut ifra preferanser. Vi hadde en som hadde hovedansvaret for hvordan

nettsiden skulle se ut. Og så hadde vi en som hadde ansvaret for å få all nødvendig

informasjon inn på siden. Vi hadde deretter et møte der vi diskuterte hvorav vi var fornøyd

med siden før vi skulle teste den på et brukerpanel.

Hvordan siden vår fungerer

I menyen har vi 5 knapper, Home, Booking, Bø in Telemark, Conference Details og

Organizers.

Home sender deg tilbake til forsiden.

18

Booking sender deg inn på siden vår hvor vi har lagt inn de tre forskjellige pakketilbudene

som konferansen tilbyr. Her har vi da undersider for hver av de tre pakkene med informasjon

og priser.

Vi har også lagt inn en valutakalkulator slik at det blir lettere for utenlandske kunder å finne

ut hvor mye de forskjellige pakkene koster.

Bø in Telemark sender deg til en side som forklarer hvilke turistattraksjoner som finnes i bø

samt Google maps som viser Bø sentrum.

Vi har lagt inn et par Youtube videoer som oppdragsgiveren ville at vi skulle legge inn.

Conference Details sender deg til en side som skal bli fikset på og laget ved en senere dato av

Oppdragsgiveren.

Organizers sender deg til en side som har info om NAF og NAF sine samarbeidspartnere.

Alle sidene våre har også logoene til NAF og NAF sine samarbeidspartnere.

Wordpress Dashboard gir Admin brukeren en god og enkel oversikt over forskjellige

funksjoner som kan tilføyes eller endres til nettsiden.

Dashboard systemet gir bruker enkelt informasjon om nødvendige oppdatering for siden og

plugins.

I appearance gir admin mulighet og enkelt endre themes som kan tilpasses etter brukeres

ønsker. Brukere har også muligheten til å tilpasse forskjellige widgets, meny, header og

bakgrunnen til siden.

Wordpress har også plugins, som er eksterne tilleggs programmer som tilbyr forskjellige

funksjoner til nettsiden.

De tilleggs programmene vi valgte er WP Catalogue som gir brukeren muligheter å opprette

en katalog med forskjellige produkter under, Google maps gir mulighet til å vise hvor

konferansen skal holdes sted og Currency Converter som er en valuta kalkulator for våre

utenlandske kunder. I Google maps kan brukere zoome inn og ut for å få større overblikk over

ønsket område.

Det siste tilleggsprogrammet som er brukt, er Facebook Like Box. Dette tilleggsprogrammet

lager en boks med en hyperlink til NAF 2017 Facebook side.

19

Figur 5

Aktivitetsliste

Her brukte vi ad hoc-nedbrytning og strukturerte deloppgavene som måtte gjøres i ulike faser:

FASE 1: OPPSTART AV PROSJEKTET

Møte på skolen for informasjon

Diskutere hvilket oppdrag vi ville velge

Møte med kontaktperson

- Klargjøre mål og ressurser

- Sikre at vi har felles forståelse av prosjektet

- Planlegge videre samarbeid

Skrive prosjektskisse og levere den inn

- Få godkjennelse på innleveringen

20

Opprette prosjektblogg

FASE 2: INFORMASJONSINNHENTING /MØTER

Gjøre research på North Atlantic Forum

- Søke etter gamle nettsider

Flere møter med oppdragsgiver

- Få den nødvendige informasjon

- Få informasjons om ønsket design

- Litt om hvilke krav siden må ha

FASE 3: DESIGNE WEBSIDEN

Finne hvilken plattform vi skal kode i

Diskutere design

- Velge hvilket tema som skulle brukes

Fått tilsendt bilder og filmer som skulle brukes

Finne relatert informasjon ang. Bø

FASE 4: UTARBEIDE RAPPORT

Prosjektstyringsdelen

- Kontinuerlig oppdatere prosjektet

- Bruke prosjektbeskrivelsen aktivt, samt notere forandringer og uforutsette hendelser

Sammenstille informasjonen jeg har innhentet til den faglige delen

- Bruke oversiktene jeg har laget underveis

- Litteraturliste oppdateres kontinuerlig

21

FASE 5: INNLEVERING

Ha en siste gjennomgang av prosjektrapporten med korrekturlesing etc.

MilepælsplanFigur 6

Milepæl Dato Oppgave

1 26.01.2016 Levere inn skisse

2 09.02.2016 Fremføring 1

3 08.03.2016 Fremføring 2

4 26.04.2016 Ha nettsiden ferdig

5 26.04.2016 Fremføring 3

6 10.05.2016 Levere bachelorprosjektet

Under fase 1 leverte vi først en skisse for ”Bø Turlag” som vi fikk godkjent. Men vi bestemte

oss for å bytte oppgave til ”North Atlantic Forum”, noe som vil si at vi lage to forskjellige

skisser som vi leverte inn. Vi fikk begge godkjent.

Første fremføring gikk greit men vi hadde akkurat bestemt oss for å gå for ”North Atlantic

Forum” så vi hadde ikke mye informasjon å fremføre ettersom vi ikke hadde fått noen enda.

Men vi fremførte noe av det vi skulle selv om vi bare var tre av fire.

Planleggingen av fremføring 2 startet vi med en uke før. Da begynte vi samle litt informasjon

om hva som skulle bli sagt.

Da det målet ble gjort, fokuserte vi på å skrive om rapporten.

Senere mål var å ha nettsiden ferdig til 26.04.2016 noe som bydde på noen problemer. Vi gikk

for å lage siden i Wordpress, men valgte feil. Vi valgte å lage den i wordpress.com, så når

målet nærmet seg, fant vi ut av at vi ikke hadde rettighetene til å endre footer.

22

Da gjorde vi litt research og fant ut at vi burde gått for wordpress.org i stedet. Da man har

større frihet til å endre mer på siden. Men for å i det hele tatt starte på siden, måtte vi ha en

database.

Det fikk vi ganske raskt av Bjørn Kristoffersen. Men det vi ikke husket var å legge

wordpress.org inn på db-kurs. Vi la det først inn på home.student.hit.no. Der fant vi ut at vi

ikke fikk lastet opp bilder. Det tok noen timer for å finne ut hva problemet var, så vi havnet to

dager på etterskudd på den milepælen.

Fram mot fremføring 3 følte vi at vi hadde god kontroll. Men noen dager før skjedde det

uforutsette ting som gjorde at det ble endringer i planene. Vi nådde målet men fremførte ikke.

Sluttfasen ble litt hektisk ettersom vi ikke alle jobbet sammen på samme sted, bare over

internett. Vi satt og skrev hver for oss å planla å møtes på skolen siste dag. Nicolai, Mats og

Sindre satt på skolen for å” sy sammen” bachelorprosjektet.

Sammendrag

Målet vi hadde var å lage en nettside for NAF2017. Resultatene av oppgaven gjør at NAF får

en brukervennlig og god nettside til deres prosjekt.

Vi har brukt kunnskap og erfaringer fra tidligere nettsider vi har laget. Vi har studert og gjør

analyser på hva som gir en god nettside. God fargeskikk, fonter, design og oppstilling er

veldig sentralt når en skal lage en god nettside.

Vi samlet alle tips og triks vi kunne for at en nettside skulle bli bra, men samtidig

enkel. Dette skal være en informativ nettside uten forstyrrende elementer og tunge

elementer. Nettsiden skal lastes inn kjapt.

Vi bygde nettsiden på et Wordpress «skall» som gjør at oppsett og vedlikehold av

nettsider er mye enklere. I ettertid når vi er ferdig med nettsiden er det andre som skal

legge til informasjon, undersider, widgets og bilder. Wordpress gjør at dette blir mye

enklere i ettertid og personen trenger mye mindre kunnskap om koding for å gjøre

dette.

23

Formål: Prosjektet gikk ut på å lage en nettside som skal tilby informasjon og løsninger for besøkene

til North Atlantic Forum. Prosjektet skal informere om alle typer aktiverer som tilbys til NAFs

besøkende.

Konklusjon

Målet vårt var å sette opp en nettside for NAF 2017 med gitte krav og kriterier.

Nettsiden skulle inneholde informasjon om konferansen, Bø som sted, betaling og annet.

Det ble tatt utgangspunkt i Wordpress med gitte ønsker og kriterier. Her ble det gjort

Research om design og oppbygging av nettside. Vi fikk bestemt informasjon som skulle stå på

siden og bilder som vi ikke kunne redigere på. Hele nettstedet ble lagt opp slik at det blir gitt

over til oppdragsgiveren etter at oppgaven er ferdig. I ettertid er det muligheter for å legge til

eller endre informasjon om det skulle være nødvendig.

Vi har hatt noen problemer med kommunikasjonen når det kommer til vår samarbeidspartner

Ryan i Canada. Tidlig ble vi fortalt at det skulle være en del informasjon på nettsiden og at de

hadde noen ønsker til forskjellige undersider, men når vi spurte han direkte fikk vi aldri noe

svar. Vi fikk masse hjelp av vår veileder Kirsten Wielandt Houe som alltid klarte å lede oss

videre og finne den informasjonen vi trengte. Hadde det ikke vært for alle møtene og mailene

med Kirsten, ville oppgaven vært mye vanskeligere.

Tilslutt står vi med et resultat av en nettside som er veldig enkel i bruk. Du kan orientere deg

lett rundt på nettsiden, se på bilder, få informasjon og betalingsmuligheter. Det er også lagt

opp slik at overtagelse av nettsiden fungerer enkelt og trygt. Nettsiden oppfylte alle kravene vi

ble gitt.

24

Bruk av litteratur og internetthttps://www.ntnu.no/documents/10380/5836652/R

%C3%A5d_Og_Retningslinjer_For_Rapportskriving_BAT.pdf/78c8450d-f914-4e40-aa03-

56a2dbf31ed4

Prosjektarbeid, Utviklings- og endringskompetanse  6. utg. Westhagen, Harald, m.fl. (2008)

Forelesningene på fronter for Prosjektstyring 6106

Gant Diagram - https://ianjseath.wordpress.com/2009/06/03/how-to-create-a-half-decent-

gantt-chart-in-excel/

http://folk.ntnu.no/sveinulo/repguide/rap_tipN.htm

Henvisning til en kravspesifikasjon

https://fronter.com/hit/bwwrite/index.phtml?documentid=26702

Link til nettsiden

http://db-kurs.hit.no/~131827/wordpress/

Prosjektdeltagere og Student nummer

Mats Guttormsen - 131840

Nicolai Dahle - 131825

Sindre Scheen - 131827

Fredrik Kleppe - 131837

25