PHL Web est un outil de développement d'écrans Web associés à des programmes RPG. Il s'appuie sur l'éditeur graphique PHL SDW, qui remplace l'éditeur SDA, utilisé pour la génération des écrans 5250.

PHL SDW est "WYSIWIG", acronyme anglais signifiant que le développeur voit immédiatement à l'écran l'effet de ce qu'il développe. Il permet de tirer parti de la souris et de composer son écran par glisser-déposer (drag and drop). Il fournit de nombreux composants et fonctions graphiques. En outre, les écrans Web conçus par PHL SDW ne comportent aucune limite en largeur ou en hauteur, ce qui permet de concevoir des écrans beaucoup plus riches que les écrans 5250.

Contrairement aux outils de revamping classiques, il n'est pas nécessaire de développer un écran 5250 et de le convertir en Web : PHL Web permet de développer directement un écran Web.

Des fonctions programmables sont associées à des pages de dialogues : leur utilisation est guidée par des composants graphiques. Enfin, des modèles de composants graphiques peuvent être pré-enregistrés.

Première partie : développement d'un écran de type sous-fichier

Dans ce numéro de PHL Mag, nous présentons la conception et le développement d'un écran de type sous-fichier.

L'écriture des programmes se simplifie considérablement. En effet, PHL Web prend en charge le tri de colonnes, la gestion de colonnes variables (vues multiples paramétrées par l’utilisateur), la recherche de texte et le transfert des données entre le serveur et le client. L’écriture du programme se limite au chargement du sous-fichier à partir de la base de données et aux enchaînements d’écrans.
Il n'y a pas d’instructions d’affichage spécifiques pour le Web : le programmeur continue d’utiliser les opérations RPG classiques (EXFMT, WRITE…). Le pré-compilateur PHL Web se charge de « webiser » le programme objet.

Dans les pages suivantes, vous trouverez, écran par écran, un exemple complet de conception et de développement d'un écran Web de type sous-fichier avec PHL SDW ainsi que la conception, la compilation et l'exécution du programme RPG complet.

1 . Conception de l'écran

1 .1 Ouverture de SDW

Un simple clic sur le bureau de PHL Web permet d'ouvrir PHL SDW.

L'écran PHL SDW s'ouvre dans le navigateur.

1.2 Création d'un fichier écran

Une fois PHL SDW lancé, il faut sélectionner Nouveau puis Fichier écran pour créer un nouveau fichier écran.

1.3 Le fichier a été créé

Une fenêtre de conception s'ouvre : elle occupe la majorité de l'écran.

A gauche de l'écran, il y a en haut, la fenêtre des formats et en bas, la fenêtre du format en cours de modification.

1.4 Ajout du format de contrôle

Une fois le fichier créé, il faut définir ses propriétés. Tout d'abord, on ajoute le format de contrôle.

1.5 Définition des noms du format de contrôle et du sous-fichier

L'étape suivante consiste à donner un nom au format de contrôle et au sous-fichier.

1.6 Définition de la mise en page du sous-fichier

Puis il faut définir la mise en page du sous-fichier : nombre de lignes affichées, nombre de pages envoyées à l'écran, présence d'ascenseurs...

1.7 Définition des mots clés de gestion du sous-fichier

Enfin, il faut définir les mots clés de gestion du sous-fichier.

1.8 SDW a automatiquement ajouté un titre de sous-fichier et une barre de pagination

En haut de l'écran, le titre de sous-fichier permet de définir les colonnes et leur comportement.
En bas de l'écran, la barre de pagination permet de faire défiler les écrans. Elle affiche le nombre de lignes par page et comporte des boutons.

1 .9 Ajout du titre de l’écran

L'icône A permet d'ajouter une constante, ici le titre de l'écran.

Une boîte de dialogue permet de saisir les propriétés de la constante.

On définit les attributs de la police de caractères du titre.

Le titre s'affiche dans PHL SDW

1.10 Ajout du bouton exit

L'onglet Formulaire contient un outil pour l'ajout d'un bouton.

Une boîte de dialogue permet de définir les propriétés du bouton.

Un autre onglet permet de programmer l'action obtenue en cliquant sur le bouton. Ici en appuyant sur le bouton, on simule l'appui sur la touche F3.

Le bouton Exit terminé apparaît dans SDW.

1.11 Ajout des zones du sous-fichier.

Une icône de l'onglet Standard permet de définir les zones de sortie.

La boîte de dialogue "zone en sortie" contient tous les champs nécessaires à la définition des propriétés de la zone de sortie.

Le sous-fichier avec ses zones de sortie apparaît dans PHL SDW.

1.12 Définition des propriétés du titre de sous-fichier

La boîte de dialogue "Titre Sous-Fichier" permet de définir les dimensions du titre, la présence d'une info-bulle et diverses options comme les opérations possibles sur les colonnes.

1.13 Ajout des colonnes dans le titre de sous-fichier

Il faut ensuite définir les colonnes et leur comportement : mode d'affichage, possibilité de tri, redimensionnement, colonne figée.

Le sous-fichier avec les titres de colonnes. Après la définition de toutes les colonnes, on peut ajuster la largeur de chaque colonne avec la souris.

1.14 Aperçu final dans SDW

1.15 Sauvegarde du source et compilation

Une fois l'écran terminé, il faut sauvegarder le source. On peut ensuite le compiler.

2. Conception du programme RPG

2.1 Ecriture du programme avec SEU

Le programme RPG définit l'écran et assure le chargement et l'affichage du sous-fichier. Une simple lecture de la table employée suffit.

2.2 Compilation du programme RPG en mode Web

Cette commande permet de compiler le programme RPG en mode Web.

2.3 Exécution du programme RPG en mode Web

Le sous-fichier s'affiche.

On peut rechercher une chaîne de caractères en appuyant sur le bouton Recherche de la barre de pagination (les jumelles)..

A l'exécution, grâce au bouton de choix de colonnes de la barre de pagination, on peut choisir les colonnes que l'on veut afficher ou figer et définir leur ordre.

Développer des écrans sophistiqués

Ce bref parcours dans la création d'un écran de type sous-fichier ne donne qu'un aperçu des multiples possibilités offertes par PHL Web. Il est possible de concevoir des écrans encore plus élaborés en utilisant les fonctions les plus avancées de PHL SDW. Vous en trouverez un exemple ci-dessous.

Développement rapide à partir de modèles

Pour réaliser toutes les étapes explicitées ci-dessus, il n'est pas indispensable de procéder systématiquement à la main. En effet PHL SDW comporte un outil de développement rapide (RAD) qui génère automatiquement des éléments complets d'écran à partir de modèles. Il suffit donc de sélectionner le modèle qui correspond le mieux aux besoins pour obtenir en un instant une première version d'un écran. On peut alors soit le tester directement, soit l'enrichir avant de l'intégrer dans une application.

Deuxième partie : fiches de mise à jour

Dans un prochain numéro de PHL Mag, nous continuerons notre description des fonctions de PHL Web avec la conception et le développement d'un écran de type fiche de mise à jour.

Pour plus d'informations, contactez-nous