DOCUMENTATION EN LIGNE
DE WINDEVWEBDEV ET WINDEV MOBILE

Nouveauté WEBDEV 2024 !
Aide / Tuto WEBDEV / Tuto - Webiser un projet WINDEV
  • Présentation
  • Importation d'un projet WINDEV : Webisation d'un projet
  • Présentation
  • Ouverture du projet et Webisation
  • Conclusion

Tuto - Webiser un projet WINDEV

Ce que vous allez apprendre :
  • Différents modes d'importation/exportation.
  • Webiser un projet WINDEV.
Durée de la leçon 10 mn
Présentation
WEBDEV propose différentes fonctionnalités d'importation et d'exportation d'éléments.
Tout d'abord, vous avez la possibilité d'importer des éléments WEBDEV "existants" dans votre projet. Vous pouvez importer tous les types d'éléments WEBDEV :
  • des pages, des états,
  • des classes, des composants,
  • des procédures,
  • etc.
Pour importer des éléments existants dans le projet en cours, sous le volet "Projet", dans le groupe "Projet", déroulez "Importer" et sélectionnez "Des éléments WEBDEV et leurs dépendances...".
Pour plus de détails, consultez Importation d'éléments dans un projet.
Vous pouvez également exporter des éléments de votre projet vers un autre répertoire par exemple. Ces éléments pourront alors être réutilisés dans d'autres projets.
Pour exporter des éléments de votre projet, sous le volet "Accueil", dans le groupe "Général", déroulez "Enregistrer" et sélectionnez l'option "Exporter .. Vers un répertoire...".
Pour plus de détails, consultez Exportation d'éléments vers un répertoire.
Dans ce tuto, nous allons nous arrêter sur un autre type d'importation : l'importation d'un projet WINDEV, également appelé la webisation.
Importation d'un projet WINDEV : Webisation d'un projet

Présentation

Un besoin répandu aujourd'hui est de transformer des applications Windows (ou des parties d'applications) en sites Web dynamiques.
Grâce à l'assistant de Webisation, WEBDEV vous permet :
  • de transformer vos fenêtres en pages,
  • d'avoir une assistance pour l'adaptation du code WLangage.
Pour tester la webisation d'une application WINDEV, nous avons préparé un projet WINDEV.
La webisation d'une application WINDEV peut être réalisée uniquement :
  • soit en utilisant WINDEV 2024 avec WEBDEV 2024 inclus.
  • soit en utilisant WEBDEV 2024.

Ouverture du projet et Webisation

Pour transformer un projet WINDEV existant en site Internet :
  1. Affichez la page d'accueil de WEBDEV (Ctrl + <).
  2. Dans la page d'accueil, cliquez sur "Tutoriel" puis dans la zone "Tuto - Webiser un projet WINDEV", double-cliquez sur "Webiser un projet WINDEV - Exercice".
  3. Deux possibilités s'offrent à vous selon le logiciel utilisé :
    • Si vous utilisez WINDEV avec WEBDEV intégré, sous le volet "Projet", dans le groupe "Webisation", déroulez "Webiser" et sélectionnez "Webiser".
    • Si vous utilisez WEBDEV seul, l'assistant de webisation se lance et indique qu'une configuration de projet WEBDEV va être créée. Passez à l'étape suivante de l'assistant.
  4. L'assistant propose les différents éléments à convertir. Dans notre cas, sélectionnez tous les éléments.
    Lors de la webisation d'un projet WINDEV, il est conseillé de commencer par convertir une ou deux fenêtres de votre application. Il sera possible de convertir les autres fenêtres au fur et à mesure.
  5. Passez à l'étape suivante.
  6. L'assistant propose les éléments à intégrer dans le site. Dans notre exemple, nous conservons l'état. Ne changez rien et passez à l'étape suivante.
  7. L'assistant est terminé. Cliquez sur le bouton "Terminer".
  8. L'audit de projet pour la conversion de pages se lance automatiquement. Cet audit permet de traiter certaines erreurs de compilation en proposant des solutions. Il est nécessaire de traiter toutes ces erreurs pour que l'application soit complètement webisée. Certaines erreurs peuvent concerner des traitements ou des fonctionnalités non disponibles en Web, des fonctions WLangage non disponibles, etc. Dans notre exemple, l'audit affiche les problèmes suivants :
Nous allons examiner les différents problèmes un par un :
  1. Notre application WINDEV imprimait un état en mode "Visualisateur de rapports". Cette option n'est pas disponible dans un site WEBDEV. Il est nécessaire de modifier le code pour créer un fichier PDF.
    • Double-cliquez sur "Clic (Serveur)" situé à côté du libellé "Erreurs". Le code de clic comportant l'erreur est affiché.
    • Tout d'abord, nous allons modifier le mode de chargement de la page. Dans le bandeau de l'événement "Clic sur BTN_Imprimer_Le_devis", cliquez sur "Rechargement minimal de la page (AJAX)" et sélectionnez l'option "Rechargement complet de la page".
    • Ensuite, il faut utiliser le code permettant d'imprimer un fichier PDF. Remplacez le code par :
      (serveur)
      iDestination(iPDFGénérique)
      ETAT_BonDeCommande.Imprime()
      FichierAffiche(iDernierFichier, typeMimePDF, iDernierFichier)
      fSupprime(iDernierFichier)
    • Dans la fenêtre de l'audit, rafraichissez l'affichage : toutes les erreurs d'impression ont disparu.
  2. Le problème suivant concerne les les traitements qui ne sont pas supportés en Web. Il suffit de vérifier le comportement de l'élément et si nécessaire de déplacer ou de supprimer le code WLangage correspondant.
  3. Le dernier problème détecté concerne l'utilisation de la fonction fSélecteur. En effet, dans un site Web, il n'est pas possible d'utiliser un sélecteur de fichier. Il est préférable d'utiliser un champ Upload. Nous avons déjà vu ce type de champ dans la partie 3 (paragraphe "Gestion de l'image d'un produit").
Ce petit exemple nous a permis de voir la simplicité et l'assistance proposées par WEBDEV pour convertir un projet WINDEV en un site.
Remarque : Dans certains cas, de nouveaux développements peuvent être nécessaires pour adapter le fonctionnement de l'application au Web. Par exemple, si l'application utilisait un champ Traitement de texte, il peut être nécessaire d'utiliser un champ HTML, avec si nécessaire adaptation de l'analyse pour gérer le format HTML.
Conclusion
Nous avons vu dans cette leçon une webisation simple d'une application WINDEV. Pour plus de détails sur la webisation d'un projet WINDEV, consultez Transformez vos applications WINDEV existantes en sites Internet.
WEBDEV propose d'autres modes d'importation qui peuvent être très utiles comme par exemple :
Sommaire
Version minimum requise
  • Version 2024
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire

Dernière modification : 15/11/2023

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