PRAKTIKUM PEMROGRAMAN DESKTOP

LAB COMMON COMPUTING TEKNIK INFORMATIKA

FAKULTAS TEKNIK UNIVERSITAS TRUNOJOYO

Kelas C/D/E

Ganjil 2019

Program Sederhana

Materi
● Instalasi PyQt
● Program PyQt dengan coding murni

Pendahuluan
Aplikasi GUI adalah aplikasi yang berbasis desktop yang berjalan di sistem operasi desktop
windows / linux / macos. Untuk membuat aplikasi desktop di python tidaklah sulit, namun
kita harus menentukan framework yang akan digunakan. Salah satu framework yang bisa
digunakan untuk membuat aplikasi berbasis GUI adalah PyQt. PyQt bersifat cross platform,
dalam arti bisa digunakan di beberapa platform atau kompatible dengan beberapa sistem
operasi yang ada seperti windows, linux dan macos. PyQt adalah perangkat lunak gratis
yang dikembangkan oleh riverbank. Halaman resmi pyqt bisa di akses di
https://riverbankcomputing.com/software/pyqt/.

Instalasi PyQt
Berikut ini adalah langkah-langkah menginstall PyQt pada sistem operasi Windows:

1. Pastikan Python sudah terinstall dengan benar. Pada petunjuk instalasi ini, Python yang
digunakan adalah versi 3.7 standar Windows (bukan Anaconda/miniconda).

2. Pastikan juga komputer tersambung ke internet karena proses instalasi akan

mendownload file dari internet.

3. Jalankan command prompt dengan mengetik “cmd” pada jendela search/run.

4. Cari lokasi direktori program pip bawaan instalasi Python 3.7 dengan menggunakan
perintah: “where /R c:\ pip”.

5. Jika sudah muncul alamat foldernya, berpindahlah ke folder tersebut dengan perintah
cd, contoh: “cd C:\Users\Yo\AppData\Local\Programs\Python\Python36\Scripts\

6. Ketikkan perintah: “pip3 install pyqt”.

Ocal_sophan@yahoo.com 1/6
PRAKTIKUM PEMROGRAMAN DESKTOP

LAB COMMON COMPUTING TEKNIK INFORMATIKA

FAKULTAS TEKNIK UNIVERSITAS TRUNOJOYO

Kelas C/D/E

Ganjil 2019

7. Program pip akan melakukan proses instalasi dengan terlebih dahulu mendownload
file-file yang diperlukan.

8. Setelah pada layar tercetak tulisan: “Successfully installed pyqt5…” kita sudah bisa
membuat program visual dengan Python, hanya saja harus menggunakan programming
murni. Contoh hasil tampilan sukses tampak pada gambar berikut

Contoh 1 program visual PyQt

Berikut contoh program untuk menampilan label di aplikasi berbasis GUI

Penjelasan per baris :

1. Melakukan load library PyQt5. dalam contoh ini, kita juga meload class untuk
menampilkan label (Qlabel)

Ocal_sophan@yahoo.com 2/6
PRAKTIKUM PEMROGRAMAN DESKTOP

LAB COMMON COMPUTING TEKNIK INFORMATIKA

FAKULTAS TEKNIK UNIVERSITAS TRUNOJOYO

Kelas C/D/E

Ganjil 2019

2. membuat object aplikasi dengan nama pointer : app. Nama pointer atau nama instansce
ini bebas, tidak harus app.

3. membuat object label, label digunakan utk menampilkan tulisan. Label adalah widget.
Dalam mendefiniskan label, ada 1 parameter yang kita inputkan, yaitu tulisa yang akan di
tampilkan pada label tersebut.

4. perintah utk menampilkan label

5. menjalankan aplikasi, sehingga aplikasi GUI akan berjalan.

Bagaimana hasilnya ?

Contoh 2 program visual PyQt

Berikut ini adalah contoh kode program visual yang menampilkan sebuah tombol. Tampilan
program dapat dilihat pada gambar 2. Ketik kode program 1 pada editor, simpan dengan
nama PyQttest1.pyw. Pada editor IDLE, tekan tombol F5 untuk menjalankan.

Gambar 2. Hasil tampilan program PyQttest1

import sys

from PyQt5 import QtWidgets, QtCore

class demowind(QtWidgets.QWidget):

def __init__(self, parent=None):

QtWidgets.QWidget.__init__(self, parent)

Ocal_sophan@yahoo.com 3/6
PRAKTIKUM PEMROGRAMAN DESKTOP

LAB COMMON COMPUTING TEKNIK INFORMATIKA

FAKULTAS TEKNIK UNIVERSITAS TRUNOJOYO

Kelas C/D/E

Ganjil 2019

self.setGeometry(300, 300, 350, 100)

self.setWindowTitle('Demo window')

self.quit = QtWidgets.QPushButton('Close', self)

self.quit.setGeometry(10, 10, 70, 40)

self.quit.clicked.connect(self.close)

app = QtWidgets.QApplication(sys.argv)

dw = demowind()

dw.show()

sys.exit(app.exec_())

Program 1. Menampilkan sebuah tombol untuk menutup aplikasi

Program diatas dapat diubah tampilannya dengan mengganti-ganti nilai argumen-argumen

yang digunakan, contoh: fungsi setGeometry berperan dalam mengatur ukuran obyek visual.
Dua argumen pertama berisi nilai ujung kiri atas komponen visual bakal diletakkan di posisi
mana; sedangkan dua argumen terakhir berisi nilai lebar dan tingginya.

Pada contoh 2 menggunakan pendekatan yang berbeda dengan contoh 1. Pada contoh 2, self
mengacu pada parent = window. Pada bagian ini kita menentukan ukuran windows, window
title dan menambahkan pustbutton dengan nama quit.

Widget dan Layout

Widget adalah semua object yang muncul di form aplikasi. Dalam 1 widget bisa terdiri dari
beberapa widget lain. Karena dalam 1 form aplikasi bisa terdiri dari beberapa widget, kita
perlu memberitahukan pada Qt bagaimana meletakkan posisi widget ini. Untuk itu kita
menggunakan layout.

Grid layout
Adalah model tampilan yang terikat pada sisi horizontal dan vertical.

Langkah

Ocal_sophan@yahoo.com 4/6
PRAKTIKUM PEMROGRAMAN DESKTOP

LAB COMMON COMPUTING TEKNIK INFORMATIKA

FAKULTAS TEKNIK UNIVERSITAS TRUNOJOYO

Kelas C/D/E

Ganjil 2019

from PyQt5.QtWidgets import QApplication, QWidget, QPushButton, QHBoxLayout,

QGroupBox, QDialog, QVBoxLayout, QGridLayout

Digunakan untuk import gridLayout

def createGridLayout(self):
self.horizontalGroupBox = QGroupBox("Grid")
layout = QGridLayout()
layout.setColumnStretch(1, 4)
layout.setColumnStretch(2, 4)

Digunakan untuk membuat grid, dan ukuran gridnya (silahkan di modifikasi)

layout.addWidget(Widget,X,Y)

Digunakan untuk menambahkan widget kedalam layout

Tugas
1. Lakukan perubahan pada contoh1, lakukan penentuan ukuran window
2. Lakukan perubahan pada contoh 2, lakukan penentuan ukuran window dan lokasi
tombol

Ocal_sophan@yahoo.com 5/6
PRAKTIKUM PEMROGRAMAN DESKTOP

LAB COMMON COMPUTING TEKNIK INFORMATIKA

FAKULTAS TEKNIK UNIVERSITAS TRUNOJOYO

Kelas C/D/E

Ganjil 2019

3. Coba lakukan grid layout, agar muncul tampilan seperti berikut

Ocal_sophan@yahoo.com 6/6