Aplicativo Android: Quiz Smartphone

Estou lançando um novo aplicativo, ele é um jogo de perguntas sobre smartphones, possui opção de quantidade de perguntas, melhores pontuações, ele ficou muito bonito, trabalhei nele por umas 3 semanas, acho que valeu a pena o esforço.

Veja algumas imagens do game abaixo.

 

Para baixar o app clique aqui.
Ou leia o QRCode abaixo.

Read More

Instalando e configurando o Cordova no Ubuntu 14.04

Neste artigo você confere a instalação e configuração do Cordova para desenvolvimento de aplicativos para Android,  esse tutorial funciona no Ubuntu 14.04 e 14.10, Elementary OS, Linux Mint e outros derivados do Ubuntu.

Instale o Node Package Manager (NPM) e o Node.js:

sudo add-apt-repository ppa:chris-lea/node.js
sudo apt-get update
sudo apt-get install nodejs
sudo npm install npm -g

Agora instale o Cordova:

sudo npm install cordova -g

Agora que instalamos o Cordova vamos configurar o ambiente de desenvolvimento do Android.
Vamos instalar o Java com os comandos:

sudo add-apt-repository ppa:webupd8team/java
sudo apt-get update
sudo apt-get install oracle-java8-installer

Agora você precisa baixar a SDK do Android clique aqui para baixar a versão certa para o seu sistema, baixe o "SDK Tools only".

Extraia o arquivo baixado, mova a pasta extraída para sua home e altere o nome para .android-sdk para ela ficar como pasta oculta.

Agora abra o arquivo ~/.bashrc (esse arquivo está na sua pasta home).

Adicione as seguintes linhas ao arquivo.

export ANDROID_HOME=$HOME/.android-sdk
export PATH=$PATH:$ANDROID_HOME/tools

Lembrando que se você colocar a pasta do Android SDK em um diretório diferente você o caminho acima será diferente também.

Agora digite o comando:

source ~/.bashrc

Agora digite o comando android e pressione enter, na tela que aparecerá marque Android SDK build-tools Rev. 19 em Tools, marque também Android 4.4.3 (API 19), os que estão marcados deixe como estão, clique em install, aceite as licenças e então install.
Feito isso, instale o ant com o comando:

sudo apt-get install ant

Agora encontre o id da versão correta do android para criar a máquina virtual, com o comando:

android list targets

Encontre a seguinte versão:

id: 4 or "android-19"
     Name: Android 4.4.2
     Type: Platform
     API level: 19
     Revision: 4
     Skins: HVGA, QVGA, WQVGA400, WQVGA432, WSVGA, WVGA800 (default), WVGA854, WXGA720, WXGA800, WXGA800-7in
 Tag/ABIs : default/armeabi-v7a, default/x86

Como podemos ver no meu caso o id é 4, no seu caso pode ser diferente

Agora crie a máquina virtual Android usando o comando abaixo:

android create avd --name android44 --target idDaVersãoDoAndroid --abi x86

Agora seu computador estará pronto para criar aplicativos para Android utilizando o Cordova.

Read More

Compra de conta no Google Play

Essa semana comprei minha conta de desenvolvedor na Google Play, paguei o valor de 25 dólares que na cotação atual saiu pelo preço de 64 reais. E já publiquei meus primeiros apps, quem quiser acompanhar e instalar os apps clique aqui.

Estou desenvolvendo aplicativos usando Cordova com as linguagens HTML, JS e CSS, além de alguns frameworks para facilitar o trabalho. O próximo passo é aprender Angular JS durante as férias.

Read More

Simule um smartphone no Firefox

Se você trabalha com desenvolvimento web para dispositivos móveis o Firefox possui uma ferramenta que pode te ajudar a testar a interface em tamanhos de telas diferentes e ainda você pode testar eventos touch que são usado em smartphones e tablets.

Veja o exemplo abaixo:

Essa é a interface de teste em dispositivos móveis no Firefox, para ativar a função pressione as teclas Ctrl+Shift+M ao mesmo tempo.

Na interface que se abre o botão de x serve para fechar a interface, a caixa de seleção é usada para alterar a resolução, você pode configurar resoluções personalizadas, a setinha para a direita serve para girar a tela, o ícone de uma mão serve para ativar a simulação de eventos touch(ao ativar é necessário recarregar a página), e um botão muito útil com o ícone de uma câmera serve para tirar screenshots(imagem da tela, print).

É uma ferramenta muito útil para testar mobile web apps.

Se você não possui o Firefox instalado em seu computador baixe clicando aqui.

Read More

Migrando para serviços na web

Neste artigo quero falar como migrar para a web usando Linux, como usar a maior quantidade de aplicações web no seu computador e assim poupar espaço em disco e poder de processamento do seu computador.
Vou mostrar as ferramentas que eu uso e indico para substituir ferramentas do seu computador.
Para ouvir músicas na web você pode usar o Deezer que é um serviço de streaming de músicas pago. Ele possui um catálogo muito vasto de músicas e estilos, o site é muito leve e não faz muito uso de efeitos especiais que só servem para deixar o carregamento mais lento, digo isso pois o rdio é um bom serviço mas o site é muito pesado e trava muito por causa dos efeitos. O deezer é fácil de usar, muito pratico e funciona bem.

Como pen drive digital eu uso o Copy que é um serviço de armazenamento em nuvem que oferece 20 GB de graça se você entrar com um convite(clique aqui para pegar o convite), e a cada amigo seu que entrar no site com um convite seu você vai ganhar 5 GB, ele faz um carregamento rápido dos arquivos, permite compartimento de pastas, compra de pacotes especiais, ele oferece aplicativo para Linux, Android, windows, mac, iPhone... Ele é o que melhor atendeu minhas necessidades.

Como suite office eu uso o Google Docs que me dá a possibilidade inclusive de armazenar os documentos na nuvem, ela possui todas as ferramentas que eu preciso para edição de texto pois oferece configuração de página, parágrafo, inserção de imagens, símbolos, equações, oferece correção automática, instalação de complementos, e muito mais. Posso também criar slides com transições, vídeos do YouTube, também tenho o aplicativo para tabelas, formulários, desenhos e scripts. E ainda me permite baixar esses arquivos em formatos compatíveis com o Microsoft Office e o Libre Office.

Para ouvir música eu tenho mais uma opção agora para rádios o TuneIn que é um site que oferece milhares de rádios pelo mundo todo.

Como aplicativo de anotações eu uso o Google Keep, ele me possibilita guardar textos e listas e ainda colorir eles como forma de organizar o conteúdo, e também posso sincronizar todo o conteúdo com meu smartphone.

Por enquanto é isso pessoal eu gosto de usar tecnologias web em meu computador elas são mais leves e podem ser usadas a partir de qualquer dispositivo, quando eu encontrar mais aplicações como essas deixarei em meu blog, se você conhece alguma deixe um comentário.

Read More

Palestra de desenvolvimento mobile com tecnologias web

No dia 18 eu ministrei uma palestra com o título "Desenvolvimento mobile com tecnologias web" em Teófilo Otoni para alunos do curso de Sistemas de informação, para alunos do curso técnico em informática da Doctum e para alunos do curso técnico de informática das cidades de Novo Cruzeiro, Padre Paraíso e Malacacheta, para mim foi uma ótima oportunidade de passar conhecimento adiante e espero que os alunos tenham absorvido bem esse conhecimento.

Durante a palestra eu apresentei ferramentas que podem ser usadas para desenvolver aplicativos, dentre elas o PhoneGap, jQuery, Ratchet e muitos outros.

Além disso fiz uma aplicação durante a palestra a aplicação obtêm a cotação atual do dólar e passa essa informação para o usuário por meio de uma notificação do sistema, dessa forma eu exemplifiquei uma aplicação que usa plugin do PhoneGap e também a comunicação com um servidor externo.

No link abaixo você irá encontrar o slide usado na palestra, o código fonte da aplicação que foi desenvolvida e o arquivo para instalar a aplicação no Android.

https://copy.com/G2H2izbBQtuGBtTw

Agradeço a todos que participaram e estou disposto a ajudar a quem se interessar a usar essas tecnologias e ferramentas.

Read More

O que é um aplicação nativa mobile?

Uma aplicação nativa é um aplicativo que foi desenvolvido utilizando a linguagem do sistema operacional e as suas ferramentas, dessa forma eles podem trazer uma iteração maior entre o usuário e o sistema operacional, além disso elas podem acessar todos os recursos do sistema operacional e também possuem um desempenho de alta qualidade. Outra característica é que elas não precisam necessariamente de conexão com a internet para funcionar.

Para quem é usuário esse é o melhor tipo de aplicação que existe pois, mas para os desenvolvedores é o tipo mais difícil de se desenvolver, pois cada sistema operacional trabalha com uma linguagem e ferramentas de desenvolvimento diferentes, isso torna o desenvolvimento muito mais caro.

Read More

jQuery: Inserir conteúdo com efeito fade

O código JS abaixo insere uma tag no body da página, e essa tag será mostrada com um efeito fade do jQuery.

$('body').append($('<div class="notification"><p>Você está deconectado!</p></div>').hide().fadeIn(800));

O comando .append() apenas insere uma tag na página e mostra ela, então para fazer o efeito fade nos escondemos a tag com .hide() e logo após mostramos ela com o .fadeIn(800), o valor entre parenteses pode ser alterado para alterar a velocidade do efeito.

Read More

Abrindo link no navegador do sistema operacional.

Usando o código abaixo como base é possível fazer com que um link seja aberto no navegador do Android.

<a onclick="window.open('asdasd.html', '_system')"> Clique aqui </a>

E fiz alguns teste e não adiante definir o href e colocar _system no atributo target isso não funciona, a única forma que consegui foi com o código acima.

Read More

Sair de um aplicativo usando PhoneGap

O PhoneGap é um framework usado para desenvolver apps para sistemas operacionais móveis usando HTML, CSS e JS, o código abaixo faz com que o aplicativo seja fechado, ele foi testado no Android e funciona corretamente.

navigator.app.exitApp();

Qualquer dúvida deixe seu comentário.

Read More