Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

IntraWeb Tutorial - John COLIBRI.  résumé : comment créer ses pages Web de faç

IntraWeb Tutorial - John COLIBRI.  résumé : comment créer ses pages Web de façon visuelle en utilisant IntraWeb et Delphi. En particulier l'accès aux bases de données (BDE, Interbase, ADO) via des Edit ou des grilles, en mode affichage ou edition  mots clé : IntraWeb - Développement de site Web - conception Rad - Programmation Internet - grille modifiable  logiciel utilisé : Windows XP personnel, Delphi 2006 Win32, Intraweb 8  matériel utilisé : Pentium 2.800 Mhz, 512 Meg de mémoire, 250 Giga disque dur  champ d'application : Delphi 5, Delphi 6, Delphi 7, Delphi 8, Delphi 2005, Delphi 2006, Delphi 2007  niveau : développeur Delphi et Internet  plan : o Présentation IntraWeb o La Première Applications IntraWeb o Le fonctionnement Intraweb o Quelques Techniques IntraWeb o Commentaires sur IntraWeb o Télécharger le code source Delphi 1 - Présentation IntraWeb Intraweb est un jeu de composants Delphi permettant de développer des applications Web de façon visuelle: le développeur choisit ses composants sur la Palette, les dépose sur la Forme, modifie ses propriétés dans l'Inspecteur d'Objet, et effectue des traitements dans du code Pascal (Delphi) Depuis Delphi 2, Borland a fait de gros efforts pour nous offrir des composants permettant de créer des sites Web. Ces composants (WebBroker, WebSnap) étaient cependant surtout orientés vers la création de pages dynamiques par code. La partie construction visuelle de la présentation de la page (mise en page, image, couleurs) n'était pas possible visuellement. Personne n'a compris pourquoi une société capable de poser et ajuster quelques labels et boutons sur une tForm Windows a choisi de ne pas permettre de poser quelques labels et boutons sur une future page .HTML. C'est donc ce vide immense qui a été comblé par Intraweb, et nous allons présenter l'utilisation de cette technique. Nous allons utiliser Delphi 2006, mais ce que nous présentons pourrait être réalisé avec les composants Intraweb disponibles pour les versions Delphi 5, Delphi 6, Delphi 7, Delphi 8, Delphi 2005, Delphi 2006, Turbo Delphi et Delphi 2007 2 - La Première Applications IntraWeb Commençons par l'exemple simple de la calculette: l'utilisateur tape l'adresse Web d'une page permettant de faire des multiplications son explorateur web lui présente une page avec 2 Edit et un bouton l'utilisateur tape 2 nombre et clic le bouton son explorateur lui renvoie le résultat Nous allons donc construire une page Web  avec deux Edit et un Bouton  lorsque l'utilisateur cliquera le bouton, nous calculerons le résultat et l'afficherons dans un label Par conséquent créez sur votre disque un dossier 01_calculator lancez Delphi 2006 lancez le Wizard Intraweb en sélectionnant "File | New | Other | Intraweb | Intraweb wizard" L'emplacement des Wizards Intraweb dans les menus Delphi ainsi que le contenu des différents dialogues varie avec les versions de Delphi, mais le mécanisme reste le même Intraweb présente un dialogue permettant spécifier le type d'application Intraweb que vous souhaitez créer les valeurs par défaut ("StandAlone", et "with Datamodule") conviennent. Ajoutez simplement le chemin C:\programs\fr\web\intraweb\01_calculator et le nom de votre projet p_01_calculator et cliquez "Ok" Intraweb crée 3 unités  celle qui communiquera le Serveur Web  celle qui gèrera les sessions  et surtout l'unité correspondant à la page que verra l'utilisateur Ces fichiers sont visibles dans le gestionnaire de projet: sauvegardez le projet et ses unités avec des noms correspondant à l'application dans le bon répertoire. Cette étape peut être sautée, mais notre expérience de Delphi 2006 nous a appris à effectuer cette sauvegarde avant de poursuivre. Donc sélectionnez chaque unité tour à tour et sélectionnez "Save As" pour  sauvegarder ServerController sous le nom de u_01_server_controller  sauvegarder UserSessionUnit sous le nom de u_01_user_session_unit  sauvegarder Unit1 sous le nom de u_01_calculator en vérifiant que chaque fichier va bien dans notre répertoire Puis, dans u_01_server_controler, dans le USES, changez le nom UserSessionUnit en u_01_user_session_unit Compilez pour vérifier que tout est cohérent comme nous utilisons XP avec son pare feu Internet, la sécurité Windows nous demande si nous acceptons exécuter ce programme cliquez "Débloquer" le Serveur IntraWeb est affiché fermez ce Serveur (l'icône "x" en haut à droite) de retour dans Delphi, sélectionnez la page u_01_calculator (pas le contrôleur ou la session). Puis dans la Palette, sélectionnez la page correspondant aux composants visuels "IW Standard", puis sélectionnez un tIwEdit et posez-le sur la Forme. Posez-en un second, puis, de la même page de la Palette, un tIwButton et un tIwLabel La Forme aura l'allure suivante: créez l'événement qui va calculer la multiplication en double-cliquant sur IwButton1 (exactement comme pour une application Windows), et tapez le code qui va effectuer le calcul procedure TIWForm1.IWButton1Click(Sender: TObject); begin IwLabel1.Caption:= IntToStr(StrToInt(IwEdit1.Text)* StrToInt(IwEdit2.Text)); end; // IWButton1Click compilez le Serveur Internet Intraweb est affiché: lancez l'explorateur Web  soit en cliquant sur l'icône désignée par la flèche rouge  soit en tapant F9  soit par le menu "File | Execute" Internet Explorer est lancé, et notre page est présentée: tapez deux nombres, par exemple 3 et 5 et cliquez "IwButton1" le résultat est affiché dans Internet Explorer Notez que:  nous avons utilisé IntraWeb en mode "StandAlone": notre application contient en fait un Serveur Web qui est chargé de fournir notre page à Internet Explorer. Il existe un autre mode, dit mode "Page" dont nous parlerons à la fin de notre présentation  comme indiqué, l'emplacement dans les menus Delphi du Wizard qui lance le serveur Standalone peut varier énormément selon la version de Delphi. Mais en naviguant un peu dans ces menus, il n'est guère difficile de trouver la page Intraweb, et sur cette page une icône correspondant au mode Standalone  lorsque nous exécutons le projet et lançons le Serveur (F9 ou l'icône verte), il ne faut pas trop tarder à remplir la page et cliquer sur le bouton. Il y a en effet une temporisation qui peut bloquer la réponse. Dans ce cas relancez l'exécution Delphi Nous allons à présent examiner le principe du fonctionnement Intraweb, puis présenter quelques exemples d'applications simples utilisant Intraweb. 3 - Le fonctionnement Intraweb 3.1 - Fonctionnement Internet Un petit rappel rapide sur le fonctionnement des sites Web: un développeur écrit des fichiers avec une syntaxe spéciale (.HTML) correspondant à ses pages. Voici par exemple une page simple avec un texte de bienvenue: <HTML> <BODY> Bienvenue sur notre site </BODY> </HTML> La page, qui peut être rédigée en utilisant NotePad (ou tout autre éditeur de texte ASCII) est sauvegardée sur disque, sous le nom de HELLO.HTML, par exemple le développeur lance un Serveur Web, qui est une application qui écoute et attend les requêtes provenant de clients. Ce serveur peut être IIS (Internet Information Server), Apache, un serveur Web écrit en utilisant des Sockets Delphi: un utilisateur lance un explorateur web (Internet Explorer, Netscape, un client Web écrit avec des Sockets Delphi, ...), et demande à l'explorateur web de rapporter la page HELLO.HTML: le Serveur Web localise HELLO.HTM, l'envoie vers l'explorateur, qui l'affiche: 3.2 - Fonctionnement Intraweb en mode Application Si nous utilisons Intraweb,  la construction du texte .HTML de la page sera fait de façon visuelle en posant des composants sur la Forme. Les propriétés de ces composants seront utilisées par Intraweb pour générer le fichier .HTML  le Serveur Web est un Le fichier .HTML résultant Ceci peut être schématisé ainsi: le développeur charge Delphi avec les composants Intraweb: en utilisant la Palette, l'Inspecteur d'Objet et les Formes, il construit ses pages et compile l'application, qui est placée sur disque, dans un fichier nommé, par exemple, HELLO.EXE: cette application est lancée, et elle correspond à un Serveur Web Intraweb, plus les paramètres des pages construites: un utilisateur lance un explorateur web (Internet Explorer, Netscape, un client Web écrit avec des Sockets Delphi, ...), et demande à l'explorateur web de rapporter la page HELLO.HTML: le Serveur Web Intraweb utilise les paramètres de la Forme pour construire la page HELLO.HTML, et la retourne au client qui l'affiche: La génération d'une page .HTML à partir d'un Forme n'est en fait pas très complexe: il suffit d'analyser les propriétés des contrôles et générer les balises .HTML (<BODY>, <INPUT> etc) correspondantes. Nous avons d'ailleurs présenté dans l'article Delphi Web Designer un projet Delphi permettant de générer une page .HTML à l'aide de contrôles Delphi (tPanel, tEdit, tLabel ...) posés sur une tForm. Notre générateur est bien entendu très simplet par rapport aux contrôles IntraWeb, mais il permet de comprendre le principe. De plus, Intraweb a ajouté le Serveur Web, et même le lancement de l'Explorateur Web. 3.3 - Architecture IntraWeb en mode Application Voici la structure d'un projet IntraWeb en mode Application: et:  nous utiliserons le Serveur Web IntraWeb (plutôt que les composants WebBroker)  ce Serveur est construit à l'aide des composants Indy. Ceci explique d'ailleurs les possibilités SSL (Secure Socket Layer, ou encore mode TCP/IP sécurisé) offertes par Intraweb  IwServerController est chargé de gérer l'application, et en particulier o les sessions utilisateur o les exceptions Voici un diagramme de classe UML simplifié (les classes Intraweb représentées sont uploads/Ingenierie_Lourd/ intraweb-tutorial-french 1 .pdf