Dicas para programação de sites mobile

Aqui vão as minhas dicas para quem esta iniciando neste maravilhoso e complicado mundo de site mobile:

- É possível implementar aplicações responsivas (onde a página se ajusta, através de folhas de estilos, conforme o tamanho da tela/navegador), porém é um pouco difícil de se fazer, se as telas de desktop e de mobile forem muito diferentes (Quer mais informações? Entre no site da wikipédia: http://pt.wikipedia.org/wiki/Web_Design_Responsivo).

- Evitem usar muitas imagens "pesadas" para web-mobile, para que o usuário não sinta uma "lentidão" no sistema.

- Efeitos visuais não são recomendáveis, pois alguns aparelhos de baixo processamento não suportam muito bem isso (travam, ficam lentos, etc.).

- Evitem usar tamanhos fixos no estilo e nos elementos, tentem usar o máximo possível de porcentagem ou "em".

- Se sua aplicação checar se o navegador é mobile via User-Agent (cabeçalho da página web onde pode-se identificar o navegador e sistema operacional que requisitou esta), vocês podem emular isso via plugins, como este:

https://addons.mozilla.org/en-US/firefox/addon/user-agent-switcher/

 - Se necessário, não esqueçam da meta tag viewport:

https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag

- Se vocês não tiverem dispositivos para seus testes, pode-se emular alguns destes via web, através do site:
 http://www.mobilephoneemulator.com/ (Não é 100% confiável, mas é alguma coisa).

     
Obs.: Recomendação para esta ferramenta: para melhor emulação, abram esta url no Google Chrome (para testes no Android) e/ou no Safari (para testes no iPhone).

- Em testes finais, sempre usem dispositivos reais.

- Se for necessário implementar algum efeito visual, testem no pior dispositivo possível (com o menor processamento, tela pequena e pouca memória).

- Sei que isso vale mais para desenvolvimento nativo, mas sempre deem uma olhada nos guidelines disponíveis para Android (http://developer.android.com/design/index.html) e para iOS (https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/Introduction/Introduction.html), pois estes dão dicas legais para quem esta começando. :)

Espero que isso ajude alguém...

Até mais!

Eu, Ela e a Sofia (não, não sou eu :P)

Claro que ser prata da casa ajuda a ser notícia na TV (para quem não sabe, o cara se chama Reginaldo e ele trabalhou na rádio Educadora FM que faz parte do Grupo Bandeirantes de Comunicação). :P

Mas admiro a coragem deste dois (sair de empregos estáveis para viajar pelo Brasil não é uma coisa que muita gente faria...).



Vou ser sincero que, além da admiração, dá um pouquinho de inveja...

Espero que façam muitas amizades, que ouçam os bons conselhos e que evitem os maus. :)

Isso me lembrou um ditado oriental (para quem não percebeu: "Takemura" é um nome japonês :P ):

"O importante não é o destino final, mas o percurso que você faz para chegar até lá"

Boa viagem e boa sorte!

Até mais!

Jogo Brasileiro: Tormenta: O Desafio dos Deuses

Em um post mais antigo (sobre o mangá Holy Avenger, alguém se lembra?), falei de um pessoal que estava arrecadando dinheiro para elaboração de um jogo eletrônico baseado no cenário da revista (eles estavam precisando em torno de R$ 60.000,00).

Pois é, agora fui descobrir que eles conseguiram:
http://catarse.me/pt/tormentadesafio

Parabéns a todos que colaboraram nesta grande iniciativa (aos que pagaram, principalmente)! :)

Um video de "Game Test" feita por convidados esta disponível na Internet:

Obs.: Tomara que eles consigam terminar o jogo!

Boa sorte, pessoal! :)

Até mais!

Angry Video Game Nerd: The Movie - Official Trailer (HD)

Dica de seu Douglas Matoso (só para avisar as pessoas: esta em inglês):

"E.T., E.T., E.T.,..."

Sei lá, mas tenho a impressão de já ter visto esta expressão em algum lugar... (medo) :P

Até mais!

Aprenda a fazer jogos pelo youtube!

Uma vez eu disse que entrei em computação por querer fazer jogos e que, até certo momento em minha carreira, eu nunca tinha feito...

De certa maneira, não tenho muito tempo livre para começar um projeto deste tipo.

Mas também, eu nem sei como começar a programar (para os que não estão na área: por incrível que pareça, fazer sites para empresas é uma coisa totalmente diferente que fazer games)! :P

Porém, assistindo a um dos vídeos do canal do garotoverde no youtube, vi que ele citou uma pessoa que posta tutoriais de como criar jogos:

http://www.youtube.com/user/wemakeagame

Não sei como o cara tem tempo, mas a iniciativa é muito legal! :P

Valeu, agora vou tentar ver se começo a assistir e esboçar meu primeiro joguinho. ;)

Até mais!

Teste suas aplicações mobile com Appium

Appium é (mais) um framework de testes para aplicações mobile nativas ou híbridas que usa o protocolo WebDriver JSON Wire para executar seus scripts (não sabe o que é isso? Então clique aqui e aqui).

Pelos vídeos, parece legal (apesar que diz que pode ser programado em várias linguagens, os exemplos que vi estão em Python...).

O projeto atual é open-source e pode ser baixado (e também, para obter mais informações) no site:
http://appium.io/

Obs.: E sim, é mais um framework baseado em Selenium. :P

Até mais!

Alguém se lembra: E.T. para Atari 2600?

Dizem que uma crise ou mudança não ocorre por um único motivo específico e sim, por vários fatores.

Mas, em vários casos, sempre existe "o" fator principal, aquele que fica marcado como sendo "o" mais importante (como a Revolução Francesa, que culminou o início da era "Moderna").

Este tipo de coisa também ocorreu durante a história do video-game.

No final da década de 70 e começo da 80, a Atari havia se consolidado como "a" empresa de video-game. Porém, em 1982, com a abertura de desenvolvimento de jogos do console para terceiros e a falta de um controle de qualidade destes, a empresa viu seu império decaindo gradativamente (as pessoas estavam parando de comprar seus produtos).

Para dar uma reviravolta nesta situação, a companhia pensou num jeito fácil de tentar reviver seu principal produto: aproveitar o sucesso de crítica e de público do filme "E.T., o Extraterrestre" e criar um jogo baseado nele.

Parece uma boa estratégia, certo?

Talvez seria, se a empresa não desse um prazo de 5 semanas para que o jogo estivesse pronto (geralmente, o desenvolvimento de um bom jogo para Atari demorava em torno de 6 meses...).

E isso culminou em um dos maiores fracassos da indústria de video-game de todos os tempos (dizem que a Atari teve que alugar um terreno para enterrar milhares de cartuchos encalhados...) e determinou o que os especialistas chamam de a "Crise de 1983".

A partir daí, a empresa nunca mais se consolidou no mercado...

O que será que deu de errado?

Até mais!

Alguém se lembra: Caverna do Dragão?

Acho que a pergunta deveria ser ao contrário (Quem não se lembra??? :P).

A série animada conta a epopéia de seis (6) jovens que, por coincidência da vida (sempre ela....), foram transportados para um mundo de magia e cheio de mistérios, onde participam de muitas aventuras para encontrar o caminho que levem eles de volta para casa.

Não vou explicar mais, pois eu acho que pelo menos 95% de meus "leitores" já sabe desta história! :P

O problema deste desenho é que nunca foi criado um episódio final...

Mas um roteiro, criado por Michael Reaves, foi elaborado.

E, vendo isso, Reinaldo Rocha elaborou uma HQ baseado neste.

Muito bacana a iniciativa! :)

Se alguém se interessar, pode-se baixar um PDF desta, através deste link:
http://bit.ly/1dtV5Op

Obs.: Por favor, se alguém exigir direitos autorais, me diga, que eu retiro o post (não tenho dinheiro para pagar processos...). :P

Até mais!

Os destemidos programadores open source

Dois colegas que tiveram a coragem (e não a preguiça, como eu :P ) de divulgar seus projetos, distribui-los gratuitamente e ainda deixar o código-fonte aberto (aplausos! :) ):

O Marcelo Costa esta desenvolvendo um jogo que mistura tetris com "palavras cruzadas" (atualmente esta bem simples -- pelo que entendi, ele dá um bônus quando forma a palavra LIST -- mas o conceito é interessante) chamado Lettres. Quem estiver interessado e quiser ver o código-fonte (em Java), o projeto esta disponível no SourceForge:
http://sourceforge.net/projects/neoclassics/

O Felipe Rayel e sua equipe desenvolveram um Xadrez On-line em PHP (sou suspeito de falar, mas xadrez sempre é divertido de se jogar! :P ) e outros projetos open source que também são bacanas de dar uma olhada:
http://www.rayel.org/softwares

Obs.: O legal dessas coisas é que dar para aprender a programar se divertindo! :)

Até mais!

Alguém se lembra: Golden Axe?

Essa é para a turma do Zimbão. :)

No fim da década de 80, eu e minha turma de colégio nos reuníamos para fazer os "trabalhos" escolares no apartamento dos meus pais.

Claro que, nem sempre, a gente fazia os trabalhos...

De vez em quando, a gente brincava de esconde-esconde (sim, dentro do apartamento, imagina a confusão), de jogos de tabuleiro e de outras coisas (que eu nem me lembro...).

Mas o tempo passou, a gente cresceu e a moda na adolescência era jogar video-game.

E meu irmão, que era fanático por fliperama, conseguiu comprar um Mega Drive.

Assim, logo que o console entrou na minha casa, passou a ser a diversão da minha "turma" (e, claro, da "turma" do meu irmão).

Mas tinha um jogo, em especial, que todos nós curtíamos muito naquela época (e não era Street Fighter II...):

O famoso (e agora, saudoso) "Golden Axe".

"Golden Axe" era um jogo do tipo beat'em up (ou briga de rua, estilo "Double Dragon") ambientado em um mundo medieval (a la Caverna do Dragão) para um ou dois jogadores, onde esses podiam escolher entre um guerreiro (que possuia habilidades medianas), um anão (forte fisicamente, mas fraco em magia) e uma amazona (com pouca força física, mas com as melhores e poderosas magias).

A gente se divertia muito (para mim, o mais divertido do game era pegar o dragão de "bola de fogo" do inimigo, e soltar esse poder para tudo que é lado).

Putz, quantos inimigos (e aliados, desculpem pessoal... :P ) já matei com ele.

Saudades daquele tempo...

Até mais!

Sikuli Script: Automatização de Teste Gráfico

Sikuli Script é uma aplicação multiplataforma (GNU/Linux, MacOS X e MS-Windows) para automatização visual de eventos e ações para qualquer sistema.

Ele usa a linguagem Python para criação dos scripts.

Pelo que testei aqui, é muito fácil de se usar (muito legal ver ele procurando pela parte da imagem! ). :)

Mais informações, no site:
http://www.sikuli.org/

Até mais!