Utilisation des composants > Création de formulaires avec les composants > Planification du formulaire

 

Planification du formulaire

Déterminez les critères suivants avant de commencer à créer un formulaire :

Quels sont les éléments requis par le formulaire ?

Quelles données seront affichées et récoltées par chaque élément du formulaire ?

Quel est l'emplacement de chaque élément d'interface utilisateur sur le formulaire ?

Comment l'utilisateur va-t-il naviguer dans le formulaire ?

Lorsque vous avez déterminé les éléments du formulaire, vous pouvez mettre au point un modèle de données destiné à la récolte et au stockage des données. Ces données sont affichées sur le formulaire et activent des éléments du formulaire au fur et à mesure que l'utilisateur le parcourt. Les données sont transmises à une base de données lorsque l'utilisateur envoie le formulaire.

Le tableau suivant présente tous les éléments de code utilisés dans le fichier FormExample.fla, y compris les fonctions qu'ils effectuent et les éléments d'ActionScript auxquels ils font référence dans le code. Ce tableau vous aidera à examiner le code dans les sections suivantes et fournit un exemple de la manière de planifier et d'organiser les formulaires que vous allez créer.

Elément de formulaire

Fonction de l'élément

Référence ActionScript

Page 1

Collecte des informations sur l'utilisateur.

pg1updateUIFromDataPg1

Champ de saisie du nom

Collecte le nom de l'utilisateur

name_txt.text - field nameField - propriété d'objet

Boutons radio Sexe

Collectent les informations sur le sexe

genderGroup - composantgender - propriété d'objet

Liste déroulante Ville

Collecte les informations sur la ville

city_mc - composant ; cityIndex - propriété d'objet ; cityTable - tableau pour composant

Bouton Page suivante

Amène l'utilisateur à la page 2

pg1next

Page 2

Collecte des informations sur les centres d'intérêt

pg2updateUIFromDataPg2

Case à cocher de demande d'informations

Active le menu de la liste des intérêts et consigne la demande d'information de la part de l'utilisateur

junkCheck_mc - composant junkMail - propriété d'objet

Menu de liste des intérêts

Collecte les données sur les centres d'intérêt

interest_mc - composantinterestIndex - propriété d'objet ; interestTable - tableau pour composant

Page suivante

Amène l'utilisateur à la page 3

pg2next

Bouton Page précédente

Ramène l'utilisateur à la page 1

pg2prev

Page 3

Affiche les informations sur l'utilisateur et ses centres d'intérêt

pg3updateUIFromDataPg3

Titre - texte statique

Affiche le message de fin

Sans objet

Nom - texte dynamique

Affiche le nom de l'utilisateur

resultsName_txt.txt - nom de champ d'affichage

Sexe - texte dynamique

Affiche la sélection effectuée au moyen du bouton radio Sexe

resultsGender_txt.txt - nom de champ d'affichage

Ville - texte dynamique

Affiche la sélection effectuée dans la liste Ville

resultsCity_txt.txt - nom de champ d'affichage

Intérêts - texte dynamique

Affiche la sélection effectuée dans le menu de la liste des centres d'intérêt

resultsInterest_txt.txt - nom de champ d'affichage

Bouton Page précédente

Ramène l'utilisateur à la page 2

pg3prev