Como criar aplicativo do seu site

 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:

String url ="https://www.blackpilado.com.br";
WebView view = (WebView)this.findViewById(R.id.webView);
view.getSettings().setJavaScriptEnabled(true);
view.loadUrl(url);
view.setWebViewClient(new MyBrowser());
    }
    private class MyBrowser extends WebViewClient{
        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
            view.loadUrl(url);
            return true;
        }
    }
}

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:

<uses-permission android:name="android.permission.INTERNET" />

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.

Postar um comentário

Postagem Anterior Próxima Postagem