IDE’s para desenvolvimento Web

Sim, eu estou vivo. Vivo e sem tempo…

Mas já que hoje é sexta feira, resolvi tirar tirar 5 minutos para escrever um post.

Vou falar agora sobre alguns IDE’s que tenho usado ultimamente. Especicamente, o Aptana Studio, o Netbeans e o Eclipse PDT.

Aptana Studio

É um fork do Eclipse, que é um excelente IDE para o desenvolvimento Java. Inicialmente, o Aptana vem com suporte apenas para desenvolvimento de (X)HTML, Javascript, Css e outras coisas mais simples. Para habilitar o suporte ao PHP, por exemplo, é necessário após o download e instalação da IDE, selecionar a instalação do suporte ao PHP. Há outros recursos que podem ser adicionados da mesma forma, como o suporte a Ruby on Rails, Python, Adobe Air e até mesmo o SDK do iPhone.

Freeware por padrão, pode-se fazer o upgrade para a versão Pro, ao custo de US$ 99,00 para um usuário. Disponível para Windows como plugin do Eclipse ou como aplicativo independente, Linux e Mac OS.

Download aqui.

NetBeans

Outro conhecido IDE para o desenvolvimento Java, “concorrente” do já citado Eclipse. O NetBeans começou a oferecer suporte ao desenvolvimento PHP na versão 6.5, sendo esta a que atualmente uso.

Suportando a maioria dos recursos suportados pelo Aptana, o NetBeans tem a vantagem de vir com todos esses recursos habilitados por padrão, não sendo necessário download individual. Isso é claro, na versão mais completa. Desnecessário citar que esse “excesso” de recursos torna o instalador muito maior.

Existe ainda a opção de download de versões diferentes. Por exemplo, há uma versão só para Java, outra só para Ruby, outra para PHP, e mais algumas opções.

Freeware, com opção para adição de plugins, estes freewares ou pagos.

Download aqui.

Eclipse PDT

Este IDE nada mais é do que o um dos projetos disponíveis no site do Eclipse original.

Ao contrário dos outros dois IDE’s já apresentados, o Eclipse PDT suporta apenas o desenvolvimento PHP, e o desenvolvimento Java, padrão do Eclipse.

Falar dele acaba sendo um pouco redundante, visto que todos os recursos disponíveis para o Aptana podem ser adicionados através de plugins.

Freeware, com opção de plugins.

Download aqui.

Utilizo ainda outros editores mais simples, como o PsPad e o Notepad++. Vale a pena dar uma conferida.

Por favor, parem de usar o IE 6!

Este post é um desabafo.

Estava eu desenvolvendo um dos meus projetos, e tudo funcionando corretamente, até que me dei conta que ainda não havia testado no famigerado Internet Explorer 6.

Dito e feito, problemas apareceram sem um pingo de explicação. Ou alguém sabe de onde surgem as misteriosas margens ao se definir display: block para um elemento li?

É um absurdo que mais de DOIS anos depois do lançamento do IE 7, constato no analytics do site da Câmara de Vereadores de Rio do Sul, que 65% das visitas se originam do IE 6! Nem os números do Firefox são tão ruins, onde as versões mais antigas, como a 1.5, nem aparecem mais.

Os usuários têm que se conscientizar e atualizar seus browsers, para a facilitar a vida deles próprios, e facilitar um pouco mais a vida dos desenvolvedores.

De que adianta estudar Web Standards, CSS 2.1, CSS 3, se na hora de desenvolver, temos que nivelar tudo por baixo? Se tudo que é desenvolvido deve funcionar no IE 6?

E de quem é a culpa? Da microsoft? Dos usuários? Dos desenvolvedores? Acredito que todos tenham a sua parcela de culpa. A Microsoft, por não desenvolver um sistema de update “forçado” como a Mozilla desenvolveu para o Firefox. Os usuários, por terem preguiça de atualizar e ficarem com a idéia de que “se está funcionando desse jeito, então está bom”. E os desenvolvedores, por não se manifestarem quanto a isso tudo, desenvolvendo sites que incentivem a atualização do browser.

E enquanto isso não mudar, vamos continuar nessa m*rda, enchendo sites de hacks, comentários condicionais e códigos ninja para que eles funcionem bem para todo mundo…

Extensão para Firefox: DevBoi

O nome é muito estranho, mas a sua utilidade é grande. Encontrada aqui, essa extensão para o Firefox permite consultas rápidas nas documentações de uma série de bibliotecas.

Por padrão, ela traz consultas para a documentação de (X)HTML, CSS 2.1, Javascript e DOM, mas é possível adicionar outros pacotes, como PHP, Ruby on Rails e Prototype.

Como as consultas são realizadas diretamente no site em que se localiza a documentação, é necessário estar conectado à internet. Para ativar a extensão, é necessário pressionar as teclas Ctrl + F9.

Para o download da extensãom clique aqui.

Google Chrome

E surge mais um provável “alguma coisa killer”. Assim como o Cuil deveria ter sido o Google Killer, o Zune seria o iPod Killer, surge um browser que promete acabar com todos os males da humanidade. Estou falando do Google Chrome, que surge com a promessa de ser o mais novo IE Killer.

Na verdade, tendo o aval da empresa de Mountain View, temos que concordar que os investimentos no desenvolvimento do browser não foram baixos. Porém, vamos avaliar a situação com um pouco mais de frieza, seguindo o raciocínio do Diego Eis, neste post do Tableless.

Conforme dito no post, o novo browser não representa uma grande evolução para os desenvolvedores, sendo que ao desenvolver um site, temos sempre que nos preocupar com o maldito IE6. Enquanto esse “câncer” ainda for utilizado, os desenvolvedores nunca irão trabalhar de forma tranquila e despreocupada, inovando e utilizando técnicas avançadas de CSS e Javascript. Conforme dito pelo Diego no post citado acima, se os novos browsers surgirem para incentivar a descontinuação do IE6, serão muito bem vindos.

Utilizei o browser durante algum tempo, e achei bastante interessante. Ele tira da tela tudo que é “inútil”, deixando apenas o que é necessário para navegar. Apenas os botões de voltar e avançar, atualizar e parar. E uma barra para os favoritos, que pode ser retirada, conforme a preferência do usuário. Ferramentas e outras configurações ficam em dois botões, no canto direito da tela.

Não posso falar sobre performance, pois não realizei testes apurados nesse sentido. É um browser que tem uma proposta interessante, mas como já foi dito, ainda não representa muito para o desenvolvedor, que tem se sujeitar sempre as regras do IE6.

Função genérica para inclusão de dados

Durante o desenvolvimento de uma ferramenta para manutenção de banco de dados, que tem o nome provisório de dbtool (sugestões nos comentários), me utilizei da orientação a objetos, e criei uma série de classes como base para o sistema. Classes para geracão de telas, tabelas, manutenção de dados. E dentro da classe para manutenção de dados, criei algumas funções interesssantes que cabem ser comentadas aqui no blog.

A funcão que irei apresentar é uma forma de inserção de dados genérica, ou seja, funciona para qualquer formulário, respeitando suas devidas restrições.

Position: relative;

Depois de algumas reuniões e trocas com a agência de publicidade que está redesenhando o site da Câmara, o layout foi entregue e foi dado início ao desenvolvimeno do novo site (como citei no post anterior, a versão atual do site é a terceira, mas já estamos preparando a quarta, para o início do ano, eu espero).

E no novo layout, solicitamos algumas particularidades, que durante o desenvolvimento deste me preocupavam bastante. Havíamos pedido uma coluna na lateral direita, que ficava sobreposta ao menu do site. O que me preocupava era como resolver isso com css.

Após uma série de testes, lendo a respeito da propriedade position, vi um valor que nunca havia usado: relative. Lendo a respeito, descobre que esse valor faz com que o elemento fique posicionado em relação ao seu conteiner. Ou seja, para um elemento a nível de bloco que tiver seu position como relative, os valores de top e left serão baseados no seu elemento pai.

Para resolver o meu problema, bastou definir a propriedade position do div como relative, e definir valores NEGATIVOS para top e left, e definir o float como right. Com isso, div flutuou lindamente sobre o menu, aparentemente funcionando correto inclusive no IE. O resultado pode ser conferido aqui.

PS: Antes que alguém pergunte o porquê dos hacks no CSS e das cores diferentes dos fundos, isso foi devido à alguns testes que estive realizando durante o dia.

[Update]: Hoje (15/8), pela manhã recebi os novos arquivos de layout, que acabaram com os problemas de cores e diferenças de tamanho.

Fim do suporte ao PHP 4

Na última sexta-feira, dia 8 de agosto, foi anunciado o fim do suporte ao PHP 4. De agora em diante, não serão mais lançadas novas releases nem patches de segurança. Um dia antes, nas quinta-feira, 7 de agosto, foi lançada a última release para o PHP 4, 4.4.9. Para ver as correções, visite a página do changelog.

Aos desenvolvedores, resta atualizar para o PHP 5, que já se encontra extremamente estável e apresenta inúmeras vantagens em relação a anterior. Inclusive, vários problemas de compatibilida com scripts feitos na versão 4 foram resolvidos, e a grande maioria dos servidores de hospedagem já disponibiliza a nova versão, que já não é tão nova assim, tendo sido lançada no início de 2005.

Terceirização de serviços

Ultimamente, temos enfrentado certas dificuldades com alguns prestadores de serviços da Câmara de Vereadores. Com isso resolvi levantar esta questão: a partir de quando é interessante terceirizar um serviço?

Vejamos: a terceirização é algo praticamente obrigatório em algumas esferas do serviço público, principalmente em casos como o da Câmara de Vereadores de Rio do Sul. Munícipio relativamente pequeno, orçamento não tão grande, e demanda igualmente não tão grande. Assim, a terceirização acaba se tornando necessária, especialmente em serviços de informática.

Afinal, desenvolver um software de contabilidade, principalmente contabilidade pública, é algo extremamente complexo e demorado, e exige a existência de uma equipe de programadores dedicada exclusivamente a este fim. E manter uma equipe de desenvolvedores não é algo que pode ser chamado exatamente de barato. Programadores geralmente são profissionais bastante qualificados, que além de entender da linguagem utilizada, conhecem a fundo toda a regra do negócio. E programadores quase sempre custam caro. Falo aqui de programadores de verdade, não de “arrastadores de componente”, que leram um livro “Aprenda XYZ em 24 horas” e saíram por aí desenvolvendo “sisteminhas”.

Função para redução de textos

Já dizia um pensador que eu não me lembro o nome “A necessidade é a mãe da invenção”. E num desses momentos de necessidade, precisei criar para o site da Câmara de Vereadores uma função que reduzisse o tamanho dos textos das notícias, para serem mostrados na página inicial.

Código:

function reduce($text,$size) {
  if (strlen($text) > $size) {
    $txttmp	= strip_tags($text);
    $tmp	= substr($text,$size,1);
    if ($tmp == " ") {
      $sizetmp	= $size;
    } else {
      $sizetmp	= $size + 1;
      while ($tmp != " ") {
      if (substr($text,$sizetmp,1) == " " || $sizetmp > strlen($text)) {
        break;
      } else {
        $sizetmp++;
      }
    }
  }
  $txtrd	= substr($text,0,$sizetmp)."...";
  } else {
    $txtrd  = $text;
  }
  return $txtrd;
}

Utilização:

print(reduce("Alô Mundo",3))

Resulta em “Alô”

Função simples para conversão de datas

Esta é uma função para conversão de datas no formato aaaa-mm-dd para dd/mm/aaaa e vice-e-versa.

Código:

function change_date($data) {
  if (strpos($data,"-") > 0) {
    $dt    = explode("-",$data);
    return $dt[2] ."/". $dt[1] ."/". $dt[0];
  } else {
    $dt    = explode("/",$data);
    return $dt[2] ."-". $dt[1] ."-". $dt[0];
  }
}

Utilização:

print(change_date('2008-08-06'));

Resulta em “06/08/2008″