LAPORAN PRAKTIKUM PEMROGRAMAN WEB DAN JARINGAN

“GRAPHICAL USER INTERFACE (GUI) UNTUK PEMBUATAN

WEBSITE DAN CHATBOT DENGAN PYQT”

Tanggal Penyerahan : 3 Juni 2023

Disusun Oleh :
Simon Kevin (232022011)
Kelas / Kelompok :A/ 7

Dosen : Dr.rer.nat. Dian Noor Handiani

Asisten Praktikum : 1. Dhiany Indah A. 23-2019-029
2. M. Ihsan Nuryadi 23-2019-037
3. Dony Haasya H. F. 23-2019-044
4. Moch. Fajar Muharam
23-2019-080

LABORATORIUM SISTEM INFORMASI SPASIAL

PROGRAM STUDI TEKNIK GEODESI FAKULTAS TEKNIK
SIPIL DAN PERENCANAAN INSTITUT TEKNOLOGI
NASIONAL BANDUNG 2023
 Laporan Praktikum Pemrograman Web dan Jaringan

DAFTAR ISI

DAFTAR ISI .......................................................................................................... i

DAFTAR GAMBAR ............................................................................................ ii
DAFTAR TABEL ................................................................................................ iii
BAB I PENDAHULUAN ..................................................................................... 1
1.1 Maksud dan Tujuan ............................................................................. 1
1.2 Tempat dan Waktu Pelaksanaan Praktikum .................................... 1
BAB II DASAR TEORI ...................................................................................... 2
2.1 PyQt Website ........................................................................................ 2
2.2 PyQt Chatbot ....................................................................................... 3
BAB III PELAKSANAAN PRAKTIKUM ........................................................ 4
3.1 Tahapan Pembuatan PyQt untuk Website ........................................ 4
3.2 Tahapan Pembuatan PyQt untuk Chatbot ........................................ 5
BAB IV HASIL DAN ANALISIS ........................................................................ 7
4.1 Hasil ...................................................................................................... 7
4.2 Analisis ................................................................................................. 8
BAB V PENUTUP ................................................................................................ 9
5.1 Kesimpulan .......................................................................................... 9
5.2 Saran .................................................................................................... 9
DAFTAR PUSTAKA ......................................................................................... 10

Simon Kevin / 232022011 / A / 7 i

 Laporan Praktikum Pemrograman Web dan Jaringan

DAFTAR GAMBAR
Gambar 4. 1 Tampilan Inageoportal ..................... Error! Bookmark not defined.
Gambar 4. 2 Tampilan Chatbot (1) .........................................................................7
Gambar 4. 3 Tampilan Chatbot(2) ..........................................................................8

Simon Kevin / 232022011 / A / 7 ii

 Laporan Praktikum Pemrograman Web dan Jaringan

DAFTAR TABEL
Tabel 3. 1 Tahapan Pembuatan PyQt untuk Website ............................................. 4
Tabel 3. 2 Tahapan Pembuatan PyQt untuk Chatbot ............................................. 5

Simon Kevin / 232022011 / A / 7 iii

 Laporan Praktikum Pemrograman Web dan Jaringan

BAB I
PENDAHULUAN
1.1 Maksud dan Tujuan
Praktikum ini ditujukan agar para mahasiswa dapat mengenal dan

memahami PyQt Website serta PyQt Chatbot.

Adapun tujuan dari praktikum ini yaitu:

1. Mahasiswa memiliki pemahaman dan mempelajari mengenai PyQt

Website dan PyQt Chatbot.

2. Mahasiswa dapat menjalankan program PyQt Website dan PyQt Chatbot.

3. Mahasiswa mampu menganalisa tahapan dan script dalam pembuatan

PyQt Website dan PyQt Chatbot.

1.2 Tempat Pelaksanaan Praktikum

Pelaksanaan praktikum ini dilaksanakan pada:

Hari/Tanggal : Rabu 24 Mei 2023.

Waktu :10.00 WIB – Selesai.

Tempat : LabSIS, Gedung 18, Teknik Geodesi, Itenas.

Simon Kevin / 232022011 / A / 7 1

 Laporan Praktikum Pemrograman Web dan Jaringan

BAB II

DASAR TEORI
2.1 PyQt Website

Sebuah toolkit pengembangan aplikasi berbasis GUI (Graphical User

Interface) untuk bahasa pemrograman Python. Toolkit ini memungkinkan
pengembang untuk membuat aplikasi desktop yang interaktif dan menarik dengan
menggunakan komponen grafis yang siap pakai. Meskipun PyQt dirancang
terutama untuk membuat aplikasi desktop, namun dengan penggunaan modul
tertentu, seperti QtWebKit, kita juga dapat menggunakan PyQt untuk
mengembangkan aplikasi berbasis web. Dalam konteks pengembangan website,
PyQt dapat digunakan untuk membuat aplikasi web berbasis desktop, di mana
antarmuka pengguna utamanya terletak di komputer pengguna dan berkomunikasi
dengan server melalui protokol web. PyQt juga dapat digunakan untuk membuat
alat-alat pengujian otomatis dan script web scraping. Pada dasarnya, PyQt
menyediakan binding (pengikatan) untuk framework pengembangan GUI Qt, yang
awalnya ditulis dalam bahasa pemrograman C++. Dengan menggunakan PyQt,
pengembang dapat memanfaatkan kekuatan Qt dan fitur-fiturnya, seperti
manajemen jendela, event handling, pengaturan tampilan, dan banyak lagi, untuk
membuat aplikasi web yang kaya akan fitur. Dalam pengembangan website,
biasanya juga digunakan framework web seperti Django atau Flask yang berfungsi
sebagai server untuk meng-handle permintaan dari pengguna dan menghasilkan
respon yang akan ditampilkan di antarmuka pengguna yang dibuat dengan PyQt.
Secara keseluruhan, pengertian PyQt dalam konteks pengembangan website adalah
sebuah toolkit yang memungkinkan pengembang untuk membuat aplikasi web
berbasis desktop dengan menggunakan komponen grafis dari Qt, bahasa
pemrograman Python, dan framework web lainnya.

Simon Kevin / 232022011 / A / 7 2

 Laporan Praktikum Pemrograman Web dan Jaringan

2.2 ChatBot

Chatbot adalah program komputer yang dirancang untuk berinteraksi dengan

manusia melalui percakapan atau chat. Chatbot menggunakan kecerdasan buatan
untuk memahami dan merespons pertanyaan, pernyataan, atau permintaan yang
diberikan oleh pengguna. Tujuan utama Chatbot adalah memberikan layanan atau
informasi kepada pengguna dengan cara yang mirip dengan percakapan manusia.
Chatbot bisa digunakan dalam berbagai platform seperti situs web, aplikasi pesan,
media sosial, atau perangkat perangkat cerdas seperti smartphone dan speaker
pintar. Mereka dapat digunakan dalam berbagai konteks seperti layanan pelanggan,
penjualan, bantuan teknis, penjadwalan, atau informasi umum. Ada dua jenis
Chatbot yang umum, yaitu Chatbot berbasis aturan dan Chatbot berbasis
kecerdasan buatan. Chatbot berbasis aturan menggunakan aturan dan skrip yang
telah ditentukan sebelumnya untuk merespons input pengguna, sementara Chatbot
berbasis kecerdasan buatan menggunakan kecerdasan buatan untuk mempelajari
dan memahami percakapan sehingga dapat memberikan respon yang lebih
kompleks dan adaptif. Penggunaan Chatbot telah meningkat dalam beberapa tahun
terakhir karena kemampuannya untuk memberikan respon cepat, layanan 24/7, dan
mengotomatisasi beberapa tugas. Mereka juga dapat membantu mengurangi beban
pekerjaan pada manusia dengan menangani pertanyaan dan permintaan yang
sederhana, sehingga staf dapat fokus pada tugas yang lebih kompleks.

Simon Kevin / 232022011 / A / 7 3

 Laporan Praktikum Pemrograman Web dan Jaringan

BAB III

PELAKSANAAN PRAKTIKUM
3.1 Tahapan Pembuatan PyQt untuk Website

Berikut ini merupakan tahapan pembuatan PyQt unuk Website :

Tabel 3. 1 Tahapan Pembuatan PyQt untuk Website

No. Gambar Keterangan

1. Buka script web-

browserexample-.py.
yang telah dibagikan pada
google classroom.

2. Copy seluruh script yang

telah dibuka.

3 Buka aplikasi Spyder lalu

paste dan jalankan
program dengan menekan
tombol run.

Simon Kevin / 232022011 / A / 7 4

 Laporan Praktikum Pemrograman Web dan Jaringan

4. Gambar di samping
merupakan tampilan
setelah program
dijalankan.

3.2 Tahapan Pembuatan PyQt untuk Chatbot

Berikut ini merupakan tahapan pembuatan PyQt untuk Chatbot :

Tabel 3. 2 Tahapan Pembuatan PyQt untuk Chatbot

No. Gambar Keterangan

1. Buka script
chatbotexample.py. yang
telah dibagikan pada
google classroom.

2. Copy seluruh script yang

telah dibuka.

3. Buka aplikasi Spyder lalu

paste dan jalankan
program dengan menekan
tombol run.

Simon Kevin / 232022011 / A / 7 5

 Laporan Praktikum Pemrograman Web dan Jaringan

4. Gambar di samping
merupakan tampilan
setelah program
dijalankan.

5. Cara serupa kita lakukan

pada chatbot gradio
dengan mengcopy script
yang telah dibagikan pada
google classroom.

6. Buka aplikasi Spyder lalu

paste dan jalankan
program dengan menekan
tombol run.

7. Gambar di samping
merupakan tampilan
setelah program
dijalankan.

Simon Kevin / 232022011 / A / 7 6

 Laporan Praktikum Pemrograman Web dan Jaringan

BAB IV
HASIL DAN ANALISIS
4.1 Hasil
Berikut ini hasil dari PyQt Website:

Gambar 4. 1 Tampilan Inageoportal

Berikut ini merupakan hasil dari Chatbot (1) :

Gambar 4. 2 Tampilan Chatbot (1)

Simon Kevin / 232022011 / A / 7 7

 Laporan Praktikum Pemrograman Web dan Jaringan

Berikut ini merupakan hasil dari Chatbot (2) :

Gambar 4. 3 Tampilan Chatbot(2)

4.2 Analisis
Pada praktikum pertemuan ke 5 ini mahasiswa diharapkan dapat memahami
konsep dasar yang ada pada script baik PyQt website maupun chatbot. Beberapa
module dan package yang digunakan dalam script memiliki kegunaannya masing –
masing, dalam script kita dapat mengatur bagaimana tampilan dari program yang
akan kita jalankan juga laman web yang akan dituju serta bagaimana respon yang
kita dapatkan dari bot.

Simon Kevin / 232022011 / A / 7 8

 Laporan Praktikum Pemrograman Web dan Jaringan

BAB V
PENUTUP
5.1 Kesimpulan
Kesimpulan yang dapat saya kaji pada kali ini ialah PyQt memudahkan
pembuatan GUI terlebih kita hanya perlu memahami variabel yang digunakan
untuk mengatur tampilan seperti tata letak, ukuran dan sebagainya.

5.2 Saran
Tim asisten dosen memberikan penjelasan detail dari script per line nya
terlebih dahulu sebelum mahasiswa menjalankan program agar selebihnya
mahasiswa dapat mengatur sendiri tampilan, tata letak, judul dari program yang akan
dijalankan.

Simon Kevin / 232022011 / A / 7 9

 Laporan Praktikum Pemrograman Web dan Jaringan

DAFTAR PUSTAKA
Sinkarenko, Ivan, S. Zanzottera, and V. Baggiolini. "Our Journey from Java to
PyQt and Web for CERN Accelerator Control GUIs." Proc. ICALEPCS’19
(2019): 807-811.
Leodanis Pozo Ramos. “Python and PyQt: Building a GUI Desktop Calculator”
29 Agustus 2022.
Hadyan Palupi Ganteng. “Membangun Chatbot dengan Python” 16 November
2021.

Simon Kevin / 232022011 / A / 7 10