SlideShare une entreprise Scribd logo
Environnement de développement graphique pour IBM i 
Tutoriel SilverDev 
Comment insérer une image dans une application ?
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
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.
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.
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 :
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.
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.
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.
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.
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
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 :
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 :
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)
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
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 :
SilverDev – Tutoriel insérer une image 
Experia Europe -- Droit de copie réservé -- 16/ 19 
Voici le source complet :
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.
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 fichiers :
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 
info@experia.com

Contenu connexe

En vedette

RTB9 - Atelier 7 - L'accueil conseilles moi si tu peux !
RTB9 - Atelier 7 - L'accueil conseilles moi si tu peux !RTB9 - Atelier 7 - L'accueil conseilles moi si tu peux !
RTB9 - Atelier 7 - L'accueil conseilles moi si tu peux !
R-Evolutions Touristiques de Brive
 
"Stiefkind Dokumentation" im Unternehmensprozess - Max Brändle
"Stiefkind Dokumentation" im Unternehmensprozess - Max Brändle"Stiefkind Dokumentation" im Unternehmensprozess - Max Brändle
"Stiefkind Dokumentation" im Unternehmensprozess - Max Brändletecom
 
Abschlussarbeit, Amir Hossein Amini-Abstract
Abschlussarbeit, Amir Hossein Amini-AbstractAbschlussarbeit, Amir Hossein Amini-Abstract
Abschlussarbeit, Amir Hossein Amini-AbstractAmir Amini
 
Das Zeitalter der Physikaliserung (NewBusiness Magazin)
Das Zeitalter der Physikaliserung (NewBusiness Magazin)Das Zeitalter der Physikaliserung (NewBusiness Magazin)
Das Zeitalter der Physikaliserung (NewBusiness Magazin)
Sebastian Brunner
 
Atelier CSS positionnement (Paris web 2007)
Atelier CSS positionnement (Paris web 2007)Atelier CSS positionnement (Paris web 2007)
Atelier CSS positionnement (Paris web 2007)
Raphaël Goetter
 
2011 05 12 12-45 leanux.ch_ag_präsentation_topsoft_zürich_2011_es_rlight
2011 05 12 12-45 leanux.ch_ag_präsentation_topsoft_zürich_2011_es_rlight2011 05 12 12-45 leanux.ch_ag_präsentation_topsoft_zürich_2011_es_rlight
2011 05 12 12-45 leanux.ch_ag_präsentation_topsoft_zürich_2011_es_rlighttopsoft - inspiring digital business
 
Websphere compute gid
Websphere compute gid Websphere compute gid
Websphere compute gid
sammiiaa
 
Mi nombre es
Mi nombre esMi nombre es
Mi nombre es
maryoryvera
 
Tome 8 : santé et social
Tome 8 : santé et socialTome 8 : santé et social
Tome 8 : santé et socialparoles d'élus
 
Atemberaubende Performance
Atemberaubende PerformanceAtemberaubende Performance
Atemberaubende Performance
Kathrin Lyhs
 
Atelier 6 - La gastronomie au service de la mise en avant de votre territoire...
Atelier 6 - La gastronomie au service de la mise en avant de votre territoire...Atelier 6 - La gastronomie au service de la mise en avant de votre territoire...
Atelier 6 - La gastronomie au service de la mise en avant de votre territoire...
R-Evolutions Touristiques de Brive
 
Atelier 11 - Interco et structures touristiques
Atelier 11  - Interco et structures touristiquesAtelier 11  - Interco et structures touristiques
Atelier 11 - Interco et structures touristiques
R-Evolutions Touristiques de Brive
 

En vedette (14)

RTB9 - Atelier 7 - L'accueil conseilles moi si tu peux !
RTB9 - Atelier 7 - L'accueil conseilles moi si tu peux !RTB9 - Atelier 7 - L'accueil conseilles moi si tu peux !
RTB9 - Atelier 7 - L'accueil conseilles moi si tu peux !
 
"Stiefkind Dokumentation" im Unternehmensprozess - Max Brändle
"Stiefkind Dokumentation" im Unternehmensprozess - Max Brändle"Stiefkind Dokumentation" im Unternehmensprozess - Max Brändle
"Stiefkind Dokumentation" im Unternehmensprozess - Max Brändle
 
Abschlussarbeit, Amir Hossein Amini-Abstract
Abschlussarbeit, Amir Hossein Amini-AbstractAbschlussarbeit, Amir Hossein Amini-Abstract
Abschlussarbeit, Amir Hossein Amini-Abstract
 
Das Zeitalter der Physikaliserung (NewBusiness Magazin)
Das Zeitalter der Physikaliserung (NewBusiness Magazin)Das Zeitalter der Physikaliserung (NewBusiness Magazin)
Das Zeitalter der Physikaliserung (NewBusiness Magazin)
 
Atelier CSS positionnement (Paris web 2007)
Atelier CSS positionnement (Paris web 2007)Atelier CSS positionnement (Paris web 2007)
Atelier CSS positionnement (Paris web 2007)
 
Bibeltreff1
Bibeltreff1Bibeltreff1
Bibeltreff1
 
2011 05 12 12-45 leanux.ch_ag_präsentation_topsoft_zürich_2011_es_rlight
2011 05 12 12-45 leanux.ch_ag_präsentation_topsoft_zürich_2011_es_rlight2011 05 12 12-45 leanux.ch_ag_präsentation_topsoft_zürich_2011_es_rlight
2011 05 12 12-45 leanux.ch_ag_präsentation_topsoft_zürich_2011_es_rlight
 
Websphere compute gid
Websphere compute gid Websphere compute gid
Websphere compute gid
 
Mi nombre es
Mi nombre esMi nombre es
Mi nombre es
 
St
StSt
St
 
Tome 8 : santé et social
Tome 8 : santé et socialTome 8 : santé et social
Tome 8 : santé et social
 
Atemberaubende Performance
Atemberaubende PerformanceAtemberaubende Performance
Atemberaubende Performance
 
Atelier 6 - La gastronomie au service de la mise en avant de votre territoire...
Atelier 6 - La gastronomie au service de la mise en avant de votre territoire...Atelier 6 - La gastronomie au service de la mise en avant de votre territoire...
Atelier 6 - La gastronomie au service de la mise en avant de votre territoire...
 
Atelier 11 - Interco et structures touristiques
Atelier 11  - Interco et structures touristiquesAtelier 11  - Interco et structures touristiques
Atelier 11 - Interco et structures touristiques
 

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

[Tutoriel] SilverDev pour IBM i : Démarrage rapide
[Tutoriel] SilverDev pour IBM i : Démarrage rapide[Tutoriel] SilverDev pour IBM i : Démarrage rapide
[Tutoriel] SilverDev pour IBM i : Démarrage rapide
SilverDev by Experia
 
Configuration eon4
Configuration eon4Configuration eon4
Configuration eon4
papemignane
 
[Tutoriel] Studio de développement RPG SilverDev Designer
[Tutoriel] Studio de développement RPG SilverDev Designer[Tutoriel] Studio de développement RPG SilverDev Designer
[Tutoriel] Studio de développement RPG SilverDev Designer
SilverDev by Experia
 
Android Device Monitor
Android Device MonitorAndroid Device Monitor
Android Device Monitor
ODC Orange Developer Center
 
NextCloud
NextCloudNextCloud
NextCloud
Ahmed HARRAK
 
Atelier IDS SNORT
Atelier IDS SNORTAtelier IDS SNORT
Atelier IDS SNORT
Natasha Grant
 
Tutoriel : Produire un cours via Adobe Captivate
Tutoriel : Produire un cours via Adobe CaptivateTutoriel : Produire un cours via Adobe Captivate
Tutoriel : Produire un cours via Adobe Captivate
Faculté de Médecine, de Pharmacie et de Médecine Dentaire de Fès
 
Masteurisation
MasteurisationMasteurisation
Masteurisation
Damien Morisseau
 
Les ateliers android_1_vers2015
Les ateliers android_1_vers2015Les ateliers android_1_vers2015
Les ateliers android_1_vers2015
Saber LAJILI
 
Les ateliers android_1_vers2015
Les ateliers android_1_vers2015Les ateliers android_1_vers2015
Les ateliers android_1_vers2015
Sabeur LAJILI
 
Les ateliers android_1_vers2015
Les ateliers android_1_vers2015Les ateliers android_1_vers2015
Les ateliers android_1_vers2015
Sabeur LAJILI
 
Fastlane snapshot presentation
Fastlane snapshot presentationFastlane snapshot presentation
Fastlane snapshot presentation
CocoaHeads France
 
[Tutoriel] SilverDev Wizard - français
[Tutoriel]  SilverDev Wizard - français[Tutoriel]  SilverDev Wizard - français
[Tutoriel] SilverDev Wizard - français
SilverDev by Experia
 
Cours informatique ordinateur et système d'exploitation
Cours informatique ordinateur et système d'exploitationCours informatique ordinateur et système d'exploitation
Cours informatique ordinateur et système d'exploitation
Tunisie collège
 
Rapport j2ee: Gestion d’un compte bancaire En utilisant les EJB 3.0
Rapport j2ee: Gestion d’un compte bancaire En utilisant les EJB 3.0Rapport j2ee: Gestion d’un compte bancaire En utilisant les EJB 3.0
Rapport j2ee: Gestion d’un compte bancaire En utilisant les EJB 3.0
Ayoub Rouzi
 
Tutoriel J2EE
Tutoriel J2EETutoriel J2EE
Cd Win Xp Personnalise
Cd Win Xp PersonnaliseCd Win Xp Personnalise
Cd Win Xp Personnalise
Sais Abdelkrim
 
Rapport de stage du fin d'étude
Rapport de stage du fin d'étudeRapport de stage du fin d'étude
Rapport de stage du fin d'étude
Yahyaoui Mohamed Yosri
 

Similaire à [Tutoriel] Insérer une image dans une application IBM i avec SilverDev (20)

[Tutoriel] SilverDev pour IBM i : Démarrage rapide
[Tutoriel] SilverDev pour IBM i : Démarrage rapide[Tutoriel] SilverDev pour IBM i : Démarrage rapide
[Tutoriel] SilverDev pour IBM i : Démarrage rapide
 
Configuration eon4
Configuration eon4Configuration eon4
Configuration eon4
 
[Tutoriel] Studio de développement RPG SilverDev Designer
[Tutoriel] Studio de développement RPG SilverDev Designer[Tutoriel] Studio de développement RPG SilverDev Designer
[Tutoriel] Studio de développement RPG SilverDev Designer
 
Android Device Monitor
Android Device MonitorAndroid Device Monitor
Android Device Monitor
 
NextCloud
NextCloudNextCloud
NextCloud
 
Atelier IDS SNORT
Atelier IDS SNORTAtelier IDS SNORT
Atelier IDS SNORT
 
Tutoriel : Produire un cours via Adobe Captivate
Tutoriel : Produire un cours via Adobe CaptivateTutoriel : Produire un cours via Adobe Captivate
Tutoriel : Produire un cours via Adobe Captivate
 
Masteurisation
MasteurisationMasteurisation
Masteurisation
 
Les ateliers android_1_vers2015
Les ateliers android_1_vers2015Les ateliers android_1_vers2015
Les ateliers android_1_vers2015
 
Les ateliers android_1_vers2015
Les ateliers android_1_vers2015Les ateliers android_1_vers2015
Les ateliers android_1_vers2015
 
Les ateliers android_1_vers2015
Les ateliers android_1_vers2015Les ateliers android_1_vers2015
Les ateliers android_1_vers2015
 
Fastlane snapshot presentation
Fastlane snapshot presentationFastlane snapshot presentation
Fastlane snapshot presentation
 
[Tutoriel] SilverDev Wizard - français
[Tutoriel]  SilverDev Wizard - français[Tutoriel]  SilverDev Wizard - français
[Tutoriel] SilverDev Wizard - français
 
Cours informatique ordinateur et système d'exploitation
Cours informatique ordinateur et système d'exploitationCours informatique ordinateur et système d'exploitation
Cours informatique ordinateur et système d'exploitation
 
.NET DotNet CF - 1
.NET DotNet CF - 1.NET DotNet CF - 1
.NET DotNet CF - 1
 
Rapport j2ee: Gestion d’un compte bancaire En utilisant les EJB 3.0
Rapport j2ee: Gestion d’un compte bancaire En utilisant les EJB 3.0Rapport j2ee: Gestion d’un compte bancaire En utilisant les EJB 3.0
Rapport j2ee: Gestion d’un compte bancaire En utilisant les EJB 3.0
 
Tutoriel J2EE
Tutoriel J2EETutoriel J2EE
Tutoriel J2EE
 
Cd Win Xp Personnalise
Cd Win Xp PersonnaliseCd Win Xp Personnalise
Cd Win Xp Personnalise
 
Chap android
Chap androidChap android
Chap android
 
Rapport de stage du fin d'étude
Rapport de stage du fin d'étudeRapport de stage du fin d'étude
Rapport de stage du fin d'étude
 

Plus de SilverDev by Experia

[Tutorial] Build a graph in RPG with SilverDev
[Tutorial] Build a graph in RPG with SilverDev[Tutorial] Build a graph in RPG with SilverDev
[Tutorial] Build a graph in RPG with SilverDev
SilverDev by Experia
 
[Tutorial] Crear gráficos en RPG con SilverDev
[Tutorial] Crear gráficos en RPG con SilverDev[Tutorial] Crear gráficos en RPG con SilverDev
[Tutorial] Crear gráficos en RPG con SilverDev
SilverDev by Experia
 
[Tutorial] Insertar una imagen en una aplicación IBM i con SilverDev
[Tutorial] Insertar una imagen en una aplicación IBM i con SilverDev[Tutorial] Insertar una imagen en una aplicación IBM i con SilverDev
[Tutorial] Insertar una imagen en una aplicación IBM i con SilverDev
SilverDev by Experia
 
[Tutorial] Insert a Picture in IBM i Applications with SilverDev
[Tutorial] Insert a Picture in IBM i Applications with SilverDev[Tutorial] Insert a Picture in IBM i Applications with SilverDev
[Tutorial] Insert a Picture in IBM i Applications with SilverDev
SilverDev by Experia
 
[Tutorial] SilverDev for IBM i: Quick Start
[Tutorial] SilverDev for IBM i: Quick Start[Tutorial] SilverDev for IBM i: Quick Start
[Tutorial] SilverDev for IBM i: Quick Start
SilverDev by Experia
 
Comment simplifier et améliorer l'interfaçage IBM i / PC?
Comment simplifier et améliorer l'interfaçage IBM i / PC?Comment simplifier et améliorer l'interfaçage IBM i / PC?
Comment simplifier et améliorer l'interfaçage IBM i / PC?
SilverDev by Experia
 
How to simplify IBM i / PC exchanges with SilverDev?
How to simplify IBM i / PC exchanges with SilverDev?How to simplify IBM i / PC exchanges with SilverDev?
How to simplify IBM i / PC exchanges with SilverDev?
SilverDev by Experia
 
IBM i: How modernized applications facilitate interactions with PCs?
IBM i: How modernized applications facilitate interactions with PCs? IBM i: How modernized applications facilitate interactions with PCs?
IBM i: How modernized applications facilitate interactions with PCs?
SilverDev by Experia
 
Témoignage Igloo Post-Mix (Orangina-Schweppes / Pepsi Cola)
Témoignage Igloo Post-Mix (Orangina-Schweppes / Pepsi Cola)Témoignage Igloo Post-Mix (Orangina-Schweppes / Pepsi Cola)
Témoignage Igloo Post-Mix (Orangina-Schweppes / Pepsi Cola)
SilverDev by Experia
 
SilverDev / ARCAD Skipper Interface - for Structured Graphic Developments in ...
SilverDev / ARCAD Skipper Interface - for Structured Graphic Developments in ...SilverDev / ARCAD Skipper Interface - for Structured Graphic Developments in ...
SilverDev / ARCAD Skipper Interface - for Structured Graphic Developments in ...
SilverDev by Experia
 
Temoignage SilverDev - Moderniser l’existant en RPG avec SilverDev
Temoignage SilverDev - Moderniser l’existant en RPG avec SilverDevTemoignage SilverDev - Moderniser l’existant en RPG avec SilverDev
Temoignage SilverDev - Moderniser l’existant en RPG avec SilverDev
SilverDev by Experia
 
[Tutorial] SilverDev Designer - RPG Development Studio
[Tutorial] SilverDev Designer - RPG Development Studio[Tutorial] SilverDev Designer - RPG Development Studio
[Tutorial] SilverDev Designer - RPG Development Studio
SilverDev by Experia
 
[Tutorial] SilverDev Wizard - english
[Tutorial]  SilverDev Wizard - english[Tutorial]  SilverDev Wizard - english
[Tutorial] SilverDev Wizard - english
SilverDev by Experia
 
Experia annonce la nouvelle version de SilverDev pour AS400 / IBM i
Experia annonce la nouvelle version de SilverDev pour AS400 / IBM iExperia annonce la nouvelle version de SilverDev pour AS400 / IBM i
Experia annonce la nouvelle version de SilverDev pour AS400 / IBM i
SilverDev by Experia
 
RPG : Développez des applications graphiques avec Silverdev
RPG : Développez des applications graphiques avec SilverdevRPG : Développez des applications graphiques avec Silverdev
RPG : Développez des applications graphiques avec Silverdev
SilverDev by Experia
 
SilverDev: Modernize Your IBM i User Experience
SilverDev: Modernize Your IBM i User ExperienceSilverDev: Modernize Your IBM i User Experience
SilverDev: Modernize Your IBM i User Experience
SilverDev by Experia
 

Plus de SilverDev by Experia (16)

[Tutorial] Build a graph in RPG with SilverDev
[Tutorial] Build a graph in RPG with SilverDev[Tutorial] Build a graph in RPG with SilverDev
[Tutorial] Build a graph in RPG with SilverDev
 
[Tutorial] Crear gráficos en RPG con SilverDev
[Tutorial] Crear gráficos en RPG con SilverDev[Tutorial] Crear gráficos en RPG con SilverDev
[Tutorial] Crear gráficos en RPG con SilverDev
 
[Tutorial] Insertar una imagen en una aplicación IBM i con SilverDev
[Tutorial] Insertar una imagen en una aplicación IBM i con SilverDev[Tutorial] Insertar una imagen en una aplicación IBM i con SilverDev
[Tutorial] Insertar una imagen en una aplicación IBM i con SilverDev
 
[Tutorial] Insert a Picture in IBM i Applications with SilverDev
[Tutorial] Insert a Picture in IBM i Applications with SilverDev[Tutorial] Insert a Picture in IBM i Applications with SilverDev
[Tutorial] Insert a Picture in IBM i Applications with SilverDev
 
[Tutorial] SilverDev for IBM i: Quick Start
[Tutorial] SilverDev for IBM i: Quick Start[Tutorial] SilverDev for IBM i: Quick Start
[Tutorial] SilverDev for IBM i: Quick Start
 
Comment simplifier et améliorer l'interfaçage IBM i / PC?
Comment simplifier et améliorer l'interfaçage IBM i / PC?Comment simplifier et améliorer l'interfaçage IBM i / PC?
Comment simplifier et améliorer l'interfaçage IBM i / PC?
 
How to simplify IBM i / PC exchanges with SilverDev?
How to simplify IBM i / PC exchanges with SilverDev?How to simplify IBM i / PC exchanges with SilverDev?
How to simplify IBM i / PC exchanges with SilverDev?
 
IBM i: How modernized applications facilitate interactions with PCs?
IBM i: How modernized applications facilitate interactions with PCs? IBM i: How modernized applications facilitate interactions with PCs?
IBM i: How modernized applications facilitate interactions with PCs?
 
Témoignage Igloo Post-Mix (Orangina-Schweppes / Pepsi Cola)
Témoignage Igloo Post-Mix (Orangina-Schweppes / Pepsi Cola)Témoignage Igloo Post-Mix (Orangina-Schweppes / Pepsi Cola)
Témoignage Igloo Post-Mix (Orangina-Schweppes / Pepsi Cola)
 
SilverDev / ARCAD Skipper Interface - for Structured Graphic Developments in ...
SilverDev / ARCAD Skipper Interface - for Structured Graphic Developments in ...SilverDev / ARCAD Skipper Interface - for Structured Graphic Developments in ...
SilverDev / ARCAD Skipper Interface - for Structured Graphic Developments in ...
 
Temoignage SilverDev - Moderniser l’existant en RPG avec SilverDev
Temoignage SilverDev - Moderniser l’existant en RPG avec SilverDevTemoignage SilverDev - Moderniser l’existant en RPG avec SilverDev
Temoignage SilverDev - Moderniser l’existant en RPG avec SilverDev
 
[Tutorial] SilverDev Designer - RPG Development Studio
[Tutorial] SilverDev Designer - RPG Development Studio[Tutorial] SilverDev Designer - RPG Development Studio
[Tutorial] SilverDev Designer - RPG Development Studio
 
[Tutorial] SilverDev Wizard - english
[Tutorial]  SilverDev Wizard - english[Tutorial]  SilverDev Wizard - english
[Tutorial] SilverDev Wizard - english
 
Experia annonce la nouvelle version de SilverDev pour AS400 / IBM i
Experia annonce la nouvelle version de SilverDev pour AS400 / IBM iExperia annonce la nouvelle version de SilverDev pour AS400 / IBM i
Experia annonce la nouvelle version de SilverDev pour AS400 / IBM i
 
RPG : Développez des applications graphiques avec Silverdev
RPG : Développez des applications graphiques avec SilverdevRPG : Développez des applications graphiques avec Silverdev
RPG : Développez des applications graphiques avec Silverdev
 
SilverDev: Modernize Your IBM i User Experience
SilverDev: Modernize Your IBM i User ExperienceSilverDev: Modernize Your IBM i User Experience
SilverDev: Modernize Your IBM i User Experience
 

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

  • 1. Environnement de développement graphique pour IBM i Tutoriel SilverDev Comment insérer une image dans une application ?
  • 2. 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
  • 3. 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.
  • 4. 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.
  • 5. 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 :
  • 6. 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.
  • 7. 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.
  • 8. 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.
  • 9. 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.
  • 10. 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
  • 11. 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 :
  • 12. 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 :
  • 13. 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)
  • 14. 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
  • 15. 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 :
  • 16. SilverDev – Tutoriel insérer une image Experia Europe -- Droit de copie réservé -- 16/ 19 Voici le source complet :
  • 17. 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.
  • 18. 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 fichiers :
  • 19. 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 info@experia.com