Institutt for informasjonsteknologi, Høgskolen i Oslo og Akershus, våren Camilla Kaasi(s188070) Roza Moustafa(s188113)

Transkript

1 Forprosjektrapport Gruppe 14 Institutt for informasjonsteknologi, Høgskolen i Oslo og Akershus, våren 2015 Sted: Høgskolen i Oslo og Akershus Dato: Tittel: Gruppemedlemmer: Oppgave: Oppdragsgiver: Intern Veileder på HIOA: Nettbutikk for helsepersonell Hanna Tekie(s188093) Camilla Kaasi(s188070) Roza Moustafa(s188113) Å lage en nettbutikk for helsepersonell hvor de kan kjøpe varer på nettbutikken. Mohammed Usman Akram Tlf.: E-post: usmanakram10@hotmail.com G. Anthony Giannoumis Tlf.: E-post: george.giannoumis@gmail.com Forprosjektrapport 1 Sammendrag 2 Dagens situasjon 2 Mål og rammeverk 3 Løsningsalternativer 4 Analyse av virkninger 5 1 av 6

2 Sammendrag Oppdragsgiver ønsker en komplett nettbutikk hvor kunder kan kjøpe og betale for varene. Han ønsker at det skal være enkelt for han å legge til og oppdatere produkter samt redigere innhold på forsiden som reklame og nyheter. Han ønsker at betalingen skal foregå via PayPal. I tillegg ønsker han at kunder skal kunne kommunisere med kundeservice via nettbutikken. For å løse oppgaven har vi valgt å bruke AngularJs, C#, HTML5 og CSS programmeringsspråk. Vi har valgt å bruke verktøy som Visual Studio, Git/ Github, Trello. Vår løsningsmodell for webapplikasjonen består nå av programmeringsspråket C# i «back end», og AngularJS i «front end». For å få mest mulig læringsutbytte bestemte vi oss for å bruke Angular til uvikling av «front end». Samtidig er Angular også veldig relevant for arbeidslivet. Dagens situasjon Oppdragsgiveren vår er en lege. Han ønsker en nettbutikk for helsepersonell der han skal legge ut ulike medisinutstyr som skal selges for helsepersonell. Nettbutikken han hadde sist gang var laget av tidligere studenter ved Høgskolen i Oslo og Akershus. Den ble nedlagt på grunn av klage fra en nettbutikk som også er for helsepersonell. De klagde på at designet på nettbutikken hans lignet veldig mye på deres nettbutikk. Dermed ønsker vår oppdragsgiver at vi skal lage en nettbutikk med samme funksjonalitet, men designet skal være annerledes. Vi skal utføre en brukerundersøkelse for å få en oversikt over dagens situasjon ved bruk av noen nettbutikker for helsepersonell. Det vil hjelpe oss med å fastsette krav og funksjoner som ønskes på nettbutikken. 2 av 6

3 Mål og rammeverk Mål Sikre tilgang til ulike deler av nettbutikken Kunder skal kunne utføre kjøp og betale på en sikker måte Administrator skal kunne legge til, oppdatere og slette produkter Kunder skal kunne sende spørsmål til kundeservice Oppdragsgiver ønsker en komplett nettbutikk hvor kunder kan kjøpe og betale for varene. Han ønsker at det skal være enkelt for han å legge til og oppdatere produkter samt redigere innhold på forsiden som reklame og nyheter. Han ønsker at betalingen skal foregå via PayPal. I tillegg ønsker han at kunder skal kunne kommunisere med kundeservice via nettbutikken. Timeplan Dag Mandag Tirsdag Torsdag Fredag Tidsplan 10:00-18:00 10:30-17:00 08:00-16:00 08:00-15:00 Timeantall 8 timer 6,5 timer 8 timer 7 timer Beskrivelse Totalt Jobbe med dokumentasjon 29,5 timer Utvikle Utvikle Utvikle og lage enhetstester Vi har satt av 29,5 timer totalt i uken til å jobbe med bachelorprosjektet. I utgangspunktet tenker vi oss en arbeidsuke på 40 timer, og at arbeidet med bachelorprosjektet skal gå til ca 2/3 av disse. Dette tilsvarer ca 27 timer, men vi har valgt å legge til et par timer for å ha litt å gå på. Onsdager har vi satt av til å jobbe med andre fag vi har ved siden av bachelorprosjektet. Kompendiet om dokumentasjonsstandard sier at man ofte regner med at 10-25% av utviklingstiden går med til dokumentasjon. Vi har valgt å sette av 25% av 29,5 timer til dette, som tilsvarer ca 7,5 timer i uken. Vi vil kanskje ikke trenge like mye tid hver uke, men vi tenker at det er fornuftig å sette av nok tid til dokumentasjonsarbeid. 3 av 6

4 Rammebetingelser Programmeringsspråk - Angular JS - C# - HTML5 - CSS Verktøy - Visual Studio - Git/Github - Trello Løsningsalternativer Vår oppdragsgiver ønsker en komplett nettbutikk med administrasjonsside for å selge medisinsk utstyr. I oppgavebeskrivelsen hadde han et forslag som lød slik: «Bruke free template til å lage nettside hvor det er lettere å integrere ulike applikasjoner». Etter nærmere prat om dette med oppdragsgiver fant vi ut at med free template mente han nettbutikksystemet Zen Cart. Hans argumenter for å bruke denne programvaren var enkel integrering av først og fremst PayPal. Vi tok dette til vurdering og undersøkte hva Zen Cart egentlig var. Zen Cart er en fri programvare der brukere har frihet til å kjøre, kopiere, distribuere, studere, forandre på og forbedre åpen kildekode. For oss betyr dette mulighet til å benytte masse ferdig kode. Zen Cart krever heller ikke nødvendigvis programmeringsferdigheter. Vår bekymring var da at dette kunne bli for enkelt som en bacheloroppgave, og i det tilfellet måtte vi eventuelt utvidet oppgaven med andre faktorer. Bakgrunnen for å komme frem til en løsning ligger i et tankekart gruppen lagde sammen. Vi kom med forslag om å bygge nettbutikken helt fra bunn, på den måten kan vi fortsatt levere alt han ønsker uten at oppgaven blir for enkel. Han sa seg fort enig i dette. Vår løsningsmodell for webapplikasjonen består nå av programmeringsspråket C# i «back end», og AngularJS i «front end». 4 av 6

5 Analyse av virkninger C#: For å bestemme «back end» stod det mellom C# og Java. C# kjenner vi til gjennom emnet Webapplikasjoner, og Java har vi hatt som emne og benyttet i et tidligere prosjekt gjennom studiet. Til slutt bestemte vi oss for å programmere i C#. Det er en fordel at vi har anvendt C# i en webapplikasjon tidligere. Vi syns dette programmeringsspråket passer best til en moderne webapplikasjon ettersom C# er tett integret med Windows sin.net-plattform med tilgang til et rikt klassebibliotek som gjør det lett å utvikle slike applikasjoner. AngularJS: Vi bestemte oss for å lage en Single Page Application. I emnet Webapplikasjoner var vi så vidt innom Angular helt på slutten av semesteret. Det var nytt og spennende men vi hadde ikke nok pensum med det, og fikk dermed aldri ordentlig grep på rammeverket. For å utfordre oss selv og få mest mulig læringsutbytte bestemte vi oss for å bruke Angular til uvikling av «front end». Samtidig er Angular også veldig relevant for arbeidslivet. I tillegg til dette er det en del fordeler med å bruke Angular i en webapplikasjon som for eksempel stuktur og veldig effektiv testing. 5 av 6

6 Alternativ løsning: Som en «back-up» plan eller alternativ løsning til «front end» utviklingen er å ikke bruke Angular. Som nevnt tidligere har vi hatt emnet Webapplikasjoner, her utviklet vi flere deler av en nettbutikk uten bruk av Angular. Dette er noe vi kan dersom Angular blir for utfordrende. 6 av 6