Bom, o Flex proporciona, de acordo com a criatividade do desenvolvedor ou designer, um resultado final fantástico!

Documentos relacionados
Tendo em vista que a instalação é muito fácil (Next, next, finish) não iremos abordar isto ok ;)

Tutorial sobre Activity: Como carregar um fragmento do mapa para a tela do celular

Índice. 1. Introdução Instalação: Eclipse e Android Primeira aplicação em Android... 11

VÍDEO-TUTORIAL: SAIBA COMO SER AVISADO TODA VEZ QUE NOVOS S CHEGAREM EM SUA CAIXA DE ENTRADA DO G- MAIL

django-pagseguro Documentation

Surgindo em 1997 a API Java Servlet proporciona ao desenvolvedor a possibilidade de adicionar conteúdo dinâmico em um servidor web usando a

INSTRUÇÕES PARA O PRIMEIRO ACESSO

Governo do Estado do Amapá Centro de Gestão da Tecnologia da Informação - PRODAP. Google Chrome

Como criar sua aplicação em React em poucos minutos. um ebook produzido por: CodePrestige

INSTALANDO PYTHON, PYCHARM E PYGAME

PROGRAMAÇÃO PARA INTERNET RICA RICH INTERNET APPLICATIONS

Tutorial Python Django: Formulários

Sumário. Entrando no Portal da Rede...2. Extrato de Vendas - Rede (Geração de arquivos e download)...3

Resolução de Problemas Passo-à-passo

Visual Studio+SQL Server Express LocalDB ANTONIO LUIS

Instalação JDK. Joyce França. Professora de Ciência da Computação - IFNMG

Importando e editando vídeos

Guia do Instrutor Jogo da Bruxa

Integrated Government Resources Planning IGRP Open Source. Como importar e contribuir - GitHub. Núcleo Operacional da Sociedade de Informação

Integração Java x Flex

SPYDER. um ambiente de desenvolvimento integrado (IDE*) para Python. Prof. Carlos Hitoshi Morimoto DCC IME USP Março, 2016

Instalação JDK 10/03/2017

Como criar um menu pop-up no Dreamweaver

Instalação Mozilla Firefox. Acesse a página do Zotero: (pelo Firefox) Clique no botão Download Now no canto direito da tela.

Adobe Flex. Cainã Fuck dos Santos Thiago Vieira Puluceno Jonathan Kuntz Fornari Gustavo Nascimento Costa

Traduzindo o Encore Desenvolvido por Dellânio Alencar

Preparação do ambiente para desenvolvimento em Java

Curso GeneXus Criação da Base de Conhecimento

a) Comece um novo arquivo Flash. No Properties Inspector modifique as dimensões do filme para 780 x 100 px.

Atualizando o Firmware da Câmera

1 Como compilar seu código? 2 Comandos de terminal:

Roteiro da oficina. 1. Abrir o Scratch Offline Clicar no ícone Scratch 2 na sua área de trabalho. 2. Mudar o idioma para Português.

Objetivos do mini curso. Conhecer a linguagem. Noção de programação utilizando Python. Aprender o báscio.

Passos para a configuração do ambiente de desenvolvimento:

Popebu CMS Documentation

UNIVERSIDADE DE SÃO PAULO (USP) ESCOLA DE ARTES, CIÊNCIAS E HUMANIDADES (EACH)

Conheça o Drive. Encontre arquivos facilmente com o Drive e mantenha todos os seus documentos protegidos.

django-pagseguro2 Documentation

Introdução ao Android SDK. Prof. Me. Hélio Esperidião

Manual do Utilizador. Share Point One Drive

Captura de Processos Programa Captura. Programa Captura Orientações

Guia de instalação SGA 1000

Gerando um programa executável a partir de um módulo Python

Laboratório 01 NetBeans

SMA PROCEDIMENTO DE ACESSO AO SISTEMA

Java FX. Grupo: Alexandre Henrique Marcelo Scheidt Rafael M. Motta Ricardo C. Knoll

Microsoft Visual Studio Community 2013

XBT246 Programação de Computadores II. Prof. Franklin Marquezino Universidade Federal do Rio de Janeiro

MANUAL DE INSTALAÇÃO SISTEMA DE GERÊNCIA CONSCIUS

qwertyuiopasdfghjklzxcvbnmqwer tyuiopasdfghjklzxcvbnmqwertyuio pasdfghjklzxcvbnmqwertyuiopasd fghjklzxcvbnmqwertyuiopasdfghjk

Instalando o Eclipse e o Android

Tutorial de Configuração SSO

Tutorial C# - O que é o WPF (Windows Presentation Foundation)

Evite ao máximo o uso de javascripts para animações / transições, dando sempre preferência ao recurso de transições do CSS.

Desenvolvimento de soluções de Realidade Aumentada para a Internet

Tutorial de Instalação do Apache, PHP e MySQL no Ubuntu

Groupware Workbench Tutorial de instalação da Aplicação-Exemplo no Eclipse

TUTORIAL ANDROID ACTIVITY - CONSTRUÇÃO DE TELAS

UNIVERSIDADE DE SÃO PAULO (USP) ESCOLA DE ARTES, CIÊNCIAS E HUMANIDADES (EACH)

Django Faleconosco Documentation

COMO BAIXAR, INSTALAR E UTILIZAR O NAVEGADOR MOZILLA FIREFOX

COMO CRIAR UM FUNIL ORGÂNICO DE VENDAS USANDO O YOUTUBE. Juliano Abrahão - Gestor de Afiliados e Consultor em Marketing Digital

<HTML5> Autor: Fernando Vaz de Lima Pereira

APLICAÇÕES MULTIMÍDIA AULA 1. Estrutura do curso e conceitos fundamentais. professor Luciano Roberto Rocha.

Bem-vindo ao Dropbox!

Disciplina de Lógica e Linguagem de Programação Desenvolvido pelo professor Danilo Giacobo Ferramenta Code::Blocks


Como criar uma história

Mozilla Firefox CARREIRA POLICIAL

Utilizando o Audacity

DISTRIBUINDO SUA APLICAÇÃO

Sumário. Entrando no Portal da Cielo...2. Extrato de Vendas - Cielo (Geração de arquivo e download)...4

Manual de Utilização e-rh para Servidor em Geral

Tutorial 1.0. Instalação

Manual de Instalação da Leitora para cartão e-cpf e Instrução para assinatura digital (SGP-e)

APOSTILA DE INFORMÁTICA INTERNET E

Índice Remissivo. Introdução. Rotinas burocráticas. Rotinas de secretaria. Rotinas do profissional. Conclusão

_Orientações Museus integrantes do SISEM-SP

Publicidade em CorelDraw X3

TUTORIAL DE INSTALAÇÃO E USO DO OWL-S COMPOSER utilizando o Eclipse Galileo Modelling Tools

Manual do Usuário Linux Educacional 6.0 C3SL

IMPORTANTE: O sistema Off-line Dr.Micro é compatível com os navegadores Mozilla Firefox e Internet Explorer.

TUTORIAL DE CONFIGURAÇÃO DE WEBCAM E HEADSET P/ USO EM COMPUTADORES WINDOWS SOLUÇÃO DE VIDEOCONFERÊNCIA

Tutorial de Instalação do Ambiente de Programação Dev-C++

Primeiros bancos de imagens grátis que usei

Software Aplicativo LibreOffice Writer 5.1 Mala Direta para

Plataformas da Linguagem JAVA: Standard, Enterprise e Micro Edition

Manual de usuário. Figuras

Na página inicial há um campo de busca para pesquisar todo conteúdo do site.

Lojamundi Tecnologia Sem Limites br

Instalando e Configurando o LaTeX no Windows

Introdução 1 PARTE I: A LINGUAGEM DA WEB 5

Configurando o Ambiente de Desenvolvimento Android Studio No Windows Antes de qualquer trabalho ser iniciado no desenvolvimento de uma aplicação

INSTALAÇÃO/CONFIGURAÇÃO GPJURI INSTALAÇÃO DA AUTORIDADE DE CERTIFICAÇÃO E CADEIA DE CERTIFICADOS

Para começar, vamos começar vendo alguns exemplos do uso da SOMASE na gestão de empresas:

SMA PROCEDIMENTO DE ACESSO AO SISTEMA SMA PROCEDIMENTO DE ACESSO AO SISTEMA

Prática da Disciplina de Sistemas Distribuídos Web Services Parte 1 IFMA DAI Professor Mauro Lopes C. Silva

Transcrição:

Salve salve!!! Como havia prometido, começarei a postar alguns artigos mostrando como integrar Django e Flex! Antes de qualquer coisa, gostaria de dizer que, ainda existem vários pontos que são obscuros sobre este assunto, pois, a documentação do AMF que vamos utilizar não é muito boa, e erros que às vezes acontecem não são muito claros portanto, demora-se muito para compreender o que pode estar ocorrendo quando o trem não funciona. ;) O que é Flex? O Adobe Flex (antes chamado de Macromedia Flex e depois rebatizado como Adobe Flex pela Adobe) é o nome de uma tecnologia lançada em Março de 2004 pela Macromedia, que suporta o desenvolvimento de aplicações ricas para a Internet, baseadas na plataforma do Macromedia Flash. A versão inicial possuia um SDK, um IDE uma integração com o J2EE também conhecido como Flex Data Services. Desde que a Adobe adquiriu a Macromedia em 2005, as versões subsequentes do Flex começaram a requerer uma licença para o Flex Data Services, que era inicialmente um produto separado e que posteriormente foi rebatizado como LiveCycle Data Services. Em abril de 2007, a Adobe anuncia planos de abrir o código do Flex 3 SDK. O Adobe Flash Player, aplicativo pelo qual são visualizados as aplicações Flex, e o Flex Builder, a IDE utilizada para desenvolver aplicações Flex, continuam proprietárias e comerciais. ( Fonte: Wikipédia ) Bom, o Flex proporciona, de acordo com a criatividade do desenvolvedor ou designer, um resultado final fantástico! Basta entrar no site da Adobe e procurar alguns exemplos para você ver que realmente, é chick d +++ ;) Também, para desenvolver, você irá precisar do Adobe Flex Builder. No site da Adobe, você pode pegar uma versão trial dele ;) Bom, para utilizar o Django e o Flex, fizemos vários testes aqui e, passamos por diversos tipos de problemas e diversos tipos de dificuldades! O primeiro, é parecido com um problema que temos no javascript. Não conseguimos acesso a base de dados sem auxílio de um intermediador. Mas isto não é realmente um problema pois, se você pensar direitinho, tanto o javascript quanto o Flex ( que exporta as aplicações como um arquivo.swf ) rodam do lado do cliente.

Existem estes intermediadores para várias linguagens, mais, fãs do Django, queríamos utilizar a facilidade desta framework aliada a rica inteface que é gerada pelo Flex. Outro ponto a se salientar é que a documentação também não ajuda muito! Todos os amfs para python não são bem documentados, e a Adobe não tem uma documentação ou tutorial, ou até mesmo, alguma dica a respeito da dupla Flex + Python. Tentamos, PyAMF, AMFast e DjangoAMF. Com o último, obtivemos sucesso!! Apesar da documentação dele também ser meio obscura. Não quero ficar reclamando demais também pois, a solução é di grátis, e eu entendo perfeitamente que o autor tenha outras coisas pra fazer. Para baixar a última versão do DjangoAMF acesse http://djangoamf.sourceforge.jp/index.php?djangoamf_en. Aqui, você encontra o manual em inglês... Também tem a versão em japonês ( Salvo engano )... Fica a seu critério... rsrsrs http://djangoamf.sourceforge.jp/index.php?usermanual_en Feito o download, descompacte o conteúdo do arquivo em uma pasta e digite o comando: python setup.py install No arquivo settings.py, adicione o middleware que será o responsável pela tradução dos dados do python para flex. 'amf.django.middleware.amfmiddleware', No fim do arquivo, adicione as variáveis: AMF_GATEWAY_PATH - Geralmente é /gateway/ ;) Agora, vamos criar um app básico Django, para que este retorne ao Flex os dados à serem exibidos: manage.py startapp teste No seu arquivo views.py crie a seguinte função: import amf, amf.django import datetime def horaagora(request): return datetime.datetime.now() Ao seu arquivo urls.py, adicione ao seu urlpatterns o trecho abaixo: (r'^gateway/teste/(.*)', 'amf.django.views', {'views': 'teste.views'}), Não se preocupe com as urls, pois, quem irá tratá-las será o middleware do DjangoAMF.

Agora, crie um novo projeto dentro do FlexBuilder ;) File -> New -> Flex Project Agora, digite o nome do projeto, e configure o workspace ;) Depois é dar next... Na próxima imagem eu retiro o main src para que o arquivo MXML fique na raiz do projeto. Faça como você achar melhor ;)

Aqui está nosso projeto...

Agora, vamos começar a brincar ;) Na nossa tag <mx: Application /> vamos adicionar uma função que será chamada assim que terminar o carregamento do Flash...

Agora, vamos criar a bendita função para pegar a hora diretamente do Django... Mas ainda estão fatando as nossas funções para tratar os resultados e os possíveis erros... Vamos lá! Faça as funções geterro e showresult...

Salvando, agora é mandar rodar! Um detalhe... Enquanto eu redigia e testava o tutorial, experimentei um problema que não havia experimentado da primeira vez! E não encontrei solução (AINDA) quando era utilizado por padrão o browser Firefox... O erro é este: Já procurei no amigoogle e, das várias possíveis soluções encontradas, nenhuma resolveu o problema! Vale lembrar que no outro projeto que estou brincando não tenho problema algum e tecnicamente é a mesmíssima coisa! Bom, detalhes à parte, vamos prosseguir... Testando no Chrome, Internet Explorer, Safari tudo funcionou como o esperado. ;) Ainda vou descobrir o que foi que ocasionou o erro e em breve postarei para vocês! O resultado é este: (Vale lembrar que não mechemos em nada nos estilos de botão, caixas de diálogos etc...)

Ficou assim: Bom... Por enquanto é só... Agora você já pode começar a quebrar a cabeça! Estou terminando de fazer um que utiliza um model, e que volte os dados do banco de dados... Assim que eu terminar, estarei disponibilizando um novo tutorial... Vale a pena ler a documentação, por mais fraca que ela seja, algumas coisas acabam de fato ajudando ;) Também, estou disponibilizando o código fonte do projeto para que você importe para o seu Flex ;) Abraços!! Fred Chevitarese GNU/Linux http://chevitarese.wordpress.com