[Tutoriel] Insérer une image dans une application IBM i avec SilverDev

19
Environnement de développement graphique pour IBM i Tutoriel SilverDev Comment insérer une image dans une application ?

description

Apprenez à insérer des images statiques et dynamiques dans vos applications IBM i

Transcript of [Tutoriel] Insérer une image dans une application IBM i avec SilverDev

Page 1: [Tutoriel] Insérer une image dans une application IBM i avec SilverDev

Environnement de développement graphique pour IBM i

Tutoriel SilverDev Comment insérer une image dans une application ?

Page 2: [Tutoriel] Insérer une image dans une application IBM i avec SilverDev

SilverDev – Tutoriel insérer une image

Experia Europe -- Droit de copie réservé -- 2/ 19

Table des matières

1. Créer un nouveau programme ................................................................................................... 3

2. Insérer une image statique depuis le PC .................................................................................... 5

3. Compilation ................................................................................................................................ 7

4. Première mise à disposition ....................................................................................................... 8

5. Insérer des images dynamiques ............................................................................................... 10

6. Charger depuis l’IFS : fonction sdSetImg ................................................................................. 12

7. Charger depuis un PC : fonction sdLoadFromFile ................................................................... 14

8. Les différentes fonctions de transfert d’images ou de fichiers : ............................................. 18

Page 3: [Tutoriel] Insérer une image dans une application IBM i avec SilverDev

SilverDev – Tutoriel insérer une image

Experia Europe -- Droit de copie réservé -- 3/ 19

1. Créer un nouveau programme

Lancez SilverDev Designer et sélectionnez un contexte à partir du menu Outils > Contexte.

Page 4: [Tutoriel] Insérer une image dans une application IBM i avec SilverDev

SilverDev – Tutoriel insérer une image

Experia Europe -- Droit de copie réservé -- 4/ 19

Créez votre nouveau programme à partir de l’icône « + » dans l’onglet de votre contexte :

Le nom du programme apparaît dans la liste de l’onglet contexte.

Double-cliquez dessus pour l’ouvrir.

Page 5: [Tutoriel] Insérer une image dans une application IBM i avec SilverDev

SilverDev – Tutoriel insérer une image

Experia Europe -- Droit de copie réservé -- 5/ 19

2. Insérer une image statique depuis le PC

Dans l’onglet composants, cliquez sur l’icône du composant CImage

Puis cliquez à l’endroit où vous souhaitez placer votre image sur l’écran :

Page 6: [Tutoriel] Insérer une image dans une application IBM i avec SilverDev

SilverDev – Tutoriel insérer une image

Experia Europe -- Droit de copie réservé -- 6/ 19

Dans l’onglet Inspecteur, utilisez la propriété TPicture pour sélectionner une image.

Cliquez sur le bouton « … » pour ouvrir la boîte de dialogue correspondant.

Depuis cette boîte de dialogue, cliquez sur « Charger » pour sélectionner une image stockée sur votre PC.

Cliquez sur OK une fois l’image choisie.

Page 7: [Tutoriel] Insérer une image dans une application IBM i avec SilverDev

SilverDev – Tutoriel insérer une image

Experia Europe -- Droit de copie réservé -- 7/ 19

3. Compilation

Sauvegardez et compilez la fiche Puis dans le menu Compilation, générez le programme.

Page 8: [Tutoriel] Insérer une image dans une application IBM i avec SilverDev

SilverDev – Tutoriel insérer une image

Experia Europe -- Droit de copie réservé -- 8/ 19

4. Première mise à disposition

Lancez MyDesk et placez-vous à l’endroit où vous souhaitez mettre à disposition votre nouvelle application. Faites un clic-droit puis « Nouvelle application » Remplissez la boîte de dialogue qui apparait avec le nom de la nouvelle application, le nom du fichier et la commande CALL. Dans la fenêtre suivante, sélectionnez les autorisations de votre application.

Page 9: [Tutoriel] Insérer une image dans une application IBM i avec SilverDev

SilverDev – Tutoriel insérer une image

Experia Europe -- Droit de copie réservé -- 9/ 19

Votre application est prête, l’image est stockée dans l’écran compilé sur l’IBM i.

Page 10: [Tutoriel] Insérer une image dans une application IBM i avec SilverDev

SilverDev – Tutoriel insérer une image

Experia Europe -- Droit de copie réservé -- 10/ 19

5. Insérer des images dynamiques

Créez un nouveau programme Placez-y un composant CImage, Et un composant CButton qui servira à l’utilisateur pour charger l’image

Page 11: [Tutoriel] Insérer une image dans une application IBM i avec SilverDev

SilverDev – Tutoriel insérer une image

Experia Europe -- Droit de copie réservé -- 11/ 19

Renommez-le, dans l’onglet propriétés en changeant la valeur de Caption

Puis, dans l’onglet événements, double-cliquez sur l’événement OnClick

Le code a été automatiquement ajouté au source :

Page 12: [Tutoriel] Insérer une image dans une application IBM i avec SilverDev

SilverDev – Tutoriel insérer une image

Experia Europe -- Droit de copie réservé -- 12/ 19

6. Charger depuis l’IFS : fonction sdSetImg

L’image va être chargée depuis l’IFS avec la fonction sdSetImg : Note : vous pouvez utiliser l’auto-complétion (ctrl + espace) pour terminer la syntaxe

Déclarez votre image :

Page 13: [Tutoriel] Insérer une image dans une application IBM i avec SilverDev

SilverDev – Tutoriel insérer une image

Experia Europe -- Droit de copie réservé -- 13/ 19

Compilez et mettez l’application à disposition des utilisateurs

Astuces: Redimensionnez l’image avec les propriétés Stretch et Proportional.

Adaptez-là à la fenêtre avec la propriété Align (ici valeur AlClient)

Page 14: [Tutoriel] Insérer une image dans une application IBM i avec SilverDev

SilverDev – Tutoriel insérer une image

Experia Europe -- Droit de copie réservé -- 14/ 19

7. Charger depuis un PC : fonction sdLoadFromFile

Comme nous l’avons fait depuis l’IFS, nous allons charger dynamiquement une image stockée sur le PC.

Créez un second bouton nommé « Load from PC or NetWork ». Ce deuxième bouton sera également associé à un événement OnClick :

Source Résultat

Page 15: [Tutoriel] Insérer une image dans une application IBM i avec SilverDev

SilverDev – Tutoriel insérer une image

Experia Europe -- Droit de copie réservé -- 15/ 19

Pour charger l’image, nous utilisons cette fois la fonction sdLoadFromFile

La voici complétée avec notre image :

Page 16: [Tutoriel] Insérer une image dans une application IBM i avec SilverDev

SilverDev – Tutoriel insérer une image

Experia Europe -- Droit de copie réservé -- 16/ 19

Voici le source complet :

Page 17: [Tutoriel] Insérer une image dans une application IBM i avec SilverDev

SilverDev – Tutoriel insérer une image

Experia Europe -- Droit de copie réservé -- 17/ 19

Sauvegardez et compilez votre écran, générez le programme et lancez-le depuis MyDesk. L’application s’est automatiquement mise à jour pour afficher votre nouvelle image.

Page 18: [Tutoriel] Insérer une image dans une application IBM i avec SilverDev

SilverDev – Tutoriel insérer une image

Experia Europe -- Droit de copie réservé -- 18/ 19

8. Les différentes fonctions de transfert d’images ou de fichiers :

Page 19: [Tutoriel] Insérer une image dans une application IBM i avec SilverDev

SilverDev – Tutoriel insérer une image

Experia Europe -- Droit de copie réservé -- 19/ 19

Plus d’informations sur www.silverdev.com

Notice relative aux droits d'auteurs.

Les informations contenues dans ce document pourront faire l'objet de modifications sans préavis et ne sauraient en aucune manière engager EXPERIA. La fourniture du progiciel est régie par un octroi de licence ou un accord de confidentialité. Le progiciel ne peut être utilisé, copié ou reproduit sur quelque support que ce soit que conformément aux termes de cette licence ou de cet

accord de confidentialité. L'acheteur ne peut effectuer des copies que dans le but de sauvegarde ou d'archivage. Aucune partie du manuel et du progiciel ne peut être reproduite ou transmise par quelque moyen que ce soit, électronique ou mécanique, y compris par photocopie, enregistrement ou tout autre

procédé de stockage, de traitement et de récupération d'informations, pour d'autres buts que l'usage personnel de l'acheteur sans permission expresse et écrite de la société EXPERIA.

SilverDev est une marque déposée d’EXPERIA Europe IBM, AS/400, iSeries, System i, i5, Power I sont des marques déposées de International Business Machines Corporation.

Windows est une marque déposée de Microsoft. Tous les autres produits sont des marques déposées de leur société respective.

EXPERIA Europe 4, rue L.Beridot

Les jardins d'Epione 38500 VOIRON - FRANCE

www.experia.com [email protected]