18/06/2008

Como saber quais eventos são disparados pelo componente Ext JS.

Essa é uma dica que eu consegui no Saki´s Blog é simples e muito útil para descobrir todos eventos que um objetos javascript contém.

Obs: para serguir este exemplo instale o firebug.
Para exemplo, temos um obejto chamado de 'meu-objeto' ,  para conseguirmos quais eventos esse objeto dispara, abrimos o firebug -> console. No na parte de edição do interpretador javascript digitamos:
 
Ext.util.Observable.capture(Ext.getCmp('meu-objeto'), function(e) {console.info(e);})

Executando essa rotina no interpretador do firebug(ctrl+ENTER) iremos ter como saída os eventos que ocorrem dentro do objeto.

t+

01/05/2008

UFW - Firewall Linux sem complicação ???

Firewall Linux sem complicação, como assim?

Isso mesmo agora no Ubuntu Hardy os desenvolvedores adicionaram uma nova interface de linha de comando para o Iptables chamada de Ufw (Uncomplicated Firewall), com o objetivo de facilitar a vida dos administradores na hora de configurar o firewall para o sistema. Com esse aplicativo pode-se abrir e fechar as portas de comunicação do computador com poucos comandos.

Conhecendo um pouco mais da ferramenta Ufw.

O ufw é iniciado no boot do sistema, e assim o firewall já é carregado logo na inicialização, como é baseado no Iptables ele possui arquivos de configuraçõa baseado em regras de entrada e saída dos dados, esses arquivos são encontrados em /etc/ufw/ , neste diretório podemos encontrar os seguintes arquivos:

ls -l /etc/ufw
total 24
-rw-r--r-- 1 root root 1031 2008-04-07 18:19 after6.rules
-rw-r--r-- 1 root root 1017 2008-04-07 18:19 after.rules
-rw-r--r-- 1 root root 1910 2008-04-07 18:19 before6.rules
-rw-r--r-- 1 root root 2167 2008-04-07 18:19 before.rules
-rw-r--r-- 1 root root 1003 2008-03-07 21:24 sysctl.conf
-rw-r--r-- 1 root root 66 2008-03-11 10:33 ufw.conf

Os arquivos after (antes) e before (depois) são os arquivos que a ferramenta lê durante a inicialização e as regras ali contidas darão as caracteristicas de acesso e bloqueio do firewall do sistema. Os arquivos after6 e before6 são destinados ao protocolo IPv6 inquanto o demais arquivos para o protocolo IPv4.

Desabilitando ICMP ECHO REQUEST.

Exemplo de como desabilitar as requisições echo request pelo arquivo /etc/ufw/before.rules.
Devemos comentar a linha abaixo( colocar o # na frente da linha ) no arquivo de regras do ufw em /etc/ufw/before.rules.

-A ufw-before-input -p icmp --icmp-type echo-request -j ACCEPT

Para trabalhar ativar/desativar o firewall nós devemos usar o comando enable/disable.

ufw enable | disable

Para ativar algum tipo de serviço do firewall utilizamos on/off. Exemplo ativar o firewall para registrar logs.

ufw logging on

Para aceitar ou bloquear algum pacote podemos usar allow/deny e para apagalas usar delete. Para verificar as portas e os seviços que as utilizam pode-se dar uma olhada no arquivo /etc/services.

A sintaxe de utilização do ufw é a seguinte:

ufw allow|deny serviço

ou de uma forma mais completa.

ufw allo|deny proto from port to port

Para verificar o status do firewall.

ufw status

Agora vamos fazer um firewall.

Primeiro verificamos quais as portas abertas no computador:

sudo nmap localhost

Aqui temos a porta 22 que é o serviço SSH aberta, vamus bloquea-lá.

sudo ufw deny 22
ou
sudo ufw deny ssh

Para permitir um acesso a uma porta pelo protocolo podemos usar:

sudo ufw allow 80/tcp

Para bloquear um ip:

sudo ufw deny proto icmp from 192.168.10.1
sudo ufw deny proto icmp from 2001:db8::/32 (para ipv6 )

Para apagar alguma regra:

sudo ufw delete deny proto icmp from 192.168.10.1

Para verificar como o firewall está use o comando:

sudo ufw status

Bom é isso ai.

Para saber mais sobre as novidades do Ubuntu 8.04, veja o release completo do Ubuntu Hardy neste endereço:
http://www.ubuntu.com/testing/hardy/beta

Até a próxima.

30/04/2008

Adobe Air - Criando um aplicativo Air no Dreamweaver

Hoje vou mostrar como é fácil criar um aplicativo Adobe Air com o Dreamweaver.

Pré-Requisitos:
Para conseguir seguir este tutorial, você deve baixar e instalar os seguintes pacotes.
Adobe Air.
Adobe Air SDK.
Adobe Air extension for Dreamweaver.

Criando uma aplicação AIR no Dreamweaver.

Primeiro, abra o Dreamweaver e defina um novo site normalmente, após definir o site criaremos a página principal da aplicação.

New -> aplicacao.html

Depois selecione na barra de menus do Dreamweaver o menu Site:

Site -> Air Applications Settings..

Uma nova janela será aberta com alguns campos que precisam ser preenchidos, para que o site em questão ser torne uma aplicação Adobe Air. Nesta nova janela percebemos que alguns campos possuem asteristico, esses campos devem ser preenchidos obrigatóriamente.


Os campos com asteristico são:

File Name - este é o nome usado para o arquivo executável. Por padrão o Dreamweaver utiliza o nome do site como nome do executável. Você pode mudar este nome se preferir, entretanto o nome deve conter caracteres válidos para diretórios e arquivos.

Name - este é o nome que é mostrado ao usuário quando instala a aplicação.

ID - identifica sua aplicação com um ID único. Você pode escolher o ID também, mas não utilize espaço ou caracteres especiais para o ID. Os caracteres válidos para ID são 0-9, a-z, A-Z, . e - .

Version - especifica a versão da sua aplicação. É necessário por.

Initial content - este especifica a página inícial para a sua aplição. Clique em no botão Browse e procure pela página inicial da sua aplicação no diretório raiz.

Window Style - especifica o estilo da janela, window style chrome para usar quando o usuário roda a aplicação no computador dele. O sistema chrome utiliza o controle do sistema para padronizar a janela. Custom Chrome (opaque) elimina os padrões utilizados pelo sistema e permite a você desenvolver o chrome para a sua própria aplicação. Custom Chrome(transparent) é parecido com Custom Chrome (opaque)fazendo com que as bordas fiquem transparents permitindo que a janele se transforme em formas não retangulares.

Window Size - especifica o tamanho que a janela é quando aberta.

Icon - especifica o icone da sua aplicação, para isso utlize imagens PNG. ( as imagens devem estar contidas dentro da pasta raiz do projeto. )

Digital Signatures - esse campo é utilizado para a criação de certificados digitais, com o objetivo de aumentar a segurança de que sua aplicação não seja alterada a menos que o autor seja você.


Program menu folder - especifica um sub-diretório dentro do menu iniciar do windows, é onde você quer que o atalho do seu programa seja criado. ( não utilizado no machintosh ).

Destination - especifica onde você quer salvar o executável (.air ) da sua nova aplicação.

Essas são as opções básicas para a criação de um aplicativo AIR, caso tenha interesse, pode consultar as demais opções na documentação do ADOBE Air online .

Com os campos preenchidos nossa aplicação já pode ser testada, apertando a tecla Ctrl+Shift+F12.

Bom é isso.
Até a próxima, t+.