[Resolvido] [HTML5] PopPlaces - GDD 2011 Open Call

Esse ano eu tive uma idéia pra concorrer ao Google Developer Day HTML5 Open Call, foi desenvolvido na empresa que trabalho (http://www.madeinweb.com.br), e se chama PopPlaces.

O que é o PopPlaces?

/applications/core/interface/imageproxy/imageproxy.php?img=http://gdd11.madeinweb.com.br/images/popplaces.jpg&key=e6138fba9f9d89da67478f11484a67901b82d985e59fed125501d3f805d1ac46" alt="popplaces.jpg" />

Um aplicativo que integrou as funcionalides do Google Maps e do Foursquare em uma interface HTML5.

A idéia era encontrar lugares próximos a você ou do centro da cidade onde você mora que são populares, interessantes e merecem uma visita, meu hobby é viajar e às vezes tenho esse problema, chego numa cidade que não conheço ninguém, ou poucas pessoas, quero sair mas não sei pra onde. Tá aí, PopPlaces.

Mais detalhes sobre o jogo eu expliquei no blog de inovação da MadeinWeb: http://inovacao.madeinweb.com.br/m628-36/postagens/popplaces_-_experiencias_com_html5

Sobre o desenvolvimento, lembrei uma palestra sobre YQL do Guilherme Chapiewski, onde ele citou que você não precisava desenvolver tudo do zero, com todas APIs e Web Services disponíveis hoje na internet você poderia fazer um aplicativo interessante em pouco tempo, então foi aí que eu pensei, vou usar o Google Maps junto ao Foursquare e um demo de HTML5 que desenvolvi há um tempo atrás em um aplicativo só.

Foi 1 semana de desenvolvimento (20 horas) na MadeinWeb e o resultado ficou muito bacana.

Não sei se alguém lembra, mas o demo de HTML5 que utilizei nesse projeto foi postado dia 21 de dezembro de 2010: http://www.andersonferminiano.com/blog/2010/12/html-5-canvas-demo/

Brinquei com Geolocation, localStorage, CSS3 e tudo que achei interessante usar nesse projeto.

Se você tiver com vontade de jogar, acesse:

http://gdd11.madeinweb.com.br/

É importante salientar que se trata de uma experiência HTML5 e possui melhores resultados utilizando o browser Google Chrome, porém também funciona nas últimas versões do Mozilla Firefox, Opera, Safari.Controle o avião pelas setas do seu teclado, segure a seta para cima a fim de decolar ou solte-a para aterrissar em algum local.

E também fiz um vídeo para mostrar como funciona

http://www.youtube.com/watch?v=BQluv20-Bms&feature=player_embedded

Dia 17 desse mês sairá o resultado dos classificados pela Google e eu volto aqui no blog pra noticiá-los o que rolou :D