Tribo do C.I.

Só mais um blog de informática (só que não)

Formulário com GeoLocalização

julho 24th, 2014

Obs: este artigo pode ser lido em inglês em: http://codepen.io/sheldonled/blog/form-geolocation

Todos os dias preenchemos algum formulário na internet, e sabemos o quão chato é! Por exemplo, porque sempre temos que preencher informações de endereço? Porque o computador não simplesmente “tem” minha localização Deus sabe como? Bom, com HTML5 GeoLocation a experiência do usuário pode ficar bem melhor. Através do HTML5 Geolocation temos as coordenadas geográficas, e através da API de Geocodificação Google conseguimos o restante da informação

Eu assisti a uma palestra sobre melhores práticas em Web Mobile, e aprendi que pode ser uma boa idéia preencher os dados de endereço do formulário usando geolocalização. Você pode aprender mais sobre HTML5 GeoLocation na MDN, e você vai ver que essa API só fornece as coordenadas geográficas. Você pode ver no Can I Use o suporte dos navegadores para GeoLocation, mas por questões de privacidade, o aparecerá uma pergunta ao usuário se ele permite fornecer sua localização, ou seja, o preenchimento automático vai depender do usuário.

Once you have the user’s Geographic Coordinates, you can send a request to Google Geocoding API to get the real information, like city, state and zip code. These informations could be wrong, so it’s important to let the input writable. The URL of Google API we’ll use is the Reverse Geocoding, and it’s like that:

Uma vez que você tem as coordenadas geográficas do usuário, você pode mandar uma requisição à API Google de Geocodificação, para pegar as informações reais, como cidade, estado e cep. Estas informações podem vir erradas, então é importante deixar o input editável. A URL da API Google que vamos usar é a Geocodificação Reversa, e é mais ou menos assim:

http://maps.googleapis.com/maps/api/geocode/json?latlng=<latitude>,<longitude>

A e devem ser substituidas por números reais, tipo assim:

http://maps.googleapis.com/maps/api/geocode/json?latlng=37.4319075,-122.137884

Bom, “talk is cheap show me the code”, Eu fiz um exemplo prático de como você pode usar isso no seu formulário:

See the Pen shoeH by Sheldon Led (@sheldonled) on CodePen.

Agora, Eu só quero que todo mundo (até eu) comece a usar isso porque é uma boa melhoria e economiza tempo.

Spotify: Serviço está chegando ao Brasil

abril 9th, 2014

inicio-spotify-brasilHoje dia 9 de Abril de 2014, o Serviço de “Rádio online” Spotify começou a funcionar no Brasil, a princípio convites foram distribuídos para quem se inscreveu na Lista de espera e não vai demorar muito para que fique oficialmente aberto para o público geral.

Se você estava na lista, o convite já deve está no seu e-mail, caso contrário fique atento no Twitter oficial do Serviço no Brasil @SpotifyBR para ficar por dentro das novidades.

O serviço conta com planos gratuitos além da possibilidade de experimentar por 30 dias Spotify Premium para experimentar por 30 dias.

Sencha: ExtJS 5 Beta Lançado

abril 8th, 2014

Selo - ExtJS 5 Beta

No dia 03 de Abril de 2014 a Sencha tornou disponível publicamente a versão Beta do ExtJS 5 trazendo muitas novidades e mudanças importantes no framework  JavaScript que já é um padrão da indústria para a construção de aplicações SPA (Single Page Application) corporativas orientada a dados.

Essa versão vem com 3 principais focos:

  • Viabilizar o desenvolvimento multi-dispositivos
  • Não Revolucionar, Evoluir
  • Produtividade no Desenvolvimento

Já no que existe de novo alguns dos destaques são:

  • Duas formas de Vinculação de Dados (Data binding) agora com MMV
  • Grid Gadgets
  • Gráficos otimizados para Toque
  • Roteamento

A uma grande quantidade e melhorias e aperfeiçoamento confira no links abaixo uma listagem completa de tudo que te de novo no ExtJS.

Links:

via Sencha Newsletter Abril de 2014

Tribo do C.I.

Tribo do C.I.

Só mais um blog de informática (só que não)