6. Anexos

A continuación, explicamos cómo instalar las herramientas utilizadas en este documento en computadoras con Windows 7.

6.1. Instalación de STS (Spring Tool Suite)

Vamos a instalar SpringSource Tool Suite [http://www.springsource.com/developer/sts], un Eclipse que ya viene equipado con numerosos complementos relacionados con el marco Spring y también con una configuración de Maven preinstalada.

• Visita el sitio web de SpringSource Tool Suite (STS) [1], para descargar la versión actual de STS [2A] [2B],

• el archivo descargado es un instalador que crea la estructura de archivos [3A] [3B]. En [4], se ejecuta el archivo ejecutable,
• en [5], aparece la ventana de trabajo de IDE después de cerrar la ventana de bienvenida. En [6], se muestra la ventana de servidores de aplicaciones,

• en [7], la ventana de servidores. Se registra un servidor. Se trata de un servidor VMware compatible con Tomcat.

El uso de STS en el contexto de la aplicación se explica en el párrafo 1.3.2.

6.2. Instalación de [WampServer]

[WampServer] es un paquete de software para desarrollar en PHP / MySQL / Apache en una máquina con Windows. Lo utilizaremos únicamente para SGBD y MySQL.

• En el sitio web de [WampServer] [1], elige la versión adecuada [2],
• el archivo ejecutable descargado es un instalador. Durante la instalación se solicita diversa información. Esta información no se refiere a MySQL. Por lo tanto, se puede ignorar. Al finalizar la instalación, aparece la ventana [3]. Se ejecuta [WampServer],

• en [4], el ícono de [WampServer] se instala en la barra de tareas, en la parte inferior derecha de la pantalla [4],
• al hacer clic en él, aparece el menú [5]. Este permite administrar el servidor Apache y el SGBD MySQL. Para administrar este último, se utiliza la opción [PhpPmyAdmin],
• lo cual abre la ventana que se muestra a continuación,

No daremos muchos detalles sobre el uso de [PhpMyAdmin]. En el párrafo 1.3.1 mostramos cómo utilizarlo para crear la base de datos de la aplicación.

6.3. Instalación de [Webstorm]

[WebStorm] (WS) es la versión mejorada de IDE, derivada de JetBrains, para desarrollar aplicaciones HTML / CSS / JS. Me ha parecido perfecto para desarrollar aplicaciones de Angular. El sitio de descarga es [http://www.jetbrains.com/webstorm/download/]. Es un IDE de pago, pero se puede descargar una versión de prueba de 30 días. Existen una versión personal y una versión para estudiantes a precios accesibles.

Su uso en el contexto de la aplicación se describe en el párrafo 1.3.3. Para instalar las bibliotecas JS en una aplicación, WS utiliza una herramienta llamada [bower]. Esta herramienta es un módulo de [node.js], un conjunto de bibliotecas JS. Además, las bibliotecas JS se buscan en un sitio de Git, lo que requiere un cliente de Git en la computadora desde la que se realiza la descarga.

6.3.1. Instalación de [node.js]

El sitio de descarga de [node.js] es [http://nodejs.org/]. Descarga el instalador y ejecútalo. No hay nada más que hacer por el momento.

6.3.2. Instalación de la herramienta [bower]

La instalación de la herramienta [bower], que permitirá descargar las bibliotecas de JavaScript, se puede realizar de diferentes maneras. La haremos desde la consola:

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)

• línea 1: el comando [node.js], que instala el módulo [bower]. Para que el comando funcione, el ejecutable [npm] debe estar en el directorio PATH de la máquina (ver el párrafo siguiente);

6.3.3. Instalación de [Git]

Git es un sistema de control de versiones de software. Existe una versión para Windows llamada [msysgit], disponible en URL y [http://msysgit.github.io/]. No vamos a utilizar [msysgit] para gestionar versiones de nuestra aplicación, sino simplemente para descargar bibliotecas JS que se encuentran en sitios web del tipo [https://github.com], los cuales requieren un protocolo deacceso especial y que es proporcionado por el cliente [msysgit]

El asistente de instalación ofrece diferentes pasos, entre los que se incluyen los siguientes:

Para el resto de pasos de la instalación, puede aceptar los valores predeterminados propuestos.

Una vez que haya terminado la instalación de Git, verifica que el ejecutable se encuentre en el directorio PATH de tu equipo: [Panneau de configuration / Système et sécurité / Système / Paramètres systèmes avancés]:

La variable PATH se ve así:

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

Verifica que:

• la ruta de la carpeta de instalación de [node.js] esté presente (en este caso, D:\Programas\javascript\node.js);
• la ruta del ejecutable del cliente Git esté presente (en este caso, D:\Programas\utilidades\Git\cmd);

6.3.4. Configuración de [Webstorm]

Ahora verifiquemos la configuración de [Webstorm]

Arriba, seleccione la opción [1]. La lista de módulos [node.js] ya instalados aparece en [2]. Esta lista solo debería contener la línea [3] del módulo [bower] si has seguido el proceso de instalación anterior.

6.4. Instalación de un emulador para Android

Los emuladores que vienen con el SDK de Android son lentos, lo que desmotiva su uso. La empresa [Genymotion] ofrece un emulador mucho más eficiente. Este está disponible en el URL [https://cloud.genymotion.com/page/launchpad/download/]

(febrero de 2014).

Tendrás que registrarte para obtener una versión para uso personal. Descarga el producto [Genymotion] junto con la máquina virtual VirtualBox;

Instala y luego ejecuta [Genymotion]. A continuación, descarga una imagen para una tableta o un teléfono:

• en [1], agrega un dispositivo virtual;
• en [2], elija uno o varios dispositivos para instalar. Puede refinar la lista que se muestra especificando la versión de Android deseada [3], así como el modelo de dispositivo [4];

• una vez finalizada la descarga, obtendrá en [5] la lista de dispositivos virtuales de los que dispone para probar sus aplicaciones de Android;

6.5. Instalación de la extensión de Chrome [Advanced Rest Client]

En este documento, se utiliza el navegador Chrome de Google (http://www.google.fr/intl/fr/chrome/browser/). Se le agregará la extensión [Advanced Rest Client] . Se puede proceder de la siguiente manera:

• visitar el sitio web de [Google Web store] (https://chrome.google.com/webstore) con el navegador Chrome;
• buscar la aplicación [Advanced Rest Client]:

• la aplicación estará entonces disponible para descargar:

• Para obtenerla, deberá crear una cuenta de Google. [Google Web Store] solicita luego la confirmación [1]:

• En [2], la extensión agregada está disponible en la opción [Applications] [3]. Esta opción aparece en cada nueva pestaña que crees (CTRL-T) en el navegador.