Guia de desenvolvimento de um aplicativo para o sistema operacional Android

Transcrição

1 Guia de desenvolvimento de um aplicativo para o sistema operacional Android Introdução Este documento será voltado para o desenvolvimento de um aplicativo na plataforma Android (sistema operacional do Google), em seu conteúdo será possível encontrar desde a instalação do ambiente de desenvolvimento do aplicativo, até a etapa onde haverá de subir o arquivo da aplicação na Play Store. O documento será dividido em fases e etapas para melhor orientação do leitor, as etapas que irão mapear o documento e servirá como um guia para o leitor não se desgovernar e seguir os passos cronologicamente, já as fases irão compor uma etapa e também seguirá uma ordem cronológica com a finalidade de descrever detalhadamente os afazeres de cada etapa. 1. Preparando o Ambiente de desenvolvimento 1.1 Instalação do ambiente de desenvolvimento A IDE que será utilizada para o desenvolvimento do projeto será a INTEL XDK, essa ferramenta vem com o intuito de tornar qualquer tipo de aplicação comum em uma aplicação portável, ou seja uma vez configurado o servidor com um web service preparado para atender todos os requisitos funcionais do aplicativo a única fase que vai ser necessária de configuração seriam a aparição daquele aplicativo no display do gadget, e é exatamente isso que o programa vai fazer. Para instalar o INTEL XDK entre web site de desenvolvimento da intel, e nas ferramentas HTML 5 escolha a IDE INTEL XDK, a página irá direcionar para o seguinte link: escolha a plataforma de operação (OS) e clique em download. Quando o download terminar siga as instruções de instalação da Intel e finalize todo o processo abrindo o a IDE.

2 1.2 Conhecendo o INTEL XDK para uso Inicialmente, antes de começar a usar a ferramenta a IDE já tem como requisito para seu uso o cadastro do usuário, esse cadastro irá gerar um repositório na nuvem com todos os aplicativos desenvolvidos pelo proprietário da conta. Por tanto é altissimamente recomendado que este cadastro contenha seus dados e também que o usuário priorize a segurança de sua conta com uma senha forte, tudo isso deverá ser preenchido em um formulário simples que a própria Intel disponibilizará automaticamente ao abrir o aplicativo. A interface da IDE INTEL XDK é bem organizada, ela como a maioria das IDEs de

3 Programação Orientada a Objetos divide seus arquivos em formato de projetos. A INTEL XDK separa todas suas etapas de desenvolvimento em abas, abaixo segue cada uma das abas e sua respectiva utilidade para o desenvolvedor: PROJECTS Nesta aba o projeto pode ser criado, nela você pode escolher quais recursos da IDE o projeto deve usar e também como nomear o objeto. DEVELOP Nesta aba é onde fica a codificação e o layout do seu projeto, aqui você deve colocar o código que pode redirecionar o aplicativo a seu web service também.

4 EMULATE Nesta aba é onde faremos os testes antes de colocar o arquivo no dispositivo, a emulação do aplicativo permite a prévisualização da aplicação em diversas plataformas e gadgets. TEST Caso o desenvolvedor deseje ainda depois da emulação averiguar a versão do aplicativo em um dispositivo mobile ele pode consultar essa aba, antes de mais nada o desenvolvedor deve ter o aplicativo App Preview da intel em seu dispositivo, depois é só detectar o QR code pelo dispositivo para visualizar em seu celular a versão teste de sua aplicação.

5 DEBUG/PROFILE Essa duas abas servem apenas como indicação do que deve ser feito para depurar um aplicativo. BUILD Nesta aba ficam os copiladores/construtores do aplicativo, eles serão a última etapa para a configuração de seu aplicativo. 2. Etapas de criação do App 2.1 Criando um Projeto Para criar um Projeto é necessário clicar em START A NEW PROJECT na página inicial do Intel XDK, onde há todos os Projetos (caso tenha algum Projeto iniciado).

6 Irá abrir a tela inicial de um Projeto, nesta tela temos várias opções de criação de Projeto que são divididas em duas categorias TEMPLATES e SAMPLES AND DEMOS essas categorias são divididas em subcategorias para criação de projetos com diversas finalidades, o nosso objetivo é a criação de um aplicativo que utilizará algo como um WEB SERVICE, então para a criação do nosso Projeto utilizaremos a categoria TEMPLATES, subcategoria BLANK e opção HTML5 + CORDOVA, esse CORDOVA é uma API que transforma código HTML em aplicativos para celulares de quatro Sistemas Operacionais: Android, IOS e Windows Phone, para mais informações acesse a documentação do CORDOVA em Documentação CORDOVA, como o Intel XDK trata todas as