6. Bijlagen

Hier leggen we uit hoe je de tools die in dit document worden gebruikt, op Windows 7-computers kunt installeren.

6.1. Installatie van STS (Spring Tool Suite)

We gaan de SpringSource Tool Suite [http://www.springsource.com/developer/sts] installeren, een Eclipse-omgeving die vooraf is uitgerust met talrijke plug-ins die verband houden met het Spring-framework en tevens een vooraf geïnstalleerde Maven-configuratie bevat.

Ga naar de website van de SpringSource Tool Suite (STS) [1], om de huidige versie van STS [2A] [2B] te downloaden,

het gedownloade bestand is een installatieprogramma dat de bestandsstructuur [3A] [3B] aanmaakt. In [4] start men het uitvoerbare bestand,
in [5] verschijnt het werkvenster van IDE nadat het welkomstvenster is gesloten. In [6] wordt het venster met de applicatieservers weergegeven,

in [7], het servervenster. Er is een server geregistreerd. Het is een Tomcat-compatibele server VMware.

Het gebruik van STS binnen de applicatie wordt uitgelegd in paragraaf 1.3.2.

6.2. Installatie van [WampServer]

[WampServer] is een softwarepakket voor het ontwikkelen in PHP / MySQL / Apache op een Windows-computer. We zullen het uitsluitend gebruiken voor SGBD en MySQL.

op de website van [WampServer] [1] de juiste versie kiezen [2],
het gedownloade uitvoerbare bestand is een installatieprogramma. Tijdens de installatie wordt om diverse gegevens gevraagd. Deze hebben geen betrekking op MySQL. U kunt deze dus negeren. Aan het einde van de installatie verschijnt het venster [3]. Start [WampServer],

in [4], wordt het pictogram van [WampServer] onderaan rechts op het scherm in de taakbalk geplaatst [4],
wanneer je erop klikt, verschijnt het menu [5]. Hiermee kun je de Apache-server en de SGBD MySQL beheren. Om deze te beheren, gebruik je de optie [PhpPmyAdmin];
waarna het onderstaande venster verschijnt,

We zullen weinig details geven over het gebruik van [PhpMyAdmin]. In paragraaf 1.3.1 laten we zien hoe je dit kunt gebruiken om de database van de applicatie aan te maken.

6.3. Installatie van [Webstorm]

[WebStorm] (WS) is de opvolger van IDE en JetBrains voor het ontwikkelen van HTML / CSS / JS. Ik vond het perfect voor het ontwikkelen van Angular-applicaties. De downloadpagina is [http://www.jetbrains.com/webstorm/download/]. Het is een betaalde versie van IDE, maar er is een proefversie van 30 dagen beschikbaar om te downloaden. Er zijn een voordelige persoonlijke versie en een studentenversie beschikbaar.

Het gebruik ervan in het kader van de applicatie wordt beschreven in paragraaf 1.3.3. Om JS-bibliotheken in een applicatie te installeren, maakt WS gebruik van een tool genaamd [bower]. Deze tool is een module van [node.js], een verzameling JS-bibliotheken. Daarnaast worden de JS-bibliotheken opgehaald van een Git-site, waarvoor een Git-client op de computer die de bestanden downloadt nodig is.

6.3.1. Installatie van [node.js]

De downloadpagina voor [node.js] is [http://nodejs.org/]. Download het installatieprogramma en voer het uit. Meer hoeft u op dit moment niet te doen.

6.3.2. Installatie van de tool [bower]

De installatie van het hulpprogramma [bower], waarmee de JavaScript-bibliotheken kunnen worden gedownload, kan op verschillende manieren worden uitgevoerd. We gaan dit via de console doen:


C:\Users\Serge Tahé>npm install -g bower
C:\Users\Serge Tahé\AppData\Roaming\npm\bower -> C:\Users\Serge Tahé\AppData\Roaming\npm\node_modules\bower\bin\bower
bower@1.3.7 C:\Users\Serge Tahé\AppData\Roaming\npm\node_modules\bower
├── stringify-object@0.2.1
├── is-root@0.1.0
├── junk@0.3.0
...
├── insight@0.3.1 (object-assign@0.1.2, async@0.2.10, lodash.debounce@2.4.1, req
uest@2.27.0, configstore@0.2.3, inquirer@0.4.1)
├── mout@0.9.1
└── inquirer@0.5.1 (readline2@0.1.0, mute-stream@0.0.4, through@2.3.4, async@0.8
.0, lodash@2.4.1, cli-color@0.3.2)

regel 1: het commando [node.js], waarmee de module [bower] wordt geïnstalleerd. Om het commando te laten werken, moet het uitvoerbare bestand [npm] zich in de map PATH op de machine bevinden (zie onderstaande paragraaf);

6.3.3. Installatie van [Git]

Git is een versiebeheersysteem voor software. Er bestaat een Windows-versie met de naam [msysgit], die beschikbaar is via URL en [http://msysgit.github.io/]. We gaan [msysgit] niet gebruiken om versies van onze applicatie te beheren, maar alleen om bibliotheken te downloaden die zich bevinden op sites van het type [https://github.com], waarvoor eenen dat wordt geleverd door de client [msysgit]

De installatiewizard biedt verschillende stappen, waaronder de volgende:

Voor de overige stappen van de installatie kunt u de voorgestelde standaardwaarden accepteren.

Zodra de installatie van Git is voltooid, controleer je of het uitvoerbare bestand zich in de map PATH op je computer bevindt: [Panneau de configuration / Système et sécurité / Système / Paramètres systèmes avancés]:

De variabele PATH ziet er als volgt uit:


D:\Programs\devjava\java\jdk1.7.0\bin;D:\Programs\ActivePerl\Perl64\site\bin;D:\Programs\ActivePerl\Perl64\bin;D:\Programs\sgbd\OracleXE\app\oracle\product\11.2.0\client;D:\Programs\sgbd\OracleXE\app\oracle\product\11.2.0\client\bin;D:\Programs\sgbd\OracleXE\app\oracle\product\11.2.0\server\bin;...;D:\Programs\javascript\node.js\;D:\Programs\utilitaires\Git\cmd

Controleer of:

het pad naar de installatiemap van [node.js] correct is opgegeven (hier D:\Programs\javascript\node.js);
het pad naar het uitvoerbare bestand van de Git-client correct is opgegeven (hier D:\Programs\utilitaires\Git\cmd);

6.3.4. Configuratie van [Webstorm]

Laten we nu de configuratie van [Webstorm] controleren

Selecteer hierboven de optie [1]. De lijst met reeds geïnstalleerde [node.js]-modules verschijnt in [2]. Deze lijst zou alleen de regel [3] van de module [bower] moeten bevatten als u het vorige installatieproces hebt gevolgd.

6.4. Installatie van een Android-emulator

De emulators die bij de Android-versie SDK worden geleverd, zijn traag, wat het gebruik ervan ontmoedigt. Het bedrijf [Genymotion] biedt een veel krachtigere emulator aan. Deze is beschikbaar op de URL [https://cloud.genymotion.com/page/launchpad/download/]

(februari 2014).

U moet zich registreren om een versie voor persoonlijk gebruik te krijgen. Download het product [Genymotion] samen met de virtuele machine VirtualBox;

Installeer en start vervolgens [Genymotion]. Download daarna een image voor een tablet of telefoon:

in [1], voeg een virtueel apparaat toe;
in [2], kies een of meerdere terminals om te installeren. U kunt de weergegeven lijst verfijnen door de gewenste Android-versie [3] en het terminalmodel [4] op te geven;

zodra het downloaden is voltooid, krijgt u in [5] de lijst met virtuele terminals die u ter beschikking staan om uw Android-apps te testen;

6.5. Installatie van de Chrome-plug-in [Advanced Rest Client]

In dit document gebruiken we de Chrome-browser van Google (http://www.google.fr/intl/fr/chrome/browser/). We voegen hier de extensie [Advanced Rest Client] aan toe. Ga als volgt te werk:

ga met de Chrome-browser naar de website van [Google Web store] (https://chrome.google.com/webstore);
zoek de applicatie [Advanced Rest Client]:

de applicatie is dan beschikbaar om te downloaden:

om deze te downloaden, moet u een Google-account aanmaken. [Google Web Store] vraagt vervolgens om bevestiging [1]:

In [2] is de toegevoegde extensie beschikbaar via de optie [Applications] [3]. Deze optie wordt weergegeven op elk nieuw tabblad dat u aanmaakt (CTRL-T) in de browser.