Tutorial Membuat GUI Menggunakan bahasa pemrograman C, GTK+ dan Glade

Hallo gan ketemu lagi dengan ane, kali ini ane akan membuat tampilan GUI menggunakan aplikasi pemrograman Glade dan toolkit GTK+ di sistem operasi Ubuntu.

Apa sih Glade ? Glade adalah RAD tool yang bertujuan untuk memudahkan pengembangan aplikasi GUI dengan toolkit GTK+. Dengan menggunakan Glade, seseorang dapat merancang antarmuka pengguna (user interface) aplikasi dengan mudah. Setelah itu, definisi antarmuka pengguna akan disimpan oleh Glade ke berkas (file). Berkas tersebut kemudian dapat di-load dengan bantuan pustaka libglade. Dengan menggunakan pustaka seperti ini, berkas glade dapat digunakan oleh berbagai bahasa pemrograman, seperti Bahasa C, C++, Java, Perl, Python, C#, Pike, Ruby, Haskell, Ocaml, Scheme, dan lain sebagainya.

Terus GTK+ itu apa ? GTK+ atau GIMP Toolkit adalah sebuah widget toolkit antar platform untuk menghasilkan GUI. GTK+ adalah salah satu toolkit terpopular untuk Sistem X Window, bersama-sama dengan Qt.

Cukup untuk perkenalan dari Glade dan GTK+, kita langsung aja ke TKP ...
  • Pertama buka aplikasi Glade User Interface
  • Buat window dan tambahkan widget seperti gambar dibawah, lalu save dengan format .glade (misal : awal.glade)
Tutorial Membuat GUI Menggunakan bahasa pemrograman C, GTK+ dan Glade
  • Buka aplikasi untuk membuat program dengan bahasa pemrograman C, (misal : notepad++). Masukkan perintah seperti gambar dibawah, lalu save dengan format .c (misal : awal.c)

      // Library GTK dan C
      #include <gtk/gtk.h>
      #include <glib.h>
      #include <stdio.h>
      #include <stdlib.h>
      #include <time.h>
      #include <unistd.h>
      #include <string.h>

      GError *error = NULL;

      // Program Utama
      int main (int argc, char **argv)
     {
GtkBuilder *builder;
GtkWidget *window1;
gtk_init( &argc, &argv );
builder = gtk_builder_new ();
if( ! gtk_builder_add_from_file(builder, "awal.glade", &error) )
{
g_warning( "%s", error->message );
g_free( error );
return 1;
}
window1 = GTK_WIDGET( gtk_builder_get_object (builder, "window1") ); // memanggil                 widget window dari Glade
g_signal_connect (window1, "destroy", G_CALLBACK(gtk_main_quit), NULL); // keluar dari           window jika menekan tombol X
gtk_builder_connect_signals( builder, NULL );
g_object_unref( G_OBJECT( builder ) ); 
gtk_widget_show( window1 ); // menampilkan tampilan window1
gtk_main(); // untuk menjalankan program utama
return 0;
     }
  • Selanjutnya compile kedua file tersebut di terminal dengan perintah (tanpa tanda kutip) " gcc -Wall -g -o tutorial main.c -export-dynamic `pkg-config --cflags --libs gtk+-3.0` ".
  • Buka program yang sudah dibuat tadi dengan perintah (tanpa tanda kutip) " ./awal,c ", maka hasilnya akan seperti berikut
Tutorial Membuat GUI Menggunakan bahasa pemrograman C, GTK+ dan Glade

Terima Kasih :)

Referensi :

Comments

Post a Comment

Popular posts from this blog

Konfigurasi DHCP Server di Ubuntu Server

Image
Oke, pada kali ini akan saya akan membahas bagaimana langkah-langkah dalam mengkonfigurasi DHCP server di Ubuntu Server : Pertama buka Ubuntu server lalu masuk root dan install isc-dhcp server seperti gambar dibawah   Setelah installasi selesai, cek isc-dhcp-server tersebut apakah sudah terpasang atau belum. Lihat gambar dibawah  Selanjutnya konfigurasi interface yang akan digunakan dengan perintah “nano /etc/default/isc-dhcp-server”. Lalu ganti interface dengan eth0.  Selanjutnya konfigurasi parameter layanan dhcp dengan perintah “nano /etc/dhcp/dhcpd.conf”. lalu konfigurasi seperti gambar dibawah. Selanjutnya restart service DHCP seperti gambar dibawah  Lalu cek apakah parameter yang kita konfigurasi tadi sudah berhasil atau belum dengan perintah “ifconfig”. Lihat “inet addr” pada gambar dibawah.  Selanjutnya buka client (Microsoft XP), lalu buka Network Connection -> klik kanan Local Area Connection -> Proper...
Read more

Membuat Https di Ubuntu Server

Image
HTTPS di temukan oleh Netscape Communication Corporation . HTTPS menggunakan Secure Socket Layer (SSL) atau Transport Layer Security (TLS) sebagai sublayer dibawah HTTP aplikasi layer yang biasa. HTTP di enkripsi dan deskripsi dari halaman yang di minta oleh pengguna dan halaman yang di kembalikan oleh web server. Selanjutnya saya akan menjelaskan cara membuat HTTPS di Ubuntu Server, berikut langkah-langkahnya : Pertama buka file "/etc/network/interfaces" lalu ganti IP address seperti berikut  Buat Domain admin, bisa dilihat disini  untuk lebih jelas cara membuat domain Buat sertifikat SSL Jika berhasil akan muncul dua buah file  Tambahkan konfigurasi seperti berikut pada file /etc/apache2/sites-enabled/000-default.conf   Aktifkan modul SSL  Buat file index.php di  /var/www/admin  Cek di client buka admin.raffi.com di browser, dan hasilnya akan seperti berikut Terima Kasih dan Semoga Bermanfaat :) ...
Read more