Remerciez-le!

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

14/11/2018 Full Pc-Soft Windev, Windev Mobile, Webdev, Hfsql, Serveur de déploi

14/11/2018 Full Pc-Soft Windev, Windev Mobile, Webdev, Hfsql, Serveur de déploiement, Web Services Jean-Luc Baptiste Jean-Luc Baptiste Jean-Luc Baptiste 1  Full Pc-Soft Windev, Windev Mobile, Webdev, Hfsql, Serveur de déploiement, Web Services Présentation : __________________________________________ 3 Méthodologie __________________________________________ 3 Sur le serveur Microsoft Server 2016 _____________________________ 3 HFSQL _____________________________________________________________ 3 Serveur d’application WEBDEV ____________________________________________ 5 Sur le poste de développement. _________________________________ 5 Contexte ______________________________________________ 6 Développement WebDev __________________________________ 7 Création des fichiers _______________________________________ 14 Le fichier des visiteurs __________________________________________________ 14 Le fichier des clients ___________________________________________________ 18 Le fichier Animal. _____________________________________________________ 19 Le fichier des passages _________________________________________________ 20 Création du site _______________________________________ 21 Page d’accueil ____________________________________________ 22 Choix du type de la page : _______________________________________________ 23 Customisation de la page Départ ___________________________________________ 24 Test de la page ____________________________________________ 30 Jeux d’essai __________________________________________ 30 Création de requêtes _______________________________________ 32 Création d’une requête de sélection des animaux ________________________________ 32 Création d’une requête de sélection des clients _________________________________ 34 Création d’une requête de sélection des visiteurs ________________________________ 35 Création d’une requête d’ajout des animaux ___________________________________ 36 À vous de finir les requêtes d’ajouts. ____________________________ 39 Création de requêtes de suppression ____________________________ 39 Création d’une requête de suppression des animaux _____________________________ 39 À vous de finir les requêtes de suppression. _______________________ 41 Conclusion sur les requêtes __________________________________ 41 Affichage des animaux ______________________________________ 42 Affichage des Visiteurs ______________________________________ 47 Affichage des Clients _______________________________________ 48 Javascript _______________________________________________ 50 Jean-Luc Baptiste 2  Création d’une popup d’ajout d’un animal ________________________ 50 Mise en forme de la Popup _______________________________________________ 50 Travail à faire ________________________________________ 67 Transfert des données sur le serveur HFSQL __________________ 68 Création de la base de données sur le serveur HFSQL ________________ 68 Conversion sous l’éditeur d’analyse. ____________________________ 70 Windev Mobile ________________________________________ 75 Création de la première fenêtre. ___________________________ 80 Code du bouton de connexion. ________________________________ 86 Requêtes de recherche ______________________________________ 87 Menu de la page d’accueil des visiteurs __________________________ 91 Liste des clients ______________________________________________________ 93 Programmation des passages ____________________________________________ 100 Accueil des clients. _______________________________________ 103 Affichage de l’ensemble des informations du passage ____________________________ 105 Les WebServices ______________________________________ 110 Création du projet dans Windev ______________________________ 110 Présentation des Webservices. _______________________________ 114 Préparation du serveur de déploiement. ________________________ 118 Génération du Webservice. _________________________________ 122 Consommation du webservice _______________________________ 126 Jean-Luc Baptiste Jean-Luc Baptiste 3  Présentation : Cette formation va vous permettre de découvrir l’ensemble des produits de développement de la société PC-Soft : Avec WinDev vous pouvez créer des applications pour Windows, Linux et Mac Avec WebDev, vous pouvez créer des sites Intranet, Internet, et Responsive Avec Windev Mobile vous pouvez créer des applications IOS, Android, Windows 10 mobiles… Méthodologie Nous allons créer un cas à partir de zéro. Ce cas va nous permettre de scanner l’ensemble des produits de la société PCSoft. Les fonctionnalités essentielles seront vues de façon plus ou moins appuyée ou soutenues. Voici les points essentiels que nous aborderons : Sur le serveur Microsoft Server 2016 HFSQL Nous allons paramétrer HFSql pour qu’il héberge notre base de données. Voici ce que permet HFSql : HFSQL est un serveur de bases de données gratuit, ouvert et cross-plateformes. Il fonctionne sous Windows et Linux, sur mobiles, sur les réseaux de toute taille et de tout type, et gère automatiquement plusieurs centaines d’accès simultanés. La diffusion illimitée du moteur HFSQL est libre et gratuite avec vos applications WINDEV. Jean-Luc Baptiste 4  Cross-Plateformes HFSQL offre un format de stockage binairement compatible entre toutes les plateformes. Jean-Luc Baptiste Jean-Luc Baptiste 5  Serveur d’application WEBDEV Webdev nous permet de développer des sites statiques, php, ou dynamique (AWP). Statiques Lorsque vos sites sont statiques, il suffit de les héberger sur un serveur ayant Apache ou IIs d’installé Php Si vos sites doivent être en Php, dans ce cas-là vous devrez l’installer sur un serveur ayant Apache (ou IIs) et Php d’actif. Dynamique (AWP) AWP est la technologie développée par PC Soft qui dynamise les sites comme pourrait le faire Php. Cette technologie propriétaire ne peut fonctionner que si vous installez le serveur d’application sur votre serveur dédié. Nous utiliserons donc le serveur d’application. Vous pouvez le télécharger dans sa version limitée à 10 connexions en vous rendant ici : https://www.pcsoft.fr/st/telec/webdev23/webdev23_31j-dep.htm Sur le poste de développement. Sur le poste de développement, nous utiliserons les versions 23 de Windev, WebDev et Windev Mobile. Jean-Luc Baptiste 6  Contexte La société DogyCat propose un service de visite à domicile des animaux de compagnie. Les propriétaires d’animaux font appel à leurs services lorsqu’ils désirent s’absenter. La société envoie quelqu’un tous les jours à domicile pour vérifier que les animaux ne manquent de rien. L’idée du gérant de la société est de créer une application pouvant permettre de saisir le compte rendu de la visite et publier une photo de l’animal. Le propriétaire pouvant ainsi être sécurisé sur son bien- être. Il y aura donc : Une application mobile avec 2 entrées : - Une entrée pour le personnel soignant. - Une entrée client. Un BackOffice sous Webdev dont le but est de faire la gestion des clients et de leurs animaux. Les données du Backoffice seront utilisées dans l’applicatif mobile. Nous utiliserons ensuite Windev pour réaliser la partie WebService. Jean-Luc Baptiste Jean-Luc Baptiste 7  Développement WebDev Nous allons créer le projet. Lancez Webdev Choisissez Créer un projet, nous allons nous laisser guider par l’assistant. Cliquez sur Site. Jean-Luc Baptiste 8  Comme nom du projet, indiquez DogyCat. Par défaut l’emplacement du projet se remplira automatiquement. Cliquez ensuite sur la flèche permettant d’aller sur l’écran suivant. Ici vous pourriez ajouter des documents consultables par les développeurs, le chef de projet. En fait, vous pouvez stocker tous les documents nécessaires à l’élaboration du site. Dans notre cas, nous allons directement passer à l’écran suivant. Jean-Luc Baptiste Jean-Luc Baptiste 9  Webdev vous permet de créer votre projet en partant de zéro ou vous permet d’utiliser des projets se basant sur du RAD applicatif. Ce second choix est intéressant si vous devez créer un site de e- commerce par exemple. En effet dans ce cas Webdev va vous créer toute l’application, vous n’aurez qu’à customiser. Nous, nous allons démarrer de zéro, choisissez donc créer un projet vierge. Jean-Luc Baptiste 10  Maintenant, il nous faut choisir le type de site. Notre site est un site de type Intranet, nous ne voulons pas que les pages soient indexées par les moteurs de recherche. Nous prendrons donc le choix Dynamique Intranet/Extranet. Le site Dynamique Internet aurait pu faire l’affaire aussi. Le gestionnaire de source permet de stocker sur un serveur de base de données HFSL l’ensemble des éléments constitutif du projet : Les pages, les requêtes, les états, les images, le code…. L’avantage est de pouvoir travailler en équipe sur le même projet, de pouvoir gérer les différentes versions du code, de pouvoir revenir en arrière… Dans notre cas, nous n’allons pas l’activer, car notre serveur HFSql n’est pas actif. Vous pourrez intégrer le projet dans le GDS plus tard si vous le souhaitez. Jean-Luc Baptiste Jean-Luc Baptiste 11  La charte de programmation sert à préfixer vos variables ainsi d’un coup d’œil vous saurez si une variable est un entier, un réel, un booléen. L’ambiance de projet va vous permettre d’avoir un thème homogène sur l’ensemble de vos écrans, les boutons, les combos, les zones de saisies seront construites avec la même harmonie de couleur, de fontes de tailles de caractères. Choisissez par exemple BStrap. Jean-Luc Baptiste 12  L’internationalisation du projet vous permet d’avoir la possibilité de saisir les libellés, les textes en plusieurs langues, c’est pratique si votre projet doit être lu par des personnes venant de pays différents. Le passage dans la langue de l’internaute sera automatique. Pour nous, on reste francophone. Jean-Luc Baptiste Jean-Luc Baptiste 13  Nous allons utiliser une base de données, donc validez le choix Oui, créer une nouvelle base de données La base de données sera décrite par une analyse, Mcd (Modèle conceptuel des données) ou Mld (Modèle logique des données). Le nom par défaut est celui du projet. On valide le choix. Comme vous le découvrez, il existe un très grand choix de base de données que vous pouvez interroger avec WebDev. Dans notre cas, nous allons commencer notre projet avec une base de données de type HFSQL classic. Nous commencerons le prototypage en local et ensuite on basculera sur du HFSql Client/serveur. Jean-Luc Baptiste 14  Validez pour finaliser. L’assistant se ferme le temps d’en ouvrir un autre. Maintenant, nous sommes dans l’éditeur d’analyse, prêt à créer un nouveau fichier de données. Création des fichiers Le fichier des visiteurs Cliquez sur le premier choix, nous allons créer le premier fichier. Jean-Luc Baptiste Jean-Luc Baptiste 15  Notre premier fichier sera celui des visiteurs (les personnes qui iront s’occuper des animaux). Nous sommes de nouveau obligés de confirmer que nous voulons travailler sur une base locale. Validez et terminez l’assistant. Jean-Luc Baptiste 16  Voilà, nous allons pouvoir renseigner l’ensemble des champs constitutifs de notre fichier Visiteur. Par défaut, l’identifiant du fichier Visiteur est uploads/s3/ full-pcsoft.pdf