Skip to content


Projeto : Locadora : Básico : Weborb PHP

Olá pessoal tudo blz?


bom finalmente consegui terminar e revisar o funcionamento de um projeto de Adobe Flex + PHP (WebOrb) + MySQL para servir como um exemplo simples de integração e como trabalhar com uma base de dados no Adobe Flex.


O que foi utilizado nesse projeto:

- WebOrb PHP 3.5

- XAMP (kit de desenvolvimento para PHP que vem com MySQL)

- Adobe Flex 3


Observações sobre este projeto:

1 – O código tanto do Flex, quando do lado do Servidor, foi gerado pela funcionalidade, da aba: Management, na aba interna: Data Management, onde você define o acesso a respectiva base de dados do MySQL do qual você deseja criar os códigos de acesso para manipulação dos dados e o WebOrb, gera todos os códigos para facilitar a manipulação dos dados. No lado da da aplicação Flex é gerado uma estrutura baseada no ActiveRecords, o que facilita o acesso aos dados e possibilita trabalhar com uma base relacional como se fosse uma base Orientada a Objetos.

2 - Ao inserir o código gerado pelo WebOrb na aplicação, houve a necessidade de atualizar o endereço de onde está localizado o diretório do weborb (caminho relacionado a URL) [ver: /src/weborb.php]

3 – Houve uma necessidade de adaptação do projeto para que funcionasse corretamente com campos data, para isso foi criada uma classe utilitária [ver: /src/com/cwbfx/util/DateUtil.as] e editado a classe que representa um Filme, sendo nessa classe que possui um campo data, que indica a data de lançamento [ver: /src/com/cwbfx/locadora/Codegen/_Filme.as observar: a parte comentáda do código]

4 – Como nosso alfabeto, utilizamos acentuação, esta no código padrão gerado não funciona direito, pois lembrando, que o Adobe Flash Player, trabalha com Strings em UTF-8, com isso as palavras acentuadas, se forem salvas diretamente na base de dados, sendo essa criada por padrão (Latin1), terá problema com encode [obs.: isto ocorre só na inserção de dados], houve a necessidade de fazer uma adaptação do código no lado do servidor para os atributos textuais fosse recebido e utilizado a function utf8_decode do php, com isto resolveu o problema dos encode. [ver: ${weborb_dir}/Services/com/cwbfx/locadora/Codegen os arquivos: _Filme.php e _Genero.php ]


Instruções:

* Necessário: Flex Builder

1 – Efetuar o download do XAMP e do WebOrb PHP

2 – Instalar o XAMP (instruções de instalação e configuração, ver nesse [link]) obs.: Eu sempre instalo padrão, com isso ele cria um diretório normamente no C:\xamp.  Diretório onde ficam as aplicações em PHP: \xamp\htdocs

* para o pessoal que vi utilizando Mac, ou caso alguem use o Linux, algumas dessas instruções serão um pouco diferente. ** Outro comentário aos usuários de Mac, o XAMP possui versão para Mac, ou caso queiram, podem usar um servidor de PHP de sua escolha.

3 – Descompactar/instalar o WebOrb PHP no diretório de apps web do XAMP. obs.: como o padrão de nomenclatura de apps web são sempre em letras minusculas, deixei o nome: weborb.

4 – Fazer o download do projeto apresentado [link]

5 – Caso você deixou o nome do diretorio do WebOrb, como sugeri, basta descompactar o projeto direto no \htdocs

6 – Importar o projeto no Flex Builder.

7 – Criar a base de dados do projeto. [ver no projeto: /db_schema]

8 – Testar, executar, observar os fontes, alterar e ver o que acontece…

> Para executar, tem 2 .mxml no /src um chamado: testDrive, que foi gerado pelo gerado de código e outro que é um exemplo de uso e própria implementação de código


OBSERVAÇÃO IMPORTANTE: a forma que foi codificado no Flex, não é o correto nem o aconselhável, a separação e organização foi a menor possível, tento em mente a idéia de apenas demonstrar a comunicação da aplicação e usar uma base de dados, com um suporte de Dataservice em PHP. O correto seria ter a aplicação estruturada em componentes e não apenas 1 único mxml com todo código/estrutura da app.

Compartilhe este post:
  • Print
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • email
  • FriendFeed
  • HelloTxt
  • Identi.ca
  • LinkedIn
  • Live
  • MySpace
  • Netvibes
  • PDF
  • Ping.fm
  • Rec6
  • Reddit
  • RSS
  • StumbleUpon
  • Technorati
  • Yahoo! Bookmarks

Posted in Projeto, WebOrb PHP. Tagged with , , , , , .

Participantes do último encontro

Olá pessoal,

segue a relação dos participantes do último encontro realizado pelo grupo, que ocorreu dia 25/04/2009, na Itecne (Instituto tecnológico e educional):

- Eduardo Alves
- Erko Bridee de Almeida Cabrera
- Fábio Tomio
- Flávio Silveira
- Marina Ponestke Seara
- Murilo Pedroso
- Reine Siqueira da Silva
- Ricardo Ramires
- Roberson Augusto de Souza

Tema: Integração Adobe Flex + Base de dados, no caso foi utilizado PHP no back-end, falado sobre AMFPHP e WebOrb.

Compartilhe este post:
  • Print
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • email
  • FriendFeed
  • HelloTxt
  • Identi.ca
  • LinkedIn
  • Live
  • MySpace
  • Netvibes
  • PDF
  • Ping.fm
  • Rec6
  • Reddit
  • RSS
  • StumbleUpon
  • Technorati
  • Yahoo! Bookmarks

Posted in Encontros. Tagged with , , .

Foco na aplicação Flex

Saudações amigos.

Hoje repasso uma dica que muitos desenvolvedores Flex procuram, porém como eu, encontraram uma modificação no index.template que não funcionou.
Para fazer com que o foco caia no componente desejado na aplicação flex logo que a página seja carregada é bem simples, não necessita de nenhuma alteração no html, apenas no Flex mesmo.

Adicione uma função para o  creationComplete da aplicação e insira o comando ExternalInterface.call() e logo abaixo o componente que deseja que receba o foco dentro da aplicação.

private function initApp():void{
    ExternalInterface.call(’window.document.nomeDaAplicação.focus()’); 
    textInput.setFocus(); 
}

O comando ExternalInterface.call é usado para chamar uma função javascript no html da aplicação.

Com ele você poderá chamar outras funções javascript, como por exemplo, pegar parâmetros de uma url. 

Abraços à todos! 

Compartilhe este post:
  • Print
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • email
  • FriendFeed
  • HelloTxt
  • Identi.ca
  • LinkedIn
  • Live
  • MySpace
  • Netvibes
  • PDF
  • Ping.fm
  • Rec6
  • Reddit
  • RSS
  • StumbleUpon
  • Technorati
  • Yahoo! Bookmarks

Posted in Encontros. Tagged with , , , , .

AIR – Pequeno exemplo com SQLite

Hoje de manha(25.03.2009), estava lendo alguns blogs que leio com certa frequência e vi um post muito interessante com esse título: AIR – Pequeno exemplo com SQLite, no blog do Stefan Horochovec, então lembrei que esses dias na lista de email teve algo falando sobre o desenvolvimento local e respectivo armazenamento…


Com esse exemplo do post, já tem como começar a utilizar de forma fácil e rápida o SQLite para aplicações locais com AIR. ;-)  

Compartilhe este post:
  • Print
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • email
  • FriendFeed
  • HelloTxt
  • Identi.ca
  • LinkedIn
  • Live
  • MySpace
  • Netvibes
  • PDF
  • Ping.fm
  • Rec6
  • Reddit
  • RSS
  • StumbleUpon
  • Technorati
  • Yahoo! Bookmarks

Posted in AIR, Útil. Tagged with , , , , , , , .

Vídeo tutoriais

Elaborei um post [link] com uma coletânea de vídeo tutoriais, sobre Adobe Flex sobre alguns temas interessantes:

- Geração de código automático

- CSS

- Integração com Ruby on Rails

- PaperVision 3D

- Migração de aplicação Flex 2 para Flex 3

Acredito que pode-lhe ser útil.

Compartilhe este post:
  • Print
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • email
  • FriendFeed
  • HelloTxt
  • Identi.ca
  • LinkedIn
  • Live
  • MySpace
  • Netvibes
  • PDF
  • Ping.fm
  • Rec6
  • Reddit
  • RSS
  • StumbleUpon
  • Technorati
  • Yahoo! Bookmarks

Posted in Artigo & Tutorial, Flex, Vídeo, Útil. Tagged with , , , , , , , .

Adobe Flex e BlazeDS

Republiquei no meu blog, um post sobre construção de aplicações que integram o Adobe Flex com o BlazeDS [link]

Outras publicações relacionadas a Adobe Flex & AIR [link]

Veja também:

O Rodrigo Fraga, publicou em seu blog 2 post’s interessanes sobre o assunto: [parte 1] [parte 2]

Compartilhe este post:
  • Print
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • email
  • FriendFeed
  • HelloTxt
  • Identi.ca
  • LinkedIn
  • Live
  • MySpace
  • Netvibes
  • PDF
  • Ping.fm
  • Rec6
  • Reddit
  • RSS
  • StumbleUpon
  • Technorati
  • Yahoo! Bookmarks

Posted in Artigo & Tutorial, BlazeDS, Flex. Tagged with , , , , .

Curso de Introdução ao Adobe Flex 3 em Curitiba (GRATUITO)

ENG

Galera, a ENG está oferecendo um curso introdutório de Adobe Flex 3 de 4 horas, eu acho bem válido para quem está começando e para quem quer ver algo a mais e fazer mais networking.

Quem tiver interesse ai na pagina http://www.eng.com.br/site/index.cfm?secao=eventos&page=inscricao&IdEvento=122 tem os detalhes de como participar.

É GRATIS!!

[]’s

SaintBr.     =]

Compartilhe este post:
  • Print
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • email
  • FriendFeed
  • HelloTxt
  • Identi.ca
  • LinkedIn
  • Live
  • MySpace
  • Netvibes
  • PDF
  • Ping.fm
  • Rec6
  • Reddit
  • RSS
  • StumbleUpon
  • Technorati
  • Yahoo! Bookmarks

Posted in Cursos, Flex, Novidade. Tagged with , , , .

Aplicação on-line para criação de animações em Flash.

Olá pessoal,

O Flex e o Actionscript não param de iluminar as cabeças de seus usuários e desenvolvedores que utilizam esta poderosa ferramenta.
Em uma das minhas buscas pela internet me deparei com o site www.produle.com, que criou uma aplicação que ajuda usuários que não são familiarizados com o Flash, a criarem animações para seus sites e apresentações.
Analisem o vídeo abaixo e tirem suas próprias conclusões de como esta aplicação pode ser útil à vários usuários que precisam de animações simples e rápidas.

 

Abraços
Jean C. Kresko

Compartilhe este post:
  • Print
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • email
  • FriendFeed
  • HelloTxt
  • Identi.ca
  • LinkedIn
  • Live
  • MySpace
  • Netvibes
  • PDF
  • Ping.fm
  • Rec6
  • Reddit
  • RSS
  • StumbleUpon
  • Technorati
  • Yahoo! Bookmarks

Posted in Novidade. Tagged with , , , .

Como integrar Adobe Flex com Progress

A forma mais simples de integrar Flex com Progress, usando apenas 4GL, é através de HTTPServices.
 
Para tanto é necessário do lado server alguém que execute os programas em 4GL. Os mais indicados são o WebSpeed, da própria Progress, e o StarWeb FrameWork (SWFW), da StarWeb SoftWare.
 
Dessa forma, basta a aplicação Flex acessar uma URL do WebSpeed ou do SWFW e consumir a resposta (normalmente XML) do programa 4GL Progress.
 
Aqui alguns links. No caso, foi usado no exemplos o StarWeb FrameWork pela simplicidade da sua API para geração de XML.
 
http://starweb-software.no-ip.info:8000/ex010/
http://starweb-software.no-ip.info:8000/ex020/
http://starweb-software.no-ip.info:8000/ex030/
http://starweb-software.no-ip.info:8000/ex040/
 
Bons estudos …
Agnaldo Macedo

Compartilhe este post:
  • Print
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • email
  • FriendFeed
  • HelloTxt
  • Identi.ca
  • LinkedIn
  • Live
  • MySpace
  • Netvibes
  • PDF
  • Ping.fm
  • Rec6
  • Reddit
  • RSS
  • StumbleUpon
  • Technorati
  • Yahoo! Bookmarks

Posted in Flex, Integração Progress, Útil. Tagged with , , , , .

Flex as melhores práticas

Opa pessoal, segue uma dica enviada pelo nosso colega Bruno R. M. Crema:
 
Flex best practices – Part 1: Setting up your Flex project

Flex best practices – Part 2: Development practices
 
Artigos publicados no RIA.DZone.com

Compartilhe este post:
  • Print
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • email
  • FriendFeed
  • HelloTxt
  • Identi.ca
  • LinkedIn
  • Live
  • MySpace
  • Netvibes
  • PDF
  • Ping.fm
  • Rec6
  • Reddit
  • RSS
  • StumbleUpon
  • Technorati
  • Yahoo! Bookmarks

Posted in Flex, Útil. Tagged with , , , , .