6. Anexos

Aqui explicamos como instalar as ferramentas utilizadas neste documento em máquinas com Windows 7.

6.1. Instalação do STS (Spring Tool Suite)

Iremos instalar o SpringSource Tool Suite [http://www.springsource.com/developer/sts], um ambiente Eclipse pré-equipado com inúmeros plugins relacionados com o framework Spring e também com uma configuração do Maven pré-instalada.

Aceda ao site do SpringSource Tool Suite (STS) [1] para descarregar a versão atual do STS [2A] [2B].

O ficheiro descarregado é um programa de instalação que cria a estrutura de diretórios [3A] [3B]. Em [4], executamos o ficheiro executável,
em [5], a janela do espaço de trabalho do IDE após fechar a janela de boas-vindas. Em [6], exibe a janela dos servidores de aplicações,

em [7], a janela dos servidores. Um servidor está registado. Trata-se de um servidor VMware compatível com Tomcat.

A utilização do STS na aplicação é explicada na secção 1.3.2.

6.2. Instalação do [ WampServer]

O [WampServer] é um pacote de software para desenvolvimento em PHP/MySQL/Apache numa máquina Windows. Iremos utilizá-lo exclusivamente para o SGBD MySQL.

No site do [WampServer] [1], escolha a versão adequada [2],
O executável descarregado é um instalador. Ser-lhe-ão solicitadas várias informações durante a instalação. Estas não dizem respeito ao MySQL, pelo que pode ignorá-las. A janela [3] aparece no final da instalação. Inicie o [WampServer],

em [4], o ícone do [WampServer] aparece na barra de tarefas, no canto inferior direito do ecrã [4],
quando clicar nele, o menu [5] aparece. Permite-lhe gerir o servidor Apache e o SGBD MySQL. Para gerir este último, utilize a opção [PhpMyAdmin],
que abre a janela apresentada abaixo,

Forneceremos alguns detalhes sobre a utilização do [PhpMyAdmin]. Na secção 1.3.1, mostramos como utilizá-lo para criar a base de dados da aplicação.

6.3. Instalação do [WebStorm]

O [WebStorm] (WS) é o IDE da JetBrains para o desenvolvimento de aplicações HTML/CSS/JS. Achei-o perfeito para o desenvolvimento de aplicações Angular. O site de download é [http://www.jetbrains.com/webstorm/download/]. É um IDE pago, mas está disponível para download uma versão de avaliação de 30 dias. Existem versões acessíveis para uso pessoal e para estudantes.

A sua utilização na aplicação é descrita na secção 1.3.3. Para instalar bibliotecas JS numa aplicação, o WS utiliza uma ferramenta chamada [bower]. Esta ferramenta é um módulo do [node.js], uma coleção de bibliotecas JS. Além disso, as bibliotecas JS são obtidas a partir de um repositório Git, o que requer um cliente Git na máquina que efetua o download.

6.3.1. Instalar o [node.js]

O site de download do [node.js] é [http://nodejs.org/]. Descarregue o instalador e, em seguida, execute-o. É tudo o que precisa de fazer por agora.

6.3.2. Instalação da ferramenta [bower]

A ferramenta [bower], que permite descarregar bibliotecas JavaScript, pode ser instalada de várias formas. Vamos instalá-la a partir da linha de comandos:


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)

linha 1: o comando [node.js] que instala o módulo [bower]. Para que o comando funcione, o executável [npm] deve estar no PATH da máquina (ver parágrafo abaixo);

6.3.3. Instalação do [Git]

O Git é um sistema de controlo de versões de software. Existe uma versão para Windows chamada [msysgit] disponível no URL [http://msysgit.github.io/]. Não utilizaremos o [msysgit] para gerir versões da nossa aplicação, mas simplesmente para descarregar bibliotecas JS encontradas em sites como [https://github.com], que requerem um protocolo de acesso especial fornecido pelo cliente [msysgit]

O assistente de instalação apresenta vários passos, incluindo os seguintes:

Para os restantes passos da instalação, pode aceitar os valores predefinidos fornecidos.

Depois de instalar o Git, verifique se o executável está no PATH do seu computador: [Painel de Controlo / Sistema e Segurança / Sistema / Definições avançadas do sistema]:

A variável PATH tem o seguinte formato:


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

Verifique se:

o caminho para a pasta de instalação do [node.js] esteja presente (aqui D:\Programas\javascript\node.js);
o caminho para o executável do cliente Git esteja presente (aqui D:\Program Files\Utilities\Git\cmd);

6.3.4. Configurar o [WebStorm]

Vamos agora verificar a configuração do [WebStorm]

Acima, selecione a opção [1]. A lista de módulos [node.js] já instalados aparece em [2]. Esta lista deverá conter apenas a linha [3] para o módulo [bower] se tiver seguido o processo de instalação anterior.

6.4. Instalação de um emulador Android

Os emuladores fornecidos com o SDK do Android são lentos, o que desincentiva a sua utilização. A empresa [Genymotion] oferece um emulador muito mais potente. Está disponível no URL [https://cloud.genymotion.com/page/launchpad/download/]

(fevereiro de 2014).

Terá de se registar para obter uma versão para uso pessoal. Descarregue o produto [Genymotion] com a máquina virtual VirtualBox;

Instale e, em seguida, inicie o [Genymotion]. A seguir, descarregue uma imagem para um tablet ou telemóvel:

em [1], adicione um dispositivo virtual;
em [2], escolha um ou mais dispositivos para instalar. Pode refinar a lista apresentada especificando a versão Android pretendida [3] e o modelo do dispositivo [4];

Assim que o download estiver concluído, verá [5] uma lista dos dispositivos virtuais disponíveis para testar as suas aplicações Android;

6.5. Instalação do plugin [Advanced Rest Client] para o Chrome

Neste documento, utilizamos o navegador Chrome da Google (http://www.google.fr/intl/fr/chrome/browser/). Iremos adicionar-lhe a extensão [ Advanced Rest Client]. Eis como o fazer:

Aceda à [Google Web Store] (https://chrome.google.com/webstore) utilizando o navegador Chrome;
procure a aplicação [Advanced Rest Client]:

A aplicação fica então disponível para download:

Para o obter, terá de criar uma conta Google. A [Google Web Store] irá então solicitar uma confirmação [1]:

em [2], a extensão adicionada está disponível na opção [Aplicações] [3]. Esta opção aparece em cada nova guia que criar (CTRL-T) no navegador.