Myaa - Projectvereisten
De meeste notitieapp's vertrekken van een notitieboek waarin je nota's neemt. Je kan in een notitieboek secties maken en pagina's. Myaa vertrekt vanuit een ander standpun. Je begint met losse pagina's te maken. Pas daarnaa maak je hoofdstukken en eventueel een boek. Een hoofdstuk is ook een pagina met links naar andere pagina's. Een boek is eveneens een pagina maar met links naar hoofdstukken of andere losse pagina's.
Lijst van functionele vereisten
- De gebruiker moet zich kunnen aanmelden met de gegevens van zijn Google account.
- De applicatie toont de Google naam van de aangemelde gebruiker.
- Wanneer de gebruiker zich voor de eerste keer aanmeld op de Myaa applicatie wordt er op zijn Google Drive een map gemaakt met de naam myap. Myap staat voor my authored pages.
- De gebruiker beschikt over een 'Verkenner' waarmee hij vanuit de myap applicatie in de gecreëerde myap map:
- kunnen navigeren;
- een map aanmaken;
- bestanden deleten;
- de naam van een bestand wijzigen;
- een bestand verplaatsen naar een andere map;
- een bestand uploaden;
- een bestand downloaden;
- een bestand kopiëren naar dezelfde map of andere map;
- De gebruiker beschikt over een editor. In een eerste versie volstaat een textearea element. Later maken we daar een WYSIWYG editor van. Met die editor moet de gebruiker:
- een nieuwe notitie-pagina kunnen openen;
- een bestaande notitie-pagina openen en bewerken;
- een openstaande notitie-pagina opslaan;
- om de 10 seconden wordt de openstaande pagina opgeslagen;
- een andere notitie-pagina in de openstaande notitie-pagina kunnen linken;
- een afbeelding in de openstaande notitie-pagina invoegen; de html structuur is als volgt:
<figure> <img alt="titel van afbeelding" src="url naar afbeelding" /> <figcaption>titel van afbeelding</figcaption> </figure>
- De template voor een notitie-pagina is als volgt:
<h1>Titel</h1> <div id="chapeau">Chapeau</div> <h2>Ondertitel</h2> <h3>Onder ondertitel</h3> <p>Paragraaf</p> <div id="author">JI</div> <div id="datetime">vrijdag 24 februari 2012 12:09:28</div> <div id="keywords"> </div>
Technische vereisten
Myaa is een client web applicatie in JavaScript.
Vereisten specifiek voor deze opdracht
Elke cursist heeft een Google account. Je gebruikt je eigen Google account of het account dat je gekregen hebt van de school.
De eerste versie is geschreven in pure JavaScript. Geen frameworks zoals JQuery, Angular, React enz.
2016-10-06 15:43:09