Trois nouveaux formulaires sont donc nécessaires : Pour l affichage de la liste, un formulaire de sortie WEB_Liste associé à la table des [Films] ;

Transcription

1 De la base 4D au site Web 20 Conception des formulaires Web Trois nouveaux formulaires sont donc nécessaires : Pour le dialogue, un formulaire WEB_Trouver associé à la table des [Paramètres] ; Pour l affichage de la liste, un formulaire de sortie WEB_Liste associé à la table des [Films] ; Le formulaire d entrée WEB_Page dédié à l affichage détaillé des caractéristiques d un film. Dialogue de recherche Le dialogue de recherche de film, envoyé aux navigateurs-clients de la base de données, se compose classiquement des objets ci-dessous : Un titre et quelques filets (traits) horizontaux ; Deux listes déroulantes tfiltresgenres et tfiltresnationalités, récupérées dans notre formulaire et dépouillées de leurs méthodes objets ; Une variable vfilm_titre recevant le titre cherché par le websurfer ; Deux boutons, l un validant la requête, l autre annulant l opération (retour à l accueil, c est-à-dire au menu nº3 de la structure) Dialogue de recherche Extrait du Guide 4D v6.7 Initiation e-node & Eyrolles Adapter l interface aux navigateurs Web 461

2 5 VERS LA PROGRAMMATION AVANCÉE et son rendu en situation (MacOS & Windows) Formulaire sortie Le formulaire de sortie ressemble, adapté au Web, à ceux que nous avons conçus pour la mise en œuvre des MODIFIER SELECTION, en reprenant au passage la zone de texte intelligente mise au point dans le formulaire [Films] Fiche rédigée du Chapitre 9, p Formulaire de sortie [Films]WEB_Liste en mode structure 462 Adapter l interface aux navigateurs Web - Extrait du Guide 4D v6.7 Initiation e-node & Eyrolles 2000

3 De la base 4D au site Web 20 Remarquez le jeu subtil des rectangles, traduits sous la forme de tableaux HTML: les tâtonnements sont difficilement évitables! La petite flèche placée en regard de chaque film est ajoutée par 4D lors de la transposition du formulaire en HTML. Comme nous l avons vu ci-dessus, elle sert à simuler le double-clic dans une liste pour accéder au formulaire d entrée. Le pictogramme de film provient en revanche de la bibliothèque d images de la base exemple. et en situation dans un navigateur Extrait du Guide 4D v6.7 Initiation e-node & Eyrolles Adapter l interface aux navigateurs Web 463

4 5 VERS LA PROGRAMMATION AVANCÉE Formulaire entrée Plus classique dans sa facture, ce formulaire reprend simplement la présentation habituelle, en l adaptant au Web. Notez qu il s agit d un formulaire de consultation (aucun champ n est saisissable, et l affichage est commandé par VISUALISER SELECTION: ne mélangeons par les genres pour le moment!) Formulaire d entrée : consultation des détails d un film 464 Adapter l interface aux navigateurs Web - Extrait du Guide 4D v6.7 Initiation e-node & Eyrolles 2000

5 De la base 4D au site Web 20 Méthode de recherche dédiée au Web Comment animer l ensemble? La méthode WEB_TrouverFilm pourra être rédigée selon le modèle ci-dessous. Rappelons qu elle est appelée par la commande unique de la barre de menus nº3. Méthode WEB_TrouverFilm Filtres_Charger Repeter DIALOGUE([Paramètres];"WEB_Trouver") Si (OK=1) CHERCHER([Films];[Films]code>0;*) Si (vfilm_titre#"") vfilm_titre:=vfilm_titre+caractere(arobase ) CHERCHER([Films];[Films]titre=vFilm_Titre;*) Fin de si Si (tfiltregenres>1) CHERCHER([Films]; & ;[Films]genre=tFiltreGenres{tFiltreGenres};*) Fin de si Si (TFiltreNationalités>1) CHERCHER([Films]; & ;[Films]nationalité=tFiltreNationalités{tFiltreNationalités};*) Fin de si CHERCHER([Films]) `fin de pile FORMULAIRE SORTIE([Films];"WEB_Liste") FORMULAIRE ENTREE([Films];"WEB_Page") VISUALISER SELECTION([Films]) Fin de si Jusque (OK=0) Extrait du Guide 4D v6.7 Initiation e-node & Eyrolles Adapter l interface aux navigateurs Web 465

6 5 VERS LA PROGRAMMATION AVANCÉE Filtres Les tableaux de filtres sont d abord chargés à partir de l énumération des genres et du tableau interprocess tnationalités, récupéré depuis l appel de Nationalités_Charge par Sur connexion Web : CHANGER BARRE(3) `Barre spéciale Web TOUT SELECTIONNER([Paramètres]) Nationalités_Charge `chargement des nationalités LIBERER ENREGISTREMENT([Paramètres]) La méthode fonctionne avec une boucle Repeter-Jusque, destinée à assurer le retour au dialogue de recherche après obtention d un premier résultat. La recherche est organisée en fonction des trois objets de sélection, grâce à une pile du type de celles que nous avons construites à de nombreuses reprises dans les chapitres précédents. Attention aux boutons! Les boutons placés dans les formulaires doivent gérer correctement la variable OK. C est pourquoi celui qui est placé en bas du formulaire d entrée est un bouton d annulation, alors que celui apparaissant au bas du formulaire de sortie WEB_Liste est un bouton de validation. Ainsi, lorsque le client Web valide le VISUALISER SELECTION, il ne sort pas de la boucle Repeter. Dans le même registre, le bouton Accueil du dialogue de recherche WEB_Trouver génère une annulation tandis que, très classiquement, le bouton Envoyer (cf. l anglais Submit) valide le dialogue. Mode contextuel ou non contextuel? Comme vous le constaterez en testant ce module, il demeure conçu selon les mêmes règles du jeu qu une application classique, dans laquelle l utilisateur est en permanence connecté à la base de données. Or, nous sommes sur le Web. En principe, le navigateur perd tout contact avec le serveur dès qu il a reçu une page. Vous imaginez le trafic généré sur le réseau si ce n était pas le cas! 466 Adapter l interface aux navigateurs Web - Extrait du Guide 4D v6.7 Initiation e-node & Eyrolles 2000

7 De la base 4D au site Web 20 C est pourquoi notre application, qui fonctionne en mode contextuel, ne tient pas réellement la route d un point de vue logique : vous vous en apercevrez si vous abandonnez votre navigateur une dizaine de minutes au milieu d une session : une fois le process Web mort de sa belle mort, il est impossible de reprendre contact avec la base, sauf à actionner le bouton d annulation pour revenir à notre simili accueil Ce sont les limites du mode contextuel. Une application destinée à l Internet doit plutôt fonctionner en mode non contextuel. Dans ce cas, il est nécessaire de bâtir d une tout autre façon la base 4D destinée à la publication. Elle doit répondre à chaque requête à l unité et, surtout, chaque requête doit contenir à elle seule tous les renseignements nécessaires à son identification et à son traitement. Ce mode sensiblement plus complexe est traité en détail dans le Guide 4D v6.7 - Expert. Générer un site Off-line Publier réellement une base 4D sur Internet nécessite une infrastructure technique spécifique. Ce serait trop beau s il suffisait de connaître l adresse IP de votre machine pour attaquer la base de données que vous publiez généreusement! En pratique, il faudrait au préalable transformer votre ordinateur en serveur Internet et disposer d une ligne à haut débit. Cela ne s improvise pas. Vous pouvez aussi faire héberger votre base chez un fournisseur d accès, ce qui n est pas gratuit, loin de là. Il existe cependant une alternative si vous souhaitez publier le contenu d une base 4D sur le Web. Elle consiste à générer une fois pour toutes une collection de pages HTML, que vous pourrez ensuite envoyer chez un fournisseur d accès au même titre que vos pages personnelles. Entendons-nous bien : en procédant de la sorte, vous ne mettez pas en ligne une base 4D avec ses fonctionnalités propres, vous vous contentez de fabriquer une sorte de book récapitulant l ensemble des informations contenues dans la base à un moment donné, sans que celui-ci ne puisse offrir d autre possibilité que l activation de liens. Extrait du Guide 4D v6.7 Initiation e-node & Eyrolles Générer un site Off-line 467

8 5 VERS LA PROGRAMMATION AVANCÉE Index et fiches individuelles La puissance du HTML - et des langages associés comme Java - vous autorise des déploiements ambitieux. Afin de rester dans le cadre de cet ouvrage, nous vous proposons pour l instant une démarche simple, voire rustique, en créant : Un index, classé alphabétiquement, avec une rupture pour chacune des lettres de l alphabet, comprenant une ligne par titre de film, associée à un lien HTML pointant sur le fichier détaillé correspondant ; Un fichier HTML détaillé par film reprenant la quasi-totalité des données contenues dans la table. Nous nous trouverons à la tête de fiches de films, répertoriées dans un index comprenant au moins lignes Méthode empirique Comment générer ce paquet de fichiers? 4D comprend des routines de création de fichiers texte. Or, les fichiers HTML ne sont rien d autre : ils obéissent seulement à une codification précise. Vampiriser des documents HTML Nous avons adopté la méthode la plus empirique qui soit : à partir de n importe quel éditeur HTML, il est aisé de fabriquer un bref modèle afin de récupérer les codes. Dans une méthode 4D, une boucle se chargera alors de mouliner un par un ces fichiers et de les créer sur votre disque dur, à charge pour vous de les envoyer ensuite chez un fournisseur d accès. L idée de ce traitement nous a été donnée par un article du magazine Planète 4D, paru dans son numéro 2 de janvier 2000 sous la plume de Fabrice Papst : 4D, générateur de site HTML (p. 17). Nous vous y renvoyons si vous souhaitez sophistiquer et rendre plus générique la méthode rudimentaire décrite ci-après. Vous pouvez aussi consulter le site Générer un site Off-line - Extrait du Guide 4D v6.7 Initiation e-node & Eyrolles 2000