Fonte: “O software livre é resultado de um sistema social ético” em Blog do Dez! (não descobri como capturar o permalink da entrevista nesse blog)

Esse post é uma homenagem a todos meus amigos que insistem que o doido do RMS aprova o regime cubano que impede que as pessoas decidam suas próprias vidas.

Como trabalho exclusivamente com JAVA no meu emprego e tenho seguido minha carreira nessa plataforma, meu ambiente se baseia no Eclipse, a melhor IDE java do mercado.

No trabalho uso o Windows como S.O. e em casa a dobradinha win/lin dual boot, a maioria dos softwares aqui mencionados funcionam nos dois.

IDE

Como mencionado, eu uso como base o Eclipse. Essa IDE tem centenas de plugins bons mas também tem bastante porcarias, já experimentei vários, fiquei com o seguinte ambiente:

Java 6. Sempre instalo a última versão, já conheço as novidades e faço "rêlouordis" para ficar antenado, essa de ficar com java 1.4 instalado não é interessante, afinal a plataforma sempre mantém compatibilidade com as versões passadas de forma extremamente estável (diferente de outro ambiente ali que as coisas da versão 2 não rodam as da versão 1, vai entender o que eles entendem por compatibilidade).

Eclipse como IDE base.

MyEclipse como suíte de plugins para desenvolvimento web e JEE, é o único que não é open source no meu ambiente de trabalho, mas vale cada centavo. O preço é escandalosamente barato para uma ferramenta tão boa.

Aptana, JSEclipse como plugins para html, css e javscript, sendo o último exclusivamente para javascript. o MyEclipse tem editores para esses artefatos, mas não são tão bons quanto o Aptana, eu ainda prefiro o JsEclipse da Adobe no caso do javascript, mas é questão meramente pessoal, em termos de features eles são praticamente a mesma coisa. Ultimamente testei o Spket apenas por curiosidade, por ele já trazer uma integração com o Ext, mas ele não tem diferencial comparado ao Aptana ou mesmo ao JSEclipse.

Container JEE

Tomcat 6 como container web JEE. Por questões de política do meu trabalho tenho que usar o Oracle AS10g como servidor de aplicações, preferiria o JBoss por inúmeros fatores (indiferente de questões filosóficas), mas uso o tomcat para testar todas as aplicações. Obviamente temos que nos policiar quanto às últimas novidades porque a Oracle sempre está alguns passos atrás (medidos em versões) dos outros servidores. Não temos nenhuma aplicação (pelo menos sob minha orientação) que use EJB, como não temos nenhum sistema distribuído e dificilmente teríamos (pelo contexto do nosso trabalho), nunca tivemos tal necessidade.

Banco de dados

Oracle 10g. Diferente do servidor de aplicações, o banco da Oracle na minha concepção é o melhor que existe (alguns dizem que é o IBM DB2, mas eu acho o Oracle). Mas mantenho o brinquedo MySQL instalado para testar as coisas devido a facilidade de instalação e manipulação.

Uso o programa DbVisualizer (que é feito em java) para trabalhar diretamente com os bancos de dados. Ele tem recursos menores se comparado às ferramentas nativas que são disponibilizadas pelas Players dos próprios bancos, mas como acessa todos os bancos que acesso diretamente: SQL Server (legado), MySQL (testes) e Oracle (produção e desenvolvimento), tenho preferência por ele.

Integração Contínua

Não temos um ambiente que enfatize a integração contínua e metodologias ágeis, nossa metodologia tem como base ainda se espelhar no IBM RUP (apesar de não ser o RUP).

Usamos o DotProject (provisoriamente) como gerenciador dos projetos. Não é a melhor ferramenta, aliás é muito fraca de ser considerada uma boa ferramenta, mas por enquanto o custo/benefício dela está falando mais alto, mas já existem movimentos de substituí-la. Esse é um exemplo de que a filosofia não deve falar mais alto que os aspectos técnicos, tínhamos uma base no uso do MSProject, que é muito superior ao DotProject, mas foi relegado em nome do Software Livre pela desculpa dos custos. Esse é um ponto onde o SL sempre perde pontos. Talvês existam softwares livres melhores que o DotProject que poderiam ter sido comparados ao MSProject, mas trocar um software que está funcionando corretamente por questões de custos não é uma boa alternativa, afinal o ROI medido posteriormente desmereça essa troca.

Nosso sistema de controle de versões é o velho e fantástico CVS que já tem suporte nativo excelente no Eclipse, mas vamos mudar para o SVN nesses próximos dias, posteriormente blogarei sobre essa mudança. Existe uma equipe que trabalha com o MSSourceSafe que deverá usar o SVN também, vamos ver o que vai sair dessa mudança, sinceramente eu não tenho opinião final formada sobre isso. Acredito que pode não ser uma boa idéia, já que essa equipe trabalha com DotNet e a integração entre o VisualStudio e o Sourcesafe seja bem melhor (evidente) que com o SVN, vamos ver.

Como eu mencionei, não enfatizamos (infelizmente) os métodos ágeis, mas tento seguir as boas práticas do XP, como não tenho um sistema de geração de builds, tento controlar usando o velho Apache Ant mesmo, tenho um script antigão aqui que coordena o processo inteiro, quem sabe não tenhamos um CruiseControl por aí em breve (que seria um salto extraordinário), quem sabe.

Agora nosso "Calcanhar de Aquiles" é o sistema de Issue Tracking daqui, é uma solução In House H-O-R-R-Í-V-E-L (como ficou gay meigo essa declaração). Já está sendo providenciado outra solução, mas In House também o que é uma pena devido a enorme lista de sistemas excelentes que existem por aí.

Last But Not Least…

O mais importante não é montar um ambiente de desenvolvimento ou simplesmente achar que conseguirá manter o mesmo pelo resto da vida e sim ter consciência de quais são as necessidades e como suplantá-las sempre procurando a melhor ferramenta que se adapte aos seus projetos. Espero que esse post ajude aos novatos como um passo inicial para pesquisar sobre aquilo que melhor o satisfaz na busca por um ambiente produtivo.

Evolução dos frameworks web: retorno ao MVC original!

Orientação a objetos com Javascript 

Essa palestra será mais ou menos um resumo do curso de AJAX avançado que pretendo ministrar agora em Maio na Faculdade Lourenço Filho pela Célual JAVA.

Durante essa semana que se inicia eu atualizo esse post com as informações detalhadas, mas reservem o próximo sábado para discutirmos sobre AJAX no FLISOL e juntem as moedas para um curso mais aprofundado no próximo mês… ah! e vai ser super barato, na verdade de graça, apenas com uma ajuda de custo de R$55,00 reais, graças à Célula Java – FLF!

[update 1]

Confirmado, minhas palestras foram aprovadas e são no período da tarde

http://www.psl-ce.softwarelivre.org/flisol/index.php/FLISOL_2007#Programa.C3.A7.C3.A3o

Preparem para discutir sobre ajax, javascript, melhores práticas e o escambau ….

[/update 1] 

Recentemente foram divulgadas pesquisas que o óbvio aconteceu, compradores das carroças financiadas pelo estado trocaram a distro linux obscura por um mídia pirata do MS-Windows (default). Isso gerou uma confusão enorme como sempre e threads desnecessárias onde pessoas se atacam e conclusões precipitadas coibem as ações (ou pelo menos tentam).

O problema é que precisamos da popularização da informação. O acesso a grande rede é um passo fundamental para sairmos da idade das trevas que o Brasil vive para um mundo um pouco melhor. Crianças moldarem seus conhecimentos não pela mídia tradicional (já desgastada que temos com informações lineares sobre os mesmos assuntos se dividindo entre os amigos e os inimigos) mas criando um ambiente crítico onde elas bebem o conhecimento da fonte original e ultrapassam as fronteiras da escola.

Exemplo: quando Israel bombardear uma vila supostamente indefesa no sul do Líbano ao invés de esperar pelo Jornal tradicional de papel que sairá amanhã com conteudo mal traduzido de uma agência qualquer, aquela criança no centro-sul do Ceará a partir de uma fazenda já recebe a atualização da noticia no seu agregador de feeds do NYTimes e do Al Jazeera. Lê a opinião dos dois lados no conflito, tira suas conclusões e expõe sua crítica no dia seguinte aos professores para receber um embasamento maduro sobre esses assuntos. Claro que isso é um sonho, precisamos criar esse sonho.

Voltando ao assunto, os erros foram muitos, mas vou me concentrar  nos mais importantes: maquinas obsoletas, falta de estratégia de divulgação e distro errada.

Como fazia Jack The Ripper, vamos por parte:

•  Máquinas obsoletas;

O mais importante em um pc usável não é o processador (influe), mas sim a memória, um PC com um processador menor mas com 512 de RAM é o mínimo aceitável, 1G seria o ideal. Diminui o processador se for o caso e aumenta a memória RAM, alías não consigo entender porque ainda se vende 128M, para que? manter o legado? que diabos roda em 128M?

Se querem salvar esse projeto o mínimo aceitável é 512M de RAM. 

Placa de vídeo é importante, nada daquelas rídiculas onboard de 16M pelo amor de algum deus. 

Esses dois itens já seriam suficientes pelo menos para dar uma "dignidade" ao projeto. 

Vi nesses dias uns pcs à venda pelo projeto em um grande varegista aqui em minha cidade com drives de disquete. Tirem a mer#@ do drive de disquete, o valor que economizará com isso dá para substituir o leitor de cd  e fornecer uma gravadora de cd ou pelo menos um pen-drive junto, isso custa barato, e o governo poderia comprar e distribuir pen-drivers com material promocional (em grande quantidade um pen-drive de 1G custa 5 dólares).

E as regras para as montadoras? Não há? Esse projeto corre o risco de ser um salvamento de sucatas, empresas picaretas que vão empurrar peças encostas pela isenção.

• Estratégia de divulgação;

O povão só ouviu falar sobre o projeto, informações somente tiveram o pessoal especializado (que não é o foco), se querem popularizar a coisa tem que passar na grande mídia (leia-se criar um personagem na novela das 8 comprando o pc popular).

A Petrobrás gasta milhões de reais em propaganda sendo que ela não tem concorrência, porque não se faz uma propaganda maciça sobre o projeto na grande mídia com esse dinheiro? Ano após ano o governo seja de qual for o partido gasta nosso dinheiro se jactando sobre algo que não faz, enquanto projetos importantes ficam a ver navios à deriva de sua própria sorte.

Porque não ofereceram isenção fiscal para empresas de treinamentos formarem turmas especificas para o projeto?

Aliás as empresas só criam cursos para os programas mainstream, cursos são de MSWord e não "Editor de textos".

Uma política de criação de cultura em volta do projeto facilita a adoção do linux pela população leiga. 

• Distro escolhida.

Nunca tinha ouvido falar em Metasys até semana passada, não tenho nada contra mas não queiram popularizar o linux com ela. Não da forma que está vindo. Como trabalho no setor público e sei que 99,9[dízima a perder de vista]9% das licitações são negociadas na surdina deveríamos investigar por quem e porque foi escolhido essa distro.

Onde está o XGL? duvido que alguem queira trocar o linux todo configuradinho com XGL num ubuntu abrindo qualquer tranqueira por uma midia pirata de um WinXP. 

Olhe que nem uso ubuntu, eu uso o debian-cdd-br, mas não vejo problema algum dos pcs do projeto virem com essa distro.

Temos que ver que o foco das pessoas é o usuário leigo, principalmente aquele que nunca teve contato com um computador, esse pessoal usa o computador como meio e não como fim (como nós).

Vão querer acessar o msn (eca, mas é a realidade), criar contas no orkut, navegar, abrir os anexos em formato MSOffice sem pensar duas vezes, jogar, e o que mais se puder imaginar… mas não só isso, os efeitos de última geração, o que meu vizinho-faz-vou-querer-fazer-tambem, usar a camera do meu tio estribado, comprar um iPobre para ouvir meus sertanejos no busão, entre outras coisas bacanas o linux faz da mesma forma senão melhor.

Se a distro não for uma popular com amplo suporte da comunidade o negócio não vai pra frente. Ninguem melhor para esse perfil hoje do que o Ubuntu (mais uma vez enfatizo que não a uso).

Enfim, a discussão é grande mas as ações precisam sair do papel, precisamos desse projeto por mais errado que tenha sido concebido. Que atitude tomaremos para impor a cultura livre de forma satisfatória?

Nesse primeiro artigo usarei os templates "Grids CSS" para criar a(s) página(s) sem se preocupar com css (já iniciando dentro dos padrões web) e definirei os menus da aplicação usando os componentes de Menu do yui. Os modelos do framework são importantes principalmente se você não tem prática ou desconhece sobre Web Standards.

O framework

Primeiro vamos baixar e adicionar ao projeto as bibliotecas e templates do Framework. A pasta build contém as bibliotecas e folhas de estilo e a pasta examples contém modelos de usabilidade do framework.

Criando o modelo

Vamos criar uma página que será o front da aplicação. Crie um index.html e escolheremos um dos templates já disponibilizados. 

O próprio Yahoo! recomenda o uso do modo Strict mostrando que se comprometem com os padrões. Indicam no Getting Started a seguinte assinatura doctype:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!-- layouts require "Standards Mode" rendering,  hich the 401-strict doctype triggers -->

Precisamos acrescentar a referência para os arquivos css do yui:

<link type="text/css" rel="stylesheet" href="js/yui/build/reset/reset.css" />
<link type="text/css" rel="stylesheet" href="js/yui/build/fonts/fonts.css" />
<link type="text/css" rel="stylesheet" href="js/yui/build/grids/grids.css" />

Definindo o esboço da página

Para usar o Grid CSS espera-se que exista a seguinte estrutura, onde os elementos já sao definicos como:

<div id="doc">
 <div id="hd"></div> <!-- header -->
 <div id="bd"></div> <!-- body -->
 <div id="ft"></div> <!-- footer -->
</div> 

Dividindo a página em 3 regiões: hd (Cabeçalho), bd (Corpo) e ft (Rodapé).

Escolhendo o template 

Após criar-mos as marcações exigidas pelo Grids CSS escolheremos um dos templates definidos para controlar as regiões de conteúdo.

Esses templates controlam duas regiões de conteúdo pré-definidas pelo framework denominadas em região "primária" e "secundária" (ou sidebar)  como na imagem ao lado.

O Grids CSS provê 7 templates onde 6 deles especificam a estrutura de conteúdo em  região "principal" e "barra lateral". o Sétimo template define um layout sem a barra lateral onde a região principal ocupa toda a extensão da página.

A imagem ao lado exibe os templates com suas respectivas identificações.

Utilizarei o "yui-t2" nessa série. 

Esse template escolhido está mais próximo de um sistema padrão com boa largura (180px) para a região lateral onde ficarão os menus e 550px para a região de conteúdo.

Especificando o template

Acrescente no div "doc" a referência ao "class" do modelo escolhido.

<div id="doc" class="yui-t2">

 A página ficará assim:

… 

<body>
<div id="doc" class="yui-t2">
   <div id="hd"></div> <!-- header -->
   <div id="bd"></div> <!-- body -->
   <div id="ft"></div> <!-- footer -->
</div>
</body>

… 

Definindo o conteúdo

Escolhemos um modelo que tem duas regiões de conteúdo. Vou acrescentar duas regiões definindo a área de menus e de conteúdo principal no corpo da aplicação:

<div id="doc" class="yui-t2">
  <div id="hd"></div>
   <div id="bd">
     <div id="menu" class="yui-b"></div>
     <div id="conteudo" class="yui-main"></div>
   </div>
   <div id="ft"></div>
</div>

Observe que a disposição não tem importancia porque a ordem dos elementos que definem as regiões de conteúdo é controlada no css que determina que o estilo "yui-main"(o principal) será à direita (no caso do nosso template escolhido).

Acrescentarei  na região do conteúdo principal (yui-main) mais duas regiões. Uma será para apresentar os formulários em cima da coluna "main" e os grids resultantes das ações dessess formulários na região de baixo, ficando assim: 

<div id="doc" class="yui-t2">
  <div id="hd"></div>
  <div id="bd">
   <div id="menu" class="yui-b"></div>
   <div id="conteudo" class="yui-main">
       <div class="yui-b">
         <div id="formulario" class="yui-g"></div>
         <div id="grid" class="yui-g"></div>
      </div>
   </div>
  </div>
  <div id="ft"></div>
</div>

Adicionando os Menus

Importarei os componentes usados para criar os menus dinâmicos. Acrescente:

<!-- Dependências -->
<link type="text/css" rel="stylesheet" href="js/yui/build/menu/assets/menu.css" />
<script type="text/javascript" src="js/yui/build/yahoo/yahoo.js"></script>
<script type="text/javascript" src="js/yui/build/event/event.js"></script>
<script type="text/javascript" src="js/yui/build/dom/dom.js"></script>
<script type="text/javascript" src="js/yui/build/container/container_core.js"></script>
<!-- Componente -->
<script type="text/javascript" src="js/yui/build/menu/menu.js"></script>

Escolhi usar um modelo de menu clássico, para isso definimos a estrutura deles:

<div id="bd">
    <!-- Menu -->
   <div id="menu" class="yui-b">
      <div id="basicmenu" class="yuimenu">
         <div class="bd">
             <ul>
               <li class="yuimenuitem first-of-type">Documentos
                  <div id="doc_menu" class="yuimenu">
                     <div class="bd">
                        <ul>
                        <li class="yuimenuitem"><a href="#">Novo Documento</a></li>
                        <li class="yuimenuitem"><a href="#">Pesquisa</a></li>
                        </ul>
                     </div>
                   </div>
                </li>
               <li class="yuimenuitem">Processo</li>
               <li class="yuimenuitem">Sair</li>
            </ul>
          </div>
      </div>
   </div>
   <!-- Fim Menu -->
</div> 

Modifiquei alguns estilos padrões criando um outro arquivo css com as seguintes definições(aconselho a não alterar diretamente nos arquivos do framework, crie um outro arquivo de css e acrescente suas customizações porque no caso de um upgrade do framework você não as perde) :

div.yui-b p {
    margin:0 0 .5em 0;
    color:#999;
}
           
div.yui-b p strong {
    font-weight:bold;
    color:#000;
}
           
div.yui-b p em {
   color:#000;
}           
           
h1 {
   padding:.25em .5em;
   background-color:#ccc;
}

#basicmenu {
    position:static;
    visibility:visible;
}
#bd{
   height:400px;
   /*background-color: #0059A5;*/
   width: 760px;
   margin-top: -13px;
}
          
#doc {
   width:760px;
}
          
.yui-b{
   width: 550px;
}
.yui-main{
   width: 550px;
}
.yui-g{
   width: 550px;
}


Instanciando o componente Menu

Acrescente os componentes:

<script type="text/javascript" src="js/yui/build/yahoo/yahoo.js"></script>
<script type="text/javascript" src="js/yui/build/event/event.js"></script>

Adicione um evento para carregar os menus ao carregar a página.

YAHOO.util.Event.addListener(window, "load", YAHOO.example.onWindowLoad);

A função YAHOO.example.onWindowLoad é um Listener para o evento "load" do objeto window.

Definiremos o objeto Menu na função YAHOO.example.onWindowLoad

/**
 * @id YAHOO.example.onWindowLoad
 * @classDescription Instancia Menus
 * @param {Object} p_oEvent
 */
YAHOO.example.onWindowLoad = function(p_oEvent) {
    function hideSubmenus() {
        if(oMenu.activeItem) {
            var oSubmenu = oMenu.activeItem.cfg.getProperty("submenu");
            if(oSubmenu) {
                oSubmenu.hide();
            }
        }
    }

    YAHOO.util.Event.addListener(document, "click", hideSubmenus);
}

Criei funções para controlar o aspecto de "tirar o mouse sobre um Menu" para ele se recolher porque por padrão isso não acontece e é chato.

Definindo a estrutura dinâmica

No próximo artigo mostrarei como fazer um cadastro com upload de arquivos, por enquanto ficamos com esse exemplo já chamando um formulário no menu documento -> Novo Documento.

Utilidades e componentes

 http://developer.yahoo.com/yui/

Site do desenvolvedor do framework, Dustin Diaz

http://www.dustindiaz.com/

Site com contribuição do Dustin

http://www.thinkvitamin.com/

15 coisas legais para se fazer com a YUI

http://www.thinkvitamin.com/features/javascript/15-things-you-can-do-with-yahoo-ui

Treeview com DnD

https://secure0.forward-comp.co.uk/yui/cv/test.html

Exemplos diversos

http://www.thinkvitamin.com/misc/yui-demos/demo-04.html
http://www.thinkvitamin.com/misc/yui-demos/demo-06.html
http://www.thinkvitamin.com/misc/yui-demos/demo-09.html
http://www.dustindiaz.com/sweet-titles/

Esse é o mais bacana

http://www.thinkvitamin.com/misc/yui-demos/demo-13.html

Espero iniciar uma série de artigos cobrindo o framework já que estamos adotando nos novos projetos, coisas interessantíssimas estão saindo, mas muito experimental, assim que tiver coisa pronta eu posto.

* Atualização – [19-09-2006] 

Blog do projeto, vale assinar para acompanhar a evolução do framework

http://www.yuiblog.com/ 

Blog do Jack Slocum com material interessante e extensions

http://jackslocum.com/yui/index.php 

Alem é claro de especializados em ajax como o Ajaxian

http://ajaxian.com/by/topic/yahoo/ 

* Atualização – [24-09-2006]

Nate Koechley (Membro da equipe que criou o YUI) 

http://nate.koechley.com/blog/

Bill Scott (Evangelista YUI)

http://looksgoodworkswell.blogspot.com/ 

*Atualização – [26-09-2006]

A pedidos:  a lista de discussão sobre o YUI

http://tech.groups.yahoo.com/group/ydn-javascript/ 

Mais exemplos 

http://yuiblog.com/sandbox/yui/ 

* Atualização – [29-09-2006]

Sistema de CRM feito com YUI

http://www.sugarcrm.com/crm/demo/45-community-preview.html 

* Atualização – [10-10-2006]

Editor de texto que está sendo construído com YUI, acompanhem a evolução

http://blog.davglass.com/files/yui/editor/ 

Mais efeitos com YUI

http://blog.davglass.com/files/yui/effects/ 

Comentários para o sistema de conteúdo muito usado em blogs, o WordPress.

http://www.milfont.org/blog/archives/83