Syste m documentation

Transkript

1 Syste m documentation Innholdsfortegnelse 1 Oversikt Beskrivelse av det grafiske bilde av applikasjonen: Tekniske krav Krav for applikasjonen: Krav som ikke MÅ være med i applikasjonen: GUI Arkitektur Flow Chart Database Erwin UML Use Case Diagram Sequence Diagram Class Diagram... 10

2 1 Oversikt Dette systemet Web-shop gir forbrukeren mulighet til å kjøpe varer direkte fra selgere over Internett ved bruk av nettleser. Her skal man kunne søke etter varer man trenger og legge det inn i en handlevogn. Forbrukeren skal ha tilgang til godkjent betalingsmetode som f.eks. kredittkort, bankkort, paypal o.l. Administratorene vil ha en egen side som bare de skal ha tilgang til. Her skal administratoren ha muligheten til å legge til, endre, slette varer og produktinformasjon på denne siden. Å legge til varer blir gjort gjennom tekstbokser og dropdownlister. Men det å endre eller slette varer gjøres gjennom en tabell, dette er veldig oversiktlig. Administratoren har også mulighet til å legge til kategorier på denne siden, dette gjøres også i en enkel tekstboks. Her kan man også slette og endre en kategori i en tabell, enkelt og greit.

3 1.1 Beskrivelse av det grafiske bilde av applikasjonen: Figur 1-1 viser hjemmesiden eller første siden du møter når du åpner vår applikasjon. Her vises alle varene og det er mulighet til å søke etter varer. Man skriver inn det man eventuelt vil søke etter i tekstboksen og trykker så på knappen «Search». Navigasjons linja øverst linker til forskjellige sider. «Home» knappen sender deg til den siden figuren viser, altså start siden (default siden). «About» knappen sender deg til en side med generell info angående siden eller selskapet. «Shoppingcart» sender deg til handlekurven din, må være innlogget for å få tilgang til handlekurven. Mens «Administration» er det bare brukerne som er registrert til å ha rettigheter til den som får tilgang til den. Trykker man på den og ikke har rettigheter til den, blir man henvist til log in siden for å logge inn som en admin bruker. «Register» sender deg til en side hvor man kan registrere en bruker, mens «log in» sender deg til en side hvor man kan logge inn hvis man allerede har en bruker. Man kan også trykke på de enkelte bildene av varene for å få opp en side som bare viser info om den spesifikke varen, her kan man også legge til varene i handlekurven hvis man er logget inn og bestemme hvor mange av den spesifikke varen man ønsker å bestille (opptil 20 stk.). Figur 1-1 Bilde av forsiden i applikasjonen

4 2 Tekniske krav 2.1 Krav for applikasjonen: - Mulighet til å selge all typer varer - Kunne registrere brukere og logge inn med disse - Admin skal kunne legge til, endre og slette varer. - Må være en søke mulighet - Varer skal kunne legges i en handlevogn - Må være en betalingsmetode, her er det paypal vi bruker 2.2 Krav som ikke MÅ være med i applikasjonen: - At applikasjonen skal fungere uten store problemer, uten bugs for bruker - Registrere brukere i databasen med krypterte id er og passord - Bare innloggede brukere kan kjøpe varer

5 3 GUI Dette er hvordan GUI ble sende ut til slutt. Den ble litt annerledes i forhold til det første forslaget, men det viktigste er med og de andre tingene kan/kunne eventuelt blitt lagt til seinere. Man kan se er ordentlig bilde av applikasjonen Figur 1-1, som ligger lenger opp i dette dokumentet. Figur 3-1 er bare en skisse av det endelige produktet. Figur 3-1 GUI modell

6 4 Arkitektur 4.1 Flow Chart Flow chart viser prosessen i systemet for Web-shoppen. Ved å velge vare/varer, legge det inn i handlevognen. Fra handlevognen går man til betaling der man må betale gjennom paypal da det er den eneste betalingsmetoden vi har integrert akkurat nå. Men har mulighet til å legge inn andre betalingsmuligheter ved en seinere annledning. Deretter bekrefte bestilling som er avslutningen av prosessen. Figur 4-1 Flyt-skjema

7 4.2 Database Erwin I Erwin så har vi laget 4 forskjellige Entity. ItemData er da Primary Key. Vi har også Category der Items blir lagt i forskjellige kategorier. Manifacture er da hvilket firma/selskap Items har blitt laget av og hvilket land. Denne er noe utdatert pga. vi har måttet legge til flere tabeller etter vi laget denne for å få systemet til å fungere. Figur 4-2 Erwin modell

8 4.3 UML Use Case Diagram Her er det en enkel Use Case Diagram der hovedaktoren er Customer. Ser vi at Customer kan få vist Items eller søke, legge det i en shopping cart og da kjøpe items med en betalingsmetode. Videre kan sjekke ut. En administrator kan da endre/slette og legge til Items i web-shopen. Administratoren vil også motta informasjon av kjøp på web-shopen. Figur 4-3 Dette er use case diagrammet til systemet

9 4.3.2 Sequence Diagram Her har vi 5 klasser. Første klassen er GUI. Dette er for å søke og velge items. Item klassen fungerer som en shoppingcart. Man kjøper Items, får pris info og valg av det man vil kjøpe. Purchase henter da Items man skal kjøpe. Checkout klassen vil da bekrefte kjøpet, og videre på order klassen skal man få informasjon av kjøpet sitt. Figur 4-4 Dette er sequence diagrammet til systemet

10 4.3.3 Class Diagram Dette klasse diagrammet er basert på sequence diagrammet. Det er 5 klasser med 2 forskjellige forhold mellom de forskjellige klassene, det er Dependency og Inheritance. Figur 4-5 Dette er klasse diagrammet til systemet

11 5 Utgivelse Web applikasjonen er utgitt gjennom Microsoft Azure, det samme er databasen. Dette gjør så det blir enkel tilgang til applikasjonen både for administratorer og for den generelle brukeren. Applikasjonens URL: Siden dette er en web applikasjon vil brukeren alltid ha den nyeste versjonen fordi den blir alltid oppdatert, brukeren slipper også å laste ned noe i tillegg for å få applikasjonen til å fungere.