Category — Software

Instalando e Configurando o MSN-Proxy

O msn-proxy é um proxy transparente para clientes MSN Mensenger que permite que você controle e monitore o uso do Messenger em sua rede. Possui as seguintes características:  

  • Suporte ao novo protocolo P2P
  • Suporte a acls: “*mycompany@hotma*”
  • Suporte a listas de permissões através de ACLs
  • Suporte a envio de mensagens de controle
  • Suporte a remover/adicionar usuários
  • Suporte a procura por logs de usuários
  • Suporte a remoção de logs de usuários
  • Sistema de visualização de logs de usuários
  • Suporte Messenger 9
  • Monitor em tempo real

sabendo das informações acima, vamos ao que importa.  

1 – Pacotes necessários

Para instalar o MSN-Proxy vamos precisar de alguns pacotes que não são instalados por padrão no Ubuntu Server e vamos dividi-los em Contidos nos Repositórios e os Para compilação.  

1.1 – Contidos nos Repositórios

php5
apache2
mysql
make
gcc
g++
libmysqlclient15-dev  

1.2 – Para Compilação

libevent
msn-proxy  

2 – Procedimento de Instalação dos pacotes

2.1 – Contidos nos Repositórios

2.1.1 – instalando o suporte a php

sudo apt-get install php5 libapache2-mod-php5 php5-gd php5-imagick php5-mysql  

Sera feita a verificação dos pacotes a serem instalados e suas respectivas de pendencias e vai ser pedido uma confirmação para instalação, aceite e o procedimento de download sera feito, ao termina, sera iniciada a instalação dos pacotes.  

2.1.2 – Instalando o Apache v2

sudo apt-get install apache2  

novamente sera feita a verificação de dependências e neste caso a instalação sera feita automaticamente.  

2.2.3 – Instando o MySQL

sudo apt-get install mysql-server phpmyadmin  

como nos outros verificação dos arquivos de instalação e dependências serão feitas, e o phpmyadmin foi adicionado para facilitar a administração do MySQL, a confirmação de instalação vai ser solicitada, confirme.  

2.1.4 – Instalando a Lib Libmysqlclient15-dev


sudo apt-get install -f libmysqlclient15-dev
  

vai ser verificado as dependências e logo em seguida vai ser solicitada confirmação, confirme  

2.1.5 – Instalado compiladores

sudo apt-get install make gcc g++  

novamente vai ser verificado as dependências e por fim a confirmação, confirme.  

3 – Para Compilação

3.1 – Instalando LibEvent

Inicialmente vamos baixar em diretório de sua escolha o pacote do libevent no site oficial acessando a seguinte url:  

http://monkey.org/~provos/libevent-1.4.9-stable.tar.gz
  

3.1.1 – Procedimentos de instalação

Siga os procedimentos abaixo na ordem em que são disponibilizados que provavelmente nada de errado vai acontecer  

tar -xvzf libevent-1.4.9-stable.tar.gz  

cd  libevent-1.4.9-stable  

./configure  

make  

sudo make install  

Finalizando com o comando acima a instalação ainda precisamos fazer uma intervenção no sistema para que a lib que foi instalada seja usada corretamente, para isso vamos proceder da seguinte maneira:  

cd /usr/lib  

sudo ln -s /usr/local/lib/libevent-1.4.so.2  

com isso finalizamos a instalação do libevent.  

3.2 – Instalando o MSN-Proxy

Vamos providenciar o download do pacote de instalação acessando o link abaixo:  

http://ufpr.dl.sourceforge.net/sourceforge/msn-proxy/msn-proxy-0.7.tar.gz  

3.2.1 – Procedimentos de instalação

Siga os procedimentos abaixo na ordem em que são disponibilizados que provavelmente nada de errado vai acontecer  

tar -xvzf msn-proxy-0.7.tar.gz  

cd msn-proxy-0.7/  

antes de iniciarmos a compilação é preciso alterar o arquivo Makefile, já que ele vem configurado para instalações em freebsd e para instalar no linux precisamos fazer o seguinte:  

vim Makefile  

procurar e comentar as seguintes linhas, deixe como abaixo  

# FreeBSD
#MYSQLINC=/usr/local/include
#MYSQLLIB=/usr/local/lib/mysql
  

procurar e descomentar as seguintes linhas e deixe como abaixo:  

# Linux (most)
MYSQLINC=/usr/lib/mysql
MYSQLLIB=/usr/local/mysql/lib/mysql
  

salve o arquivo e vamos iniciar o procedimento de instalação.  

Siga os procedimentos abaixo na ordem em que são disponibilizados que provavelmente nada de errado vai acontecer  

3.2.2 – Compilando

make  

sudo make install  

3.2.2.3 – Copiando arquivos

sudo cp -R php /var/www  

sudo mv /var/www/php /var/www/msnproxy  

3.2.3 – Editando arquivos de configuração

sudo vim /var/www/msnproxy/mysql.inc.php  

Deixe como mostrado abaixo trocando os valores dos campos $user e $pass:  

$host = “localhost”
$user = “usuário do banco”
$pass = “sanha do usuario”
$db = “msnproxy”
$port = “3306”
  

sudo vim /usr/local/etc/msn-proxy/mysql/conf  

Deixe como mostrado abaixo trocando os valores dos campos usuario_banco e senha_user_banco:  

localhost|3306|usuario_banco|senha_user_banco|msnproxy

sudo vim /etc/php5/apache2/php.ini

Deixe como mostrado abaixo:  

safe_mode = On
safe_mode_gid = On
register_globals = On
display_errors = On
  

4 – Adicionando a Base de Dados e tabelas ao MySQL

O Msn-Proxy trabalha usando uma pequena base de dados que não é criada junto com a instalação, portanto vamos ter que cria-la, usando o phpmyadmin ou por linha de comando, abaixo exemplifico por linha de comando.  

Primeiramente vamos acessar a console do MySQL executando:  

mysql -u root -p  

Para criar a base de dados, é só executar o comando abaixo, lembrando que se quiser mudar o nome da base é só trocar o que esta em msnproxy por um nome a sua escolha:  

CREATE DATABASE `msnproxy`;  

E finalizando com a saída da console:  

quit  

5 – Iniciando o MSN-Proxy

Para iniciar o programa vamos executar o seguinte comando:  

sudo msn-proxy -d -i  

A seguinte mensagem vai ser mostrada:  

fail to read mysql config (check defaults table)   

se esta mensagem acima for mostra isto quer dizer que nossa base de dados esta criada e que foi populada com as tabeles dos sistema com sucesso porem ainda falta adicionar alguns dados na tabela default para isso vamos seguir os seguintes passo:  

mysql -u root -p  

use msnproxy;  

show tables;  

a saída do comando acima tem que ser esta:  

+——————–+
| Tables_in_msnproxy |
+——————–+
| contact_groups     |
| contacts           |
| defaults           |
| log                |
| sb                 |
| users              |
+——————–+
  

Agora vamos inserir os dados que faltam para que o msn-proxy seja corretamente carregado:  

INSERT INTO `defaults` ( `internal_host` , `connect` , `save_msg` , `save_contacts` , `commands` , `warnemail` , `warndn` , `warnmsg` , `msgfont` , `msgcolor` ) VALUES (’192.168.11.250′, ‘YES’, ‘YES’, ‘YES’, ’0′, ‘administrador@seudominio.com.br’, ‘Administrador do Sistema’, ‘Para sua segurança esta mensagem esta sendo monitorada.’, ‘Arial’, ‘black’);  

Com este comando vamos adicionar na tabela default os seguintes dados:  

  • IP do servidor que esta instalado o MSN-Proxy
  • O email do Administrador do Sistema
  • A mensagem que sera mostrada ao usuário de que sua seção esta sendo monitorada

PS: troque os campos em negritos por 1- ip do servidor do MSN-Proxy ; 2 – email do administrador do sistema 3- mensagem de monitoria  

Agora já podemos iniciar novamente o MSN-Proxy usando o comando:  

sudo msn-proxy -d -i &  

6 – Direcionando as conexões

Depois de iniciado o serviço os sistema esta no ar, porem ainda não estará gerenciando as conexões,  para isso vamos ter que configurar no servidor a repassagem de pacotes ou IP FORWARD vamos também precisar habilitar o NAT e por fim vamos fazer com que todas as requisições com destino a porta 1863 do MSN seja direcionada para o próprio servidor. Segue abaixo o processo:  

6.1 – Habilitando o IP Forward

O comando abaixo habilita o server a fazer a repassagem dos pacotes  

sudo sysctl -w net.ipv4.ip_forward=1  

para aceitar as configuração executamos:  

sudo sysctl -p /etc/sysctl.conf  

6.2 – Configurando o NAT

Para configurar o NAT no servidor vamos executar:  

sudo iptables -t nat -A POSTROUTING -o eth0 -j MASQUERADE  

6.3 – Configurando o redirecionamento do MSN

Vamos executar o seguinte comando:  

sudo iptables -t nat -A PREROUTING -p tcp –dport 1863 -s <ip de rede da rede interna/mascara> -j REDIRECT  


  

7 – acessando a interface de administração

O sistema MSN-Proxy possuí uma interface de administração web que pode ser acessada por qualquer browser apenas o direcionando para a seguinte URL:  

http://IP_DO_SERVIDOR/msnproxy  

Acessando esse endereço vamos ter acesso a seguinte tela inicial:  

Photobucket  

Interface bem simples e intuitiva com apenas o link para a tela de configurações gerais e um chebox para que seja mostrados os usuários que estão desconectados. Neste mesma tela vão ser mostrados os contatos que estiverem online na imagem 1 e se o chebox “Mostrar usuários offline” estiver marcado os usuários desconectados também como podemos ver abaixo na imagem 2.  

Photobucket  

Photobucket  

Ainda na tela inicial, podemos interagir com algumas informações disponíveis na tela, uma dessas opções é a “Outras opções” onde vamos poder definir configurações individuais para o usuário como veremos abaixo:  

Photobucket  

Alem das configurações de bloqueis são disponibilizados informações sobre a “Ultima conexão” do usuário com data e hora e o “Ultimo IP” neste caso sera o IP da maquina da rede interna.  

Mais abaixo estão disponíveis como vai se comportar o proxy para aquele usuário como alguns tipos de bloqueios, avisos e log de mensagens e contatos.  

7.1 – Configurações Gerais

Nesta tela vamos configurar como o servidor vai se comportar para todos os clientes que vão ser administrados pelo proxy. A tele é a mesma mostrada para a configuração individual dos usuários, porem nesta tudo que for configurado aqui vai ser replicados para todos. Essas configurações só acrescentam as configurações individuais elas não sobrescrevem as opções já marcadas individualmente. A tela foi dividida blocos de configuração como veremos nos tópicos a seguir:  

7.1.1 – Opções de Servidor, conexão e log

Photobucket  

Neste bloco de configurações vamos poder definir:  

  • IP interno do proxy → IP configurado na placa de rede interna;
  • Conexão → Permite que todos os usuários tenham permissão pra logar se a opção “SIM” estiver ativa caso a opção “NÃO” esteja ativa, só usuários cadastrados e ativos;
  • Salvar mensagens → Se habilitado, faz o log todas as mensagens trocadas por todos os clientes
  • Salvar lista de contatos → Se habilitado, salva a lista de contatos de todos os clientes

7.2 – Outras opções

  

Neste bloco de configurações vamos poder definir:  

IP interno do proxy → IP configurado na placa de rede interna  

Conexão → Permite que todos os usuários tenham permissão pra logar se a opção “SIM” estiver ativa caso a opção “NÃO” esteja ativa, só usuários cadastrados e ativos  

Salvar mensagens → Se habilitado, loga todas as mensagens trocadas por todos os clientes  

Salvar lista de contatos → Se habilitado, salva a lista de contatos de todos os clientes  

8.2 – Outras opções

 

Photobucket  

Neste bloco de configuração veremos as opções de restrições disponíveis a tela é totalmente explicativa onde podemos destacar o bloqueio de conexão por versão dos clientes MSN, bloqueio de transferência de arquivos, Aviso de monitoramento, Bloqueio de Winks e pedidos de atenção, entre outras.  

7.3 – Aviso de monitoramento

Photobucket  

Neste ultimo bloco vamos configurar a mensagem que sera enviada ao usuário logo que for mandada a primeira mensagem em chat, avisando que esta sessão esta sendo monitorada, onde podemos informar o email do administrador para possíveis contatos, o nome do administrador e a mensagem que vai ser enviada. Ainda podemos definir que tipo de fonte vai ser utilizada e a cor do texto.  

Esta mensagem só sera mostrada se a opção “Avisa ao usuário que a mensagem esta sendo monitorada” do bloco outras opções estiver marcada.  

8 – Tela de contatos dos usuários

Nesta tela vamos poder visualizar a lista de contatos dos usuários, tanto os conectados quantos os que estiverem desconectados, a finalidade desta tela é permitir ou bloquear (depende da politica) que o usuário possa falar com um o mais contatos de sua lista de contatos.  

Photobucket  

9 – Tela de log

Por fim, veremos a tela de log do MSN-Proxy, caso tenha habilitado esta funcionalidade todas a conversas vão ser logadas e vão estar disponíveis como vemos demonstrado abaixo na tela:  

Photobucket

Share and Enjoy:
  • Print
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Blogplay
  • Add to favorites
  • BarraPunto
  • Bitacoras.com
  • BlinkList
  • blogmarks
  • Blogosphere News
  • blogtercimlap
  • connotea
  • Current
  • Design Float
  • Diggita
  • Diigo
  • DotNetKicks
  • DZone
  • eKudos
  • email
  • Fark
  • Faves
  • Fleck
  • FriendFeed
  • FSDaily
  • Global Grind
  • Gwar
  • HackerNews
  • Haohao
  • HealthRanker
  • HelloTxt
  • Hemidemi
  • Hyves
  • Identi.ca
  • IndianPad
  • Internetmedia
  • Kirtsy
  • laaik.it
  • LaTafanera
  • LinkaGoGo
  • LinkArena
  • LinkedIn
  • Linkter
  • Live
  • Meneame
  • MisterWong
  • MisterWong.DE
  • MOB
  • MSN Reporter
  • muti
  • MyShare
  • MySpace
  • N4G
  • Netvibes
  • Netvouz
  • NewsVine
  • NuJIJ
  • PDF
  • Ping.fm
  • Posterous
  • Propeller
  • QQ书签
  • Ratimarks
  • Rec6
  • Reddit
  • RSS
  • Scoopeo
  • Segnalo
  • SheToldMe
  • Simpy
  • Slashdot
  • Socialogs
  • SphereIt
  • StumbleUpon
  • Suggest to Techmeme via Twitter
  • Technorati
  • ThisNext
  • Tipd
  • Tumblr
  • Twitter
  • Upnews
  • viadeo FR
  • Webnews.de
  • Webride
  • Wikio
  • Wikio FR
  • Wikio IT
  • Wists
  • Wykop
  • Xerpi
  • Yahoo! Bookmarks
  • Yahoo! Buzz
  • Yigg
  • 豆瓣
  • 豆瓣九点

maio 15, 2010   No Comments

Como aceitar cartão de crédito no seu site

Você não paga nada para abrir sua conta no site Pagseguro. Todo processo de cadastramento é on-line e sem qualquer burocracia. Eles oferecem todas as dicas para integrar o seu site ao sistema de pagamento deles. Seu custo será um percentual sobre cada venda realizada. Este percentual varia de acordo com a forma de pagamento. No caso de cartão de crédito o percentual fica entre 5,4% e 6,4%. Exemplo: Se você vender um produto por R$ 50,00 e seu cliente efetuar o pagamento através do Pagseguro usando cartão de crédito você receberá R$ 46,80 e pagará ao Pagseguro a taxa de R$ 3,20 que equivale a 6,4%. Já se for débito em conta ou boleto bancário seu custo será de apenas R$ 1,85.

Para quem é pessoa física está é uma solução perfeita, pois pessoas físicas não podem contratar bancos e operadoras de cartão diretamente. Usando o Pagseguro isto é possível.

As formas de pagamento aceitas são:

1. Cartão: Visa, Mastercard, Diners, Amex, Hipercard
2. Débito em conta: Bradesco, Itaú e Unibanco.
3. Boleto bancário

Vantagens:

* Sem taxa administrativa ou taxa de abertura de conta.
* Você só paga se vender algum produto pelo sistema.
* Sem taxa de cancelamento. Você pode cancelar sua conta qualquer momento.
* Pessoas físicas também podem usar o serviço.
* Pessoa jurídica com uma boa quantidade de vendas paga taxas menores.
* Você não precisa ter conhecimento avançado para integrar o Pagseguro ao seu site ou sistema de compras pois eles já fornecem o código html que você deve utilizar. Eles também oferecem um sistema de “carrinho de compras”.
* O sistema é seguro já que toda transação é realizada diretamente com o site dos bancos e empresas de cartão de crédito. Os dados dos seus clientes não ficam armazenados com você e nem com o Pagseguro. A operação é feita diretamente com os bancos.
* Se você fosse contratar todos estes serviços de pagamento diretamente com os bancos e operadoras de cartão, teria os custos com a abertura e manutenção de contas bancárias em diversos bancos, teria que assinar contratos e ter diversos custos operacionais e relacionados a segurança. Usando o serviço do Pagseguro você não vai se preocupar com isto.
* As tarifas cobradas pelo Pagseguro são próximas das cobranças pelos bancos e operadoras de cartão. Se levar em conta que você não precisará fazer nenhum investimento e não terá custos de manutenção da estrutura verá que o custo/benefício é ótimo.
* Você poderá transferir os valores pagos por seus clientes para sua conta bancária com facilidade e sem custos.
* Tudo pode ser gerenciado e acompanhado pela web através de um painel de controle que eles oferecem.

Já estamos estudando a possibilidade de integrar o Pagseguro ao sistema de pagamentos da NEOSITE, principalmente para o pagamento das tarifas para registro de domínios internacionais.

Acreditamos ser um serviço sério e confiável, principalmente por estar vinculado ao provedor UOL que é uma das maiores e mais antigas empresas de internet do país. Para abrir sua conta gratuitamente e acessar mais informações clique aqui. Em poucos minutos você já poderá integrar seu site ao sistema.

https://pagseguro.uol.com.br/index.jhtml

Share and Enjoy:
  • Print
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Blogplay
  • Add to favorites
  • BarraPunto
  • Bitacoras.com
  • BlinkList
  • blogmarks
  • Blogosphere News
  • blogtercimlap
  • connotea
  • Current
  • Design Float
  • Diggita
  • Diigo
  • DotNetKicks
  • DZone
  • eKudos
  • email
  • Fark
  • Faves
  • Fleck
  • FriendFeed
  • FSDaily
  • Global Grind
  • Gwar
  • HackerNews
  • Haohao
  • HealthRanker
  • HelloTxt
  • Hemidemi
  • Hyves
  • Identi.ca
  • IndianPad
  • Internetmedia
  • Kirtsy
  • laaik.it
  • LaTafanera
  • LinkaGoGo
  • LinkArena
  • LinkedIn
  • Linkter
  • Live
  • Meneame
  • MisterWong
  • MisterWong.DE
  • MOB
  • MSN Reporter
  • muti
  • MyShare
  • MySpace
  • N4G
  • Netvibes
  • Netvouz
  • NewsVine
  • NuJIJ
  • PDF
  • Ping.fm
  • Posterous
  • Propeller
  • QQ书签
  • Ratimarks
  • Rec6
  • Reddit
  • RSS
  • Scoopeo
  • Segnalo
  • SheToldMe
  • Simpy
  • Slashdot
  • Socialogs
  • SphereIt
  • StumbleUpon
  • Suggest to Techmeme via Twitter
  • Technorati
  • ThisNext
  • Tipd
  • Tumblr
  • Twitter
  • Upnews
  • viadeo FR
  • Webnews.de
  • Webride
  • Wikio
  • Wikio FR
  • Wikio IT
  • Wists
  • Wykop
  • Xerpi
  • Yahoo! Bookmarks
  • Yahoo! Buzz
  • Yigg
  • 豆瓣
  • 豆瓣九点

fevereiro 28, 2010   No Comments

ExtBuilder editor visual para extJS, é um plugin do eclipse que pode ajudar o trabalho do desenvolvedor.

  1. certifique-se de eclipse versão é 3.2,3.3 ou 3.4 instalado com o GEF.
  2. site de download de atualização arquivados em http://code.google.com/p/extbuilder/downloads/list
  3. Clique em Help-> Software Updates-> Find and Install …-> busca de novos recursos para instalar, clique em Next
  4. Clique em New Archived Site-> Procure extbuilder_update.zip e clique em Abrir.
  5. Clique em OK e siga as instruções para instalar.
  6. Reinicie o eclipse

  1. Apatanta como instalar um plugin para Eclipse.
  2. Instale ExtBuilder para Eclipse

Nota: Studio Apatana retirados alguns plugins build-in do Eclipse, como o GEF, UTI, JDT, etc Se você quer definitivamente usar Studio Apatana sem eclipse, instale estes plguins primeiro.

  1. Clique em Windows> Preferences ..-> ExtJs Builder
  2. Clique no botão Browse para selecionar o diretório home ext.

  1. Clique em File-> New e selecione Web> ExtJs Page. um diálogo do assistente será exibido.
  2. Clique em Avançar
  3. Introduza o nome que você quiser
  4. Entrada de nome da classe que você quer, extbuilder criar uma classe em um arquivo, assim como o Java
  5. Introduza o nome do arquivo, o padrão é o nome da classe
  6. Selecione super classe, padrão é Ext.Panel, você também pode criar uma janela, selecione Ext.Window
  7. Clique em Concluir.
  8. Depois, há dois arquivos criados no Package Explorer, por exemplo: CorpSelectPanel.ext e CorpSelectPanel.js. O primeiro arquivo é usado por extbuilder, o segundo arquivo é o arquivo de script para você.

Antes de começar a editar uma página Ext, certifique-se de que você abriu vista de destaques e ver as propriedades. Se não, por favor clique em Janela-> Mostrar Exibir para abrir estes dois pontos de vista.

É um editor de páginas contém um editor de código-fonte e um editor de interface do usuário. No editor de código-fonte, você pode ver o código real extbuilder gerar para você. Por favor, o foco initUIComponents função. No editor de interface do usuário, você pode ver uma paleta na lateral esquerda e um navegador embutido na lateral direita. Com o browser embutido, você pode visualizar o código gerado pelo ExtBuilder.

A vista de destaque é uma árvore de componentes. Você pode selecionar componente específica na vista.

A opinião mais importante que você tem que lidar. Nesta exibição, você pode definir a configuração de um componente. Por exemplo: Para um componente Panel, você pode definir a propriedade de título para “myPanel ‘, a propriedade de layout para’ Fronteiras ‘, a propriedade largura de ‘100′, etc Para um componente GridPanel, você pode definir a propriedade de armazenar e propriedade colunas. Tudo o que você faz para alterar um componente em vigor imediatamente. Tanto o editor de código e editor de interface irá mudar. É uma boa maneira de observar as suas configurações como mudar a interface do usuário para o seu estilo queria.

No editor de interface do usuário, você pode ver uma paleta com alguns componentes em várias pastas. Extbuilder Agora suporta a maioria dos componentes na última Ext 2,2 Você pode clicar em um componente, como um painel, em seguida, mova o mouse para a vista, deve haver um componente chamado painel , é o componente de raiz de uma classe painel. Clique com o mouse novamente, o componente Painel de raiz tem agora um painel de criança. Da mesma forma, você pode usar todos os componentes e organizar a árvore de componentes como você deseja. Embora você possa pensar arrastar um componente e largá-lo para uma tela é melhor, mas isso significa ExtBuilder necessidade de implementar todos os componentes de desenho Ext, comportamento e layout em código Java. De minha opinião, este caminho é o caminho mais rápido para construir uma página GUI.

Componente Ext têm muitas propriedades. ExtBuilder dividir essas propriedades em duas categorias: comum propriedades e propriedades avançadas. Por padrão, apenas as propriedades comuns são mostrados, você pode mostrar as propriedades avançadas pelo clique no botão Avançado na barra superior de Propriedades de Visualização. Propriedades podem ser string, inteiro, na lista suspensa. Algumas propriedades especiais, como armazenar, barra de ferramentas, botões, colunas de modelo irá aparecer uma janela para definir usuário.

Há dois painéis, um pai, um filho.

  1. Criar uma nova página Ext
  2. Definir tilte o painel de raiz para ‘parentPanel’
  3. Adicionar um Painel de componente do painel de raiz
  4. Definir o título do painel de criança a ‘ChildPanel’
  5. Clique no painel pai na vista de destaques
  6. Definir layout do painel de pais para a ‘fronteira’
  7. Clique no painel infantil na vista de destaques
  8. Definir região do painel central para criança ‘

Porque Ext layout transfronteiras exige uma componente região centro, assim quando você definir o esquema de “fronteira”, e não definida a região do painel infantil de ‘centro’, você poderá ver alguma mensagem de erro no navegador, não é um bug do ExtBuilder. 

FormPanel

  1. Criar uma nova página Ext
  2. Adicionar um FormPanel a raiz do painel
  3. Definir o layout da coluna para FormPanel ‘
  4. Adicione dois painéis para FormPanel, defina a columnWidth ‘.5′
  5. Definir layout estes dois painéis de forma a ”
  6. Adicionar 4 TextField para Painel estes dois, cada um, dois

Então você começa um painel de duas forma de coluna

Cada painel Ext tem duas barras de ferramentas, tbar e bbar.

  1. Clique em um Painel de vista de destaques.
  2. Clique em Exibir Propriedades, seleccione a propriedade ou tbar bbar
  3. Clique no botão do lado direito’…’ mostrar barra de diálogo Configurações
  4. Na barra de diálogo Configurações, clique no botão Adicionar (+) para adicionar Button, Separator, Spacer, Preenchimento textitem e MenuButton.Menu de edição não está pronto na versão atual.
  5. Alterar o texto da barra de ferramentas de texto, por padrão, o manipulador é como “onButtonTextClick”. Naturalmente, é possível alterar o nome da função do manipulador.
  6. Então mude para o editor de código fonte, veja o que aconteceu.

          tbar: Ext.Toolbar novo ([(handler: function (botão, evento) (this.onButtonClick (botão, event);). CreateDelegate (este), text: "botão")])

Olhe para este bloco de código, eu uso um pequeno truque. Porque ExtBuilder precisa mostrar página de visualização para os usuários, alguns erros de javascript vai fazer a página de visualização de página em branco. Então eu tenho que fazer ele funciona bem quando os componentes do processador ext. Pode ter necessidade de escrever o seu próprio função de manipulador evento em sua classe. Por exemplo:

  ...,
       OnButtonClick: função (botão, evento) (
          / / Seu código aqui
       )

Cada painel tem um botão de propriedades. Só mesmo os botões da barra de ferramentas de edição, exceto o componente pode adicionar aqui é só Ext.Button. ButtonAlign Você pode usar o botão para alinhar à esquerda, direita ou centro.

ExtBuilder apoiar três painéis de grade. GridPanel, PagingGridPanel e EditorGridPanel. PagingGridPanel é um GridPanel com barra de paginação na parte inferior.

Loja pode ter dados remoto (HttpProxy) ou local (MemoryProxy). Aqui está um exemplo que usamos para construir MemoryProxy grade.

  1. Clique’…’ botão para mostrar Store diálogo Configurações
  2. Selecione MemoryProxy em BÁSICA
  3. Clique no botão de exemplo para gerar alguns dados aleatórios
  4. Clique no botão OK para salvar as configurações da loja.
  5. Adicionar loadData função em sala de aula
  6.   loadData: function () (
                     this.store1.load ();
         )

loja1 aqui é o nome do componente da loja.

  1. Adicione o código em função do construtor de classe
  2.   função system.CorpSelectPanel = (config) (
             Ext.applyIf (this, config);
             this.initUIComponents ();
             system.CorpSelectPanel.superclass.constructor.call (this);
             / / carregar dados loja aqui
             this.loadData ();
          );

Agora, você pode ver os dados na página de visualização. 

Font: http://code.google.com/p/extbuilder/wiki/UserGuide#Introduction

Share and Enjoy:
  • Print
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Blogplay
  • Add to favorites
  • BarraPunto
  • Bitacoras.com
  • BlinkList
  • blogmarks
  • Blogosphere News
  • blogtercimlap
  • connotea
  • Current
  • Design Float
  • Diggita
  • Diigo
  • DotNetKicks
  • DZone
  • eKudos
  • email
  • Fark
  • Faves
  • Fleck
  • FriendFeed
  • FSDaily
  • Global Grind
  • Gwar
  • HackerNews
  • Haohao
  • HealthRanker
  • HelloTxt
  • Hemidemi
  • Hyves
  • Identi.ca
  • IndianPad
  • Internetmedia
  • Kirtsy
  • laaik.it
  • LaTafanera
  • LinkaGoGo
  • LinkArena
  • LinkedIn
  • Linkter
  • Live
  • Meneame
  • MisterWong
  • MisterWong.DE
  • MOB
  • MSN Reporter
  • muti
  • MyShare
  • MySpace
  • N4G
  • Netvibes
  • Netvouz
  • NewsVine
  • NuJIJ
  • PDF
  • Ping.fm
  • Posterous
  • Propeller
  • QQ书签
  • Ratimarks
  • Rec6
  • Reddit
  • RSS
  • Scoopeo
  • Segnalo
  • SheToldMe
  • Simpy
  • Slashdot
  • Socialogs
  • SphereIt
  • StumbleUpon
  • Suggest to Techmeme via Twitter
  • Technorati
  • ThisNext
  • Tipd
  • Tumblr
  • Twitter
  • Upnews
  • viadeo FR
  • Webnews.de
  • Webride
  • Wikio
  • Wikio FR
  • Wikio IT
  • Wists
  • Wykop
  • Xerpi
  • Yahoo! Bookmarks
  • Yahoo! Buzz
  • Yigg
  • 豆瓣
  • 豆瓣九点

fevereiro 22, 2010   No Comments

Gestão comercial usando Linux e Software Livre

Stoq é um aplicativos para gestão comercial desenvolvido pela Async Open Source

  • Controle de vendas e estoque
  • Client register (CRM)
  • Gestão de compras e estoque
  • Apuração de impostos
  • Impressão fiscal via ECF
  • Impressão de cheques
  • Desenvolvido em e para Linux

purchase

Veja mais em: http://www.stoq.com.br/pt-br/

Share and Enjoy:
  • Print
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Blogplay
  • Add to favorites
  • BarraPunto
  • Bitacoras.com
  • BlinkList
  • blogmarks
  • Blogosphere News
  • blogtercimlap
  • connotea
  • Current
  • Design Float
  • Diggita
  • Diigo
  • DotNetKicks
  • DZone
  • eKudos
  • email
  • Fark
  • Faves
  • Fleck
  • FriendFeed
  • FSDaily
  • Global Grind
  • Gwar
  • HackerNews
  • Haohao
  • HealthRanker
  • HelloTxt
  • Hemidemi
  • Hyves
  • Identi.ca
  • IndianPad
  • Internetmedia
  • Kirtsy
  • laaik.it
  • LaTafanera
  • LinkaGoGo
  • LinkArena
  • LinkedIn
  • Linkter
  • Live
  • Meneame
  • MisterWong
  • MisterWong.DE
  • MOB
  • MSN Reporter
  • muti
  • MyShare
  • MySpace
  • N4G
  • Netvibes
  • Netvouz
  • NewsVine
  • NuJIJ
  • PDF
  • Ping.fm
  • Posterous
  • Propeller
  • QQ书签
  • Ratimarks
  • Rec6
  • Reddit
  • RSS
  • Scoopeo
  • Segnalo
  • SheToldMe
  • Simpy
  • Slashdot
  • Socialogs
  • SphereIt
  • StumbleUpon
  • Suggest to Techmeme via Twitter
  • Technorati
  • ThisNext
  • Tipd
  • Tumblr
  • Twitter
  • Upnews
  • viadeo FR
  • Webnews.de
  • Webride
  • Wikio
  • Wikio FR
  • Wikio IT
  • Wists
  • Wykop
  • Xerpi
  • Yahoo! Bookmarks
  • Yahoo! Buzz
  • Yigg
  • 豆瓣
  • 豆瓣九点

dezembro 27, 2009   No Comments

Aplicativos em modo texto: eficientes e com boas interfaces

É interessante notar como muitos linuxers “moderninhos” torcem o nariz quando comentamos sobre algumas ferramentas em interface modo texto. Em se tratando de ferramentas para desktops então, nem se fala! Para muitos, há uma verdadeira aversão quando se fala nas palavrinhas “modo texto”. Deveria ser assim? Acho que não…

Veja mais em: http://www.guiadohardware.net/artigos/aplicativos-modo-texto/

Share and Enjoy:
  • Print
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Blogplay
  • Add to favorites
  • BarraPunto
  • Bitacoras.com
  • BlinkList
  • blogmarks
  • Blogosphere News
  • blogtercimlap
  • connotea
  • Current
  • Design Float
  • Diggita
  • Diigo
  • DotNetKicks
  • DZone
  • eKudos
  • email
  • Fark
  • Faves
  • Fleck
  • FriendFeed
  • FSDaily
  • Global Grind
  • Gwar
  • HackerNews
  • Haohao
  • HealthRanker
  • HelloTxt
  • Hemidemi
  • Hyves
  • Identi.ca
  • IndianPad
  • Internetmedia
  • Kirtsy
  • laaik.it
  • LaTafanera
  • LinkaGoGo
  • LinkArena
  • LinkedIn
  • Linkter
  • Live
  • Meneame
  • MisterWong
  • MisterWong.DE
  • MOB
  • MSN Reporter
  • muti
  • MyShare
  • MySpace
  • N4G
  • Netvibes
  • Netvouz
  • NewsVine
  • NuJIJ
  • PDF
  • Ping.fm
  • Posterous
  • Propeller
  • QQ书签
  • Ratimarks
  • Rec6
  • Reddit
  • RSS
  • Scoopeo
  • Segnalo
  • SheToldMe
  • Simpy
  • Slashdot
  • Socialogs
  • SphereIt
  • StumbleUpon
  • Suggest to Techmeme via Twitter
  • Technorati
  • ThisNext
  • Tipd
  • Tumblr
  • Twitter
  • Upnews
  • viadeo FR
  • Webnews.de
  • Webride
  • Wikio
  • Wikio FR
  • Wikio IT
  • Wists
  • Wykop
  • Xerpi
  • Yahoo! Bookmarks
  • Yahoo! Buzz
  • Yigg
  • 豆瓣
  • 豆瓣九点

dezembro 27, 2009   No Comments