Vítor Avelino [Garbage Collector]

GMate: levando o gedit a um outro nível

2010-05-15

Quem já viu o TextMate sabe o quanto ele é simples e prático para desenvolver em algumas linguagens devido os bundles e snippets que ele suporta. Bem, o gedit também dá suporte a estes a partir de plugins desenvolvidos por terceiros.

O GMate é uma tentativa de deixar o gedit parecido com o TextMate focando no desenvolvimento Ruby/Rails, pelo menos até o momento. Mas após instalá-lo, você poderá incrementar o suporte a outras linguagens também.

Há duas formas de instalar esse pacote: via apt-get; ou, via linha de comando. Irei demonstrar as duas formas, porém prefiro via linha de comando porque tenho em mãos um código mais atualizado do que o presente no PPA do Ubuntu On Rails.

Vamos lá!

Via apt-get:

    
$ sudo add-apt-repository ppa:ubuntu-on-rails/ppa
$ sudo apt-get update
$ sudo apt-get install gedit-gmate

Pacote instalado. Porém não é ativado nenhum plugin ou tema após instalação. Para isso, copiei um trecho do install.sh que se encontra no github do próprio GMate e fiz um arquivo separado que ativará tudo. Baixe-o aqui e siga os comandos abaixo:

    
$ chmod +x setup-gmate.sh
$ sh setup-gmate.sh

Agora sim temos um gedit pronto para produção.

Via linha de comando:

Será necessário ter o git instalado para poder baixar o projeto direto do github. Quem não tem o mesmo instalado deverá baixar o pacote git-core como veremos abaixo:

    
$ sudo apt-get install git-core

Podemos agora baixar o projeto que está hospedado no github:

    
$ git clone git://github.com/gmate/gmate.git

É hora do passo final que é instalar o tão bendito pacote:

    
$ cd gmate
$ sh install.sh
$ Do you want to activate default plugin and configuration set? [y,N]: y

Pra quem não curte tema com fundo escuro (como eu), recomendo o TextMate (mac classic) que possui cores bem agradáveis.

Solução para problema com detecção de sintaxe:

Caso você tenha problemas na detecção da extensão dos arquivos para reconhecimento de sintaxe, vá até o arquivo /etc/mime.types e adicione as seguintes linhas:

    
text/x-ruby-source                        rhtml html.erb erb
text/x-eruby                              rjs
text/x-yaml                               yml yaml

[update 04/06/2010 às 08:28] Ainda existem outros plugins interessantes, que até podem substituir algum desses que são instalado com o gmate, de forma geral que podem ser encontrados no pacote gedit-plugins. Para instalá-lo basta digitar no terminal sudo apt-get install gedit-plugins. [/update]

Este post foi baseado no próprio guia que existe no github do projeto: http://github.com/gmate/gmate

Espero ter ajudado. Qualquer dúvida ou contribuição será bem vinda. :D

[]’s

Instalando e configurando PostgreSQL 8.4 + pgAdmin III no Ubuntu 10.04

2010-05-14

Mais um guia aqui no blog. Este foi devido a necessidade da instalação do PostgreSQL e pgAdmin para o projeto da disciplina de SIG (Sistema de Informação Geográfica) que trabalhará juntamente com o PostGIS para o armazenamento e consulta de informações espaciais. Em um próximo post irei explicar como instalar a extensão do PostGIS para o PostgreSQL.

Vamos lá!

Primeiro passo:

    
$ sudo apt-get install postgresql-8.4 pgadmin3

Instalação do PostgreSQL 8.4 + pgAdmin III.

Segundo passo:

    
$ sudo -u postgres psql template1
- template1=# ALTER USER postgres with encrypted password 'sua_senha';
- template1=# \q

Defina uma senha para a conexão com o banco de dados. Ela será importante para acessar o banco via pgAdmin como veremos mais adiante.

Terceiro passo (opcional):

Caso você tenha a necessidade de acessar o banco de uma outra máquina a não ser o localhost, abra o arquivo /etc/postgresql/8.4/main/postgresql.conf e modifique a linha

    
#listen_addresses = 'localhost'

por

    
listen_addresses = '*'

    
listen_addresses = 'ip'

Neste momento já temos o PostgreSQL e pgAdmin instalados corretamente e funcionando. Até agora nada de utilização do pgAdmin, veremos como conectar-se ao PostgreSQL instalado nos passos seguintes.

Quarto passo:

Abra o pgAdmin e você terá uma tela como a seguinte:

Adicione uma nova conexão e preencha os dados Name, Host, e Password (o mesmo setado no passo dois deste guia) corretamente como a imagem abaixo:

Após criado, teremos a seguinte tela:

Pronto! Agora você está apto a por a mão na massa e criar suas tabelas.

Espero ter ajudado novamente. Qualquer dúvida ou contribuição será bem vinda. :D

[]’s

Referência: https://help.ubuntu.com/community/PostgreSQL

Instalando e configurando PostGIS no PostgreSQL via Ubuntu 10.04

2010-05-14

Neste post veremos como adicionar a extensão para manipulação de dados espaciais que o PostgreSQL oferece, o PostGIS. Bem, após instalar e configurar o PostgreSQL 8.4 + pgAdmin III, instalamos o PostGIS pelo comando abaixo:

    
$ sudo apt-get install postgresql-8.4-postgis

Bem, na teoria já temos o PostGIS instalado. Nos próximos passos, iremos verificar na prática se a API dele realmente está integrada com o PostgreSQL e criaremos um exemplo simples. Isso pode ser feito via linha de comando, como veremos a seguir, ou via pgAdmin mesmo.

Primeiro passo

    
$ sudo su postgres
$ createdb postgistemplate
$ createlang plpgsql postgistemplate
$ psql -d postgistemplate -f /usr/share/postgresql/8.4/contrib/postgis.sql
$ psql -d postgistemplate -f /usr/share/postgresql/8.4/contrib/spatial_ref_sys.sql
$ createdb -T postgistemplate exemplo_gis

Cria-se um template para a associação das futuras databases com as funções espaciais do PostGIS, e, em seguida, cria-se um database que já possui a API espacial.

Segundo passo

    
$ psql exemplo_gis
exemplo_gis=# SELECT postgis_full_version();

Verifica-se a existência do postgis em relação ao database.

Terceiro passo (opcional)

    
exemplo_gis=# CREATE TABLE cidades (id serial NOT NULL, nome character varying );

Criamos uma tabela para armazenar cidades. Sim, mas onde fica a coluna que guardará os dados espaciais? Necessitamos adicioná-la por fora via comando SQL. No nosso caso, iremos adicionar uma geometria de POINT.

    
exemplo_gis=#  SELECT AddGeometryColumn('cidades', 'geometria', 29100, 'POINT', 2);

Pra quem não entendeu a ordem dos argumentos, eles significam:

‘cidades’: nome da tabela;
‘geometria’: nome da coluna que será adicionada a tabela;
29100: srid referente ao SAD69 (padrão utilizado pelo IBGE até o momento);
‘POINT’: tipo da geometria que será armazenada;
2: dimensões da geometria.

Podemos inserir, então, alguns dados:

    
exemplo_gis=# INSERT INTO cidades (nome, geometria)  VALUES('João Pessoa', GeomFromText('POINT(5 5)', 29100));
exemplo_gis=# INSERT INTO cidades (nome, geometria)  VALUES('Campina Grande', GeomFromText('POINT(10 10)', 29100));

Para ver a API funcionando, podemos fazer uma consulta simples verificando a distância entre os dois pontos:

    
exemplo_gis=# SELECT distance(a.geometria, b.geometria) FROM cidades WHERE a.nome = 'João Pessoa' AND b.nome = 'Campina Grande';

Bem, isso foi apenas um exemplo do que se pode fazer com uma solução livre de um banco de dados com suporte a armazenamento e consultas espaciais. Quem estiver mais interessado em PostGIS, consulte o manual do mesmo que é muito bom.

Espero ter ajudado. Qualquer dúvida ou contribuição será bem vinda. :D

[]’s

Referência: http://www.paolocorti.net/2008/01/30/installing-postgis-on-ubuntu/

Instalando e configurando ambiente Ruby on Rails no Ubuntu 10.04

2010-05-09

Semana passada, mais uma vez, tive a curiosidade e coragem de preparar o ambiente de desenvolvimento Rails no Ubuntu (no meu caso, o 10.04). Após muita pesquisa, acatei o melhor de cada dica e decidi preparar e compartilhar os passos que tomei para ter um ambiente redondo.

Teremos ao final um ambiente com Ruby 1.9.1 + Rails 2.3.8 + RubyGems 1.3.7 + SQLite3/MySQL/PostgreSQL instalados e pronto para desenvolvimento. Vamos lá então!

[update 20/05/10 às 10:31] Até ontem, eu pensei que a instalação do RubyGems instalado via source juntamente com o Ruby instalado via apt-get estava correto. De fato, está. Porém, após muita dor de cabeça percebi que ao instalar o Ruby via apt-get ele não reconhece os PATHS de ambiente utilizados pelo RubyGems. O problema é que diante do Rails, o ambiente parecia estar funcionando corretamente.

Como percebi? Simples, fui instalar a gem do Sinatra e ela simplesmente não era encontrada. Achei estranho e fui mais além, foi aí que instalei uma lib (libsinatra-ruby1.9.1) e tudo funcionou. Ou seja, quem estava fazendo o papel do RubyGems eram essas libs e não a própria.

Era tão visível isso, mas acabei me dando conta somente agora. Por exemplo, pra usar o sqlite3 precisava instalar além do mesmo, duas libs (libsqlite3-dev libsqlite3-ruby1.9.1), mas em um ambiente redondo isso não seria necessário. Por que? Porque na verdade quem está fazendo o papel da gem não é de fato ela, mas sim essas duas libs que foram instaladas.

DICA: Jamais misture uma app instalada via gerenciador de pacotes com algum plugin/feature que é instalado via source. A probabilidade de acontecer alguma merda é alta, a não ser que você esteja sabendo bem onde esteja pisando; o que não foi meu caso.

Peço desculpas aos que acreditaram fielmente que isso daqui estava, de fato, 100% correto. Iremos instalar os pré-requisitos via apt-get e o Ruby + RubyGems via source. Sem mais dores de cabeça! ;) [/update]

Primeiro passo

    
$ sudo apt-get install build-essential libssl-dev libreadline5-dev zlib1g-dev

Instalação dos pré-requisitos para o funcionamento correto do Ruby após instalado.

Segundo passo

    
$ cd ~
$ wget ftp://ftp.ruby-lang.org//pub/ruby/ruby-1.9-stable.tar.gz
$ tar -zxvf ruby-1.9-stable.tar.gz
$ cd  ruby-1.9.X-pYYY
$ ./configure
$ make
$ sudo make install

Instalação do Ruby 1.9.X diretamente do código fonte que será instalado em /usr/local/bin/ruby.

Terceiro passo

    
$ cd ~
$ wget http://rubyforge.org/frs/download.php/70696/rubygems-1.3.7.tgz
$ tar -zxvf rubygems-1.3.7.tgz
$ cd rubygems-1.3.7
$ sudo ruby setup.rb

Instalação do RubyGems que já ficará configurado de acordo com o Ruby instalado anteriomente.

Quarto passo

    
$ sudo gem install rails

Instalação da versão estável atual do Rails, a 2.3.8.

Quinto passo

Neste quarto passo darei três opções para escolha de qual BD utilizar, porém só testei até o momento com SQLite3.

SQLite3 (default na instalação do Rails)

    
$ sudo apt-get install sqlite3 libsqlite3-dev
$ sudo gem install sqlite3-ruby

Instalação do SQLite3, as libs necessária para compilação e funcionamento da gem e sua respectiva gem.

MySQL

    
$ sudo apt-get install mysql-server-5.1 mysql-client-5.1 libmysqlclient-dev
$ sudo gem install mysql

Instalação do servidor e cliente do MySQL 5.1, as libs necessária para compilação e funcionamento da gem e sua respectiva gem.

Obs: Rails assume que o arquivo socket MySQL será encontrado em /tmp/mysqld.sock. No Ubuntu, este não é o caso. Certifique-se de mudar database.yml para refletir o local real do arquivo de socket:

    
socket: '/var/run/mysqld/mysqld.sock'

PostgreSQL

    
$ sudo apt-get install postgresql-8.4 postgresql-server-dev-8.4
$ sudo gem install pg

Instalação do PostgreSQL 8.4, as libs necessária para compilação e funcionamento da gem e sua respectiva gem.

[update] Para quem tiver interesse em algo mais detalhado do PostgreSQL 8.4 + pgAdmin III, clique aqui. [/update]

Sexto passo (e último, ufa!)

Enfim, agora é hora de criar o projeto e meter a mão na massa.

SQLite3 (default)

    
$ rails app_rails

MySQL

    
$ rails app_rails -d mysql

PostgreSQL

    
$ rails app_rails -d postgres

Espero ter ajudado. Qualquer dúvida ou contribuição será bem vinda. :D

[]’s

Referência: http://wiki.rubyonrails.org/getting-started/installation/linux

Encriptar dados para o banco de dados com PHP

2010-01-26

Quando se trata de aplicações escaláveis todo cuidado é pouco. A forma de armazenar os dados dos usuários no banco de dados é algo básico e de extrema importância, já que ninguém quer responsabilizar-se pela roubo dos mesmos.

Com o passar dos anos, as pessoas especializaram-se ainda mais em quebrar dados criptografados. Isto é, já se tem histórico da quebra de md5 e sha1, o que trás uma preocupação para os desenvolvedores. Eu mesmo costumava usar esses dois tipos de criptografias nas minhas aplicações, porém já não as uso mais.

Uma outra forma bem mais segura de encriptar dados é o uso do módulo mcrypt. Com base nisso e após algumas pesquisas, decidi criar uma simples classe utilitária que seria responsável por gerar qualquer dado criptografado que seja passado como argumento.

Classe PasswordEncrypter

    
class PasswordEncrypter {
     /* key to encrypt/decrypt */
     const KEY = "something";

     public static function generate($data) {
         $td = mcrypt_module_open(MCRYPT_RIJNDAEL_128, '', MCRYPT_MODE_CFB, '');
         $iv = mcrypt_create_iv(mcrypt_enc_get_iv_size($td), MCRYPT_RAND);
         $ks = mcrypt_enc_get_key_size($td);
         mcrypt_generic_init($td, self::KEY, $iv);
         $encrypted = mcrypt_generic($td, $data);

         mcrypt_generic_deinit($td);
         mcrypt_module_close($td);

         return $encrypted;
     }
}

Só é possível desencriptar caso alguém saiba a chave de encriptação. Fiz somente a ida; prefiro encriptar o dado de entrada do usuário e comparar com o que vem do banco de dados. A volta é super simples, basta utilizar o mdecrypt. Para maiores informações, http://www.php.net/manual/en/function.mcrypt-module-open.php

Espero que ajude-os. Estou aberto a sugestões já que não sou muito técnico no tema. Fiquem à vontade! ;)

Salvem o MySQL!

2010-01-19

É isso mesmo! Nunca tive dúvida de que uma hora ou outra isso iria acontecer. A Oracle não é flor que se cheire; nunca fui com a cara dela. Talvez seja porque sou um adepto ao software livre e não suporto a arrogância de certas empresas em relação a seus concorrentes que são livres.

Bem, faça como eu, assine a petição para tentar salvar o MySQL. Todos sabemos o quão importante ele é pra comunidade do software livre e afins. Já fiz a minha parte, conto com a sua também! Divulgue!

Faça já sua parte: http://helpmysql.org/pt/

Temporização de wallpaper no GNOME

2010-01-03

Quem é usuário do Windows 7 sabe do que esse post tratará. Na nova versão do sistema operacional da Microsoft eles criaram um sistema de múltiplos papéis de parede. A cada 30 minutos (configuração padrão, creio) troca-se o papel de parede automaticamente. Creio que essa tenha sido a única novidade que achei interessante em todo o produto. Enfim, não criei este post para falar desse SO nojento.

Como usuário, já estava enjoando do mesmo papel de parede e não tinha paciência de ir no painel de configuração para trocar por um novo de tempos em tempos. Foi aí que surgiu a idéia de temporizar a mudança dos papéis de parede.

De cara já veio a idéia de fazer um bash script para tal. Após algumas pesquisas, percebi que bastava uma simples linha de comando para trocar o papel de parede no GNOME, ambiente gráfico padrão do Ubuntu. Após algumas versões locais, surgiu o timing wallpaper.

timing wallpaper é um bash script que temporiza a troca do papel de parede do GNOME. Não importa a distribuição que você esteja usando, desde que o ambiente gráfico seja GNOME, funcionará perfeitamente. Fácil de instalar, configurar e utilizar. Lembrando que, é um software livre lançado sob a licença GPLv3. Instalando e/ou utilizar este software significa que você concordou com os termos da GPLv3.

Ainda estou apanhando para lidar com a plataforma Launchpad, mas creio ter conseguido disponibilizar o básico do software nela. Caso venham a utilizar o script, recomendo que leiam o README e sigam a instruções que tudo dará certo.

Para download, reportar bugs e afins, visite a página do projeto: https://launchpad.net/timing-wallpaper

Dica: cuidado ao utilizar 'this' dentro de uma função anônima

2009-09-02

Vamos direto ao ponto. O que acontece é que muitas vezes utiliza-se a palavra-chave this para referenciar a classe/objeto como um todo e quando este mesmo this é utilizado dentro de uma função anônima/closure de uma classe ele acaba referindo-se ao objeto Global e não a classe que possui aquela função.

Segue um exemplo mostrando a quem o this vai referir-se dependendo do escopo em que foi chamado:

    
package {
     public class Example
     {
         public function Example() {
            var f:Funcion = function():void { // função anônima
                trace(this);
            }
            f();
            trace(this);
         }
    }
}

As saída serão:

    
[object global]
[object Example]

A solução que encontrei para isso é guardar a referência da classe/objeto em algum lugar no escopo da classe.

Segue um exemplo de como seria:

    
package {
     public class Example
     {
         var myThis:Example = this as Example;

         public function Example() {
            var f:Funcion = function():void { // função anônima
                trace(this);
            }
            f();
            trace(myThis);
            trace(this);
         }
    }
}

A saída será:

    
[object global]
[object ClassExample]
[object ClassExample]

Até a próxima! ;)

Texto padrão/default para TextInput no Flex

2009-08-18

Mais uma necessidade de uma das aplicações que desenvolvo e que gostaria de compartilhar. É um simples textinput que caso não tenha nenhum valor inserido nele, será determinado um valor padrão/default para que tipo de informação deve ser inserida ali. Isso muito acontece em sistemas que possuem um campo de busca onde não há um label ou botão inferindo que aquele campo será utilizado para uma busca.

Bem, foi isso que fiz. Segue abaixo o código:

    
package net.vitoravelino {
    // imports...
    public class TextDefaultInput extends TextInput
    {
        private var _defaultText:String = ""; // caso não seja setado nada pelo desenvolvedor

        public function TextDefaultInput() {
            super();
            this.addEventListener(FlexEvent.CREATION_COMPLETE, function(evt:FlexEvent):void {
                setDefaultText();
            });
        }

        public function get defaultText():String {
            return this._defaultText;
        }

        public function set defaultText(s:String):void {
            this._defaultText = s;
        }

        override protected function focusInHandler(event:FocusEvent):void {
            super.focusInHandler(event);
            this.setStyle("color", 0x0B333C);
            if (this.text == DEFAULT_TEXT) {
                this.text = "";
            }
        }

        override protected function focusOutHandler(event:FocusEvent):void {
            super.focusOutHandler(event);
            setDefaultText();
        }

        private function setDefaultText():void {
            if (this.text == "") {
                this.text = DEFAULT_TEXT;
                this.setStyle("color", 0xCCCCCC);
            }
        }
    }
}

Extendemos o componente TextInput e sobrescrevemos os métodos focusInHandler e focusOutHandler. O componente TextInput possui um listener para os eventos de focusIn e focusOut. Quando focusIn acontece, o componente estará pronto para ser utilizado de fato, ou seja, o usuário pode digitar qualquer texto. O focusOut acontece quando o foco principal já não é mais o campo e sim outro componente. Aproveitando-se desses dois eventos é que colocamos um texto padrão/default indicando que o usuário pode inserir um texto para uma determinada operação. Também nos aproveitamos do creationComplete para assim que o componente estiver pronto para ser utilizado, já estará setado o texto padrão/defaul.

Confira a demo e source.

HTML 5: primeiras impressões

2009-08-08

Há algum tempo já se vem discutindo o futuro da web em relação ao HTML5. Não se sabe ainda quando ficará pronto, mas já há muita coisa pronta e que dá para ser utilizada hoje. Quando lí comentários a respeito, achei que o HTML5 seria uma piada. Porém, pelo que ví hoje, quebrei e feio a cara. Mudanças consideráveis e maduras em relação ao velho HTML4 aconteceram; e eu gostei. ;)

Quando entrei pro mundo web, comecei com HTML e mal. Vim realmente aprender sobre sintaxe e semântica com o surgimento do XHTML e do conceito tableless. O que muito me alegrou no HTML5 foi poder escolher que sintaxe utilizar na hora de codificar: XHTML; e/ou HTML5. Ficou bem mais confortável para o desenvolvedor, já imaginou ter que continuar a fechar a tag input como no HTML4?

Mas, o que de fato o HTML5 vem trazendo de interessante?

Foram criadas novas tags que dão uma maior semântica a estrutura da página. Algumas delas são o <section>, <header> de uma section, <footer>, <nav>, <article> e, <aside>. Os nomes delas já são auto-explicativos e vão substituir aquele monte de div’s que utilizávamos para “fatiar” o layout como um todo da página. Em uma das referências há a construção de um layout completamente em HTML5 que não utilizou uma tag <div> sequer. Talvez tenha tornado-se um pouco mais trabalhoso/complexo a construção de estruturas sintaticamente e semânticamente corretas que o de costume, porém o retorno é bem maior dado o nível de enriquecimento nesta versão.

Outras tags interessantes que vieram no HTML5 são as <video> e <audio>. Não é mais necessário “embedar” elementos de vídeo, por exemplo.

Bem, mas onde fica o XHTML2 nessa história toda? Oo que mais se discute sobre ele são as especificações que não tem muito a ver com as versões antigas, XHTML1.X. Uma histórinha curta que explica um pouco da real situação do HTML5 e XHTML2 pode ser encontrada nessa tirinha. Não acredito que o XHTML2 venha causar algum impacto ao HTML5, como aconteceu com o XHTML1.X em relação ao HTML4.

O pessoal está tão animado que acabam chamando o HTML5 de (X)HTML5, devido a aceitação da sintaxe XHTML. Um lema que está pegando é:

Morte ao XHTML2, vida longa ao (X)HTML5!

Tem bastante material bacana sobre HTML5. Não vou aprofundar-me mais no assunto porque essas são apenas as primeiras impressões que tive ao dar uma pequena pesquisada na web.

Referências