author Ahmad Muhardian

Belajar Pemrograman GUI dengan Qt di Linux: Persiapan Awal dan Pengenalan


Belajar Pemrograman GUI dengan Qt Creator

Qt adalah salah satu library atau framework yang bisa kita gunakan untuk membuat antar muka grafis (GUI).

Qt tidak hanya bisa digunakan di Linux, Qt juga bisa untuk Windows dan MacOS.

Jadi, dengan Qt kita cukup buat satu program dan akan bisa dikompilasi dan berjalan di berbagai platform.

Pada tulisan ini, kita akan belajar membuat program Qt menggunakan Linux.

Dimulai dari melakukan instalasi, sampai membuat program sederhana.

Bahasa pemrograman yang digunakan oleh Qt adalah C++.

Pastikan kamu sudah memahami C++, kalau belum silakan belajar dulu:

Cara Install Qt Creator di Linux

Qt Creator adalah IDE yang akan kita gunakan untuk membuat program Qt.

Sebelum menginstal Qt Creator, install dulu library yang dibutuhkan oleh Qt Creator.

sudo apt-get install g++ freeglut3 freeglut3-dev libglew1.5 libglew1.5-dev libglu1-mesa libglu1-mesa-dev libgl1-mesa-glx libgl1-mesa-dev

Setelah itu, silakan download Qt Creator di qt.io (pilih yang offline installer).

Download Qt Creator

Setelah itu, lakukan instalasi dengan meng-eksekusi file qt-opensource-linux-xxx.run.

Eksekusi instalator Qt

Kemudian jendela sambutan selamat datang akan segera muncul. Silakan klik next untuk melanjutkan.

Selamat datang di Qt

Berikutnya, kita akan diminta mengisi data akun Qt. Klik saja Skip untuk melanjutkan.

Akun Qt

Berikutnya kita akan diminta untuk menentukan lokasi instalasi, klik saja next untuk melanjutkan.

Lokasi instalasi Qt

Berikutnya kita akan diminta untuk memilih komponen yang akan diinstal. Biarkan saja apa adanya, lalu klik next.

Pemilihan komponen yang akan diinstall

Berikutnya kita akan diminta menyetujui perjanjian lisensi. Silakan pilih I have read and agree…, lalu klik next.

Persetujuan lisensi

Setelah itu, klik tombol install untuk memulai proses instalasi.

Proses Instalasi Qt

Tunggu sampai instalasi selesai.

Setelah itu, klik Next.

Proses Instalasi Qt

Terakhir, klik Finish untuk menyelesaikan instalasi.

Instalasi Qt selesai

Selesai 🎉.

Silakan periksa pada menu, pasti sudah ada Qt Creator di sana.

Qt Creator di Menu

Membuat Program Qt Pertama

Sekarang mari kita coba membuat sebuah program Hello World.

Buka Qt, kemudian klik New Project untuk membuat proyek baru.

Membuat Proyek Qt

Setelah itu, pilih Application –> Qt Widget Application.

Memilih Jenis Proyek Qt

Berikutnya kita akan diminta memberikan nama aplikasi yang akan dibuat dan lokasi penyimpanan proyeknya.

Nama Proyek Qt dan Lokasi Penyimpanannya

Berikutnya kita akan diminta menentukan target kompilasinya.

Karena program yang akan kita buat adalah program yang akan berjalan di desktop, jadi pilihlah yang Desktop.

Namun, apabila targetnya dikompilasi menjadi aplikasi android, maka kita harus pilih Android.

Target Kompilasi

Selanjutnya kita akan diminta menentukan nama-nama file dan Class yang akan digunakan.

Biarkan saja apa adanya seperti di bawah ini, lalu klik Next.

Menentukan nama file dan class Qt

Berikutnya kita akan diminta menentukan project manajemen atau version control system (VCS) yang akan digunakan.

Karena kita tidak akan menggunakan VCS pada proyek ini, maka langsung saja klik Finish.

Proyeknya sudah jadi, selanjutnya kita bisa langsung coding atau mendesain tampilan aplikasi.

Silakan buka file mainwindow.ui untuk membuat desain tampilan aplikasinya.

Struktur Proyek Qt

Selanjutnya, silakan tambahkan sebuah Label dengan menariknya ke dalam Form.

Menambahkan Label di Form

Ganti teksnya menjadi "Hello World".

Setelah itu, silakan eksekusi aplikasinya dengan menekan tombol Run di pojok kiri bawah.

Menjalankan aplikasi Qt

Kalau muncul jendela seperti ini, silakan klik Save All.

Simpan File

Tunggulah beberapa detik, program kita sedang dikompilasi dan akan segera dieksekusi.

Eksekusi Program Qt

Jika berhasil tampil seperti gambar di atas, maka kita sudah sukses membuat program Hello World.

Selamat… 🎉

Apa Selanjutnya?

Kita sudah menginstall Qt dan berhasil membuat program pertama.

Selanjutnya, silakan pelajari tentang:

  • Pengenalan Antarmuka Qt Creator dan Struktur Proyek Qt;
  • Memahami Event Klik pada Program Qt;
  • Memahami Layout Program Qt.