Arsip Tag: gui

Pemrograman Qt 16 – QGraphicsScene dan QGraphicsView untuk Menayangkan Gambar


Bismillahirrahmanirrahim.

Tulisan ini tersedia dalam PDF.

qt-creator-logoPembuatan suatu aplikasi image viewer dengan Qt bisa dilakukan dengan kelas QGraphicsScene dan QGraphicsView. Namun niat saya kali ini hanyalah mempersiapkan suatu penampil gambar paling dasar yang hanya bisa menayangkan gambar tanpa fungsi tambahan. Anda akan belajar bagaimana menggunakan kedua kelas tersebut di sini. Selanjutnya, saya berharap nanti bisa menulis kelanjutan dari tulisan ini agar program dapat memiliki fungsi tambahan semisal pan, zoom, rotate, dan lain-lain. Anda dapat mengunduh kode sumber dari program ini di bagian akhir tulisan. Semoga tulisan ini bermanfaat. Baca lebih lanjut

Iklan

Pemrograman Qt 15 – QToolButton, QFont, dan setStyleSheet()


Bismillahirrahmanirrahim.

Tulisan ini tersedia dalam PDF.

qt-creator-logoQToolButton (saudara kembar QPushButton) adalah widget Qt yang mampu menayangkan ikon sekaligus teks di dalam tombol. Sebagai berita gembira, Qt juga mampu mengatur fonta tombol dengan QFont. Sebagai pelengkap, Qt juga memiliki dukungan penuh untuk style sheet agar Anda bisa mengubah total wajah suatu widget agar sesuai kebutuhan Anda. Misalnya, dengan itu Anda mengubah warna background suatu QLabel sekaligus mengubah fonta teksnya (cukup style sheet tanpa QFont). Semua itu akan dibahas dalam tutorial ini dalam wujud prototipe aplikasi yang mudah diingat wujudnya. Semoga tulisan ini bermanfaat. Baca lebih lanjut

Pemrograman Qt 14 – QPropertyAnimation untuk Animasi GUI


Bismillahirrahmanirrahim.

Tulisan ini tersedia dalam PDF.

qt-creator-logoUbiquity, program pemasang sistem operasi Ubuntu yang kita pakai selalu ketika menginstal, adalah sumber inspirasi program ini. Animasi berbentuk slider layaknya slider di web yang bergerak ketika tombol panah diklik, adalah sesuatu yang gagal diimplementasikan pada Otodidak versi 1. Kegagalan itu disebabkan oleh ketidaktahuan mengenai hard coding di Java terutama pemakaian animasi di dalamnya. Kini dengan Qt, animasi sliding seperti layaknya Ubiquity di Ubuntu serasa mudah untuk dibuat. Kita bisa membuat elemen-elemen GUI bergerak melalui klik tombol dengan memakai kelas animasi di dalam Qt. Salah satunya adalah QPropertyAnimation. Tulisan ini bukan hendak membuat implementasi Ubiquity versi Qt (karena belum mampu) melainkan hanya pengantar menuju ke sana. Semoga tulisan ini bermanfaat. Baca lebih lanjut

Kumpulan Tutorial C++ & Source Code Qt Framework Edisi 1 – 11


Bismillahirrahmanirrahim.

qt-creator-logoBerikut ini tutorial C++ beserta contoh kode sumbernya. Semua kode di sini adalah hasil dari pemrograman Qt saya. Semua kode saya ditulis di Linux dan program saya semuanya memakai Qt Framework untuk menghasilkan GUI. Anda bisa gunakan karya saya ini untuk membuat aplikasi yang lebih bermanfaat. Lisensi semua karya saya ini bebas untuk dipakai apa saja selama tidak untuk maksiat kepada Allah. Semoga bermanfaat. Baca lebih lanjut

Pemrograman Qt 12 – Kalkulator Sederhana dengan QLineEdit dan Casting QString to int


Bismillahirrahmanirrahim.

Tulisan ini tersedia dalam PDF.

qt-creator-logoAplikasi kalkulator cocok dijadikan latihan memrogram. Kita menemukannya pada banyak tutorial. Dalam 1 aplikasi kalkulator, terdapat banyak elemen GUI dan semuanya harus dihubungkan. Oleh karena itu cocok sekali untuk latihan. Sekarang saya akan membuat sebuah kalkulator sederhana memakai kelas QLineEdit dan teknik casting (konversi tipe data) dari QString ke int (dan sebaliknya). Semoga tulisan ini bermanfaat. Baca lebih lanjut

Pengantar Pemrograman Aplikasi GUI di Linux (Pustaka, Framework, dan IDE)


Bismillahirrahmanirrahim.

Artikel ini tersedia pula dalam PDF.

Apakah Anda ingin membuat aplikasi Linux? Anda ingin membuat aplikasi yang memiliki GUI sebagaimana program yang dibuat dengan Microsoft Visual Basic? Lakukan sekarang juga dengan memilih satu dari beberapa peralatan berikut. Choose one, master it!

Pustaka

1. GTK+

Pustaka ini adalah standar GUI untuk Ubuntu dan distro keluarga Debian lainnya. Pustaka inilah yang digunakan untuk membangun GNOME, Mate, Cinnamon, Nautilus, dan banyak program terkenal di Linux. GTK+ bisa dipakai di semua sistem operasi. Untuk menggunakan GTK, Anda bisa memakai bahasa C/C++ atau Python. Karena sangat banyak aplikasi Linux dibuat dengan GTK+, maka mudah sekali menemukan contoh aplikasi GTK+ yakni dengan membuka kode sumber aplikasi yang dibuat memakai GTK+.

2. Java SWING
Pustaka ini adalah salah satu standar GUI dalam Java. Aplikasi semacam Otodidak dibuat dengannya. Kelebihan Java SWING adalah kelengkapan tutorial resminya yang sempurna beserta besarnya jumlah komunitas programernya. Tutorial SWING berbahasa Indonesia paling banyak jika dibandingkan dengan peralatan lain yang disebutkan dalam posting ini. Jika Anda baru memulai pemrograman GUI, saya sendiri menyarankan untuk memulai dari SWING.

3. Qt Framework

qt-creator-logoQt sebetulnya bukan hanya pustaka, melainkan sudah merupakan framework untuk GUI. Qt itu sangat lengkap dan ia adalah framework yang membangun KDE, Unity, Texmaker, dan lain-lain. Qt memiliki dokumentasi resmi yang sangat lengkap (setara Java) dan komunitas yang sangat besar. Sedikit jumlah tutorial Qt berbahasa Indonesia tetapi jika Bahasa Inggris bukan halangan untuk Anda, maka dokumentasi asli Qt sudah mencukupi bahkan untuk pemula sekalipun. Kelebihan dokumentasi resmi Qt yang lain adalah lebih mudah dipahami dibanding yang lain sehingga pemula pun bisa mengerti dengan cepat. Untuk menggunakan Qt, Anda bisa menggunakan bahasa C++ atau Python.

IDE

1. Gambas

Nama Gambas merujuk kepada IDE sekaligus bahasa pemrogramannya. Gambas disebut sebagai Visual Basic-nya Linux. Jika Anda familiar dengan Microsoft Visual Basic, maka Anda akan mudah menggunakan Gambas.

2. Lazarus

Lazarus biasa disebut Delphi-nya Linux. Ia adalah IDE untuk Pascal. Anda bisa membuat GUI dengan GUI builder di dalamnya.

3. MonoDevelop

MonoDevelop ini IDE untuk membangun aplikasi GUI dengan C# dan .NET Framework. Ia memiliki GUI builder.

Gambar Contoh Aplikasi

Aplikasi GTK+

nautilus

Nautilus

Aplikasi Java SWING

Pemula-1

Otodidak

Aplikasi Qt

dolphin

Dolphin

Aplikasi dengan Gambas

myunity

MyUnity

Aplikasi dengan Lazarus

PeaZip (pengganti WinRAR dan WinZIP)

Aplikasi dengan MonoDevelop

banshee

Banshee Media Player

Gambar IDE

Glade

Netbeans

resized-netbeans

Qt Creator

qtcreator

Gambas

Lazarus

MonoDevelop

Penutup

Tulisan ini hanyalah pengantar. Gambar-gambar di atas sebagian diambil dari Wikipedia atau dari situs aslinya. Semoga benar-benar menjadi pengantar Anda untuk membuat aplikasi Linux. Semoga bermanfaat untuk Anda.