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

les interfaces graphiques.pptx

  • 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 Widgetcomme 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 PIEDDE PAGE 5
  • 6.
  • 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 objetun nom unique Amine FARJALLAH
  • 9.
  • 10.
    10 Les input ouzones 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.
  • 12.
    12 • Un boutonest 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.
  • 14.
  • 15.
  • 16.
  • 17.
    AJOUTER UN PIEDDE 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