DOCUMENTATION EN LIGNE
DE WINDEVWEBDEV ET WINDEV MOBILE

Aide / Développer une application ou un site / Spécificités WEBDEV / Types de pages
  • Présentation
  • Intégration simple d'une page WEBDEV dans une application WINDEV
  • Comment le faire ?
  • Illustration avec les exemples WD IntégrationWEBDEVdansWINDEV et WW_IntégrationWEBDEVdansWINDEV
  • Faire dialoguer une page WEBDEV et une application WINDEV
  • Exécuter un traitement WINDEV depuis une page WEBDEV
  • Exécuter un traitement WEBDEV depuis une fenêtre WINDEV
  • Illustration avec les exemples WD IntégrationWEBDEVdansWINDEV et WW_IntégrationWEBDEVdansWINDEV
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaEtats et RequêtesCode Utilisateur (MCU)
WEBDEV
WindowsLinuxPHPWEBDEV - Code Navigateur
WINDEV Mobile
AndroidWidget AndroidiPhone/iPadWidget IOSApple WatchMac CatalystUniversal Windows 10 App
Autres
Procédures stockées
Intégrer un site WEBDEV dans une application WINDEV
Présentation
L'intégration d'un site Web existant dans une fenêtre d'application Desktop existante permet de créer des passerelles de productivité, et de mutualiser l'existant.
De nombreux nouveaux développements s'effectuent en Web. Par contre l'existant en place est généralement constitué d'applications Windows. Pour conserver la richesse applicative du patrimoine logiciel d'une entreprise et se diriger sereinement vers une webisation sans perte de fonctionnalités, l'intégration d'un site Web dans une fenêtre WINDEV est une avancée déterminante.
Cela permet de progresser rapidement, de manière agile, sans risques, par étapes.
Cette page de documentation propose une mise en place pas à pas, et s'appuie sur les exemples "WD IntégrationWEBDEVdansWINDEV" et "WW_IntégrationWEBDEVdansWINDEV" livrés avec WINDEV et WEBDEV. Ces deux exemples permettent d'effectuer les opérations suivantes :
  • Visualiser directement une page WEBDEV intégrée à une fenêtre WINDEV.
  • Faire dialoguer la fenêtre WINDEV et la page WEBDEV.
Intégration simple d'une page WEBDEV dans une application WINDEV

Comment le faire ?

Pour intégrer une page WEBDEV dans une application WINDEV, les étapes sont les suivantes :
  1. Création du projet WEBDEV.
  2. Préparation des pages WEBDEV à afficher dans l'application WINDEV : création d'un agencement spécifique.
    Pour créer un agencement spécifique pour une utilisation sous WINDEV :
    • Affichez la page concernée sous l'éditeur de WEBDEV.
    • Sous le volet "Page", dans le groupe "Agencements", déroulez "Agencements" et sélectionnez "Ajouter un agencement pour intégration dans WINDEV".
    • Dans l'agencement "Pour WINDEV", définissez l'interface qui sera affichée dans l'application WINDEV.
    • Enregistrez la page.
  3. Création d'un champ "Page WEBDEV" dans la fenêtre affichant la page.
    • Ouvrez la fenêtre devant afficher le site WEBDEV dans l'éditeur WINDEV.
    • Créez un champ de type "Page WEBDEV" : sous le volet "Création", dans le groupe "Autres champs", cliquez sur "Page WEBDEV".
    • Positionnez le champ dans la fenêtre.
  4. Initialisation du champ Page WEBDEV :
    L'initialisation du champ Page WEBDEV peut être effectuée :
    • Directement dans la fenêtre de description du champ en précisant l'URL source.
    • Via la propriété URL du champ Page WEBDEV.
  5. Test du site WEBDEV et de l'application WINDEV.
    Le site WEBDEV doit être lancé avant l'application WINDEV pour initialiser les données Web.
Remarques :
  • Vérifiez l'URL de la page WEBDEV à lancer dans l'application WINDEV.
  • Les pages WEBDEV peuvent être en mode Session, Session référençable ou AWP. Si des paramètres doivent être passés à la page pour afficher des données spécifiques, il est nécessaire d'utiliser le mode Session référençable ou le mode AWP et d'utiliser la propriété URL pour initialiser le champ.
  • La fonction EnModePageDansFenêtre permet de savoir si le code de la page WEBDEV est exécuté en mode site ou dans une page affichée dans un champ d'une fenêtre.

Illustration avec les exemples WD IntégrationWEBDEVdansWINDEV et WW_IntégrationWEBDEVdansWINDEV

  • Dans le site WW_IntégrationWEBDEVdansWINDEV, la page PAGE_CarnetEntretien contient un agencement WINDEV.
  • Dans l'application WD IntégrationWEBDEVdansWINDEV, la fenêtre FEN_FicheVéhicule affiche la page PAGE_CarnetEntretien dans un champ Page WEBDEV.
  • L'initialisation du champ Page WEBDEV est réalisée dans la procédure Initialisation de la fenêtre FEN_FicheVehicule.
  • En exécution, l'agencement pour WINDEV de la page WEBDEV est affiché dans l'application WINDEV.
Faire dialoguer une page WEBDEV et une application WINDEV

Exécuter un traitement WINDEV depuis une page WEBDEV

Pour exécuter un traitement WINDEV depuis une page WEBDEV, les étapes sont les suivantes :
  • Dans la fenêtre WINDEV, créer le traitement à utiliser. Ce traitement doit être une procédure locale au champ Page WEBDEV.
  • Dans la page WEBDEV manipulée par la fenêtre WINDEV (ou dans le traitement), utilisez le mot-clé MonChampHôte pour exécuter la procédure présente dans le champ Page WEBDEV qui affiche la page WEBDEV. Il est possible de passer des paramètres à cette procédure.

Exécuter un traitement WEBDEV depuis une fenêtre WINDEV

Pour exécuter un traitement WEBDEV depuis une fenêtre WINDEV, les étapes sont les suivantes :
  • Dans la page WEBDEV, le traitement WEBDEV à exécuter doit correspondre à une procédure locale navigateur de la page affichée dans le champ Page WEBDEV.
  • Dans la fenêtre WINDEV qui affiche le champ Page WEBDEV, utilisez la propriété Page sur le champ Page WEBDEV en précisant le nom de la procédure à exécuter ainsi que les paramètres à passer à la procédure.

Illustration avec les exemples WD IntégrationWEBDEVdansWINDEV et WW_IntégrationWEBDEVdansWINDEV

L'exemple WD IntégrationWEBDEVdansWINDEV propose un dialogue en WLangage entre la page WEBDEV et la fenêtre WINDEV. Pour tester ce dialogue :
  • Dans la fenêtre de facturation, cliquez sur l'option "Facturer" d'une ligne de la table dans la page WEBDEV intégrée (Véhicules présents dans l'atelier).
  • La page WEBDEV affiche alors une popup pour choisir un goodies, choisissez par exemple la danseuse hawaïenne.
  • La popup WEBDEV appelle ensuite la procédure WINDEV DemandeFacturation. L'application ouvre la fenêtre WINDEV de facturation. Et quand la facturation est validée, l'application appelle une procédure de la page WEBDEV pour supprimer la ligne du véhicule dans la table WEBDEV.
Voyons le code utilisé par l'application WINDEV et le site WEBDEV :
  • Pour le dialogue de WINDEV vers WEBDEV :
    • Dans l'application WD IntégrationWEBDEVdansWINDEV, la fenêtre FEN_GestionClient contient :
      • un champ Page WEBDEV qui affiche la page PAGE_SortieAtelier. Cette page liste les véhicules présents dans l'atelier.
      • une procédure locale DemandeFacturation. Cette procédure est appelée depuis la page WEBDEV.
    • Dans le site WW_IntégrationWEBDEVdansWINDEV, la page PAGE_SortieAtelier permet de lancer la facturation via la page popup "POPUP_GOODIES". Dans cette popup, à la validation du Goodies, la procédure DemandeFacturation locale au champ Page WEBDEV est appelée via le code :
      MonChampHôte.demandeFacturation(ATT_Expéditeur[gnNumLigne], ATT_Résumé[gnNumLigne], ...
      gnNumLigne, ATT_CR[gnNumLigne], sNomGoodies)
  • Pour le dialogue entre la page WEBDEV et l'application WINDEV :
    • Dans le site WW_IntégrationWEBDEVdansWINDEV, la page PAGE_SortieAtelier contient la procédure locale navigateur actualise_ligne. Cette procédure permet d'actualiser la ligne correspondant à la facture validée.
    • Dans l'application WD IntégrationWEBDEVdansWINDEV, la procédure locale DemandeFacturation du champ Page WEBDEV appelle la procédure ActualiseLigne.
      WEBDEV_ListeVéhicules.Page.actualise_ligne(nnumligne)
Liste des exemples associés :
WD IntegrationWEBDEVdansWINDEV Exemples didactiques : WD IntegrationWEBDEVdansWINDEV
[ + ] Cet exemple présente la fonctionnalité "WEBDEV dans WINDEV".
Il présente comment insérer un site ou une partie de site ou une page WEBDEV dans une fenêtre WINDEV avec communication bi-directionnelle en WLangage.
L'intégration d'une page WEBDEV directement dans une fenêtre WINDEV a plusieurs utilisations :
- réunir deux existants, un existant WINDEV et un existant WEBDEV,
- permettre la webisation progressive d'une application. Il suffit alors de développer les nouvelles fonctionnalités dans WEBDEV et de les intégrer dans les applications WINDEV existantes.
WW_IntegrationWEBDEVdansWINDEV Exemples didactiques : WW_IntegrationWEBDEVdansWINDEV
[ + ] Cet exemple présente la fonctionnalité "WEBDEV dans WINDEV".
Il présente comment insérer un site ou une partie de site ou une page WEBDEV dans une fenêtre WINDEV avec communication bi-directionnelle en WLangage.

L'intégration d'une page WEBDEV directement dans une fenêtre WINDEV a plusieurs utilisations :
- réunir deux existants, un existant WINDEV et un existant WEBDEV,
- permettre la webisation progressive d'une application. Il suffit alors de développer les nouvelles fonctionnalités dans WEBDEV et de les intégrer dans les applications WINDEV existantes.
Version minimum requise
  • Version 28
Documentation également disponible pour…
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire

Dernière modification : 09/05/2023

Signaler une erreur ou faire une suggestion | Aide en ligne locale