Tecnologia

Debug remoto em aplicativos Android com Google Chrome

Posted on by

Fala galera, tudo tranquilo?

Estou meio ausente no blog por motivos de Jobs.. estou mexendo com bastante conteúdo e acabei ficando sem tempo de dar uma atenção por aqui. Estou com vários videos aulas que fiz final do ano de 2015 porém não tive tempo ainda de posta-las por aqui, porém vou ver se consigo lançar o primeiro vídeo ainda nos próximos dias.

Vamos ao que interessa, o tópico de hoje é apenas um ‘quebra-galho’ para quem não conhece ainda métodos de realizar debug em aplicativos, no caso usando a plataforma android. Atualmente existe várias maneiras, a mais simples que acho é está que estarei apresentado.

Android Configurações

1 – Ativar no aparelho a opção “USB DEBUGGING”, acesse as Settings > Developer options.

2 – Acessando a r, realize o Check do campo USB DEBUGGING.

3 – Depois feito este processo abra o seu navegador e digite o seguinte endereço chrome://inspect na nova tela que surgir selecione o campo “Discover USB Devices”

4 – Logo após isto, conecte o cabo do aparelho no seu computador e abra novamente a página chrome://inspect , será listado os dispositivos conectados no seu computador.

5 – Clique na opção Inspect

Feito isto é só ver a maneira que está executando a sua aplicação.

Créditos do tutorial Developer Chrome.

Conheça o Coda Aplicativo, para desenvolver no seu Smartphone!

Posted on by

Fala galera!

Hoje quero mostrar para vocês um aplicativo muito legal e que todo programador precisa ter em seu Smartphone.
Não sei vocês mas as vezes o seu cliente liga pra você e fala que tem um erro gigante no seu sistema e precisa ser corrigido imediadamente  (eu sei as vezes exageram mas é cliente e sempre tem razão, ou quase sempre… ) e dependendo do momento você pode estar na rua ou longe de um computador e assim precisa ‘agilizar’ rapidamente um computador para corrigir a falha.

Bom,  apresento o aplicativo Coda iOS, um aplicativo editor de texto que possui um ambiente “completo” para o smartphone em quesito de desenvolvimento, o mais legal que achei dele é a questão da usabilidade, não possui nada complicado em poucos toques você consegue editar algum arquivo e já fazer o upload em FTP ou SSH da alteração.

Ele está disponível apenas para iOs, inclusive acredito que não terá uma versão Android tão cedo até pela questão do desenvolvedor dessa ferramenta que é dedicado apenas em desenvolvimento de aplicativos para iOs. Outra coisa que pode pesar no inicio é o valor do App, custa $9,99 mas na minha opinião vale a pena fazer está aquisição, gostei bastante e está sendo muito útil para mim!

Até a próxima galera!

Single Page e Multiple Page – Aplicações / Sites

Posted on by

E ai galera, tudo tranquilo?

Fiquei alguns dias ausentes do Blog pois estava com muitos trabalhos acumulados, inclusive, trabalhando com empreendimentos próprios entre eles o novo App que lancei que é o iGuardanapo, um aplicativo para interagir cantores e seus ouvintes em determinados locais, exemplo no bar, restaurante, ou em qualquer outro local.

Bom, neste processo de desenvolvimento vejo que as pessoas possuem uma dúvida básica, criar Aplicações/Site em um única página ou criar várias páginas?

Referente a está estrutura acredito que depende de projeto para projeto, possuo projetos que são mais simples e pequeno e utilizo “Single Page” e outros projetos que são maiores e uso “Multiple Page”. Fiz uma pequena analise, algo simples e rápido na vantagem e na desvantagem.

Single Page

Vantagem:
– Carrega o DOM apenas uma vez deixando aplicação de certa maneira mais rápida e sem a necessidade de ficar carregando posteriormente.
– A transição das páginas ficam mais rápida, sendo que todos as páginas estão em apenas um local e sem a necessidade de carregar um novo arquivo.
– Carrega os JS/CSS única vez.
– Indicado para aplicações menores

Desvantagem:
– O código fica extremamente extenso conforme o tamanho da sua aplicação.
– Usando em um site este modelo se perde muito em conceito de SEO, pois todo o conteúdo fica em um arquivo apenas.
– O primeiro acesso é mais lerdo até carregar todo o conteúdo.

Aqui um exemplo de utilização de uma Single Page feito em jQuery Mobile.

Multiple Page

Vantagem:
– Código fica mais organizado facilitando o suporte
– Utilizando este conceito em sites ganha-se mais no SEO do site, pois cada produto terá uma respectiva página.

Desvantagem:
– Caso esteja usando em uma aplicação Mobile, e o aparelho não tiver conexão com a internet pode ocorrer erro pois será necessário carregar o DOM novamente.
– Perde desempenho pela questão de carregar o conteúdo da página sempre.

Bom está é a minha analise sobre estas duas estruturas, acredito que vai muito de projeto, como citei no inicio.

Mobile Day – Dicas para iniciar no Mobile

Posted on by

A Google lançou uma plataforma muito interessante com o nome Think With Google (Pense com Google, na tradução),  nela possui conteúdo voltado para os desenvolvedores Mobile e para tomada de decisão entre um aplicativo ou site responsivo…

Achei interessante os artigos, no momento não tem muitos, mas os que já possui são muito bons para explicar talvez para um cliente as vantagens que irão levar ao desenvolver um aplicativo ao invés de um site responsivo, entre outros dicas que possui.

O site é www.thinkwithgoogle.com/intl/pt-br/

Assine o Newsletter para ficar por dentro das novidades acredito que serão muito bem vindas.

Criando emulador Android

Posted on by

Hoje estaremos criando um emulador android para testar aplicativos.
Se você está chegando agora e quer saber como iremos criar este emulador é necessário que siga o passo-a-passo de Instalando Cordova e Emulador Android no Windows antes de continuar com a leitura deste artigo.

Continue lendo como configurar um emulador android

Frameworks para Mobile

Posted on by

Iremos falar sobre uma pacotão de códigos que poderão ajudar no seu desenvolvimento mobile no dia-a-dia.
O mercado mobile cresceu muito, e com isso apareceu várias ferramentas que facilita nossa vida de desenvolvedor, estarei falando um pouco dos principais Frameworks que está no mercado de desenvolvimento.

Continue lendo sobre Framework