SlideShare une entreprise Scribd logo
1  sur  18
2
Interface graphique (GUI) ou
Interface Homme-Machine
(IHM)
• IHM signifie interface
homme-machine et fait
référence à un tableau de
bord qui permet à un
utilisateur de communiquer
avec une machine, un
programme informatique ou
un système.
• Une IHM est un ensemble de
de composant graphiques
assurant l’interaction et
3
Amine FARJALLAH
4
Choisir Widget comme
type de l’interface
Cliquer sur créer pour créer
une nouvelle fenêtre
Cliquer sur ouvrir pour charger
une interface déjà crée
AJOUTER UN PIED DE PAGE
5
6
Amine FARJALLAH
7
Les labels (Qlabel) sont :
• des objets d’affichage
(Display)
Pour modifier le contenue d’un
Qlabel :
objet_widget.nom_objet.setText( "message"
)
Exemple :
windows.res.setText("bonjour ")
Amine FARJALLAH
8
Attribuer pour
chaque objet un
nom unique
Amine FARJALLAH
9
Amine FARJALLAH
10
Les input ou zones de saisie
(QLineEdit) sont :
• des objets de saisie de donnée
(Input)
• Utilisés par l’utilisateur pour
entrer (saisir) des valeurs qui
seront traitées par le programme
python
Pour récupérer le contenue d’un QLineEdit :
X= objet_widget.nom_objet.text( )
Exemple :
x= windows.nb.text( )
Amine FARJALLAH
11
Amine FARJALLAH
12
• Un bouton est un objet actionneur
• Un bouton possède 3 évènements :
• clicked : quand le bouton est cliqué
• pressed: quand le bouton est pressé
• released : quand le bouton est relâché
• Pour chaque évènement on peut associer
des actions (modules/traitement) qui seront
déclenchés automatiquement,
Amine FARJALLAH
13
Amine FARJALLAH
14
Amine FARJALLAH
15
16
Amine FARJALLAH
AJOUTER UN PIED DE PAGE
17
Définir la fonction PGCD :
Calculer et retourner m le
Pgcd de deux entiers a et b
Vérifier si la valeur saisie
par l’utilisateur est un
nombre
Définir l’action du bouton
reset pour effacer le
contenue des objets a, b et
res
Définir l’action du
bouton
pushButton_FERMER
pour fermer la fenêtre
Définir l’action du
bouton
pushButton_PGCD pour
activer la fonction pgcd
et afficher le résultat
dans l’objet res
les interfaces graphiques.pptx

Contenu connexe

Similaire à les interfaces graphiques.pptx

Formation iPhone ENSI by (Orange Tunisie)
Formation iPhone ENSI by (Orange Tunisie)Formation iPhone ENSI by (Orange Tunisie)
Formation iPhone ENSI by (Orange Tunisie)
Farouk Mezghich
 

Similaire à les interfaces graphiques.pptx (13)

Crs javascript
Crs javascriptCrs javascript
Crs javascript
 
Votre application d’entreprise en une heure : De la création au déploiement
Votre application d’entreprise en une heure : De la création au déploiementVotre application d’entreprise en une heure : De la création au déploiement
Votre application d’entreprise en une heure : De la création au déploiement
 
Intro ihm
Intro ihmIntro ihm
Intro ihm
 
Introduction module IHM Polytech Sophia Dept Info SI3
Introduction module IHM Polytech Sophia Dept Info SI3Introduction module IHM Polytech Sophia Dept Info SI3
Introduction module IHM Polytech Sophia Dept Info SI3
 
Formation iPhone ENSI by (Orange Tunisie)
Formation iPhone ENSI by (Orange Tunisie)Formation iPhone ENSI by (Orange Tunisie)
Formation iPhone ENSI by (Orange Tunisie)
 
Tp5 - WINDEV
Tp5 - WINDEVTp5 - WINDEV
Tp5 - WINDEV
 
JavaSwing.pdf
JavaSwing.pdfJavaSwing.pdf
JavaSwing.pdf
 
Presentation cms
Presentation cmsPresentation cms
Presentation cms
 
lessons_se-partie01.pdf
lessons_se-partie01.pdflessons_se-partie01.pdf
lessons_se-partie01.pdf
 
DART.pptx
DART.pptxDART.pptx
DART.pptx
 
TP1 Atelier C++/ GL2 INSAT / Tunisie
TP1 Atelier C++/ GL2 INSAT / TunisieTP1 Atelier C++/ GL2 INSAT / Tunisie
TP1 Atelier C++/ GL2 INSAT / Tunisie
 
Développement informatique : Programmation graphique
Développement informatique : Programmation graphiqueDéveloppement informatique : Programmation graphique
Développement informatique : Programmation graphique
 
CMSday 2103 - Ametys : Gestion fine des contenus dans un environnement multisite
CMSday 2103 - Ametys : Gestion fine des contenus dans un environnement multisiteCMSday 2103 - Ametys : Gestion fine des contenus dans un environnement multisite
CMSday 2103 - Ametys : Gestion fine des contenus dans un environnement multisite
 

Plus de PROFPROF11 (14)

Explication ajouter dans un fichier.pptx
Explication ajouter dans un fichier.pptxExplication ajouter dans un fichier.pptx
Explication ajouter dans un fichier.pptx
 
La récursivité.pptx
La récursivité.pptxLa récursivité.pptx
La récursivité.pptx
 
prc3a9sentation-de-scratch (1).ppt
prc3a9sentation-de-scratch (1).pptprc3a9sentation-de-scratch (1).ppt
prc3a9sentation-de-scratch (1).ppt
 
IoT.pptx
IoT.pptxIoT.pptx
IoT.pptx
 
TP N°1 sketchup.ppt
TP N°1 sketchup.pptTP N°1 sketchup.ppt
TP N°1 sketchup.ppt
 
Serie_fichiers.ppsx
Serie_fichiers.ppsxSerie_fichiers.ppsx
Serie_fichiers.ppsx
 
exercice corrigé 2TI1.pptx
exercice corrigé 2TI1.pptxexercice corrigé 2TI1.pptx
exercice corrigé 2TI1.pptx
 
Les structures de données.pptx
Les structures de données.pptxLes structures de données.pptx
Les structures de données.pptx
 
Prototype Théorique EG 2022.pptx
Prototype Théorique EG 2022.pptxPrototype Théorique EG 2022.pptx
Prototype Théorique EG 2022.pptx
 
Cours JavaScript 2.ppt
Cours JavaScript 2.pptCours JavaScript 2.ppt
Cours JavaScript 2.ppt
 
Tableau a deux dimensions (1).pptx
Tableau a deux dimensions (1).pptxTableau a deux dimensions (1).pptx
Tableau a deux dimensions (1).pptx
 
seance 2.ppt
seance 2.pptseance 2.ppt
seance 2.ppt
 
Cours JavaScript.ppt
Cours JavaScript.pptCours JavaScript.ppt
Cours JavaScript.ppt
 
les systèmes d'exploitation.ppt
les systèmes d'exploitation.pptles systèmes d'exploitation.ppt
les systèmes d'exploitation.ppt
 

Dernier

L'ÉVOLUTION DE L'ÉDUCATION AU BRÉSIL À TRAVERS L'HISTOIRE ET LES EXIGENCES DE...
L'ÉVOLUTION DE L'ÉDUCATION AU BRÉSIL À TRAVERS L'HISTOIRE ET LES EXIGENCES DE...L'ÉVOLUTION DE L'ÉDUCATION AU BRÉSIL À TRAVERS L'HISTOIRE ET LES EXIGENCES DE...
L'ÉVOLUTION DE L'ÉDUCATION AU BRÉSIL À TRAVERS L'HISTOIRE ET LES EXIGENCES DE...
Faga1939
 
Cours Préparation à l’ISO 27001 version 2022.pdf
Cours Préparation à l’ISO 27001 version 2022.pdfCours Préparation à l’ISO 27001 version 2022.pdf
Cours Préparation à l’ISO 27001 version 2022.pdf
ssuserc72852
 
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptxCopie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
ikospam0
 
Bilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdfBilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdf
AmgdoulHatim
 

Dernier (18)

GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...
 
L application de la physique classique dans le golf.pptx
L application de la physique classique dans le golf.pptxL application de la physique classique dans le golf.pptx
L application de la physique classique dans le golf.pptx
 
Les roches magmatique géodynamique interne.pptx
Les roches magmatique géodynamique interne.pptxLes roches magmatique géodynamique interne.pptx
Les roches magmatique géodynamique interne.pptx
 
La nouvelle femme . pptx Film français
La   nouvelle   femme  . pptx  Film françaisLa   nouvelle   femme  . pptx  Film français
La nouvelle femme . pptx Film français
 
L'ÉVOLUTION DE L'ÉDUCATION AU BRÉSIL À TRAVERS L'HISTOIRE ET LES EXIGENCES DE...
L'ÉVOLUTION DE L'ÉDUCATION AU BRÉSIL À TRAVERS L'HISTOIRE ET LES EXIGENCES DE...L'ÉVOLUTION DE L'ÉDUCATION AU BRÉSIL À TRAVERS L'HISTOIRE ET LES EXIGENCES DE...
L'ÉVOLUTION DE L'ÉDUCATION AU BRÉSIL À TRAVERS L'HISTOIRE ET LES EXIGENCES DE...
 
COURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdf
COURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdfCOURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdf
COURS SVT 3 EME ANNEE COLLEGE 2EME SEM.pdf
 
Formation échiquéenne jwhyCHESS, parallèle avec la planification de projet
Formation échiquéenne jwhyCHESS, parallèle avec la planification de projetFormation échiquéenne jwhyCHESS, parallèle avec la planification de projet
Formation échiquéenne jwhyCHESS, parallèle avec la planification de projet
 
Cours Préparation à l’ISO 27001 version 2022.pdf
Cours Préparation à l’ISO 27001 version 2022.pdfCours Préparation à l’ISO 27001 version 2022.pdf
Cours Préparation à l’ISO 27001 version 2022.pdf
 
Sidonie au Japon . pptx Un film français
Sidonie    au   Japon  .  pptx  Un film françaisSidonie    au   Japon  .  pptx  Un film français
Sidonie au Japon . pptx Un film français
 
Formation qhse - GIASE saqit_105135.pptx
Formation qhse - GIASE saqit_105135.pptxFormation qhse - GIASE saqit_105135.pptx
Formation qhse - GIASE saqit_105135.pptx
 
Cours ofppt du Trade-Marketing-Présentation.pdf
Cours ofppt du Trade-Marketing-Présentation.pdfCours ofppt du Trade-Marketing-Présentation.pdf
Cours ofppt du Trade-Marketing-Présentation.pdf
 
Chapitre 2 du cours de JavaScript. Bon Cours
Chapitre 2 du cours de JavaScript. Bon CoursChapitre 2 du cours de JavaScript. Bon Cours
Chapitre 2 du cours de JavaScript. Bon Cours
 
Conférence Sommet de la formation 2024 : Développer des compétences pour la m...
Conférence Sommet de la formation 2024 : Développer des compétences pour la m...Conférence Sommet de la formation 2024 : Développer des compétences pour la m...
Conférence Sommet de la formation 2024 : Développer des compétences pour la m...
 
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptxCopie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
 
Apolonia, Apolonia.pptx Film documentaire
Apolonia, Apolonia.pptx         Film documentaireApolonia, Apolonia.pptx         Film documentaire
Apolonia, Apolonia.pptx Film documentaire
 
Bilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdfBilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdf
 
Boléro. pptx Film français réalisé par une femme.
Boléro.  pptx   Film   français   réalisé  par une  femme.Boléro.  pptx   Film   français   réalisé  par une  femme.
Boléro. pptx Film français réalisé par une femme.
 
Computer Parts in French - Les parties de l'ordinateur.pptx
Computer Parts in French - Les parties de l'ordinateur.pptxComputer Parts in French - Les parties de l'ordinateur.pptx
Computer Parts in French - Les parties de l'ordinateur.pptx
 

les interfaces graphiques.pptx

  • 1.
  • 2. 2
  • 3. Interface graphique (GUI) ou Interface Homme-Machine (IHM) • IHM signifie interface homme-machine et fait référence à un tableau de bord qui permet à un utilisateur de communiquer avec une machine, un programme informatique ou un système. • Une IHM est un ensemble de de composant graphiques assurant l’interaction et 3
  • 4. Amine FARJALLAH 4 Choisir Widget comme type de l’interface Cliquer sur créer pour créer une nouvelle fenêtre Cliquer sur ouvrir pour charger une interface déjà crée
  • 5. AJOUTER UN PIED DE PAGE 5
  • 7. 7 Les labels (Qlabel) sont : • des objets d’affichage (Display) Pour modifier le contenue d’un Qlabel : objet_widget.nom_objet.setText( "message" ) Exemple : windows.res.setText("bonjour ") Amine FARJALLAH
  • 8. 8 Attribuer pour chaque objet un nom unique Amine FARJALLAH
  • 10. 10 Les input ou zones de saisie (QLineEdit) sont : • des objets de saisie de donnée (Input) • Utilisés par l’utilisateur pour entrer (saisir) des valeurs qui seront traitées par le programme python Pour récupérer le contenue d’un QLineEdit : X= objet_widget.nom_objet.text( ) Exemple : x= windows.nb.text( ) Amine FARJALLAH
  • 12. 12 • Un bouton est un objet actionneur • Un bouton possède 3 évènements : • clicked : quand le bouton est cliqué • pressed: quand le bouton est pressé • released : quand le bouton est relâché • Pour chaque évènement on peut associer des actions (modules/traitement) qui seront déclenchés automatiquement, Amine FARJALLAH
  • 15. 15
  • 17. AJOUTER UN PIED DE PAGE 17 Définir la fonction PGCD : Calculer et retourner m le Pgcd de deux entiers a et b Vérifier si la valeur saisie par l’utilisateur est un nombre Définir l’action du bouton reset pour effacer le contenue des objets a, b et res Définir l’action du bouton pushButton_FERMER pour fermer la fenêtre Définir l’action du bouton pushButton_PGCD pour activer la fonction pgcd et afficher le résultat dans l’objet res