Un article de XForms.

Ce livre est la traduction du wikilivre en anglais.

[modifier] Tutoriel et livre de cuisine XForms

Bienvenue sur le tutoriel et le livre d'exemples XForms. XForms est une recommandation du World Wide Web Consortium pour la création d'écrans et d'applications. XForms est à la fois facile à apprendre, offre des fonctionnalités étendues à l'utilisateur et ne nécessite pas l'utilisation de JavaScript.

Ce site est un projet collaboratif et nous encourageons tous ceux qui utilisent XForms à contribuer avec leurs exemples totalement opérationnels. Tous les programmes doivent se conformer aux termes de la licence creative-commons-2.5 share-alike with attribution license agreement .

Le 13 janvier 2008, il y avait dans la version originale en anglais 83 exemples de programmes testés dans ce livre.

1. Aux formateurs : signez le livre d'or si vous utilisez ce livre pour apprendre ou enseigner.
2. Aux contributeurs : regardez notre convention de nommage pour assurer la cohérence de vos exemple avec le livre, l'aide sur les modèles.
3. Si vous êtes à la recherche d'un exemple précis la section Exemples répondra à vos besoins

La version anglaise est en train de mettre les exemples sous un système de gestion de configuration.

Si vous pensez que ce site est utile n'oubliez pas de créer des liens vers ce site.

[modifier] Table des matières

1. Introduction - But de ce livre et contexte technologique. Avancement de la traduction au 30 septembre 2007 : 30%
   1. Arrière plan - Bref historique et motivation pour le standard XForms. Avancement de la traduction au 30 septembre 2007 : 30%
   2. Bénéfices - Pourquoi utliser XForms Avancement de la traduction au 30 septembre 2007 : 30%
   3. Installation et test - Comment installer un plug-in ou une extension. Avancement de la traduction au 30 septembre 2007 : 30%
   4. Conventions de nommage - Règles de nommage utilisées dans ce livre. Avancement de la traduction au 7 octobre 2007 : 30%
2. XForms par l'exemple. Avancement de la traduction au 30 septembre 2007 : 30%
   1. « Exemples pour débuter » Les exemples ci-dessous sont pour les personnes qui commencent.
      1. Bonjour tout le monde - Un test simple pour vérifier si XForms est installé correctement. Avancement de la traduction au 6 octobre 2007 : 30%
      2. Types de messages - Ouvre des fenêtres de messages. Avancement de la traduction au 7 octobre 2007 : 30%
   2. Le modèle XForms
      1. Saisie - Une simple entrée qui modifie le modèle Avancement de la traduction au 21 octobre 2007 : 30%
      2. Plusieurs vers un (incrémental) - Comment un simple champ de saisie peut être modifié par la valeur de plusieurs autres Avancement de la traduction au 21 octobre 2007 : 30%
      3. Modification comme dans une feuille de calcul - Comment XForms connait quel champ doit être mis à jour. Avancement de la traduction au 23 octobre 2007 : 30%
      4. Lier - Comment lier les entrées au modèle en utilisant un élément bind. Avancement de la traduction au 30 octobre 2007 : 30%
      5. Additionneur - Exemple de XForms qui utilise un service web pour additionner deux nombres. Avancement de la traduction au 23 octobre 2007 : 30%
      6. Additionneur distant - Exemple de XForms qui utilise un service web distant pour additionner deux nombres. Avancement de la traduction au 1 novembre 2007 : 30%
3. Les contrôles de formulaire.
   1. Saisie - Un simple formulaire de saisie avec un libellé. Avancement de la traduction au 21 octobre 2007 : 30%
   2. Adresse - Un simple formulaire de saisie d'adresses avec des libellés. Avancement de la traduction au 2 novembre 2007 : 30%
   3. Adresse alignée - Utilisation d'une feuille de style CSS pour aligner les champs. Avancement de la traduction au 2 novembre 2007 : 30%
   4. Largeur des champs de saisie - Utilisation d'une feuille de style CSS pour régler la largeur des champs. Avancement de la traduction au 2 novembre 2007 : 30%
   5. Secret - Un technique pour la saisie des mots de passe. Avancement de la traduction au 3 novembre 2007 : 30%
   6. Types de messages - Les trois types de messages. Avancement de la traduction au 7 octobre 2007 : 30%
   7. Zone de texte - Une grande zone de texte.Avancement de la traduction au 3 novembre 2007 : 30%
   8. Zone de texte mise en forme - Une zone de texte mise en forme avec CSS. Avancement de la traduction au 4 novembre 2007 : 30%
   9. Case à cocher - Une simple case à cocher. Avancement de la traduction au 4 novembre 2007 : 30%
   10. Selection 1 - Le nouveau bouton de radio. Avancement de la traduction au 8 novembre 2007 : 30%
   11. Liste déroulante - Sélection d'une valeur dans une liste déroulante. Avancement de la traduction au 8 novembre 2007 : 30%
   12. Sélection ouverte - Proposer à l'utilisateur plusieurs valeurs ou l'autoriser à en saisir une nouvelle. Avancement de la traduction au 8 novembre 2007 : 30%
   13. Sélection multiples - sélectionner plusieurs valeurs avec des cases à cocher. Avancement de la traduction au 13 novembre 2007 : 30%
   14. Sélection multi-colonne - sélectionner dans plusieurs colonnes avec des cases à cocher. Avancement de la traduction au 11 novembre 2007 : 30%
   15. Sélectionner à partir du modèle - récupérer des données à partir de la liste de sélection du modèle. Avancement de la traduction au 13 novembre 2007 : 30%
   16. Sélectionner à partir d'un fichier - sélectionner des données à partir d'un fichier externe. Avancement de la traduction au 17 novembre 2007 : 30%
   17. Sélection d'une date - Utilisation de la commande bind pour présenter un calendrier de choix d'une date. Avancement de la traduction au 18 novembre 2007 : 30%
   18. Formatage de la date - Affiche une date au format jj.mm.aaaa. Avancement de la traduction au 20 novembre 2007 : 30%
   19. Téléchargement - Télécharger un fichier à partir du système de fichier local.Avancement de la traduction au 20 novembre 2007 : 30%
   20. Bouton nouveau - Le bouton nouveau.Avancement de la traduction au 21 novembre 2007 : 30%
   21. Configurer l'apparence du bouton - Configuration du libellé, hints et l'utilisation d'image .Avancement de la traduction au 22 novembre 2007 : 30%
   22. Échelle de valeurs - Ajouter une échelle de valeurs à votre formulaire. Avancement de la traduction au 23 novembre 2007 : 30%
   23. Position du curseur au démarrage - Définir la position initale du curseur au chargement du formulaire Avancement de la traduction au 2 février 2008 : 30%
   24. Formulaire de recherche - Créer un formulaire de recherche Avancement de la traduction au 3 février 2008 : 30%
   25. Soumettre - Sauver vos données XML dans un fichier ou sur un serveur Web. Avancement de la traduction au 24 novembre 2007 : 30%
4. Sorties
   1. Lier à plusieurs instances - Lier à plusieurs instances dans plusieurs modèles. Avancement de la traduction au 25 novembre 2007 : 30%
   2. Lier des échelles de valeurs - Lier des échelles de valeurs. Avancement de la traduction au 27 novembre 2007 : 30%
   3. Répéter - Utilisation de repeat pour afficher une liste de valeurs. Avancement de la traduction au 2 décembre 2007 : 30%
5. Formulaires Dynamiques - Créer des formulaires dynamiques sans utiliser JavaScript.
   1. D'une vue à l'autre - Passer d'une vue à l'autre avec switch et case. Avancement de la traduction au 2 décembre 2007 : 30%
   2. Pertinent - Afficher uniquement les champs pertinents.Avancement de la traduction au 5 janvier 2008 : 30%
   3. Désactiver les boutons - Comment désactiver les boutons quand il ne sont pas pertinent. Avancement de la traduction au 6 janvier 2008 : 30%
   4. Lecture seule - Mettre les champs de saisie en lecture seule. Avancement de la traduction au 8 janvier 2008 : 30%
   5. Select et regroupement - Utilisation de select pour afficher un regroupement conditionnel. Avancement de la traduction au 9 janvier 2008 : 30%
   6. Libellé dynamique - Modifier dynamiquement le libellé d'un formulaire de saisie sans recharger la table. Avancement de la traduction au 26 janvier 2008 : 30%
   7. Valeurs proposées - Créer une liste de valeur à mesure de la frappe Avancement de la traduction au 13 février 2008 : 30%
   8. Diaporama - Charger les images d'un diaporama. Avancement de la traduction au 14 février 2008 : 30%
6. Exemples intermédiaires - Note : ces exemples nécessitent que vous ayez compris la plupart des concepts élémentaires.
   1. Menus - Navigation dans les formulaires complexes.
      1. Onglets horizontaux - Un exemple complet sans Javascript. Avancement de la traduction au 16 février 2008 : 30%
      2. Onglets horizontaux avec surbrillance - Menu d'onglets avec surbrillance de l'onglet sélectionné en utilisant CSS. Avancement de la traduction au 25 février 2008 : 30%
      3. Menu vertical - Menu similaire au précédent, mais vertical. Avancement de la traduction au 12 avril 2008 : 30%
      4. Menus déroulants - Menus déroulants. Avancement de la traduction au 22 avril 2008 : 30%
      5. Evènement désélection - Capturer l'évènement désélection quand l'utilisateur quitte le formulaire. Avancement de la traduction au 25 avril 2008 : 30%
   2. Écriture et lecture de fichier.
      1. Écriture et lecture de fichier avec get et put - Utilisation de l'élément soumission pour lire et écrire un static. Avancement de la traduction au 27 avril 2008 : 30%
      2. Sauvegarde les données intermédiaires d'un formulaire - Sauver les données du formulaire sur un disque local. Avancement de la traduction au 27 septembre 2007 : 0%
      3. Recherche avancée - Écran avec un panneau pour la recherche simple et un autre pour la recherche complexe. Avancement de la traduction au 27 avril 2008 : 30%
   3. Données tabulaires et répétées
      1. Répéter dans une table - mettre des données dans des tables HTML. Avancement de la traduction au 1er mai 2008 : 30%
      2. Filtrage incrémental - Filtrer une liste dynamiquement. Avancement de la traduction au 2 mai 2008 : 30%
      3. Répéter sur la même ligne - Permet d'ajouter une liste de valeurs dans le flot du texte sans changer de paragraphe. Avancement de la traduction au 4 mai 2008 : 30%
      4. Insertion - Insertion d'une nouvelle ligne dans une structure tabulaire. Avancement de la traduction au 5 mai 2008 : 30%
      5. Insertion avec initialisation - Insertion d'une nouvelle ligne dans une structure tabulaire avec des valeurs initiales prédéfinies. Avancement de la traduction au 7 mai 2008 : 30%
      6. Suppression - Suppression d'une ligne dans une structure tabulaire. Avancement de la traduction au 10 mai 2008 : 30%
      7. Désactiver un bouton - Désactiver le bouton suppression quand il ne reste qu'un élément. Avancement de la traduction au 11 mai 2007 : 30%
      8. Suppression avec confirmation - Confirmation avant la suppression. Avancement de la traduction au 14 mai 2008 : 30%
      9. Suppression avec confirmation et CSS - Mettre en forme votre confirmation avec CSS. Avancement de la traduction au 21 mai 2008 : 30%
      10. Écriture et lecture en fin de liste - ajouter et supprimer en fin de liste. Avancement de la traduction au 24 mai 2008 : 30%
      11. Insertion et suppression dans une table - ajouter et supprimer des lignes dans une table. Avancement de la traduction au 25 mai 2008 : 30%
      12. Surbrillance ligne sélection - Mettre en surbrillance une ligne. Avancement de la traduction au 28 mai 2008 : 30%
      13. Total colonne table - table avec le total de la colonne en bas de tableau. Avancement de la traduction au 2 juin 2008 : 30%
   4. schéma XML
      1. Charger à partir d'un schéma XML - Charger des types de données d'un fichier externe de schéma XML. Avancement de la traduction au 8 juin 2008 : 30%
      2. Valider - valider un formulaire en utilisant un schéma XML. Avancement de la traduction au 27 septembre 2007 : 0%
      3. Valider avec des types de schéma - valider un formulaire en utilisant des types de schéma XML. Avancement de la traduction au 12 juin 2008 : 30%
      4. Facet validation - contrôler les longueurs maximum et minimum des champs définis par le schéma XML. Avancement de la traduction au 15 juin 2008 : 30%
   5. Javascript
      1. Exécuter un JavaScript - exemple d'exécution d'un JavaScript. Avancement de la traduction au 22 juin 2008 : 30%
   6. Graphiques
      1. Graphique en camembert - Dessin d'un graphique en camembert avec des contrôles de plages. Avancement de la traduction au 1er juillet 2008 : 30%
      2. Google Charts - Utilisation du web service REST « Google Charts ». Avancement de la traduction au 4 juillet 2008 : 30%
      3. Diagramme d'Euler - Modifier les paramètres d'un diagramme d'Euler (ou diagramme de Venn) avec des contrôles de plages. Avancement de la traduction au 5 juillet 2008 : 30%
      4. Offre et demande - Utiliser des contrôles de plages pour modifier le prix et voir l'effet sur la demande. Avancement de la traduction au 27 septembre 2007 : 0%
   7. Outils de développement
      1. Enregisteur d'évènements - Comment journaliser les évènements. Avancement de la traduction au 10 juillet 2008 : 30%
      2. Testeur d'expressions régulières - Tester les expressions rationnelles souvent appelées expressions régulières.
7. Exemples complexes
   1. Signets hiérarchiques - éditer les signets. Avancement de la traduction au 27 septembre 2007 : 0%
   2. Éditeur encadré - textes encadrés avec indentation. Avancement de la traduction au 27 septembre 2007 : 0%
   3. Formulaire pour la taxe W2 - Exemple de formulaire d'imposition pour basé sur le site XForms de Mozilla. Avancement de la traduction au 27 septembre 2007 : 0%
   4. Calculette - Calculette à 4 opérations. Avancement de la traduction au 27 septembre 2007 : 0%
   5. Formulaire assurance - Exemples de formulaires d'assurance standardisés. Avancement de la traduction au 27 septembre 2007 : 0%
   6. Tables CSS - Formattage de sortie tabulaire avec CSS sans table HTML. Avancement de la traduction au 27 septembre 2007 : 0%
   7. Recherche flickr - Recherche flickr avec l'interface REST. Avancement de la traduction au 27 septembre 2007 : 0%
   8. Service web - Appel d'un service web à l'intérieur d'un XForm. Avancement de la traduction au 27 septembre 2007 : 0%
   9. Cours d'une action - Appel d'un service REST qui retourne les informations sur une action à partir d'un service boursier. Avancement de la traduction au 27 septembre 2007 : 0%
   10. Recherche Amazon - Recherche sur Amazon en utilisant un web service. Avancement de la traduction au 27 septembre 2007 : 0%
   11. Contrôles personnalisés - Exemple de contrôles personnalisés en utilisant XBL. Avancement de la traduction au 27 septembre 2007 : 0%
   12. Avertissement sur non sauvegarde - Prévient l'utilisateur s'il quitte le formulaire sans sauvegarder. Avancement de la traduction au 27 septembre 2007 : 0%
   13. Afficheur de graphe - Affiche un graphe de nœuds et de liaisons. Avancement de la traduction au 27 septembre 2007 : 0%
   14. Selection totale - sélectionne toutes les lignes d'une table. Avancement de la traduction au 27 septembre 2007 : 0%
   15. Google Maps - Exemple d'utilisation de Google Maps à l'intérieur d'un formulaire XForms. Avancement de la traduction au 27 septembre 2007 : 0%
   16. Tri avec XSLT - Exemple de tri avec une feuille de tri XSLT. Avancement de la traduction au 27 septembre 2007 : 0%
   17. XForms pour mobile - Exemple d'application pour mobile basée sur XForms. Avancement de la traduction au 27 septembre 2007 : 0%
8. Solutions serveur
   1. Apache - Configuration d'Apache pour utiliser les XForms. Avancement de la traduction au 27 septembre 2007 : 0%
   2. Historiser les données saisies avec WebDAV et Subversion - Utiliser Subversion et WebDAV pour historiser automatiquement les données d'un formulaire. Avancement de la traduction au 27 septembre 2007 : 0%
   3. IIS - Configuration IIS de Microsoft pour utiliser les XForms. Avancement de la traduction au 27 septembre 2007 : 0%
   4. Bases de données XML - Utiliser des bases de données XML avec XForms. Avancement de la traduction au 27 septembre 2007 : 0%
   5. eXist - Utiliser la base de données XML Libre eXist. Avancement de la traduction au 27 septembre 2007 : 0%
   6. IBM DB2 - Utiliser DB2 v9 vec XForms. Avancement de la traduction au 27 septembre 2007 : 0%
   7. Orbeon Forms - Conversion de XForms en formulaires HTML et autres widgets. Avancement de la traduction au 27 septembre 2007 : 0%
   8. Chiba - Implémentation Java en code source libre du standard XForms W3C. Avancement de la traduction au 27 septembre 2007 : 0%

1. Outils de dévéloppement
   1. Générateurs de formulaires
      1. Conversion de Schéma XML en XForms - Exemple de l'US National Information Exchange Model (NIEM). Avancement de la traduction au 27 septembre 2007 : 0%
   2. Concpeteur de formulaire
      1. IBM Workplace Forms
      2. Intalio Form Designer
2. Débogeur de XForms

Légende : Modèle:États de traduction Image:XForms-best-practice.jpg indique une Bonne pratique

[modifier] Références

Astuces de Débogage