## Perancangan Sistem Login Pada Aplikasi Berbasis GUI Menggunakan QTDesigner Python

## Dias Ayu Budi Utami
Universitas AMIKOM Purwokerto
dias@amikompurwokerto.ac.id

## Abstract
Advances  in  technology  are  increasingly  making  applications  have  increasingly  sophisticated  quality.  Various  programming languages  also  take  part  in  building  various  applications  with  various  types  of  platforms.  One  type  of  desktop  application. Currently,  desktop  platform  applications  can  be  built  using  a  variety  of  programming  languages.  One  of  them  is  the  python programming language. The python programming language has several advantages, namely: the python programming language is simple and flexible so that it is easy to develop (reusable), desktop applications generated using python are dynamic and event- based which makes the application responsive. Making desktop applications using python is easier with the QtDesigner, namely classes in the python programming language that are event handlers that are suitable for desktop applications. One example of a GUI  application that  will be  created using  QtDesigner  based on the  python programming  language  is  the  login  system  in  the application.
Keywords : Login; GUI; Python; Event Handler; QtDesigner

## Abstrak
Kemajuan Teknologi semakin membuat aplikasi mempunyai kualitas yang semakin canggih. Berbagai bahasa pemrograman turut mengambil peran dalam membangun berbagai aplikasi dengan jenis platform yang beragam. Salah satunya jenis aplikasi GUI. Saat ini,  aplikasi  berplatform  GUI  (Grapichal  User  Interface)  dapat  dibangun  menggunakan  berbagai  macam  bahasa  pemrograman. Salah  satunya  yaitu  bahasa  pemrograman  python.  Bahasa  pemrograman  python  memiliki  beberapa  keunggulan  yaitu  :  bahasa pemrograman python  bersifat sederhana dan fleksibel sehingga mudah dilakukan pengembangan (reusable), aplikasi GUI yang dihasilkan  dengan  menggunakan  QtDesigner  pada  python  bersifat  dinamis  dan  berbasis  event  yang  membuat  aplikasi  menjadi responsif.  Pembuatan  aplikasi  GUI  menggunakan  python  semakin  mudah  dengan  adanya  QtDesigner  yaitu  kelas-kelas  dalam bahasa pemrograman python yang bersifat event handler yang cocok untuk aplikasi GUI. Salah satu contoh aplikasi GUI yang akan dibuat menggunakan QtDesigner berbasis bahasa pemrograman python adalah sistem login pada aplikasi.
Kata Kunci : Login ; GUI; Python; Event Handler ; QtDesigner

## 1. PENDAHULUAN
Semakin  banyak  bahasa  pemrograman  untuk  membuat  aplikasi  GUI.  Salah  satunya  yaitu  bahasa  pemrograman python.  Keunggulan  menggunakan  bahasa  pemrograman  python  yaitu  bersifat  sederhana  dan  fleksibel  sehingga mudah  dilakukan  pengembangan  ( reusable ),  aplikasi  GUI  yang  dihasilkan  dengan  menggunakan  QtDesigner  pada python  bersifat  dinamis  dan  berbasis  event  yang  membuat  aplikasi  menjadi  responsif.  Pembuatan  aplikasi  GUI menggunakan  python  semakin  mudah  dengan  adanya  QtDesigner  yaitu  kelas-kelas  dalam  bahasa  pemrograman python yang bersifat event handler yang cocok untuk aplikasi GUI.
QtDesigner  merupakan  perangkat  perancangan  visual  yang  dapat  dipakai  untuk  menciptakan  GUI  dengan  cepat dengan teknik drag dan drop tanpa perlu menulis satu baris kode. QtDesigner memiliki beberapa widget dengan level yang berbeda yaitu Qdialog, Qwidget dan QmainWindow. Berikut tampilan halaman QtDesigner dapat dilihat seperti gambar 1.
Gambar 1. Tampilan QTDesigner
Setiap aplikasi GUI memiliki widget level-atas dan sejumlah widget sebagai widget anaknya. Widget level-atas dapat berupa  QDialog,  QWidget,  atau  QMainWindow,  tergantung  dari  template  yang  Anda  perlukan.  Jika  Anda  ingin menciptakan sebuah aplikasi  berdasar template dialog, maka widget level-atas  yang akan diwarisi adalah QDialog.
Sama  halnya,  untuk  menciptakan  sebuah  aplikasi  berdasar template Main  Window,  widget  level-atas  akan  berupa QMainWindow,  dan  untuk  menciptakan  aplikasi  berdasar  template widget ,  Anda  perlu  mewarisi  kelas  QWidget. Seperti yang telah disebutkan, widget-widget lain yang dipakai untuk GUI dinamakan dengan widget anak. Dengan menggunakan  QTDesigner  maka  akan  mempermudah  pembuatan  aplikasi login yang  berbasis  GUI  dengan menggunakan bahasa pemrograman python.

## 2. KERANGKA TEORI

## 2.1. Aplikasi GUI
Menurut Lastiansah (2012), user interface adalah cara program dan pengguna berinteraksi. Istilah user interface terkadang  digunakan  sebagai  pengganti human  computer  interaction (HCI)  dimana  semua  aspek  dari  interaksi pengguna dan komputer. Graphical User Interface (GUI) adalah  mekanisme  interaksi utama antara perangkat dan pengguna untuk memilih berbagai jenis tindakan. Apa yang berinteraksi dengan pengguna adalah kumpulan elemen yang  disebut  objek  seperti  tombol  dan icon .  Mereka  bisa  dilihat,  didengar,  disentuh,  atau  dirasakan.  Objek  selalu terlihat  oleh  pengguna  dan  digunakan  untuk  melakukan  tugas.  Contoh  interaksi  yang  dilakukan  yang  dilakukan pengguna  dalam  sistem graphic  user  interface  (GUI) meliputi  mengakses  dan  memodifikasi  dengan  menunjuk, memilih, dan memanipulasi (Wilbert O. Galitz, 2002: 4).

## 2.2. QTDesigner
Qt Designer adalah antarmuka grafis yang diisi dengan widget Qt dan alat lain yang digunakan untuk membangun GUI.  Menggunakan  drag  aplikasi  Qt  Designer  dan  drop  interface,  Anda  dapat  membuat  dan  menyesuaikan  dialog Anda sendiri, jendela, dan Widget (Willman, Joshua M, 2020).

## Jurusan Sistem Informasi Institut Informatika dan Bisnis Darmajaya

## 2.3. Python
Python adalah bahasa pemrograman yang fleksibel dan sederhana yang  didefinisikan dalam dokumen-dokumennya sebagai  berikut (Nosrati, 2011).  Python adalah sebuah bahasa pemrograman dinamis  yang sering digunakan dalam pengembangan  aplikasi  pada  berbagai  domain.  Hal  ini  memungkinkan  suatu  program  ditulis  dalam  beberapa pendekatan sekaligus. Misalnya, antar muka grafis dibuat dalam bentuk orientasi objek, sedangkan pemrosesan dalam bentuk fungsional atau prosedural. Bahasa   pemrograman Python memiliki beberapa   fitur   yang   dapat   digunakan oleh pengembang  perangkat  lunak.  Berikut  adalah beberapa fitur yang ada pada  bahasa pemrograman Python (Lutz, 2010):
1. Multi Paradigm Design
2. Open Source
3. Simplicity
4. Library Support
5. Portability
6. Extendable
7. Scalability

## 3.  METODOLOGI
Konsep penelitian mempunyai beberapa tahap dan menggunakan metode pengembangan sistem seperti yang tertera pada gambar 2.
Gambar 2. Metode Pengembangan Sistem
Identifikasi  Masalah dan studi literatur Rancang Aplikasi Metode Pengembangan Waterfall Hasil & Laporan 1. Analisis Sistem 2. Desain Sistem 3. Pengkodean 4. Pengujian Pengumpulan Data Dan observasi Start Selesai
a. Identifikasi Masalah dan Studi Literatur
Dalam penelitian hal pertama yang dilakukan adalah mengidentikasi masalah. Identifikasi masalah adalah proses penelitian  yang  penting  karena  dapat  menentukan  kualitas  penelitian  yang  dilakukan  dan  untuk  merumuskan permasalahan  yang  akan  menjadi  latar  belakang  dalam  objek  penelitian  yang  dilakukan.  Masalah  yang diidentifikasi adalah bagaimana membuat aplikasi login menggunakan QTDesigner.
b. Pengumpulan Data dan Observasi
Setelah  menyelesaikan  identifikasi  masalah  lalu  melanjutkan  ke  tahap  berikutnya  yaitu  pengumpulan  data.
Pengumpulan  data  ini  dilakukan  dengan  cara  studi  pustaka  yaitu  mengumpulkan  dan  mempelajari  dari  buku  – buku / jurnal yang ada agar dapat menemukan masalah yang sedang diteliti dan mengobservasi langsung melalui pengamatan model-model aplikasi login yang sering digunakan.
c. Perancangan Aplikasi dengan Metode Pengembangan Waterfall
Tahapan ini dimulai dari analisis sistem, desain sistem, pengkodean dan pengujian.
d. Hasil & Laporan
Setelah melakukan tahap – tahap diatas maka tahap yang terakhir dalam penelitian mendapatkan sebuah hasil dari menyelesaikan  sebuah  masalah  yang  diteliti  yaitu  pembuatan  aplikasi login berbasis  GUI  menggunakan QTDesigner.
Metode yang digunakan dalam penelitian ini adalah metode waterfall . Metode waterfall termasuk metode penelitian yang klasik biasa disebut juga dengan life cycle classic . Pada pengembangan penulis menngunakan metode Air terjun ( waterfall ). Menurut Rosa dan M. Shalahuddin (2018) Model SDLC air terjun ( waterfall ) sering juga disebut model sekuensial  linier  ( sequential  linier )  atau  alur  hidup  klasik  ( classic  life  cycle ).  Proses  tersebut  digambarkan  dalam gambar 3.
Gambar 3. Metode Waterfall (Sumber: Rosa dan M. Shalahuddin (2018))
Langkah–langkah penelitian dalam metode waterfall :
1. Analisis kebutuhan perangkat lunak
Proses analisis kebutuhan mengidentifikasi kebutuhan apa saja yang dibutuhkan oleh perangkat lunak. Kebutuhan tersebut meliputi kebutuhan data, kebutuhan software , kebutuhan hardware dan kebutuhan brainware.Sedangkan software yang dibutuhkan untuk membuat aplikasi login berbasis GUI adalah Anaconda, XAMPP dan notepad++. kebutuhan brainware yaitu user .

## Jurusan Sistem Informasi Institut Informatika dan Bisnis Darmajaya
2. Desain
Proses desain merupakan hasil dari proses analisis yang mulai diterapkan untuk pembuatan perangkat lunak sesuai dengan kebutuhan yang sudah diketahui. Desain meliputi desain sistem dan desain interface aplikasi login yang akan dibuat.
3. Pengkodean
Pengkodean yaitu kode program mulai dibuat berdasarkan desain interface yang sudah dibuat. Ide – ide yang ada didesain mulai dikonversi ke dalam program.
4. Pengujian
pengujian dilakukan dengan pengujian beta untuk mengetahui apakah aplikasi login yang sudah dibuat layak dan dapat diterima oleh user atau tidak.

## 4.  HASIL DAN PEMBAHASAN
1. Analisis kebutuhan aplikasi login
a) Data yang dibutuhkan dalam pembuatan aplikasi login adalah data user yaitu alamat email dan password .
b) Kebutuhan hardware yaitu perangkat keras yang digunakan dalam pembuatan aplikasi login .
c) Kebutuhan software untuk membuat aplikasi login yaitu Anaconda, XAMPP dan notepad++
2. Desain
Sebelum  membuat  aplikasi login ,  dibuat  desain  perancangan  untuk  memudahkan  proses  desain.  Perancangan interface dapat dilihat pada gambar 4.
Gambar 4. Perancangan Form Login
Hasil dari perancangan implementasikan menggunakan QtDesigner dan widget akan tampak seperti pada gambar
5. LOGIN Alamat Email Password
Gambar 5. Implementasi Form Login
Berikut hasil implmentasi dari form ubah password yang berfungsi untuk merubah password seperti pada gambar 6.
Gambar 6. Implementasi Form Login
3. Pengkodean
Hasil dari pengkodean untuk form tampilkan data dapat dilihat pada gambar 7.
Gambar 7. Koding untuk Form Tampilkan Data
Berikut  merupakan  tampilan  form  untuk  menampilkan  data  serta  menambah  dan  menghapus  data  yang  dapat dilihat pada gambar 8 . sesuai dengan koding diatas.
Gambar 7. Form Lihat Data
4. Pengujian
Perhitungan  kuesioner  menggunakan  Skala Likert. Menurut  Sugiyono  (2015),  skala likert adalah  skala  yang digunakan untuk mengukur presepsi, pendapat atau sikap seorang atau kelompok mengenai sebuah peristiwa atau fenomena sosial, berdasarkan definisi operasional yang telah ditetapkan oleh peneliti.
Tabel 1. Tabel Bobot Nilai Skala Penilaian Bobot Nilai Sangat Setuju 5 Setuju 4 Netral 3 Tidak Setuju 2 Sangat Tidak Setuju 1 Tabel 2. Tabel Bobot Hasil Jawaban Keterangan 0% - 19,99% Sangat Tidak Setuju 20% - 39,99% Tidak Setuju 40% - 59,99% Netral 60 – 79,99% Setuju 80 – 100% Sangat Setuju
Untuk menghasilkan interpretasi, menggunakan rumus:
Rumus Index % = 𝑇𝑜𝑡𝑎𝑙 𝑆𝑘𝑜𝑟 𝑌 𝑥 100% Keterangan :
Total Skor = Jumlah responden x bobot nilai skala likert Y = Jumlah total responden x  skor tertinggi Tabel Presentasi Nilai Jumlah responden ada 5 orang dengan jumlah pertanyaan 7 pertanyaan. Dari hasil perhitungan kuesioner didapatkan presentase sebagai berikut:
Tabel 3. Perolehan Nilai Total Kuesioner
No Aspek – aspek Penilaian SS S N TS STS 1. Aplikasi login ini dapat memberikan informasi sesuai dengan kebutuhan. 3 2 0 0 0 2. Aplikasi login ini dapat membatasi pengguna  dan  memberikan  hak akses yang terbatas. 2 3 0 0 0 3. Aplikasi login ini memiliki keamanan yang baik. 3 1 1 0 0 4. Tampilan  dalam  aplikasi login ini sudah menarik. 2 3 0 0 0 5. Fungsi  tombol  –  tombol  navigasi dalam aplikasi login sudah berfungsi dengan baik. 1 4 0 0 0 6. Saya  mudah  dalam  menggunakan aplikasi login ini. 3 2 0 0 0
7. Saya  dapat  memperoleh  informasi data user dengan cepat dan tepat. 1 4 0 0 0 TOTAL 15 19 1 0 0
Pehitungan Akhir :
Total Skor = Total (jumlah responden x bobot)
= (15 x 5) + (19 x 4) + (1 x 3) + (0 x 2) + (0 x 1)
= 75 + 76 + 3 + 0 + 0 = 154
Skor Tertinggi = Bobot nilai tertinggi x Jumlah Responden x Jumlah Pertanyaan
= 5 x 5 x 7 = 155 Rumus Index % = Total Skor / Skor Tertinggi (Y) x 100 = 154 / 155 x 100 = 99,3%

## 5. KESIMPULAN
Aplikasi login dapat  dibuat  menggunakan  QTDesigner  Python  dan  aplikasi  layak  untuk  digunakan.  Hal  ini dibuktikan dengan hasil UAT yang menunjukkan hasil index 99,3%.

## DAFTAR PUSTAKA
A. S., Rosa dan Shalahuddin, M.,  2018. Rekayasa Perangkat Lunak Terstruktur dan Berorientasi  Objek. Bandung: Informatika.
B.  Herry  Suharto.,  Wijono,  Soesilo.,  2006.  Membangun  Aplikasi  Menggunakan  Qt  Designer  dengan  Database PostgreSQL/MySQL. Yogyakarta: Penerbit Andi.
Lutz,  M.,  2010.  Programming  Python.  Fourth Edition ed. Sebastopo: O’Reilly Media, Inc.
Lastiansah, Sena., 2012. Pengertian User Interface. Jakarta: Elex Media Komputindo.
Nosrati, M., 2011.  Python: An appropriate language for real world programming. World Applied  Programming Vol. 1 No.2 Hal. 110-117.
Willman, Joshua M., 2020. Beginning PyQt (A Hands-on Approach to GUI Programming) . doi:10.1007/978-1-4842- 5857-6.
Wilbert O. Galitz., 2007. The Essential Guide to User Interface Design. Canada: Wiley Publishing,Inc.