Há cerca de um ano atrás publiquei aqui um post sobre a possibilidade de executar software ArcGIS num Mac.
Hoje partilho convosco como é simples a construção duma aplicação geográfica e sua publicação para a internet usando um Mac.
Nesta abordagem vou usar um Mapa previamente criado e partilhado no ArcGIS.com e depois construirei um pequeno visualizador em Javascript que consome esse Mapa. A ideia não é fazer toda a aplicação de raiz mas sim usar os templates disponíveis no ArcGIS.com. Todo o processo foi feito, em muito pouco tempo, usando um Mac e as seguintes ferramentas:
- Edição do ficheiro HTML usando o SDK para developers da Apple (recorri a este software mas poderia ter sido usado um qualquer editor de texto);
- Classic FTP for Mac para transferência dos ficheiros para o servidor;
- Safari para testar a aplicação.
- Após ter criado a aplicação e transferido para o servidor testei também num
- para verificar a usabilidade! A aplicação final encontra-se em:
http://sandrobatista.com/demos/JavascriptMAC/
O procedimento foi:
| Aceder ao ArcGIS.com (instruções) | |
| Pesquisar pelo Serviço de Parques de Cidade e abri-lo no ArcGIS.com colocando o Serviço de Ortofotomapas como informação de contexto. | |
| À esquerda encontra-se o resultado do Mapa Final (no próprio visualizador do ArcGIS.com).
Para poder partilhar este mapa basta guardá-lo com o botão Save e de seguida usar o botão Share. |
|
| Após partilharmos o Mapa é gerado um endereço reduzido http://bit.ly/atHccT que poderá ser enviado por mail, twitter ou facebook para quem desejarmos.Para além desta partilha é possível obter código html para embebermos em qualquer site ou, ainda, criar uma aplicação com base em templates. | |
| Se escolhermos criar uma aplicação surge uma janela com diferentes templates já criados.Cada template possui a opção de preview e download. Deste modo é possível verificarmos como ficará o nosso Mapa na aplicação escolhida antes de fazermos qualquer download. | |
| Se escolhermos fazer download do template surge uma janela explicativa do processo a seguir e uma informação bastante importante que é o identificador único do nosso Mapa.Neste caso o identificador do Mapa é: 0d83ab48e5394d9bb0dae9d092d0ab93 | |
| O download consiste num ficheiro comprimido, com a extensão Zip e os seus conteúdos variam conforme o template escolhido. Neste caso os conteúdos são os da imagem à esquerda. | |
| Podemos agora customizar estes ficheiros. Neste caso, vou apenas alterar o ficheiro index.html. Este ficheiro poderá ser editado em qualquer editor de texto mas, para ser mais simples e produtivo, usei o editor existente no SDK da Apple. | |
| Alterei o identificador do mapa para o fornecido anteriormente 0d83ab48e5394d9bb0dae9d092d0ab93 e alterei também o título e subtítulo. | |
| Alterei Legend para Legenda. | |
| Alterei created by para Criado por e guardei as alterações ao ficheiro. | |
| Abri o ficheiro com o Safari para testar se estava tudo como eu pretendia. | |
| Usando o software Classic FTP transferi os ficheiros para o servidor web. | |
| Por fim abri o ficheiro transferido no Safari. Tudo estava como pretendido e inicialmente previsto. |
Resumindo:
- Aceder a um Mapa online
- Fazer download de um Template
- Customizar o template
- Publicar no Servidor
Depois destes passos é só mesmo partilhar o URL com quem quiserem. Neste caso o endereço final é: http://sandrobatista.com/demos/JavascriptMAC/
Tendo este endereço é possível aceder à aplicação em qualquer lugar, em qualquer browser e em qualquer máquina! Esta aplicação, visto ser em Javascript, pode ser consultada em diferentes dispositivos desde computadores desktop, portáteis, notebooks, telemóveis windows phone, telemóveis android, Tablets, iPhones, etc.
Aproveitei para ver no iPad e vejam o resultado: