Programmeren 5
Les 17

18 december 2017

De Veilig Op School Cordova app

Realisatie back-end en model

Doelstelling

1. We gaan ervan uit dat je de definitie- en ontwerpfase van de Veilig op school Cordova app hebt doorlopen (Programmeren 5 Les 15 en 16 VOS definitie - ontwerp - realisatie CSS).
2. Na deze les:
   1. weet je hoe je gegevens kunt opslaan aan client-side in JavaScript;
   2. kan je een ERD omzetten naar json;
   3. besef je dat je gegevens niet kan beveiligen aan client side;
   4. weet je hoe je promises kan gebruiken om de ajax bibliotheek te moderniseren zodat je 'propere' geneste requests kan maken;
   5. gebruik je geneste requests om de databestanden één na één in te lezen en datastructuren te initialiseren (je moet bijvoorbeeld eerst de positie bepalen vooraleer je kan weten in welke organisatie de gebruiker zich bevindt);
   6. kan je het adapter patroon in JavaScript implementeren;
   7. kan je data-driven webpagina's maken gebaseerd op data in een array;

Leerpad

De Veilig op school (VOS) applicatie

1. definitiefase
2. ontwerpfase
3. realisatie fase:
   1. Ik ga ervan uit dat Cordova reeds geïnstalleerd is (Een Cordova app maken)
   2. Voorbeeld van CSS en HTML op mijn Cloud9 workspace in de map vos.
   3. De custom icon fonts vind je in de css/font map.
   4. Aderinokun, An Overview of Client-Side Storage, Dec 13, 2016
   5. VOS ERD en omzetting naar JSON (de JSON bestanden staan in de map vos/data van mijn workspace op Cloud9)
   6. Het adapter patroon implementeren in JS
   7. Een moderne Ajax klasse (een voorbeeld vind je op mijn Cloud9 workspace in de map vos in het bestand met de naam modern-ajax.html.
   8. JSON - Data ophalen uit lokale JSON bestanden
   9. VOS - Model initialiseren.

Opdracht

1. Zorg ervoor dat je de code om de JSON bestanden in te lezen en het model te initialiseren in je VOS Cordova project hebt geïntegreerd tegen de volgende les. Je moet die opdracht niet insturen.
2. Deadline: dag van het examen 31/01/2018