6. Anexos

A continuación, explicamos cómo instalar las herramientas utilizadas en este documento en equipos 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 preconfigurado con numerosos complementos relacionados con el framework Spring y también con una configuración de Maven preinstalada.

• Accede a la página web de SpringSource Tool Suite (STS) [1], para descargar la versión actual de version de STS [2A] [2B],

• el archivo descargado es un instalador que crea el árbol de archivos [3A] [3B]. En [4], se ejecuta el ejecutable,
• en [5], la ventana de trabajo de IDE tras 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 apartado 1.3.2.

6.2. Instalación de [WampServer]

[WampServer] es un conjunto de programas para desarrollar en PHP / MySQL / Apache en un equipo Windows. Lo utilizaremos únicamente para SGBD y MySQL.

• en la página web de [WampServer] [1], elija el version adecuado [2],
• el ejecutable descargado es un instalador. Durante la instalación se solicita diversa información. Esta no afecta a MySQL. Por lo tanto, puede ignorarse. Al finalizar la instalación, aparece la ventana [3]. Inicie [WampServer],

• en [4], el icono de [WampServer] se instala en la barra de tareas, en la parte inferior derecha de la pantalla [4],
• al hacer clic en él, se muestra el menú [5]. Permite gestionar el servidor Apache y el SGBD MySQL. Para gestionar este último, se utiliza el option [PhpPmyAdmin],
• y aparecerá la ventana que se muestra a continuación,

No daremos muchos detalles sobre el uso de [PhpMyAdmin]. En el apartado 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 y JetBrains para desarrollar aplicaciones HTML / CSS / JS. Me ha parecido perfecto para desarrollar aplicaciones Angular. La página 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 de version. Existen versiones personales y para estudiantes de version y version a precios muy asequibles.

Su uso en el contexto de la aplicación se describe en el apartado 1.3.3. Para instalar las bibliotecas JS en una aplicación, WS utiliza una herramienta denominada [bower]. Esta herramienta es un módulo de [node.js], un conjunto de bibliotecas JS. Por otra parte, las bibliotecas JS se buscan en un sitio Git, lo que requiere un cliente Git en el equipo que realiza la descarga.

6.3.1. Instalación de [node.js]

El sitio de descarga de [node.js] es [http://nodejs.org/]. Descargue el instalador y ejecútelo. 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á la descarga de las bibliotecas Javascript, puede realizarse de diferentes maneras. La realizaremos 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, es necesario que el ejecutable [npm] se encuentre en el directorio PATH del equipo (véase el párrafo siguiente);

6.3.3. Instalación de [Git]

Git es un sistema de gestión 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 de tipo [https://github.com] que requieren un protocolo deacceso especial y que es proporcionado por el cliente [msysgit]

El asistente de instalación propone 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 finalizada la instalación de Git, compruebe que el ejecutable se encuentra en el directorio PATH de su equipo: [Panneau de configuration / Système et sécurité / Système / Paramètres systèmes avancés]:

La variable PATH tiene este aspecto:

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

Compruebe que:

• la ruta de la carpeta de instalación de [node.js] está presente (en este caso, D:\Programs\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]

Comprobemos ahora la configuración de [Webstorm]

Arriba, seleccione option [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 ha 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 desanima a utilizarlos. La empresa [Genymotion] ofrece un emulador mucho más potente. Este está disponible en URL [https://cloud.genymotion.com/page/launchpad/download/]

(febrero de 2014).

Tendrá que registrarse para obtener una version para uso personal. Descargue el producto [Genymotion] con la máquina virtual VirtualBox;

Instale y ejecute [Genymotion]. A continuación, descargue una imagen para una tableta o un teléfono:

• en [1], añada un terminal virtual;
• en [2], elija uno o varios terminales para instalar. Puede refinar la lista mostrada especificando la versión de Android deseada, así como el modelo de terminal;

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

6.5. Instalación del complemento 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 añadirá la extensión [Advanced Rest Client] . Se puede proceder de la siguiente manera:

• ir a la página 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 su descarga:

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

• En [2], la extensión añadida está disponible en el option [Applications] [3]. Este option se muestra en cada nueva pestaña que crees (CTRL-T) en el navegador.