Você está aqui: Principal » Lista Completa de Tutoriais

Sobre este Tutorial

Autor:	Rodrigo Moreira Rodrigues
Data:	15-09-2005
Categoria:	Internet
Assunto:	COLD FUSION - BÁSICO
Visitas:

Criando um formulário em Flash usando o ColdFusion MX 7

O que é ColdFusion?

O ColdFusion é uma plataforma de desenvolvimento rápido de aplicativos para a criação e distribuição de aplicativos dinâmicos baseados na Web. Ele esta atualmente na versão 7, versão esta, que a meu ver, trouxe os mais fantásticos recursos e funcionalidades desde sua criação em 1995.

A versão 7 do ColdFusion é capaz de gerar relatórios dinâmicos em formato PDF ou SWF (Flash Paper) e enviar mensagens para dispositivos móveis (SMS).

Fui levado a trabalhar com o ColdFusion pela facilidade de comunicação com o Macromedia Flash usando os CFCs (ColdFusion Componentes) e o Flash Remoting.

Dentre os novos recursos desta versão o que tem facilitado à vida do programador é o Flash Forms.Usando o ColdFusion MX 7 você pode criar formulários para a Web em formato do Macromedia Flash.

Flash Forms

Há inúmeras vantagens dos formulários em Flash em relação aos formulários em HTML:

Exibir várias páginas divididas por abas:
A maioria das validações de campos são feitas por ele de forma muito fácil, apenas indicando o tipo de validação necessária;
Visual moderno e agradável;
Fácil formatação usando CSS;
Códigos em ActionScript dentro de páginas CFML;
Envio de dados para o servidor sem precisar submeter à página;
Complexas formas de páginas usando o componente accordion;
Auto redimensionamento dos campos de acordo com a resolução da tela ou tamanho da janela;
Exibir dados em forma de árvore (tree);
Exibir, atualizar, excluir e inserir vários dados ao mesmo tempo usando o componente grid.

Caso você seja um desenvolvedor iniciante ou um webdesigner com nenhuma ou pouca experiência em programação, não terá dificuldades em entender a linguagem ColdFusion Markup Language (CFML).Como a CFML é uma linguagem baseada em TAGS, como o HTML, ela é simples de escrever e fácil de entender.

Em CFML a maioria das tags, como em HTML, precisa ser aberta por uma tag inicial (<cfnomedatag>) e fechada por uma tag final (</cfnomedatag>).È importante ressaltar que todas as tags começam com “cf”.

Objetivo:

Dando inicio a uma série de cinco artigos sobre Flash Forms. Neste primeiro será criado este formulário:

Obviamente, para usar este artigo, você precisa ter acesso a um servidor ColdFusion, há uma versão free disponível para download no site da Macromedia: www.macromedia.com/downloads

Para escrever seus códigos você poderá usar o bloco de notas ou um editor de CFML como o Macromedia Dreamweaver.

As primeiras tags:

Agora que os conceitos básicos já foram introduzidos, podemos começar a criar um formulário:

Todos os campos do formulário devem estar envolvidos pelas tags <cfform> </cfform>.

O que faz com que este seja um Flash Form é apenas o atributo format que está como flash, abaixo segue a lista com alguns dos atributos e suas descrições:

Atributo	Descrição
name	O nome do Form. Você deve especificar um nome para o formulário se pretende referenciar o formulário mais tarde no aplicativo.
action	Caminho da pagina que irá processar o formulário. Se este dado for omitido o formulário será submetido à própria pagina.
method	O método pelo qual o navegador (browser) irá enviar os dados para o servidor:GET: Envia os dados em formato url, exemplo: ‘http://intranet/rh/upDateDependt.cfm?ID=26&usuário=fulano’ OBS:O ponto de interrogação após a extensão do arquivo na URL especifica o ponto de inicio para anexar os parâmetros de URL. Cada parâmetro é formado por nome seguido por um sinal de igual (=), seguido também pelo seu valor . È possível anexar mais de um parâmetro de URL separando-os com sinais de e-comercial (‘&’). È importante ressaltar que não pode haver nenhum espaço na URL. POST: Este método envia os dados de forma invisível ao servidor.
format	Formato pode ser: HTMLFLASHXML
skin	Determina a cor usada para realçar os elementos selecionados como campos de textos. Cada formato do form aceita um grupo especifico de skins, estes são os suportados pelo formato flash: haloSilver haloBlue haloGreen haloOrange
style	Estilos em formato css para aplicar ao form.
preserveData	Este atributo quando selecionado como ‘yes’ os dados dos campos são mantidos após submeter o formulário ou quando clica no botão Voltar do navegador.
onSubmit	Códigos em JavaScript ou ActionScript que serão executados quando o formulário for submetido.
height	A altura do form. É possível usar um número para especificar em pixels, ou usar valor em porcentagem, como ‘height=50%’
width	Largura do form, pode ser especificada em pixels ou em porcentagem assim como a altura,
onError	Códigos em ActionScript que serão executados quando o formulário for submetido com algum erro de validação.
wMode	Especifica como o form em flash aparece sobre a página HTML, por exemplo, caso você coloque este atributo como ‘transparent’ o form em flash fica com o fundo transparente tornando visível o background da página HTML.
accessible	Determina a inclusão dos leitores de tela no Form Flash. Este atributo aumenta em aproximadamente 80KB o arquivo SWF.
preloader	Determina a exibição de uma barra de progresso enquanto o arquivo esta sendo carregado.
Timeout	Especifica o tempo em segundos que o servidor irá armazenar o swf, o tempo padrão é zero.

Foi acrescentado uma tag cfformgroup do tipo horizontal que serve para alinhar os campos do formulário horizontalmente, também foi usado o atributo style para alinhar os campos do form no centro da página.

Mais uma tag cfformgroup foi inserida ao formulário, só que desta vez do tipo panel,este atributo é responsável por criar um painel que será usado para organizar os campos do formulário, abaixo serão explicados alguns estilos do atributo style:

Os estilos devem ser separados por ponto e vírgula (;).

Quando o arquivo for testado ele deverá ter esta aparência:

A tag cfformitem foi usada pra inserir espaço entre campos do formulário além de inserir linhas horizontais, verticais, tags htmls e texto.

O formulário agora deverá ter esta aparência:

É usando a tag “cfinput” que inserimos a maioria dos campos do formulário, abaixo está descrita a função de cada atributo usado:

type=" text "	Tipo do campo que pode ser: button; checkbox; file; hidden; image; password; radio; reset; submit; text; datefield.
required=" yes "	Este atributo especifica a obrigatoriedade do preenchimento do campo, caso esteja como “yes” aparecerá um asterisco vermelho ao lado do campo e o formulário não será submetido se o campo estiver vazio ou não atender a os critérios de validação da tag validate.
label=" Seu Nome "	O texto que aparecerá do lado esquerdo do campo.
" message=" Digite seu nome. "	A mensagem que aparecerá para o usuário na janela de erro ou quando mouse estiver sobre o campo que contenha algum erro de validação. Exemplo de janela de erro quando há tentativas de submeter o formulário com algum erro de validação. Exemplo de campo com erro de validação quando o mouse é posicionado sobre ele.
tooltip=" Digite aqui o seu nome. "	Texto que serve como descrição do campo quando o mesmo recebe o foco do mouse. Exemplo de tolltip quando o mouse está sobre o campo.
name=" nome "	Nome do campo, este atributo é obrigatório, você usará este nome para recuperar o valor inserido neste campo, quando o form for submetido.

O formulário deve ter esta aparência agora:

Tres tags cfformitem foram usadas, a primeira e a última servem para dar uma espaçamento vertical de 3 pixels cada uma , o atributo type=" hrule "/> insere uma linha entre os espaços.

O formulário agora deve estar com esta aparência:

Foi inserida mais uma tag input, explicarei os atributos novos nesta tag:

validate=" email "	O tipo de validação que será usado no campo, você pode esta validando o campo com datas, números inteiros, texto etc.
maxlength=" 40 "	O quantidade máxima de caracteres que o campo aceita.

O formulário deve estar com esta aparência:

O formulário deve estar com esta aparência

O formulário deve estar com esta aparência

Enfim o formulário pronto.

Conclusão

Usando Flash Forms Construímos o formulário em Flash com uma interface rica, campos com validações complexas e tudo isso com um código simples de entender.

Onde encontrar mais informações?

O site da macromedia é uma fonte muita rica de informações sobre seus produtos, lá você encontrará vários artigos sobre ColdFusion.

Para compartilhar suas experiências ou tirar suas dúvidas, participe da lista de discussão: CFBRASIL, http://lists.coldfusion.org.br/mailman/listinfo/cf-brasil.

Referência:

Foi usado como referência o manual de ajuda do ColdFusion , onde é encontrada todas a informações necessárias para dominar o ColdFusion.

Infelizmente não está no escopo deste tutorial a inserção dos dados, caso queira o código fonte deste artigo já com os códigos para inserção dos dados envie um e-mail para: rodryguex@gmail.com.

LISTA DE TODOS OS TUTORIAIS DISPONÍVEIS

LIVROS CAMPEÕES DE VENDA NO SITE

Cursos Online com Certificado e Suporte à Dúvidas

CURSOS ONLINE COM CERTIFICADO - INDICADOS POR JÚLIO BATTISTI EM PARCERIA COM CURSOS 24 HORAS
AdministraÇÃo
Administração Contábil e Financeira Administração de Empresas Administração do Tempo Aprenda a Falar em Público Chefia e Liderança Departamento Pessoal Empreendedorismo Gestão da Qualidade Gestão de Compras	Gestão de Projetos Gestão Escolar Gestão Hoteleira Gestão Pública Logística Matemática Financeira HP 12C Planejamento Estratégico Qualidade de Vida no Trabalho
COMUNICAÇÃO E MARKETING
Administração de Empresas Aprenda a Falar em Público Comércio Exterior Empreendedorismo Escrita e Redação Etiqueta Social e Empresarial Jornalismo Online Marketing Pessoal	Marketing Social Planejamento Estratégico Produção de Eventos Propaganda e Marketing Sucesso Profissional Técnicas de Vendas Telemarketing
CONCURSOS PÚBLICOS
Conhecimentos Bancários Gestão Pública Memorização e Leitura Dinâmica	Noções Gerais de Direito Raciocínio Lógico
CONTABILIDADE E ECONOMIA
Administração Contábil e Financeira Administração de Empresas Bolsa de Valores Comércio Exterior	Conhecimentos Bancários Contabilidade Básica Finanças Pessoais Matemática Financeira HP 12C
DIREITO
Assistente Social Departamento Pessoal	Gestão Pública Noções Gerais de Direito
GESTÃO E LIDERANÇA
Administração de Empresas Administração do Tempo Aprenda a Falar em Público Chefia e Liderança Empreendedorismo Etiqueta Social e Empresarial Gestão de Compras Gestão de Projetos Gestão Escolar	Gestão Hoteleira Gestão Pública Marketing Pessoal Memorização e Leitura Dinâmica Negociação Propaganda e Marketing Recolocação Profissional Secretariado Executivo Sucesso Profissional
INFORMÁTICA
Access 2007 ASP AutoCad 2D AutoCad 3D CorelDraw Excel 2007 Flash Linux MS Project 2007	Photoshop PowerPoint 2007 Raciocínio Lógico Redes e Noções de Hardware Segurança na Internet Webmaster Windows 7 Word 2007 Word e Excel
MEIO AMBIENTE
Educação Ambiental Guia de Turismo	Marketing Social Reciclagem e Energias Renováveis
PEDAGOGIA
Bullying Distúrbios de Aprendizagem Educação Ambiental Educação de Jovens e Adultos Educação Especial	Educação Infantil Escrita e Redação Gestão Escolar Saúde Emocional do Educador
ProfissionalizanteS
Administração de Empresas Assistente Social Comércio Exterior Departamento Pessoal Educação de Jovens e Adultos Educação Infantil Enfermagem Fotografia Digital Gestão da Qualidade Gestão de Compras Guia de Gastronomia	Guia de Turismo Jornalismo Online Logística Produção de Eventos Recepcionista de Hotel Recrutamento e Seleção Secretariado Executivo Segurança do Trabalho Técnicas de Vendas Telemarketing Webmaster
RECURSOS HUMANOS
Administração de Empresas Departamento Pessoal Gestão Pública	Qualidade de Vida no Trabalho Recrutamento e Seleção
SAÚDE
Assistente Social Bullying Enfermagem	Primeiros Socorros Saúde Emocional do Educador Segurança do Trabalho
TURISMO E HOTELARIA
Gestão Hoteleira Guia de Gastronomia	Guia de Turismo Recepcionista de Hotel

CURSOS ONLINE COM CERTIFICADO - INDICADOS POR JÚLIO BATTISTI EM PARCERIA COM BRAVA CURSOS
INFORMÁTICA
Curso de Digitação Formatando e Instalando Computador Excel para Iniciantes Curso Compre no Ebay Informática Educativa Curso de Linux	Segurança na Internet Montagem e Manutenção de Computadores Curso Remoção de Vírus Curso Ubuntu Instalação Linux - Ubuntu
AdministraÇÃo
Gestão de Projetos e Empreendedorismo Benefícios da Previdência Curso HP 12C Matemática Financeira Curso Análise Salarial	Processo de Elaboração de Questionário Excelência no Atendimento ao Cliente Logística do Transporte Licitações e Contratos Administrativos
Profissionalizante
Adestramento Canino Como fazer pesquisa Científica e Monografia Curso de Corte e Costura Supervisor de Telemarketing Balconista de Padaria Curso Educação Infantil	Recepcionista e Secretaria Velas Artesanais Relações Interpessoais Curso de Arbitragem Bullying e Cyberbullying Capacitação de Tutores em EAD
EstÉtica
Curso de Massoterapia Curso de Depilação Drenagem Linfática Curso de Maquiagem Limpeza Turbinada de Pele	Alisamento e Relaxamento Capilar Curso de Etiqueta SPA de Vinhoterapia na Estética Facial Curso de Shantala Introdução à Colorimetria Capilar
Pessoal
Curso de Caligrafia Memorização Chefia e Liderança Curso Falar em Público Curso Bases Neurológicas Leitura Dinâmica Planejamento de Projeto Pessoal Reforma Ortográfica	Como Passar em Concursos Públicos Direção Defensiva Administração do Tempo Curso de Redação Curso de Meditação Como Passar no Vestibular Atualização Gramatical
NegÓCIOS
Relações Humanas e Ética Profissional Marketing e Vendas Diretas	Persuasão em Vendas
Entretenimento
Curso de Mágica
SaÚde
Primeiros Socorros Curso de Fitoterapia Curso de Aromaterapia Medicina Alternativa Plantas Medicinais	Técnicas básicas de Enfermagem O Trabalho do Agente Comunitário de Saúde Ergonomia - Postura Correta em Frente ao Computador Ética Profissional - Ênfase em Radiologia Adolescência: Visão Saúde do Assunto
Meio Ambiente
Curso Gestão Ambiental Jardinagem e Paisagismo	Curso de Reciclagem Curso de Bonsai
MÚsica
Curso de Violão
NutriÇÃo
Higiene e Manipulação de Alimentos Congelamento de Alimentos	Culinária Básica Culinária Intermediária
RelaÇÕes Humanas
Curso Gestão de Pessoas Departamento Pessoal Desenvolvimento Pessoal Empresarial Curso de Telemarketing Curso Dinâmica em Grupo Rescisão Contrato de Trabalho Folha de Pagamento na Prática	Atendimento ao Cliente Adm. da Empregada Doméstica Curso de Homolognet Recursos Humanos - Férias Recursos Humanos - 13° Salário Registro de Empregados
Web Master
Curso de HTML Curso de WordPress	Curso de HTML5
Designer GrÁfico
Curso de Corel Draw Efeitos Especiais com InDesign CS5	Efeitos Tipográficos com InDesign CS5

CURSO EM FORMATO DE VÍDEO-AULA

EXEMPLOS PRÁTICOS PASSO A PASSO COM SOM E IMAGEM

Clique no curso para informações detalhadas

Curso

Duração

Informações

ACCESS

Vídeo Aula: Access 2007 - Consultas - Curso Completo e Prático

4:30h

LOJA DE LIVROS

VÍDEO-AULAS

E-BOOKS/CURSOS

CURSOS ONLINE COM CERTIFICADO

CURSOS COMPLETOS EM CD

CD-01

CD-02

CD-03

CD-04

CD-05

CD-06

CD-07

CD-08

CD-09

CD-10

CONTATO