Functioneel Ontwerp. Marktplaats voor studenten en docenten

Transcriptie

1 Functioneel Ontwerp Marktplaats voor studenten en docenten 2008 Vincent de Groot S Nick Jansen S Peter Muntel S Robert Nijenhuis S

2 2 1. EBP VOORBEELDSCHERMEN EN USE CASES ADVERTENTIES PLAATSEN ADVERTENTIE WIJZIGEN ADVERTENTIE VERWIJDEREN ADVERTENTIE ZOEKEN ADVERTENTIE RESERVEREN ADVERTENTIE RAADPLEGEN ADVERTENTIE MAGAZIJN INBOEKEN ARTIKEL UITLEVEREN ARTIKEL TONEN NIET UITGELEVERDE ARTIKELEN WINKELMANDJE RAADPLEGEN WINKELMAND LEEGMAKEN WINKELMAND AFREKENEN ARTIKEL CATEGORIE / SUBCATEGORIEEN MAKEN CATEGORIE WIJZIGEN CATEGORIE VERWIJDEREN CATEGORIE BEHEER GEBRUIKERS BLOKKEREN GEBRUIKER WIJZIGEN GEBRUIKER INZIEN EIGEN ADVERTENTIES AUTHENTICATIE AANMELDEN GEBRUIKER INLOGGEN GEBRUIKER DATAMODEL SPECIFICATIES... 52

3 3 1. EBP Windesplein* Categorieën/ Subcategorieën* Magazijn* Winkelmandje* Advertentie* Gebruikers beheer* Authenticatie gebruikers Raadplegen advertentie Plaatsen advertentie Wijzigen advertentie Maken categorie Inboeken artikel Raadplegen winkelmandje Verwijderen advertientie Blokkeren gebruiker Wijzigen categorie Uitleveren artikel Afrekenen artikel Zoeken advertentie Wijzigen gebruiker Inloggen gebruiker Verwijderen categorie tonen niet uitgeleverde artikelen Leegmaken winkelmandje Reserveren advertentie Inzien eigen Advertenties Aanmelden gebruiker

4 4 2. VOORBEELDSCHERMEN EN USE CASES 2.1. Advertenties Plaatsen Advertentie Diagram System Toevoegen Multimedia <<extend>> Plaatsen Advertentie Verkoper Beschrijvingen Stappenplan Precondities Postcondities Plaatsen Advertentie Verkoper wil iets verkopen / aanbieden Verkoper 1. Actor klikt op de knop plaats advertentie 2. Actor vult de velden Naam product/dienst, Omschrijving, Type, Prijs en Categorie in (zie voorbeeldscherm) 3. Actor kiest, indien aanwezig, een Subcategorie 4. Actor klikt op Opslaan 5. Optioneel kan de actor multimedia toevoegen, voert uit Toevoegen Multimedia De actor is ingelogd in het systeem De advertentie is geplaatst in het systeem

5 5 Stappenplan Precondities Toevoegen Multimedia Verkoper wil zijn advertentie verduidelijk met multimedia Verkoper 1. Actor klikt op bladeren 2. Actor selecteer een bestand op zijn pc en klikt op openen 3. Actor klikt op opslaan, indien voldoet aan eis max. 10mb en ondersteunde extensies. De actor is ingelogd in het systeem De actor heeft een advertentie geplaatst Postcondities De multimedia is gekoppeld aan de advertentie Voorbeeldschermen Plaatsen Advertentie

6 Wijzigen Advertentie Diagram System Verkoper Wijzigen Advertentie Systeembeheerder Beschrijvingen Stappenplan Precondities Postcondities Wijzigen Advertentie Actor wil iets wijzigen in een advertentie Verkoper, systeembeheerder 1. Actor klikt op de knop wijzigen 2. Actor wijzigt naar wens de velden Naam product/dienst, Omschrijving, Type, Prijs en Categorie (zie voorbeeldscherm) 3. Actor wijzigt evt. de subcategorie, indien aanwezig 4. Actor klikt op Opslaan De actor is ingelogd in het systeem De actor is in het scherm Inzien Eigen Advertenties De actor is aanbieder van de advertentie of heeft de rol systeembeheerder De advertentie is gewijzigd Voorbeeldschermen

7 7 Wijzigen Advertentie

8 Verwijderen Advertentie Diagram System Verkoper Verwijderen Advertentie Systeembeheerder Beschrijvingen Stappenplan Precondities Postcondities Verwijderen Advertentie Actor wil een advertentie verwijderen Verkoper, systeembeheerder 1. Actor klikt op verwijder 2. Actor bevestigt de verwijder-actie De actor is ingelogd in het systeem De actor is in het scherm Inzien Eigen Advertenties De actor is aanbieder van de advertentie of heeft de rol systeembeheerder De advertentie is verwijderd Voorbeeldschermen

9 9 Verwijderen Advertentie

10 Zoeken Advertentie Diagram System Koper Opzoeken Advertentie <<extend>> Systeembeheerder Uitgebreid zoeken Beschrijvingen Stappenplan Precondities Postcondities Zoeken Advertentie Actor kan advertenties zoeken voor producten en/of diensten die voldoen aan zijn wensen / eisen Koper, systeembeheerder 1. Actor kiest uit keuzelijst of hij wil zoeken op naam, omschrijving of categorie 2. Actor vult in het zoekveld een zoekterm in 3. Actor klikt op zoeken 4. Optioneel kan er uitgebreid worden gezocht: Actor voert uit Uitgebreid zoeken De actor is ingelogd in het systeem Zoekresultaat op scherm

11 11 Voorbeeldschermen Zoeken Advertentie

12 12 Stappenplan Precondities Uitgebreid zoeken Actor kan advertenties zoeken voor producten en/of diensten die voldoen aan zijn wensen / eisen Koper 1. Actor klikt op Uitgebreid zoeken 2. Actor verkleint zoekopdracht (zie voorbeeldscherm) 3. Actor vinkt Ook zoeken op verkochte / gereserveerde advertenties aan (alleen met rol systeembeheerder). 4. Actor klikt op zoeken De actor is ingelogd in het systeem De actor heeft de rol systeembeheerder (voor stap 3) Postcondities Zoekresultaat op scherm Voorbeelschermen Uitgebreid zoeken

13 Reserveren Advertentie Diagram System Reserveren Advertentie Koper Beschrijvingen Stappenplan Precondities Reserveren Advertentie Actor heeft gevonden wat hij / zij zocht en wil de advertentie kopen Koper 1. Actor klikt op de knop Toevoegen winkelmandje De actor is ingelogd in het systeem De actor heeft de advertentie op zijn scherm staan Postcondities Advertentie is gereserveerd

14 14 Voorbeeldschermen Reserveren Advertentie

15 Raadplegen Advertentie Diagram System Verkoper <<include>> Zoeken Advertentie Koper Raadplegen Advertentie Systeembeheerder Beschrijvingen Stappenplan Precondities Postcondities Raadplegen Advertentie Actor wil meer informatie over de aangeboden advertentie Systeembeheerder, koper, verkoper 1. (Optioneel) Actor voert uit Zoeken advertentie 2. Actor klikt op categorie en subcategorie 3. Actor klikt op de naam van de advertentie De actor is ingelogd in het systeem Advertentie op het scherm Zoeken Advertentie Zie par

16 16 Voorbeeldschermen Resultaatscherm Zoeken Detailscherm advertentie

17 Magazijn Inboeken artikel Diagram System <<include>> Zoek artikel Inboeken artikel Magazijnbeheer Beschrijvingen Werkwijze* Preconditie Postconditie Inboeken artikel De status van het artikel veranderen naar ontvangen magazijn. Magazijnbeheer 1. Voeruit: Zoek artikel 2. Actor klikt op de knop: opslaan Actor is ingelogd De artikel heeft de status gekregen dat het artikel in het magazijn ligt. Werkwijze* Preconditie Postconditie Zoek artikel Het artikel achterhalen Magazijnbeheer 1. Actor voer advertentienummer in 2. Actor klikt op de knop: zoeken 3. Actor selecteert de advertentie 4. Actor klikt op de knop: OK Het advertentienummer moet overeenkomen Artikel is gevonden

18 18 Voorbeeldschermen Zoeken artikel Inboeken artikel Toelichting Inboeken artikelen is een onderdeel van Beheer/Magazijn. Via Beheer/Magazijn kom je bij de keuze Inboeken artikel.

19 Uitleveren artikel Diagram System <<include>> Zoek artikel Uitleveren artikel Magazijnbeheer Beschrijvingen Werkwijze* Preconditie Postconditie Uitleveren artikel De status geven dat de koper de artikel heeft opgehaald.. Magazijnbeheer 1. Voeruit: Zoek artikel 2. Actor klikt op de knop: Opslaan Actor is ingelogd De artikel krijgt de status dat die is uitgeleverd aan de koper. Zoek artikel Zie par 2.2.1

20 20 Voorbeeldschermen Zoek artikel Uitleveren Artikel Toelichting Uitleveren Artikel is een onderdeel van Beheer/Magazijn. Via Beheer/Magazijn kom je bij de keuze Uitleveren Artikel.

21 Tonen niet uitgeleverde artikelen Diagram System Tonen niet uitgeleverde artikelen Magazijnbeheerder <<extend>> Verstuur herinnering Beschrijvingen Werkwijze* Preconditie Postconditie Tonen niet uitgeleverde artikelen Een overzicht krijgen van niet uitgeleverde artikelen Magazijnbeheer 1. Actor klikt op de knop: Niet uitgeleverde artikelen 2. Voer (evt.) uit: Verstuur herinnering Actor is ingelogd. Er zijn artikelen die niet zijn uitgeleverd. Een overzicht krijgen van niet uitgeleverde artikelen Werkwijze* Preconditie Postconditie Verstuur herinnering Een herinnering versturen naar de koper of verkoper Magazijnbeheer 1. Actor selecteert een of meerder artikelen ouder dan 2 weken door een vinkje te zetten 2. Actor klikt op knop: Versturen Er zijn artikelen geselecteerd Herinnering is verstuurd * de actor kan bij elke stap annuleren

22 22 Voorbeeldschermen Tonen niet uitgeleverde artikelen Toelichting Tonen niet uitgeleverde artikelen is een onderdeel van Beheer/Magazijn. Via Beheer/Magazijn kom je bij de keuze Niet uitgeleverde artikelen.

23 Winkelmandje Raadplegen winkelmandje Diagram System Raadplegen Winkelmandje Koper Beschrijving Werkwijze Preconditie Postconditie Raadplegen winkelmandje Raadplegen van de winkelmandje Koper 1. Actor raadpleegt de winkelmand door op het icoontje van de winkelmand te klikken Actor is ingelogd De winkelmand wordt getoond

24 24 Voorbeeldschermen Raadplegen Winkelmandje Toelichting Deze pagina kan bereik worden door rechtsboven op het icoon te klikken, of door op de sectie Kopen te klikken en vervolgens op Raadplegen Winkelmandje te klikken in het lokale navigatie menu. Vanuit dit scherm kun je de winkelmand legen door op de link Inhoud Winkelmand verwijderen te klikken. Als je naast een product op de link Afrekenen word dat specifieke product afgerekend. Als je op de tekst link *Naam aanbieder+ klikt dan kun je de contact gegevens van de aanbieder inzien.

25 Leegmaken winkelmand Diagram System leegmaken winkelmand koper Beschrijving Werkwijze* Preconditie Postconditie Leegmaken winkelmand Leegmaken van het winkelmand Koper 1. Actor maakt de winkelmand leeg door op Inhoud winkelmand verwijderen te klikken 2. Actor bevestigd het leegmaken Er zijn artikelen in de winkelmand geplaatst De winkelmand is leeggemaakt of de actor heeft geannuleerd * de actor kan bij elke stap annuleren

26 26 Voorbeeldschermen Inhoud Winkelmand verwijderen Legen Winkelmand bevestigen

27 27 Toelichting Deze actie kan uitgevoerd worden door op de link Inhoud Winkelmand verwijderen te klikken in het scherm Raadplegen winkelmand. Nadat er op de link Inhoud Winkelmand verwijderen geklikt is moet de actie worden bevestigd door op de knop Ja te klikken, of op Nee om het niet te doen. Als er op Ja word geklikt, dan word de winkelmand van de ingelogde gebruiker leeg gemaakt.

28 Afrekenen artikel Diagram System kiezen verzendmethode <<include>> kopen artikel koper <<include>> kiezen betaalmethode Beschrijving Werkwijze* Preconditie Postconditie Afrekenen artikel Afrekenen van een artikel in de winkelmand Koper 1. De actor kiest het artikel dat hij/zij wil kopen door op afrekenen te klikken 2. Voer uit: kiezen verzendmethode 3. Het systeem bepaalt aan de hand van de gekozen verzendmethode de mogelijke betaalwijze(n). 4. Voer uit: kiezen betaalwijze 5. De actor bevestigt het kopen van het artikel Er zijn artikelen in de winkelmand geplaatst Het artikel is gekocht of de actor heeft geannuleerd

29 29 Werkwijze* Preconditie Postconditie Kiezen verzendmethode Kiezen van een verzendmethode voor het uit te checken artikel Koper 1. Actor kiest uit de door de verkoper ondersteunde verzendmethode(n) 2. Actor voert eventuele additionele gegevens in ** 3. Actor klikt op Akkoord De actor is een artikel aan het afrekenen De verzendmethode is gekozen of de actor heeft geannuleerd Werkwijze* Preconditie Postconditie Kiezen betaalmethode Kiezen van een betaalmethode voor het af te rekenen artikel Koper 1. Actor kiest de betaalmethode, behorende bij de gekozen verzendmethode 2. Actor voert eventuele additionele gegevens in ** 3. Actor klikt op Akkoord De actor heeft een verzendmethode gekozen De betaalmethode is gekozen of de actor heeft geannuleerd * de actor kan bij elke stap annuleren ** Zie voorbeeldschermen

30 30 Voorbeeldschermen Afrekenen Artikel Kiezen verzendmethode

31 31 Kiezen verzendmethode Thuis bezorgen Toelichting De koper kiest hier voor 1 verzendmethode. Als er voor thuis bezorgen word gekozen verschijnen er extra velden voor het invullen van Naam, adres, postcode, woonplaats van de koper. De waarden in deze velden worden voorgevuld uit het profiel van de koper, als deze dat heeft ingevuld. Kiezen betaalmethode Creditcard

32 32 Kiezen betaalmethode Rembours Kiezen betaalmethode Ideal

33 33 Kiezen betaalmethode contact Toelichting Nadat er een verzendmethode is gekozen en op akkoord is geklikt word het scherm voor het kiezen van de betaalmethode getoond. Op dit scherm kiest de koper de gewenste betaalwijze. Als de koper heeft gekozen voor Creditcard dan verschijnt er een tekst dat er 5.00 administratie kosten in rekening worden gebracht en word er een tekstvak getoond waar de koper zijn creditcardnummer in moet vullen. Als de koper heeft gekozen voor Rembours dan verschijnt er een tekst dat er 7,50 administratiekosten in rekening worden gebracht. Als de koper heeft gekozen voor Ideal dan verschijnt er een keuzelijst met ondersteunde bank, deze moet eerste gekozen worden, vervolgens klikt de koper op de knop Verwerk ideal transactie, er word dan een punchout gedaan naar ideal pagina van de betreffende bank. De akkoord knop op het scherm is uitgeschakeld en is pas klikbaar als de ideal transactie succesvol is voltooid. Als de koper heeft gekozen voor Contant dan gebeurt er verder niets extra s. De betaalmethode kan worden bevestigd door op Akkoord te klikken of worden afgebroken door op Annuleren te klikken.

34 Categorie / Subcategorieen Maken categorie Diagram System maken categorie beheerder Beschrijving Werkwijze* Preconditie Maken categorie Maken van een categorie Beheerder 1. Actor kiest de optie maak categorie 2. Actor typt de naam van de te maken categorie 3. Actor kiest eventuele hoofdcategorie 4. Actor klikt op Maak Categorie bestaat niet Actor is ingelogd Postconditie Categorie is gemaakt of de actor heeft geannuleerd * de actor kan bij elke stap annuleren

35 35 Voorbeeldschermen Maken categorie

36 Wijzigen categorie Diagram System wijzigen categorie beheerder Beschrijving Werkwijze* Preconditie Postconditie Wijzigen categorie Wijzigen van een categorie Beheerder 1. Actor kiest de optie wijzig categorie 2. Actor selecteert de te wijzigen categorie 3. Actor veranderd de naam van de categorie 4. Actor klikt op Wijzig Actor is ingelogd Categorie is gewijzigd of de actor heeft geannuleerd * de actor kan bij elke stap annuleren

37 37 Voorbeeldschermen Wijzigen categorie

38 Verwijderen categorie Diagram System verwijderen categorie beheerder Beschrijving Werkwijze* Preconditie Verwijderen categorie Verwijderen van een ongebruikte categorie Beheerder 1. Actor kiest de optie verwijderen categorie 2. Actor selecteert de te verwijderen categorie (systeem laat alleen ongebruikte categorieën zien) 3. Actor verwijdert de categorie door op Verwijderen te klikken 4. Actor bevestigt het verwijderen van de categorie Categorie is ongebruikt Actor is ingelogd Postconditie Categorie is verwijderd of de actor heeft geannuleerd * de actor kan bij elke stap annuleren

39 39 Voorbeeldschermen Verwijderen categorie

40 Beheer Gebruikers Blokkeren gebruiker Diagram System <<include>> Zoeken gebruiker Blokkeren gebruiker Systeembeheerder Beschrijvingen Stappenplan Precondities Blokkeren gebruiker Blokkeren van gebruikers die zich niet aan de voorschriften houden. Systeembeheerder 1. Voer uit: zoeken gebruiker 2. Indien geen gebruiker gevonden: stoppen of opnieuw zoeken 3. Actor klikt op blokkeren gebruiker bij te blokkeren gebruiker(s). De Actor is ingelogd in het systeem De gebruiker heeft de geldende regels geschonden Postcondities De gebruiker heeft de status geblokkeerd

41 41 Stappenplan Precondities Postcondities Zoeken gebruiker Weergeven van de ingevoerde gebruiker Systeembeheerder 1. Actor vult naam of logincode in 2. Actor klikt op zoeken De Actor heeft een gebruiker gekozen Het systeem presenteert de gekozen gebruiker Voorbeeldschermen Beheer Gebruikers Toelichting Blokkeren Gebruiker is een onderdeel van Wijzigen Gebruiker (Systeembeheer). Via Beheer/Wijzigen Gebruiker (Systeembeheer) kom je bij de keuze blokkeren.

42 42 Zoeken Gebruiker Blokkeren Gebruiker

43 Wijzigen gebruiker Diagram System Verkoper Inzien eigen advertenties <<extend>> Systeembeheerder Zoeken Gebruiker Beschrijvingen Stappenplan Precondities Postcondities Wijzigen gebruiker De gebruiker wil zijn eigen gegevens wijzigen. De Systeembeheerder wil gebruikers gegevens wijzigen. Gebruiker en Systeembeheerder 1. Actor klikt op de knop wijzig Gebruiker beheer 2. Als Actor een systeembeheerder is, voer uit: zoeken gebruiker 3. Indien geen gebruiker gevonden: stoppen of opnieuw zoeken 4. Systeembeheerder kiest te wijzigen gebruiker 5. Actor wijzigt de te wijzigen gegevens 6. Actor klikt op Wijzigingen doorvoeren 7. Systeem controleert of de gewijzigde velde juist zijn ingevuld 8. Systeem toont velden die niet juist ingevuld zijn 9. Systeem verwerkt wijzigingen als alles juist is ingevuld De actor is ingelogd in het systeem De gebruiker is gewijzigd Zoeken Gebruiker Zie par 2.5.1

44 44 Voorbeeldschermen Wijzigen Gebruikers Toelichting Het wijzigingsscherm voor de gebruiker is hetzelfde met uitzondering van de titel. Een gebruiker kan alleen z n eigen gegevens wijzigen. De stappen tot het bovenstaande scherm zijn hetzelfde als voor blokkeren gebruiker. Deze stappen worden beschreven in par

45 Inzien eigen advertenties Diagram System Verkoper Inzien eigen advertentie <<extend>> Systeembeheer Zoek Gebruiker Beschrijvingen Stappenplan Precondities Inzien eigen Advertenties De gebruiker wil een overzicht van alle verkochten en niet verkochte advertenties Verkoper en systeembeheer 1. Actor klikt op de knop Eigen advertenties 2. Actor krijgt overzicht van zijn advertenties 3. Als actor een Systeembeheerder is: optioneel zoeken gebruiker.* De Actor is ingelogd in het systeem Postcondities De eigen advertenties worden getoond * Alle te koop advertenties zijn voor de systeembeheerder zichtbaar in inzien eigen advertentie Zoeken Gebruiker Zie par 2.5.1

46 46 Voorbeeldschermen Inzien eigen Advertenties

47 Authenticatie Aanmelden gebruiker Diagram System Aamelden Gebruiker Bezoeker Beschrijvingen Stappenplan Precondities Aanmelden gebruiker Een gebruiker meld zich aan door het invullen van NAW gegevens en adres. Hier na is het voor de gebruiker mogelijk om in te loggen. Gebruiker (Koper/Verkoper) 1. Actor klikt op de knop aanmelden. 2. Actor vult het veld Student- of Personeelsnummer in. 3. Actor zet een vinkje bij akkoord gaan met het reglement. Gaat de Actor niet akkoord dan vindt er geen aanmelding plaats. 4. Actor klikt op Aanmelden. De Actor is Personeel of Student van Windesheim. De Actor is nog niet aangemeld. Postcondities De Actor is aangemeld.

48 48 Voorbeeldschermen

49 Inloggen gebruiker Diagram System Magazijnbeheerder Systeembeheerder Inloggen gebruiker Koper Verkoper Beschrijvingen Stappenplan Precondities Postcondities Inloggen gebruiker De gebruiker kan zin inloggen met gebruikersnaam en wachtwoord. Gebruiker (Koper/Verkoper) 1. Actor vult gebuikersnaam en wachtwoord in De Actor is Personeel of Student van Windesheim. De Actor is aangemeldd. De gebruiker is ingelogd.

50 50 Voorbeeldschermen

51 51 Marktplaats voor studenten en docenten 3. Datamodel Gebruiker PK gebruikerscode wachtwoord adres akkoord naam adres postcode woonplaats telefoonnummer geblokkeerd FK1 rolid GebruikersBetaling PK,FK1 gebruikerscode PK,FK2 betalingsid Betaling PK betalingsid betalingsomschr Bezorging PK bezorgingsid bezorgingsomschr GebruikersBezorging PK,FK1 gebruikerscode PK bezorigingsid FK2 bezorgingsid Advertentie PK advertentieid FK1 gebruikerscodeaanbieder FK2 categorieid naam omschrijving prijs plaatsingsdatum multimedia type Categorie PK categorieid categorieomsch FK1 hoofdcategorieid Winkelmandje PK,FK2 gebruikerscodekoper PK,FK1 advertentieid reserveringsdatum Transactie PK,FK1 advertentieid FK2 gebruikerscodekoper extrakosten status FK3 bezorgwijze afhaaladres afhaalpostcode afhaalplaats inboekdatum uitleverdatum bezorgingsid FK4 betalingsid AvertentieBezorging PK,FK2 bezorgingsid PK,FK1 advertentieid AdvertentieBetaling PK,FK2 betalingsid PK,FK1 advertentieid Rol PK rolid omschrijving

52 52 4. Specificaties Database: MySQL database Programmeer taal: PHP Font: Veranda Stijl: Huisstijl Windesheim