Tuto - Webiser un projet WINDEV

• des pages, des états,
• des classes, des composants,
• des procédures,
• etc.

Présentation

• de transformer vos fenêtres en pages,
• d'avoir une assistance pour l'adaptation du code WLangage.

La webisation d'une application WINDEV peut être réalisée uniquement :

• soit en utilisant WINDEV SaaS avec WEBDEV SaaS inclus.
• soit en utilisant WEBDEV SaaS.

Ouverture du projet et Webisation

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 :
   

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").

• Importer les styles d'un thème WordPress avec WEBDEV,
• Importer des éléments Dreamweaver dans un site WEBDEV,
• Importer une feuille de styles CSS.