Primeiro precisamos do Android JDK, um compilador e desenvovedor Android instalado na máquina onde será desenvolvido o app. Para isso, acesse o seguinte link. Baixe a versão mais recente; a instalação é muito fácil.
Criando seu projeto de app do seu site
Abra o Android Studio, clique em File>New>New Project.
- 1º Janela: Coloque um nome na sua aplicação, no meu projeto coloquei como nome "MeuApp". Coloque o que melhor agradar você e clique em Next;
- 2º Janela: Nesta janela selecione a menor versão android disponivel, no meu caso a versão utilizada foi a 4.0.3, clique Next;
- 3º Janela: Selecione o layout para sua aplicação, deixe na padrão mesmo, clique Next;
- 4º Janela: Colocar um nome na Activity Name, deixe na padrão mesmo, clique em Finish para finalizar a criação do projeto.
O programa vai abrir o "MainActivity.java" e o "Activity_main.xml", clique na guia do "Activity_main.xml", troque de "Text" para "Desgin", exclua a tag "TextView" que aparece no smartphone, depois clique na Widgets "WebView", posicione o mouse sobre a tela do smartphone de modelo, e araste ate preencher toda a tela.
Pronto. Agora clique na guia "MainActivity.java" e inclua logo abaixo da linha setContentView(R.layout.activity_main) os seguintes codigos:
O sistema vai pedir para adicionar algumas bibliotecas, clique em sim.
No projeto locatilize "manifests > AndroidManifest.xml", abra o arquivo e adicione a linha abaixo logo após o package:
Está linha é responsavel por liberar acesso da internet ao aplicativo. Seu aplicativo está pronto, temos que gerar o arquivo android APK para instalação, vá ate o menu "Build>Generate Signed APK..."
Caso seja sua primeira aplicação você vai precisar de uma assinatura, clique em Create new para criar, caso contrário selecione a sua já existente, de Next e Finish para assinar e criar a aplicação. Clique em Show in Explorer para abrir a pasta onde está o arquivo apk assinado, envie para seu smartphone e instale. Pronto!
Criar um aplicativo do seu site (favorito) para o Google Chrome
Algumas empresas e portais já adotaram a ideia e lançaram seus aplicativos oficiais na galeria da Google, mas outros ainda não se manifestaram. Se o Chrome é o seu navegador padrão, basta seguir esse tutorial para criar aplicativos para os seus serviços preferidos ou para o seu site.
Passo 1. Abra o “Bloco de Notas” -- se você estiver usando o Windows, é claro. Caso esteja em outro sistema, use um editor de texto simples do seu SO, como o Gedit no Ubuntu ou o Editor de Texto no Mac OS X;
Passo 2. Copie e cole o código abaixo no editor de texto;
{
"name": "Blackpilado",
"description": "A verdade está aqui",
"version": "1.0",
"icons": {
"blackpilado": "blackpilado.png"
},
"app": {
"urls": [
"http://www.blackpilado.com.br/"
],
"launch": {
"web_url": "http://www.blackpilado.com.br/"
}
},
"permissions": [
"unlimitedStorage",
"notifications"
]
}
Passo 3. Tudo que você tem que fazer agora é mudar os itens destacados. Na ordem, eles são:
- o nome do site ou serviço;
- a descrição do site;
- o endereço para o site; e,
- por fim, mais uma vez a URL;
Passo 4. Salve o arquivo com o nome “manifest” (sem aspas) e na extensão “json”, ou seja, “manifest.json”. Tome cuidado para não salvar “manifest.json.txt” ou qualquer outra extensão diferente de “json”;
Ícone
Passo 5. O ícone é um arquivo de imagem importante para a identificação visual do site ou serviço e deve estar no formato “PNG”. Você pode obtê-lo tirando uma captura de tela da logomarca do site ou, caso seja um serviço conhecido, procurar por ícones no DeviantART;
Passo 6. Após criar ou obter o arquivo, é importante que ele se chame “blackpilado” (sem aspas) e esteja na resolução 128 x 128 pixels. Portanto, no final de tudo, você deve ter um arquivo chamado “blackpilado.png”;
Carregando o aplicativo
Passo 7. Antes de instalar o aplicativo no Chrome, temos que unir tudo que fizemos. Mas não se assuste, é simples: basta copiar os dois arquivos (“manifest.json” e “blackpilado.png”) para uma pasta vazia de qualquer nome e em qualquer lugar do HD -- na área de trabalho, por exemplo. Atenção: apenas os dois arquivos descritos devem estar na pasta;
Passo 8. Agora sim vamos instalar o aplicativo no Google Chrome. Para isso, abra o navegador;
Passo 9. Clique no botão “Personalizar e controlar o Google Chrome” (representado por uma chave de boca, logo ao lado da barra de endereços);
Passo 10. Aponte para “Ferramentas” e clique em “Extensões”;
Passo 11. Clique em “Modo do desenvolvedor” para expandir algumas opções extras;
Passo 12. Clique no botão “Carregar extensão em desenvolvimento...”;
Passo 13. A última etapa é selecionar o diretório do sétimo passo onde estão localizados os arquivos “manifest.json” e “blackpilado.png” e clicar em “OK”;
Passo 14. Por fim, abra uma nova guia para conferir o resultado.
Pronto! Pode ter parecido complicado, mas é muito simples criar aplicativos personalizados para o Google Chrome. Basta se atentar para alguns detalhes básicos, como foi explicado nesse tutorial.