Pemrograman Lanjut

Graphical User Interfaces (GUI)

Team Teaching Pemrograman Lanjut
Fakultas Ilmu Komputer
Universitas Brawijaya

1
Graphical User Interfaces

• Graphical User Interfaces(GUI) atau Antarmuka pengguna grafis

memungkinkan pengguna untuk berinteraksi dengan sistem operasi
dan program lain menggunakan elemen grafis seperti icon, button,
and dialog boxes.
• GUI mempopulerkan penggunaan mouse.
• GUI memungkinkan pengguna untuk menunjuk ke elemen grafis dan
mengklik tombol mouse untuk mengaktifkannya.

12-2
Graphical User Interfaces

Graphical User Interfaces adalah bagian dari komputer yang berinteraksi dengan
pengguna
Antarmuka pengguna terdiri dari
• Hardware devices
• Perintah dari pengguna yang diterima sistem operasi
Command line interface menampilkan prompt dan pengguna mengetik perintah yang
kemudian dieksekusi

A command line interface

Graphical User Interfaces

Interaksi dengan GUI dilakukan melalui dialog

boxes - small windows yang menampilkan
informasi dan memungkinkan pengguna untuk
melakukan tindakan

dialog box
Graphical User Interfaces

GUI Programs Are Event-Driven

Pengguna menentukan urutan terjadinya sesuatu
Program GUI menanggapi tindakan pengguna, sehingga mereka didorong oleh event
driven.

GUI program

12-5
Using the Tkinter Module

• Python tidak memiliki fitur pemrograman GUI yang built into the language.

• Modul Tkinter memungkinkan pembuatan program GUI sederhana.

• Tkinter does not always run reliably under Spyder

• Tkinter tidak selalu berjalan dengan andal di bawah Spyder

• Gunakan editor Spyder untuk menulis program GUI, tetapi untuk hasil terbaik,
jalankan program dari commad line OS.

12-6
Modul Tkinter

 Pada Menu Tools->Preferences->Completion and linting -

>Introspection… tambahkan kata “tkinter”

7
Window pada Tkinter

8
Canvas pada Tkinter
Button pada Tkinter

10
CheckButton pada Tkinter

11
Listbox pada Tkinter

12
Menu pada Tkinter

13
Menu Button pada Tkinter

14
Radio Button pada Tkinter

15
Entry Text pada Tkinter

16
17