SlideShare une entreprise Scribd logo
1  sur  21
EindopdrachtEindopdracht
WebontwikkelaarWebontwikkelaar
VeilingapplicatieVeilingapplicatie
Cindy Penders
Schooljaar 2014-2015
Syntra Genk
Registratie aankopenRegistratie aankopen
Registratie van aankopenRegistratie van aankopen
§Datum = standaard de huidige datum, kan aangepast via date
picker
§Gekocht voor : dropdown met de gekoppelde gebruikers
§Artikel : invulveld waarbij tijdens het typen een keuzelijst
getoond wordt met artikels die overeenkomen met de getypte
string. Maar er mag ook een niet-bestaande waarde ingevuld
worden
§Rest spreekt voor zich
§
§Knop opslaan -> schrijft gegevens in local storage object
§
§Is er internetconnectie?
§Ja : Synchroniseer knop is actief -> de gegevens kunnen
naar de databank gestuurd worden
§Nee : Synchroniseer knop is niet actief
§
§De gegevens in de local storage kunnen gewist en aangepast
worden (gebeurt binnen dezelfde pagina via hide/show)
Overzicht aankopenOverzicht aankopen
Overzicht aankopenOverzicht aankopen
§Links worden de aankopen van de ingelogde gebruiker getoond voor de
gekozen partner in de geselecteerde periode
§Rechts worden de aankopen van de gekozen partner voor de gebruiker
getoond
§Net boven de aankopen staan de totalen van de selectie
§Boven de totalen staat het totaal aantal van de aankopen verminderd met
de in totaal uitgevoerde betalingen
§Helemaal bovenaan staat het verschil van de lijn eronder. In groen staat
aangeduid wat de ingelogde gebruiker nog moet ontvangen, rood geeft
aan wat hij nog moet betalen.
§De gebruiker kan zijn eigen aankopen wissen en aanpassen
§
OverdrachtenOverdrachten
OverdrachtenOverdrachten
§ Hier worden betalingen of teruggave van
leeggoed geboekt
§ Elke lijn kan gewijzigd of verwijderd worden.
§ Het totaal dat nog open staat ten opzichte van
de geselcteerde partner wordt bovenaan de
tabel getoond : rood is te betalen, groen te
ontvangen
§ De gegevens wijzigen als een andere partner
gekozen wordt
ArtikelsArtikels
ArtikelsArtikels
§ Er kunnen artikels toegevoegd worden,
gewijzigd en verwijderd (dit laatste kan
enkel door een administrator).
§ Als een artikel verwijderd wordt, worden alle
gelinkte aankopen ook verwijderd. Er
wordt eerst bevestiging gevraagd.
§ Er kan op artikelnaam gezocht worden. De
lijst wordt automatisch gefilterd tijdens het
typen
Reset paswoordReset paswoord
Reset PaswoordReset Paswoord
§ Hier past de gebruiker zijn eigen paswoord
aan
§ Nieuw en oud paswoord moeten ingevuld
worden.
§ De knop opslaan wordt pas actief als het
nieuw paswoord 2 x identiek ingevuld is
GebruikersGebruikers
GebruikersGebruikers
§ Enkel beschikbaar voor administrators
§ Toevoegen, aanpassen en verwijderen van
gebruikers
§ Maken van koppelingen tussen gebruikers
§ Wijzigen van paswoord van een gebruiker
§ Verwijderen van een gebruiker vewijderd ook
de koppelingen en gelinkte aankopen
Gebruikers : koppelingenGebruikers : koppelingen
Gebruikers : koppelingenGebruikers : koppelingen
§ In de keuzelijst bovenaan worden alle gebruikers
getoon die nog niet aan de gekozen gebruiker
gekoppeld zijn
§ Onderaan staan de reeds gekoppelde gebruikers
§ Er kan 1 primaire gebruiker aangeduid worden.
Wordt er een andere aangevinkt gaat de vorige
automatisch uitgevinkt worden.
§ Verwijderen van koppeling wist ook de gelinkte
aankopen
Gebruikers : reset paswoordGebruikers : reset paswoord
Gebruikers : reset paswoordGebruikers : reset paswoord
§ Hier kan het paswoord van een gebruiker
aangepast worden (als hij het bijvoorbeeld
vergeten is)
§ De knop ‘opslaan’ wordt pas actief als beide
paswoorden gelijk zijn
DatamodelDatamodel
Databank : MySqlDatabank : MySql
§ Waarom : aard van de toepassing : veel
berekeningen => sql databanken voeren snel en
efficient berekeningen uit
§ Alle gegevens worden maar 1 x bijgehouden : de
naam van het artikel staat vb enkel in de artikel
tabel
§ Gegevens kunnen gemakkelijk gebruikt worden
in keuzelijsten (minder grote selectie)
§ Gelinkte gegevens worden mee gewist dmv de
toegepaste constraints
Backend framework : CodeigniterBackend framework : Codeigniter
§ Krachtig MVC framework
§ Vrij gemakkelijk aan te leren, te installeren en
te configureren
§ Performant
§ Beschikt over geïntegreerde libraries
§ Grote community
Frontend framework : AngularJSFrontend framework : AngularJS
§ Gebruikt HTML om de gebruikersinterface op te
bouwen
§ Behavior wordt gecontroleerd via directives.
§ Bevat veel built-in directives
§ Er zijn veel custom-made directives te vinden
§ Filters : sterkte functionaliteit om gegevens op te
maken of te filteren
§ Met weinig code kan je dingen laten gebeuren
§ Gebruik van factories en services om data te
hergebruiken
§ Grote community, dus veel informatie te vinden
§ Werkt naadloos samen met CodeIgniter

Contenu connexe

Similaire à Eindopdracht Webontwikkelaar Veilingapplicatie

Presentatie Magento Ecommerceplatform
Presentatie Magento EcommerceplatformPresentatie Magento Ecommerceplatform
Presentatie Magento Ecommerceplatform
Lauca Consultancy
 
SwetsWise Searcher NL
SwetsWise Searcher NLSwetsWise Searcher NL
SwetsWise Searcher NL
Swetsbelgie
 

Similaire à Eindopdracht Webontwikkelaar Veilingapplicatie (12)

Digitaal duurzame links - NDE Werelddag van de Digitale Duurzaamheid
Digitaal duurzame links - NDE Werelddag van de Digitale DuurzaamheidDigitaal duurzame links - NDE Werelddag van de Digitale Duurzaamheid
Digitaal duurzame links - NDE Werelddag van de Digitale Duurzaamheid
 
Presentatie Magento Ecommerceplatform
Presentatie Magento EcommerceplatformPresentatie Magento Ecommerceplatform
Presentatie Magento Ecommerceplatform
 
Seo easywebshop 2017
Seo easywebshop 2017Seo easywebshop 2017
Seo easywebshop 2017
 
121211 bluewebshop in presentatie v4
121211 bluewebshop in presentatie v4121211 bluewebshop in presentatie v4
121211 bluewebshop in presentatie v4
 
21 must haves om meer resultaat te halen uit Google Analytics
21 must haves om meer resultaat te halen uit Google Analytics 21 must haves om meer resultaat te halen uit Google Analytics
21 must haves om meer resultaat te halen uit Google Analytics
 
Sitecore Author Experience bij CZ
Sitecore Author Experience bij CZSitecore Author Experience bij CZ
Sitecore Author Experience bij CZ
 
De 7 beste digitale huishoudboekjes
De 7 beste digitale huishoudboekjesDe 7 beste digitale huishoudboekjes
De 7 beste digitale huishoudboekjes
 
Credits
CreditsCredits
Credits
 
Praktijkcase Trakkboard - Martijn Verstrepen - Marconcepts
Praktijkcase Trakkboard - Martijn Verstrepen - MarconceptsPraktijkcase Trakkboard - Martijn Verstrepen - Marconcepts
Praktijkcase Trakkboard - Martijn Verstrepen - Marconcepts
 
metadata & open source #osgeonl dag 2012
metadata & open source #osgeonl dag 2012 metadata & open source #osgeonl dag 2012
metadata & open source #osgeonl dag 2012
 
Sw src-nl-03.2011-web
Sw src-nl-03.2011-webSw src-nl-03.2011-web
Sw src-nl-03.2011-web
 
SwetsWise Searcher NL
SwetsWise Searcher NLSwetsWise Searcher NL
SwetsWise Searcher NL
 

Eindopdracht Webontwikkelaar Veilingapplicatie

  • 3. Registratie van aankopenRegistratie van aankopen §Datum = standaard de huidige datum, kan aangepast via date picker §Gekocht voor : dropdown met de gekoppelde gebruikers §Artikel : invulveld waarbij tijdens het typen een keuzelijst getoond wordt met artikels die overeenkomen met de getypte string. Maar er mag ook een niet-bestaande waarde ingevuld worden §Rest spreekt voor zich § §Knop opslaan -> schrijft gegevens in local storage object § §Is er internetconnectie? §Ja : Synchroniseer knop is actief -> de gegevens kunnen naar de databank gestuurd worden §Nee : Synchroniseer knop is niet actief § §De gegevens in de local storage kunnen gewist en aangepast worden (gebeurt binnen dezelfde pagina via hide/show)
  • 5. Overzicht aankopenOverzicht aankopen §Links worden de aankopen van de ingelogde gebruiker getoond voor de gekozen partner in de geselecteerde periode §Rechts worden de aankopen van de gekozen partner voor de gebruiker getoond §Net boven de aankopen staan de totalen van de selectie §Boven de totalen staat het totaal aantal van de aankopen verminderd met de in totaal uitgevoerde betalingen §Helemaal bovenaan staat het verschil van de lijn eronder. In groen staat aangeduid wat de ingelogde gebruiker nog moet ontvangen, rood geeft aan wat hij nog moet betalen. §De gebruiker kan zijn eigen aankopen wissen en aanpassen §
  • 7. OverdrachtenOverdrachten § Hier worden betalingen of teruggave van leeggoed geboekt § Elke lijn kan gewijzigd of verwijderd worden. § Het totaal dat nog open staat ten opzichte van de geselcteerde partner wordt bovenaan de tabel getoond : rood is te betalen, groen te ontvangen § De gegevens wijzigen als een andere partner gekozen wordt
  • 9. ArtikelsArtikels § Er kunnen artikels toegevoegd worden, gewijzigd en verwijderd (dit laatste kan enkel door een administrator). § Als een artikel verwijderd wordt, worden alle gelinkte aankopen ook verwijderd. Er wordt eerst bevestiging gevraagd. § Er kan op artikelnaam gezocht worden. De lijst wordt automatisch gefilterd tijdens het typen
  • 11. Reset PaswoordReset Paswoord § Hier past de gebruiker zijn eigen paswoord aan § Nieuw en oud paswoord moeten ingevuld worden. § De knop opslaan wordt pas actief als het nieuw paswoord 2 x identiek ingevuld is
  • 13. GebruikersGebruikers § Enkel beschikbaar voor administrators § Toevoegen, aanpassen en verwijderen van gebruikers § Maken van koppelingen tussen gebruikers § Wijzigen van paswoord van een gebruiker § Verwijderen van een gebruiker vewijderd ook de koppelingen en gelinkte aankopen
  • 15. Gebruikers : koppelingenGebruikers : koppelingen § In de keuzelijst bovenaan worden alle gebruikers getoon die nog niet aan de gekozen gebruiker gekoppeld zijn § Onderaan staan de reeds gekoppelde gebruikers § Er kan 1 primaire gebruiker aangeduid worden. Wordt er een andere aangevinkt gaat de vorige automatisch uitgevinkt worden. § Verwijderen van koppeling wist ook de gelinkte aankopen
  • 16. Gebruikers : reset paswoordGebruikers : reset paswoord
  • 17. Gebruikers : reset paswoordGebruikers : reset paswoord § Hier kan het paswoord van een gebruiker aangepast worden (als hij het bijvoorbeeld vergeten is) § De knop ‘opslaan’ wordt pas actief als beide paswoorden gelijk zijn
  • 19. Databank : MySqlDatabank : MySql § Waarom : aard van de toepassing : veel berekeningen => sql databanken voeren snel en efficient berekeningen uit § Alle gegevens worden maar 1 x bijgehouden : de naam van het artikel staat vb enkel in de artikel tabel § Gegevens kunnen gemakkelijk gebruikt worden in keuzelijsten (minder grote selectie) § Gelinkte gegevens worden mee gewist dmv de toegepaste constraints
  • 20. Backend framework : CodeigniterBackend framework : Codeigniter § Krachtig MVC framework § Vrij gemakkelijk aan te leren, te installeren en te configureren § Performant § Beschikt over geïntegreerde libraries § Grote community
  • 21. Frontend framework : AngularJSFrontend framework : AngularJS § Gebruikt HTML om de gebruikersinterface op te bouwen § Behavior wordt gecontroleerd via directives. § Bevat veel built-in directives § Er zijn veel custom-made directives te vinden § Filters : sterkte functionaliteit om gegevens op te maken of te filteren § Met weinig code kan je dingen laten gebeuren § Gebruik van factories en services om data te hergebruiken § Grote community, dus veel informatie te vinden § Werkt naadloos samen met CodeIgniter