Webapps e afins

Meu grande amigo Bruno Fernandes (@porkaria) me apresentou ontem a uma ferramenta interessante do portal de experiências malucas da Jera Software Ágil.

O “Como está“, um webapp que apesar de ser focado em mobile funciona muito bem no desktop, tem por objetivo informar como está clima na sua localidade.

Independente das discussões fundamentalistas sobre a aplicação ou utilidade das ferramentas experimentais da Internet, o que há de tão interessante em mais um site de informações e previsão meteorológica? Para mim, é a maneira como este é construído.

Há pelo menos dois conceitos importantes que desenvolvedores Web deveriam acompanhar, absorver e se possível, implementar em um próximo projeto.

Primeiro, o site é desenvolvido em HTML5 com geolocation, sendo capaz de detectar o local atual do usuário e de evitar a necessidade de informá-la manualmente.

Seu código é bem simples (como bons projetos devem ser) e para os curiosos, segue o código-fonte para análise.

O segundo conceito importante, que poderia passar despercebido para quem não estiver muito atento, é um favicon um pouco diferente.

Para contextualizar, é de amplo conhecimento a construção abaixo:

Ela foi criada para indicar o ícone que o link deve apresentar na lista de favoritos, mas é largamente utilizada porque os navegadores o apresentam nas abas ou botões de barra de navegação, o que é conveniente para quem abre muitas abas ou janelas.

Mas nesta aplicação, além deste link padrão, encontramos mais um:

Este último permite ao usuário incluir um atalho da aplicação web no menu de aplicações do iPhone utilizando um ícone PNG 57×57 personalizado pelo desenvolvedor. Na prática, a webapp será apresentada como se fosse uma aplicação nativa.

É evidente que este “look and feel” de aplicação nativa não dispensa o uso de navegador e rede. Mas como diria o próprio Bruno em suas divertidas palestras pelo Brasil: “Levante a mão quem não abriu um browser hoje”. Pois é.

Sobre o Aptana Studio 3 BETA

Venha mostrar os destaques do Aptana Studio 3 um IDE muito bacana que assim como muitos outros IDEs, ele é baseada no Eclipse, contudo tem muitos diferencias interessantes. Vou mostrar os principais destaques desta versão mas tenha em mente que este editor é muito robusto.

Mas antes, saiba que como todo Eclipse é possível configurar a maioria das coisas e vem com facilidades na digitação, o Aptana facilita e melhora isso.

Assistente de código para HTML, CSS, e JavaScript

O assistente de código vem com a específicações até de HTML5 e mostra o nível de suporte de cada tag de acordo com o navegador. Ele já vem com umas facilidades(zinhas) que são bem bacana como autofechamento de tags e escapsulamento automático de aspas. Logo um texto selecionado ao teclar aspas simples ou dupla vira “um texto selecionado” em vez de substituir por aspas.

Suporte de repositórios a mais

Além do conhecido suporte a repositórios como FTP, SFTP, etc, ele vem com suporte para mecanismos usados no Rails. É verdade que ele dá um grande destaque ao Rails, mas é importante frisar que ele vem com suporte satisfatório a outras linguagens, inclusive PHP. Como todo programa baseado no Eclipse, é possível instalar aditivos bastando informar o endereço do repositório.

Sistema de depuração integrado

Suporte de repositórios de versionamento de arquivos a mais

O destaque é para Git, que pode ser usado em repositórios como Github, Codaset ou outros.

Terminal integrado

Ter um terminal integrado pra mim é extremamente útil na hora de executar um gerador de códigos ou testar a aplicação com por exemplo, PHPUnit

Personalisado

O Aptana 3 vem com comandos prontos para diversas linguagens o que é muito bacana.

  • Entre outras coisas interessantes que pode haver em outrs projetos Eclipse:
  • Notificação de atualização, basta aceitar que atualiza
  • Dezenas de atalhos, com Control+Shift+L (windows)
  • Localização ultrarápida de arquivos e comandos com Control+3 (windows)
  • Na lista de abas, caso haja mais de um arquivo com o mesmo nome, mostra também o nome da pasta na aba.
  • Completação rápida da palavra caso já exista no projeto com Alt+/ (barra, windows)
  • Um navegador “integrado” que às vezes e lento e trava a IDE, mas vale a intenção e utilidade.
  • Coloração do editor com temas bem legais em Preferences > Aptana > Themes

Além do Aptana, temos o Zend Studio baseado em Eclipse porém é pago, e na minha opinião o páreo é difícil. Ver lista de editores baseados no Eclipse, em inglês.