Para corrigí-lo basta inserir uma regra de css para fixar a largura do DatePicker:

.x-date-picker {
	width: 185px;
}

Fonte:  http://www.extjs.com/forum/showthread.php?t=82493

var x = new Ext.grid.GridPanel({
    //...
    ,autoWidth: false
    ,width: 400
    //...
});

Fonte: http://stackoverflow.com/questions/2152179/extjs-gridpanel-scrollbar-does-not-appear-in-ie7-but-it-does-in-firefox-etc

Este artigo apresenta brevemente esta problemática e mostra o uso dos softwares JSBuilder1 e JSBuilder2 para resolver esta situação.

Compactação

Caracteres que utilizamos como espaços, quebras de linha e tabs não são necessários para que o browser leia o javascript.

Softwares de compactação utilizam como recurso mais simples a remoção destes caracteres e de comentários.

Outros softwares mais complexos podem realizar algoritmos que substituem conjuntos de caracteres por outros, porém esta técnica geralmente exige algum tipo de “descompressão” o que torna o carregamento mais leve, porém a execução do script mais demorada. Um exemplo deste modelo é o Banana Script.

Os softwares apresentados aqui utilizam apenas a forma mais simples de compressão.

• Mais sobre compactação JavaScript

Ordem e Organização dos arquivos

Ao incluir arquivos javascript deve ser data muita atenção a ordem de dependência dos arquivos. É importante estar muito atento a isto ao criar arquivos que agrupam todos os javascripts em um só (próximo tópico) pois alterar estes arquivos é sempre mais trabalhoso.

Para exemplificar, vamos utilizar a estrutura de arquivos abaixo:

index.html
js/
	modulo1/
		model.js
		view.js
		controller.js
	modulo2/
		model.js
		view.js
		controller.js
	index.js

Neste exemplo o controller de cada módulo deve ser inserido após os arquivos model e view. E o index.js deve estar antes de todos. Ex:

<!-- EXEMPLO CORRETO -->
<script src="js/index.js"></script>

<script src="js/modulo1/model.js"></script>
<script src="js/modulo1/view.js"></script>
<script src="js/modulo1/controller.js"></script>

<script src="js/modulo2/model.js"></script>
<script src="js/modulo2/view.js"></script>
<script src="js/modulo2/controller.js"></script>

<!– VAI DAR ERRO!!!!!!!!! –>
<script src=”js/index.js”></script>

<script src=”js/modulo1/controller.js”></script> <!– ERRO Módulo 1 –>
<script src=”js/modulo1/model.js”></script>
<script src=”js/modulo1/view.js”></script>

<script src=”js/modulo2/model.js”></script>
<script src=”js/modulo2/controller.js”></script> <!– ERRO Módulo 2 –>
<script src=”js/modulo2/view.js”></script>

Todos em um Arquivo Único

Com muitos arquivos javascript o carregamento da página será mais lento. É importante também substituir todas as inclusões de js por um único arquivo.

Pode ocorrer que caso um arquivo tenha dependência de outro deva-se garantir que este será carregado somente depois, o que é difícil tratando-se de requisições web assíncronas.

O problema desta prática é a posterior manutenção do software, logo, isto só deve ser feito na etapa de implementação e os arquivos separados precisam ser mantidos para uso em tempo de desenvolvimento.

JSBuilder

O JSBuilder é um software desenvolvido (aparenetemente) pelo pessoal do ExtJS.

Encontrei pouquíssimas informações sobre estes softwares e compartilharei aqui o que descobri sobre ele.

A primeira informação a ser destacada é que na Web existem duas versões disponíveis para download: a 1.1.2 e a 2.0, ambas são como dois softwares distintos e serão apresentadas abaixo

JSBuilder 1.1.2

O que é possível fazer com o JSBuilder 1.1.2?

• Compactar arquivos JavaScript (remoção de tabs, espaços, comentários, etc);
• Agrupar vários JS em arquivos únicos como pacotes;
• Organizar a ordem dos arquivos dentro dos pacotes (importante para arquivos JS que dependam de outros);
• Gerar documentação JS com JSDoc;
• Usar uma INTERFACE GRÁFICA (muito bacana);
• Gerar um arquivo XML de configuração (a interface gera este arquivo automaticamente);
• Criar arquivos JS de Debug.

Problemas encontrados:

• Só funciona com arquvos UTF-8. Quando tentei usar ISO-8859-1 todos os caracteres com acentuação foram removidos (e não consegui resolver de jeito nenhum);
• Não permite agrupamento de arquivos gerados.

MAIS SOBRE JSBuilder 1.1.2

JSBuilder 2

O que é possível fazer com o JSBuilder 2.0?

• Compactar JS e CSS (remoção de tabs, espaços, comentários, etc);
• Agrupar vários JS em arquivos distintos (módulos, arquivo único, etc). Também é possível criar arquivos de outros arquivos gerados. Ex: Posso gerar um js único para cada módulo e um arquivo que contenha todos os módulos. Este recurso pode facilitar o Debug.
• Organizar a ordem dos arquivos dentro dos arquivos únicos;
• Usar um arquivo JSON como configuração;
• Criar arquivos de Debug;
• Funciona bem com ISO-8859-1 e UTF-8

Problemas Encontrados:

• Não possui Interface Gráfica, tudo deve ser definido manualmente em um arquivo json;
• Não gera Documentação automaticamente;

MAIS SOBRE JSBuilder 2.0

Integrando as Soluções

Como forma de aproveitar o melhor de ambos é possível converter o XML do JSBuilder 1 para o JSON do JSBuilder 2.

Dessa forma podemos apenas ajustar o JSON gerado para criar arquivos de arquivos agrupados e não termos problema com codificação de caracteres.

Ainda não desnvolvi esta solução e disponibilizo aqui caso eu prossiga nesta idéia.

Conclusão

Ambos os softwares são ótimos, caso seja possível unir as melhores qualidades de ambos sem dúvida teremos uma ferramenta fundamental para o desenvolvimento e implantação de projetos Web com alta quantidade de arquivos JavaScript.

Este tutorial foi desenvolvido como parte do meu trabalho na empresa IASOFT.
Não garanto que poderei ajudar tirando dúvidas ou corrigindo erros, mas farei o possível.

Visão Geral

O que é possível fazer com o JSBuilder 1.1.2?

• Compactar arquivos JavaScript (remoção de tabs, espaços, comentários, etc);
• Agrupar vários JS em arquivos únicos como pacotes;
• Organizar a ordem dos arquivos dentro dos pacotes (importante para arquivos JS que dependam de outros);
• Gerar documentação JS com JSDoc;
• Usar uma INTERFACE GRÁFICA (muito bacana);
• Gerar um arquivo XML de configuração (a interface gera este arquivo automaticamente);
• Criar arquivos JS de Debug.

Problemas encontrados:

• Só funciona com arquvos UTF-8. Quando tentei usar ISO-8859-1 todos os caracteres com acentuação foram removidos (e não consegui resolver de jeito nenhum);
• Não permite agrupamento de arquivos gerados.

Download

O software está disponível aqui. Não encontrei nenhum site oficial, mais informações apenas no fórum do ExtJS.

Funcionamento

Ao iniciar o uso do software, deve-se primeiro, adicionar todos os arquivos e diretórios que serão compactados, depois, agrupar estes arquivos em arquivos únicos (não orbigatório) e definir os diretórios de saída.

Abaixo apresento uma visão geral da tela do software comentada:

Clique na imagem para vê-la maior.

JSDoc

Para que a documentação dos arquivos seja gerada automaticamente durante a compactação dos arquivos é preciso ter dois programas no computador, o Perl e o JSDoc.

Para instalar o Perl você pode usar o ActivePerl (basta executar e clicar em next->next->next->OK). Você pode também seguir este tutorial.

O JSDoc necessita apenas que você faça o download do software e indique o seu caminho nas opções do JSBuilder.

Conclusão

O uso da interface é bastante intuitivo. O único problema grave é o software só converter arquivos UTF-8, caso você não tenha problemas com isso, divirta-se.

Este tutorial foi desenvolvido como parte do meu trabalho na empresa IASOFT.
Não garanto que poderei ajudar tirando dúvidas ou corrigindo erros, mas farei o possível.

Visão Geral

Com ele é possível:

• Compactar JS e CSS (remoção de tabs, espaços, comentários, etc);
• Agrupar vários JS em arquivos distintos (módulos, arquivo único, etc). Também é possível criar arquivos de outros arquivos gerados. Ex: Posso gerar um js único para cada módulo e um arquivo que contenha todos os módulos. Este recurso pode facilitar o Debug.
• Organizar a ordem dos arquivos dentro dos arquivos únicos;
• Usar um arquivo JSON como configuração;
• Criar arquivos de Debug;
• Funciona bem com ISO-8859-1 e UTF-8

Problemas Encontrados:

• Não possui Interface Gráfica, tudo deve ser definido manualmente em um arquivo json;
• Não gera Documentação automaticamente;

Os arquivos base

Será utilizada como exemplo a estrutura de arquivos abaixo:

index.html
teste.jsb2
js/
	modulo1/
		model.js
		view.js
		controller.js
	modulo2/
		model.js
		view.js
		controller.js
	index.js

Download

Antes de mais nada você deve fazer o download do JSBuiler 2.
Aqui você também pode baixar os arquivos utilizados neste exemplo (JS’s,  .jsb2,  index.htm, JSBuilder2 e arquivos gerados):

O JSON de configuração

Para começar a utilizar o JSBuilder você deverá criar um arquivo de configuração com a extensão “.jsb2″.
Abaixo segue o exemplo de um arquivo de configuração (comentado) para a estrutura de diretórios exibida acima:

IMPORTANTE -> Os comentários são apenas para fins de tutorial. Para usar este arquivo os comentários devem ser removidos

{
    //Nome do projeto
    projectName: 'Teste',
    //Diretório aonde serão gerados os arquivos
    deployDir: 'deploy',
    //Texto da licença
    licenseText: "Este arquivo está sob Domínio Público \n\nIsto permite que você possa utilizar este conteúdo livremente.",
    //pacotes dos arquivos
    pkgs: [
        /**
         * Gera um arquivo único para o módulo 1
         */
        {
            //nome do arquivo
            name: 'Módulo 1',
            //nome do arquivo a ser gerado
            file: 'modulo1.js',
            //Indica se deve gerar arquivo de debug
            isDebug: true,
            //Arquivos incçuídos
            fileIncludes: [{
                //Nome do arquivo a ser incluído
                text: 'model.js',
                //Caminho do arquivo.
                path: 'js/modulo1/'
            },{
                text: 'view.js',
                path: 'js/modulo1/'
            },{
                text: 'controller.js',
                path: 'js/modulo1/'
            }]
        },
        /**
         * Gera um arquivo único para o módulo 2
         */
        {
            name: 'Módulo 2',
            file: 'modulo2.js',
            isDebug: true,
            fileIncludes: [{
                text: 'model.js',
                path: 'js/modulo2/'
            },{
                text: 'view.js',
                path: 'js/modulo2/'
            },{
                text: 'controller.js',
                path: 'js/modulo2/'
            }]
        },
        /**
         * Gera um arquivo único para o Index
         */
        {
            name: 'INDEX',
            file: 'index.js',
            isDebug: true,
            fileIncludes: [{
                text: 'index.js',
                path: 'js/'
            }]
        },
        /**
         * Gera um arquivo único que agrupa os três arquivos gerados acima.
         */
        {
            name: 'All',
            file: 'all.js',
            isDebug: true,
            //Indica se os pacotes de dependência (pckgDeps) devem ser incluídos neste arquivo (all.js)
            includeDeps: true,
            //Indica os pacotes (arquivos) de dependência
            pkgDeps: [
                    'index.js',
                    'modulo1.js',
                    'modulo2.js'
            ],
            //Neste caso não inclui mais nenhum arquivo além dos pacotes
            fileIncludes: []
        }
    ],
    /**
     * Indica onde estão e para onde vão os arquivos base para a geração.
     * Todos os arquivos usados (neste caso por exemplo: "modulo1/model.js", "modulo2/controller.js", etc)
     * são copiados também para o diretório que será criado com os arquivos compactados
     */
    resources: [{
        //raiz dos arquivos javascript
        src: 'js/',
        //raiz dentro do diretório gerado (aonde serão colocadas as cópias dos arquivos originais)
        dest: 'src/',
        //Filtros (arquivos que devem ser copiados destas pastas)
        filters: ".*\\.js"
    }]
}

IMPORTANTE: Para que os arquivos orginais não sejam copiados para o diretório de Implementação você pode deixar o array resources vazio (Ex: resources: []).

Executando o arquivo

O JSBuilder é um programa JAVA que deve ser executado em linha de compando (aqui feito no Windows):

java -jar C:\JSBuilder2\JSBuilder2.jar --projectFile C:\xampp\htdocs\dev\teste\jsbuilder\teste.jsb2 --homeDir C:\xampp\htdocs\dev\teste\jsbuilder\deploy\

IMPORTANTE: É obrigatório indicar o caminho completo do “projectFile” e do “homeDir”.

Os erros mais comuns que ocorreram comigo foram:

• Erro de sintaxe do JSON:
  • “Expected a ‘,’ or ‘]’ at character 1332″ -> Esqueci uma vírgula ou faltou fechar um array;
  • “Expected a ‘,’ or ‘]’ at character 1332″ -> Deixei um comentário no ínicio do JSON.
• Erro de caminho de arquivo:
  • “Unable to access jarfile C:\JSBuider2.jar” -> Caminho do JSBuilder errado;
  • “java.io.FileNotFoundException: C:\teste.jsb2″ -> Erro no endereço do arquivo de configuração.

Arquivos Gerados

Após a geração, a estrutura dos arquivos ficou da seguinte maneira:

index.html
teste.jsb2
js/
	modulo1/
		model.js
		view.js
		controller.js
	modulo2/
		model.js
		view.js
		controller.js
	index.js
deploy/
       /src
             modulo1/
                    model.js
		    view.js
		    controller.js
             modulo2/
                    model.js
		    view.js
		    controller.js
             index.js
      all.js
      all-debug.js
      index.js
      index-debug.js
      modulo1.js
      modulo1-debug.js
      modulo2.js
      modulo2-debug.js

Conclusão

Além das opões aqui apresentadas existem algumas outras nas quais não me aprofundei. Você pode conhecer todas na página do JSBuilder ou nos fóruns do ExtJS.
Nos arquivos que coloquei para download também está presente o arquivo jsb2 usado para geração do código do ExtJS (pego pelo fórum).

Este tutorial foi desenvolvido como parte do meu trabalho na empresa IASOFT.
Não garanto que poderei ajudar tirando dúvidas ou corrigindo erros, mas farei o possível.

Fique a vontade para comentar e criticar.

1. Introdução

Este trabalho objetiva apresentar o perfil do terceiro setor em Florianópolis e propor ações a partir do uso de Software Livre (SL) e Tecnologias de Informação e Comunicação (TICs) que se adequem ao cenário atual e ajudem a diminuir as principais necessidades deste setor, bem como, gerar oportunidades.

O presente trabalho utiliza referência a casos de 4 ONGs e do papel da Tecnologia nas suas respectivas ações, a apresentação de temas referentes as TICs e ao Software Livre e inclui a experiência profissional do autor.

2. Perfil das ONGs que atuam em Florianópolis

Segundo um estudo realizado pelo ICom (Instituto Comunitário Grande Florianópolis) em 2006, com 175 ONG’s ativas na região da Grande Florianópolis, que buscou identificar o perfil do terceiro setor em Florianópolis:

As ONGs que atuam em Florianópolis são em sua maioria pequenas e institucionalmente frágeis. Suas equipes são compostas por voluntários ou poucos funcionários, e o volume de recursos que movimentam é relativamente baixo.

A Fragilidade institucional das ONGs limita o impacto de seu trabalho, mas a maior parte das ONG’s está comprometida em atender a população socialmente vulnerável e a defender e preservar o meio ambiente.

Foram identificadas como principais necessidades das ONGs investimentos em infra-estrutura, capacitação da equipe e recursos financeiros.

Este estudo teve como principal resultado um conjunto de dados estatísticos representando o cenário atual do setor:

• Baixo Valor de Recursos:
  • 49% movimentam até R$ 24.000 por ano.;
• Equipe Profissional:
  • 40% trabalham só com voluntários ;
  • 56% possuem até 5 profissionais contratados ;
• Principal contribuição para a cidade :
  • 34.5% - Atendimento a população vulnerável ;
  • 22% - Defesa e preservação do meio ambiente ;
  • 14,3% - Apoio a organizações de saúde, educação e assistência social.;
• Sede:
  • 66% não possuem sede própria ;
• Principais necessidades das ONGs:
  • 37.5% - Investimentos em infra-estrutura ;
  • 32,5% - Capacitação ;
  • 30,2% - Recursos Financeiros.

Ao fim do presente trabalho serão apresentadas propostas que  analisam este cenário com o objetivo de atender as três principais necessidades das ONG’s, bem como o baixo valor de recursos, equipes pequenas e normalmente formada por voluntários e a ausência de sede própria.

3. Tecnologias de Informação e Comunicação (TICs)

Segundo a Wikipedia (e em tradução livre) TICs correspondem as “tecnologias digitais incluindo métodos para comunicação bem como técnicas para armazenamento e processamento de informações”.

O desenvolvimento de duas tecnologias foram essenciais para o surgimento das TICs,  a primeira é o uso de sistemas gerenciadores de bases de dados que permitem a criação, manutenção e armazenamento de conjuntos de dados estruturados.

O segundo fator foi o crescimento da internet que permitiu acesso e disponibilização de informações por qualquer pessoa no mundo com acesso a rede. Um dos exemplos desta revolução é o grande crescimento dos blogs, sobre este tema, Edney Souza coloca: “Hoje qualquer pessoa com acesso a internet e que saiba operar um teclado tem plenas condições de manter um blog. Blogs são ferramentas de democratização de publicação de conteúdo.”.

As TICs tem ainda, um forte papel social, Segundo Alexandre Mendes, uma das grandes transformações ocorre com o surgimento do Ensino a Distância, que possibilita acesso a conteúdos didáticos que não poderiam ser conseguidos sem a presença de instalações físicas de instituições escolares.

Por estes fatores, as TICs tem causado forte impacto social, o que tem gerado novos termos como as Tecnologias de Informação e Comunicação para o Desenvolvimento Sustentável, que podem ser compreendidas como as novas tecnologias que permitem a comunidade global colaborar para a construção de um mundo sustentável. Entre as suas áreas de aplicação estão as mudanças climáticas, agricultura e qualidade de vida.

Esta seção buscou mostrar a importância das TIC’s para o mundo atual, principalmente após o surgimento da internet e do uso das bases de dados que permitiram o armazenamento, processamento e publicação de informações por qualquer cidadão.

4. Software Livre

Segundo a Free Software Fundation (em tradução livre) “Software livre é o software que dá ao usuário a liberdade para compartilhá-lo, estudá-lo e modificá-lo. Nós chamamos software livre porque o usuário é livre.”. Isto significa que ao adquirir um software, uma empresa ou pessoa não ficam restritos ao que é oferecido pelo fabricante, eles tem total liberdade para acrescentar novos recursos e modificar o que lhes for interessante.

A licença de software mais comumente utilizada por softwares livres é a Licença GPL que, segundo a Wikipedia:

permite que os programas sejam distribuídos e reaproveitados, mantendo, porém, os direitos do autor por forma a não permitir que essa informação seja usada de uma maneira que limite as liberdades originais. A licença não permite, por exemplo, que o código seja apoderado por outra pessoa, ou que sejam impostos sobre ele restrições que impeçam que seja distribuído da mesma maneira que foi adquirido.

O respeito as liberdades citadas pela Free Software Fundation e o uso de licenças semelhantes a GPL oferece a possibilidade que diversos indivíduos e organizações sem fins lucrativos se beneficiem com as melhorias do software que outros indivíduos ou organizações realizaram, sem custo adicional.

Entre as principais características do Software Livre está a cultura de colaboração, na qual redes de profissionais voluntários são criadas para desenvolver alguns projetos. Exemplos da força deste modelo de colaboração são os softwares Firefox e OpenOffice e o Sistema Operacional Ubuntu.

Este modelo de colaboração também aparece no suporte ao uso destes softwares através de fóruns de discussão nos quais usuários mais experientes auxiliam os mais novos com a produção de conteúdos e dicas. Esta cultura de colaboração depende de outro conceito conhecido como ética hacker, Dalton Martins descreve esta ética a partir do ponto de vista do hacker:

o hacker utiliza uma parte significativa do seu tempo documentando e compartilhando a forma como ele conseguiu vencer um desafio e, dessa forma, permitindo que outras pessoas possam aprender com suas descobertas. É uma atitude que possui em seu DNA um desejo íntimo de construir um mundo a partir de uma inteligência coletiva, a partir da colaboração entre as diferentes formas que as pessoas possuem de resolver seus problemas.

O modelo do software livre e a sua cultura se encaixam com o terceiro setor por permitir o acesso a um grande número de softwares, recursos, suporte e conhecimento a um baixo custo, e ainda, estimulando a colaboração entre as pessoas, criando um ciclo positivo de desenvolvimento que pode ser levado para o dia-a-dia da organização.

5. Casos de TI aplicada ao Terceiro Setor

Esta seção apresenta casos em que ONG’s usaram a TI de alguma forma para o desenvolvimento de suas ações.

5.1 Comitê para Democratização da Informática (CDI)

O CDI é uma ONG mundial cuja missão é “transformar vidas e fortalecer comunidades de baixa renda através da capacitação nas tecnologias da informação e comunicação e de um aprendizado complementar voltado à prática da cidadania e do empreendedorismo”.

A organização foi criada em 1995 e desde então atua “capacitando indivíduos de diversas idades, pertencentes a grupos desfavorecidos, a extrair o melhor das tecnologias da informação e comunicação”, junto a capacitação os indivíduos podem desenvolver ações dentro de suas próprias comunidades em atividades que estimulam o empreendedorismo e a responsabilidade social.

Dessa forma, o CDI mostra como a tecnologia pode ser utilizada para o desenvolvimento individual e comunitário a partir da capacitação e do desenvolvimento de ações locais e da resolução de problemas reais nas comunidades em que os capacitados estão presentes.

5.2 Portal Voluntários On-line

O Portal Voluntários On-line é uma iniciativa do Instituto de Voluntariado de Florianópolis (IVA) com o objetivo de “ser o elo entre as pessoas que desejam colocar suas habilidades e seu tempo à disposição de organizações não-governamentais, e as organizações que necessitam desses voluntários para prestar serviços de melhor qualidade para quem precisa”.

A partir de um sistema baseado em web o processo de recrutamento de voluntários ficou muito mais fácil, reduzindo custos para as organizações e trazendo um grande benefício à sociedade.

Com esta iniciativa o IVA trouxe para o Brasil o Voluntariado On-line que consiste em toda atividade de voluntariado “realizada total ou em parte via internet, sem a necessidade de estar presencialmente na organização para a qual se trabalha”.

Este projeto do IVA é hoje utilizado por mais de 350 Organizações e possui mais de mil oportunidades cadastradas.

5.3 OBA Floripa!

A Organização Bem-Animal (OBA) atua na região da grande Florianópolis em ações para o bem estar animal, que incluem castração de animais, educação da população, campanhas de adoção junto ao canil municipal, cuidado e carinho aos animais e mutirões mata-fome.

No começo de 2009, o OBA solicitou à UFSC por e-mail, uma chamada de voluntários que pudessem auxiliá-la em atividades de manutenção e desenvolvimento de seu site pessoal.

Pude então, participar da implementação de algumas necessidades tecnológicas do OBA junto a outros voluntários, e, a partir dessa iniciativa foi desenvolvido um blog, utilizando o software livre Wordpress, para que as ações do OBA pudessem ser compartilhadas e fosse estimulada a participação da comunidade com comentários e sugestões.

O OBA também utiliza recursos disponíveis na internet como o álbum de fotos Flickr e o repositório de vídeos Youtube para divulgar as ações desenvolvidas, além de um grupo de e-mail para organização do trabalho voluntário.

Esta experiência possibilitou uma visão mais concreta do trabalho voluntário e da grande dificuldade de se desenvolverem estas ações pois em geral, grande parte dos envolvidos já possui outras ocupações profissionais e muitas vezes acadêmicas o que torna o tempo reduzido e tarefa de gerenciamento das atividades diferente do gerenciamento em uma empresa com equipes contratadas para trabalhar vinte ou quarenta horas por dia.

A partir deste movimento outros projetos também estão sendo realizados com o objetivo de arrecadação de fundos para o projeto – necessidade colocada como prioritária pela diretora geral da organização – como o uso de publicidade on-line e comércio eletrônico.

Entre as alternativas para captação de recursos é o desenvolvimento de sistemas que permitam rifas on-line. Hoje, o uso de rifas é uma das principais fontes de recursos da ONG, porém, a limitação de profissionais dedicados a venda dos bilhetes torna o processo lento e restrito ao âmbito local. Foi sugerido que um sistema de rifas on-line possibilitaria a participação de pessoas de regiões diferentes, além de diminuir o tempo gasto na gestão desta atividade.

Este caso mostra diversas possibilidades do uso da tecnologia para a realização e gerência de organizações não governamentais, e como o software livre pode desempenhar um papel importante no fornecimento destas tecnologias.

5.4 Room To Read

A Room to Read iniciou suas atividades no ano 2000 e até o momento construiu mais de 700 escolas em diversos países como Nepal e Sri Lanka. Além das escolas, a Room to Read financia os estudos de 6.800 meninas, já construi mais de 7.000 bibliotecas, publicou mais de 300 livros em linguagem local e já tem muitos outros projetos em andamento.

O Objetivo da ONG é “desenvolver um mundo que possibilite oportunidades educacionais de qualidade através de bibliotecas, literatura em linguagem local, construção de escolas e bolsas de estudos para meninas”. Para atingir este objetivo a Room to Read, além de escolas e bibliotecas, constrói centros de informática que possibilitarão no futuro, mais oportunidades aos jovens destes países.

Recentemente a organização iniciou um novo projeto que pretende oferecer acesso a internet wireless em laboratórios do Vietnam e Nepal para oferecer acesso a internet de qualidade.

Dois outros fatores essenciais para que esta organização fosse utilizada como exemplo de uso da tecnologia é a cultura desenvolvida pela Room to Read de oferecer pela internet todos os números do trabalho que desenvolve. Segundo John Wood (no livro “Saí da Microsoft para Mudar o Mundo”), fundador do projeto, é importante “mostrar a conexão que existe entre o valor doado e aquilo que ele cria” e continua “em nosso caso, podemos mostrar exatamente para onde foi o dinheiro”. Este caso mostra a importância que existe em toda ONG ter a sua disposição ferramentas de comunicação, como os softwares de gerenciamento de conteúdo.

Este exemplo traz a tona os diversos usos da TI, desde como atividade administrativa a meio de execução de alguns de seus projetos.

6. Apresentando Soluções

Esta seção visa trazer soluções que utilizem os casos e temas abordados acima para trazer desenvolvimento à ONGs através do uso de recursos de TI.

6.1 Falta de Investimento em TI

Com um volume de recursos anual de R$ 24.000, muitas ONG’s não podem investir o suficiente em pesquisa e tecnologia para viabilizar e desenvolver melhor as suas atividades.

O custo de licenças, suporte e desenvolvimento de software se torna inviável para estas empresas, e apesar de existirem programas como o TechSoup Brasil – que faz a ligação entre ONGs e empresas de software dispostas a doarem licenças de seus produtos -, este processo exige uma séria de aprovações e passos, o que pode ser muito lento e prejudicar o trabalho da ONG.

Neste cenário desponta como alternativa o uso de Software Livre, que em muitos casos é grátis e possuem comunidades que oferecem suporte on-line sem nenhum custo extra. Outra força do Software Livre neste cenário decorre do uso de código aberto, o que viabiliza que pequenas ONGs possam adaptar seus softwares conforme suas necessidades.

Como exemplo ressalta-se a experiência da ONG OBA que customizou o software Wordpress para solucionar seu problema de baixa interação com a comunidade, divulgação das campanhas e educação da população.

6.2 Criando Redes de Voluntários

A pesquisa realizada pelo ICom evidenciou o grande número de ONGs que atuam apenas com voluntários ou com muito poucos funcionários. O trabalho voluntário é muitas vezes realizado aos finais de semana ou nos horários contrários aos períodos acadêmicos e profissional. Evidenciando isto, temos o levantamento realizado pelo IVA sobre o perfil de voluntariado on-line, que compreende na sua grande maioria jovens entre 16 e 30 anos (63%) com curso superior completo ou em andamento (47%) e que já possuem alguma ocupação profissional (88%).

Este cenário mostra que as organizações precisam lidar com profissionais que não tem, muitas vezes, dedicação integral a instituição e possuem tempo limitado. É importante então que encontrem-se mecanismos que permitam a gerência das atividades destes voluntários e permitam a passagem de conhecimento entre eles, afinal, as atividades desenvolvidas por um voluntário não podem ser perdidas assim que ele parar de atuar na organização.

Uma das formas é a criação de redes que permitam a estes voluntários estarem em permanente contato, trocando experiências, compartilhando conhecimento e tendo suas funções gerenciadas por membros da Organização.

Como exemplo de sucesso temos o Portal Voluntários On Line que oferece às ONGs recursos para gerenciar os voluntários que atuam em cada atividade e o número de horas dedicados ao projeto.

6.3 Capacitação

As experiências do CDI e da Room to Read trazem a importância do uso da informática para a capacitação, tanto como meio para os profissionais que precisarão da informática para desenvolver seus projetos como fim, em organizações nas quais o ensino e aplicação da informática são fundamentais para os beneficiados pelo projeto.

O Desenvolvimento de softwares que permitem o compartilhamento de cursos e material on-line facilita o trabalho de voluntários que muitas vezes tem pouco tempo para dedicar ao voluntariado e, a partir do conteúdo produzido por outros usuários, podem elaborar cursos ou incrementar os materiais com muito menos esforço do que criar algo do zero.

O uso de Softwares como Moodle e WikiMedia podem desempenhar esta função quando gerenciados por profissionais que compreendam suas potencialidades e limitações. Ambos são softwares livres que podem começar a serem utilizados em menos de uma hora.

6.4 Voluntariado On-Line

Sessenta e seis porcento das ONG’s não possuem sede própria. Este dado abre possibilidade para o Voluntáriado On-line, que já é utilizado com sucesso por diversas organizações de Santa Catarina através do projeto do IVA. Esta atividade, aliada ao uso de softwares colaborativos – softwares que permitem o gerenciamento de atividades em grupo -, pode diminuir o uso de recursos financeiros e possibilitar uma melhor gerência das atividades, recursos e informações da organização.

6.5 Captação de Recursos

Uma das maiores necessidades das ONGs, segundo o estudo do ICom e a experiência com a ONG OBA Floripa é a captação de recursos financeiros.

O crescimento da internet criou novos nichos e oportunidades até pouco tempo inviáveis que podem começar a ser utilizadas por ONG’s. Entre elas podemos destacar:

• Publicidade on-line: Muitas ONGs produzem conteúdos de alta qualidade, ter sites de conteúdo que utilizam links patrocinados é uma das formas de concretizar esta atividade;
• Comércio Eletrônico: ONGs costumam vender produtos próprios como camisetas e objetos ligados ao seu domínio para arrecadar fundos. A venda destes produtos por internet possibilita um alcance maior de clientes;
• Serviços de Informação: Podem ser criados seviços de informação a população ligados ás áreas de conhecimento da organização;

Estas são apenas algumas das possibilidades existentes, a imaturidade da internet ainda abre espaço para muitas novas idéias e modelos de negócio.

6.6 Voluntariado em TI

Como forma de estimular o voluntariado em profissionais de TI é sugerida a criação de uma rede que disponibilize conteúdo, treinamento e oportunidades sociais para estes profissionais.

Muitas ONGs não conhecem o potencial que o uso da tecnologia pode proporcionar aos seus negócio, em algumas situações, pode se fazer necessária a presença de profissionais treinados para identificar necessidades e formas de usar a tecnologia para desenvolver um processo ou atividade.

Para o profissional ou empresa de informática, é importante salientar que a experiência de trabalho com organizações não governamentais oferece oportunidades de testar novas tecnologias e se aproximar mais do seu público.

Grupos de profissionais também podem ser criados para atuarem em projetos específicos de software para organizações cujas atividades dependam exclusivamente do uso de TI.

Tais projetos podem ser desenvolvidos em parceria com empresas júnior e cursos profissionalizantes como forma de primeiro contato de profissionais com projetos reais, a partir da orientação de profissionais experientes.

6.7 Rede TI para ONGs

Como forma de criar meios para que as ações sugeridas aqui tenham continuidade é importante que as organizações tenham acesso a profissionais e conteúdos que respondam as suas dúvidas e criem diretrizes para a implantação destes projetos. É importante também realizar a exploração das ações realizadas e obter retorno para reavaliá-las e planejar novas ações que auxiliem ONGs a melhor utilizar a TI em suas organizações.

Problemas como recebimento de doações e divulgação de ações podem ser facilmente resolvidos, e com baixo custo, sendo necessário apenas que os responsáveis tenham acesso a este conhecimento, compreendendo com clareza as potencialidades e limitações do uso da TI para as suas atividades.

A rede aqui sugerida teria como responsabilidade:

• Divulgação de softwares livres;
• Divulgação de oportunidades de voluntariado em TI;
• Criação de conteúdos sobre o uso de TI em ONGs;
• Criação de ações para voluntariado em TI;
• Discussão e pesquisa de soluções para os principais problemas das ONGs (infra-estrutura, captação de recursos e capacitação);
• Capacitação de voluntários de TI;
• Divulgação de casos de uso de TI por ONGs;
• Suporte na implantação de projetos de TI;

A proposta da ONG é abrangente pois tem como permissão a criação de comunidades auto-sustentáveis, assim como ocorre nos processos de software livre, na qual profissionais mais experientes se disponham a auxiliar quem está começando, e o que já foi feito pelo menos uma vez, não precise ser repetido, mas apenas copiado e melhorado.

7. Conclusão

O cenário atual de desenvolvimento do terceiro setor e do uso das TICs e Software Livre apresenta um grande número de possibilidades como as apresentadas na seção seis.

O casos apresentados possibilitam uma visão ampla de como diversas organizações diferentes dependem da TI como forma de gerar inovação e desenvolvimento aos seus projetos e consequentemente para a sociedade.

Acredito que os três temas centrais deste trabalho se unem perfeitamente e que uma participação mais ativa dos profissionais de TI pode gerar uma revolução no desenvolvimento do terceiro setor, bem como dos profissionais envolvidos.

É visível que existem grandes dificuldades como uma mudança de cultura e investimento em infra-estrutura de TI e produção de conteúdo. Por outro lado, os projetos de software livre mostram que é possível, com muitas pessoas fazendo uma pequena parte, construir grandes projetos e possibilitar muito sonhos.

8. Bibliografia

As indicações bibliográficas do presente trabalho fazem referência apenas a material disponível on-line e portanto foram inseridas como links diretamente no conteúdo, facilitando ao leitor navegar entre as informações, se aprofundando quando julgar necessário.

Apresente Resultados

A Microsoft (principalmente Steve Ballmer) ajudou John a sempre se manter focado em resultados e números. Cedo ele percebeu que mostrar claramente para as pessoas o que era feito com o dinheiro doado as motivava a doar mais e a contar aos amigos sobre o projeto.

A Room to Read criou boletins trimestrais e listas de e-mail para informar constantemente aos doadores e interessados o que acontecia com o dinheiro recebido, além de reduzir ao máximo os custos com burocracia e tornar todo o processo transparente aos doadores.

Pensar Grande

Quando John ajudou a realizar a primeira biblioteca no Nepal ele pensou em todas as crianças que precisavam de bibliotecas e se perguntou por que não estender o projeto para outros países. Pensar grande foi o ponto de partida para que ele pudesse traçar planos ambiciosos e trazer para junto de si pessoas que também queriam realizar grandes coisas.

Com metas altas também pode ser mais fácil atrair grandes investidores e a atenção da mídia.

Foco na Arrecadação de Verbas

John sempre soube que haviam muitas organizações filantrópicas, muitas idéias e projetos excelentes. Mas o que ele tinha como grande diferencial era a certeza que precisaria de muitos recursos para desenvolver os projetos que vislumbrava. Não adiantava ter boas idéias e trabalhar por uma causa sem antes se preocupar com a captação de recursos. Esse diferencial ajudou a Room to Read a crescer vertiginosamente logo nos primeiros dois anos e a construir mais de 290 escolas em poucos anos.

Permita que as pessoas sejam também “donas” do Projeto

Construir uma escola no Nepal custava em torno de 8.000 dólares. Esse valor permitia que muitos doadores patrocinassem escolas inteiras e dessem seus nomes a elas como forma de homenagear seus pais ou amigos. John lhes enviava fotos e contava histórias que permitiam aos doadores se sentirem parte do projeto. Outra grande força do modelo da Room to Read é a rede de voluntários que criava-se espontaneamente, sendo necessário apenas vontade e que as pessoas estivessem verdadeiramente de acordo com a filosofia e objetivos da ONG. Sem dúvida esse trabalho fazia com que os voluntários se sentissem altamente envolvidos, afinal, não eram controlados, estavam alí para poder exercer todo o seu potencial humano.

A comunidade precisa se sentir responsável

Muitas das escolas desenvolvidas pelo Room to Road tiveram mão de obra dos próprios moradores dos locais aonde eram construídas. Uma dessas escolas foi construída com a doação de 183 famílias da região, cada uma no valor equivalente a 5 dólares. Essa participação faz com que os projetos continuem rendendo frutos no médio e longo prazo pois a comunidade participa, apóia e continuará trabalhando para melhorar o que já existe.

Uma das histórias que mais me emocionou foi uma menina de 8 anos que arrecadou fundos junto aos familiares e amigos para a contrução de uma escola no Nepal. Após isso, ela desejou continuar fazendo ainda mais e organizou uma rifa para que arrecadasse o suficiente para construir outra escola.

Além das escolas, a Room to Read financia os estudos de 6.800 meninas, já construi mais de 7.000 bibliotecas, publicou mais de 300 livros em linguagem local e já tem muitos outros projetos em andamento.

Da mesma forma que este projeto e este grande homem tem me motivado e inspirado, espero que motive você também. Abaixo, fiz uma tradução livre da missão da Room to Read que espero, traga em todos que chegaram até aqui a vontade de também ir em busca do que podem fazer para ajudar a tornar este mundo um lugar ainda melhor.

Missão da Room to Read

Nós participamos com comunidades locais do começo ao fim para desenvolver um mundo que possibilite oportunidades educacionais de qualidade através de bibliotecas, literatura em linguagem local, construção de escolas e bolsas de estudos para meninas. Nós buscamos intervir cedo na vida das crianças com a crença de que a educação empodera as pessoas a melhorar as condições sócio-econômicas de suas famílias, comunidades, países e gerações futuras. Através das oportunidades que apenas a educação pode oferecer, nós nos esforçamos para quebrar o ciclo de pobreza, uma criança por vez.

Um Plugin no ExtJS 2.3 é uma classe contendo um método “init” que será chamado logo após a inicialização do componente.

Exemplo de Plugin:

//Exibe um alerta com o ID do componente Plugado
PluginAlert = function() {
    return{
        //Função executada após o "initComponent"
        init: function(cmp){
            alert('Plugin Executado para componente '+cmp.getId())
        }
    }
};

Para usar um plugin, basta instanciá-lo como um ítem do array do atributo de configuração “plugins”.

Exemplo:

new Ext.Panel({
            plugins: [
                new PluginAlert()
            ],
            title: "Exemplo do Plugin de Alerta"
        })

Simples não?
Cabe apenas ao desenvolvedor encontrar formas criativas de trabalhar com o uso de plugins. A melhor forma que encontrei foi utilizá-los combinado ao uso de eventos dos componentes.

Abaixo segue outro exemplo de plugin que atualiza um painel a partir do conteúdo html de uma requisição AJAX:

// create namespace for plugins
Ext.namespace('Ext.ux');
 
/**
 * Ext.ux.PluginPanelUpdater Plugin para Ext.Panel
 * Atualiza HTML de um painel a partir de uma requisição AJAX.
 * @author  Kaléu Caminha
 * @date    10 de Novembro, 2008
 *
 * @class Ext.ux.PluginPanelUpdater
 * @extends Ext.util.Observable
 */
//Construtor
Ext.ux.PluginPanelUpdater = function(config) {
    Ext.apply(this, config);
};
 
//Código do Plugin
Ext.extend(Ext.ux.PluginPanelUpdater, Ext.util.Observable, {
    /**
     * A Função init é executada para todos os plugins após o "initComponent" do componente no qual o plugin é utilizado.
     */
    init: function(panel){
        //Adicionamos evento para quando o painel for renderizado
        panel.on("render", this.updatePanel, this);
        this.panel = panel;
    },
    /**
     * Usa um Updater para atualizar o html de um painel
     */
    updatePanel: function(){
        //Pega Elemeneto
        var el = this.panel.getEl();
 
        //Se frame == true, adiciona conteúdo ao elemento body interno
        if(el.child('.x-panel-body'))
            el = el.child('.x-panel-body');
 
        //Pega updater e realiza chamada do método update
        el.getUpdater().update({
            url: this.url,
            params: this.parms || {}
        });
    }
});

Este tutorial foi baseado no tutorial oficial do ExtJS sobre desenvolvimento de Plugins.

Update 12 de Novembro de 2009
Foi publicado ontem um artigo no blog oficial do Ext sobre o desenvolvimento de plugins, ressaltando a importância de seguir um padrão para que outros desenvolvedores possam extender as funcionalidades criadas por você. Ótima continuação para este post.

• Requisições AJAX: Sejam elas através de frameworks ou pelos objetos default dos browsers;
• Callbacks de Requisições: Toda requisição deverá estar associada a pelo menos uma função de callback responsável por exibir o resultado da requisição, seja ele um erro, um aviso de sucesso ou a exibição de novas informações na interface;
• Tratamento de DOM: Para que qualquer informação seja exibida ao usuário (com exceção de prompts como ‘alert()’) o HTML e o CSS da página deverão ser alterados. Esta classe de funções inclui a alteração de classes, estilos, conteúdo texto e novos atributos HTML;
• Instanciação de Eventos: Para que interfaces ricas funcionem adequadamente, estas deverão receber comandos (ou eventos) a partir da interação do usuário, porém, em algum momento você terá que registrar estas ações aos elementos HTML correspondentes;
• Tratamento de Eventos: Gosto de chamar esta classe de funções de “Actions”, que asism como no modelo MVC, recebem interações do usuário com a interface.

Ter esta separação dos tipos de atividades em JavaScript foi essencial para organizar os arquivos de classes e orientar o planejamento da arquitetura de software utilizada.

JavaScript é difícil de debugar, portanto é importante que se tenham padrões de programação e arquitetura bem definidos.