Rabu, 29 April 2015

Softskill Tugas 5

Graphical User Interface (GUI)

Latar Belakang

Pada awal diciptakannya, komputer dijalankan dengan menggunakan perintah yang diketik pada layar monitor menggunakan keyboard. Hal ini berlaku untuk semua program atau perintah-perintah tertentu yang berhubungan dengan sistem informasi. Hal ini tentu saja dirasa tidak praktis dan kurang canggih. Selain itu hanya orang-orang tertentu saja yang bisa mengoperasikannya. Oleh karena itu para anggota terdorong untuk dapat menciptakan sesuatu yang dapat digunakan oleh orang kebanyakan dengan cara yang praktis dan mudah diingat. Akhirnya lahirlah yang disebut dengan GUI atau graphical User Interface.
GUI adalah seperangkat aplikasi yang menampilkan semua menu, ikon dan alat penunjuk lainnya yang menggantikan perintah ketik di shell. Hal ini membuat pengguna komputer menjadi lebih mudah mengoperasikan sebuah perangkat dari mengingat perintah yang menggunakan teks pada sebuah kotak komando tertentu. Hal ini didasarkan bahwa manusia lebih mudah mengingat gambar dibanding tulisan. GUI pertama kali digunakan dalam komputer yang diproduksi oleh Apple yakni Machintosh dengan Steve Jobs sebagai penggagasnya. Namun belakangan sistem operasi lain mengikutinya, seperti misalnya Microsoft dengan GUI Windows-nya yang menjadi tren setter penggunaan start menu dan taskbar di bawah.

Apa yang dimaksud dengan GUI?

GUI adalah suatu media virtual yang dapat membuat pengguna memberikan perintah tertentu pada komputer tanpa mengetik perintah tersebut, namun menggunakan gambar yang tersedia. Pengguna tidak mengetikkan perintah seperti pada komputer dengan Shell atau teks. Dengan GUI, perintah dapat dikonversi menjadi ikon dalam layar monitor yang dapat diklik untuk memulai fungsinya. Sebagai contoh, tentu Anda paham dengan sebuah ikon berbentuk kertas dengan huruf W diatasnya kan? Itu adalah ikon untuk menjalankan Microsoft Word, sebuah aplikasi yang digunakan untuk mengetik. Atau Anda pasti familiar dengan tombol di pojok kiri bawah, yakni tombol bertuliskan Start atau logo Windows itu. Segala sesuatu yang Anda lihat di Komputer Anda saat ini adalah GUI.


Keuntungan Dari GUI

- Desain Grafis lebih menarik.
- GUI memungkinkan user untuk berinteraksi dengan komputer secara lebih baik.
- Memudahkan pengguna.
- Menarik minat pengguna.
- Resolusi gambar yang tinggi.

Pengembangan Aplikasi Dengan GUI Menggunakan PHP

Saat ini kita dapat menemukan beberapa solusi yang dapat digunakan untuk membangun aplikasi GUI dengan menggunakan PHP. Solusi yang ada dan cukup banyak dikenal saat ini adalah: PHP-GTK, WinBinder, dan PHP-QT.
Sayangnya, meskipun solusi untuk pengembangan aplikasi GUI menggunakan PHP sudah tersedia, kita masih "belum" dapat menemukan aplikasi GUI komersial berskala enterprise yang dibangun dengan menggunakan PHP. Mengapa hal ini bisa terjadi? Beberapa penyebab yang mendasari minimnya penggunaan PHP dalam pembangunan aplikasi GUI adalah sebagai berikut:
Belum mature-nya solusi yang ada. Hal ini menyebabkan developer enggan untuk menggunakan PHP untuk membangun aplikasi GUI komersial
Perkembangan dari solusi-solusi tersebut masih kurang cepat
Tingkat kesulitan pembangunan aplikasi GUI menggunakan PHP masih relatif tinggi
Kemampuan yang dimiliki PHP untuk pengembangan aplikasi GUI masih jauh tertinggal jika dibandingkan dengan bahasa pemrograman lain yang sudah lebih dahulu digunakan untuk pengembangan aplikasi GUI, misalnya Java, C # dan C ++
Serta berbagai alasan lainnya
Untuk menjawab berbagai masalah tersebut di atas, saat ini tengah dikembangkan sebuah solusi baru untuk membantu pengembangan aplikasi GUI menggunakan PHP. Solusi baru tersebut adalah Klorofil Platform. Klorofil Platform dibangun oleh suatu komunitas yang bernama Klorofil Collaboration Project atau dikenal juga dengan nama Klorofil. Di dalam Klorofil Platform ada sebuah GUI framework yang bernama gambArt. GUI framework inilah yang dapat kita gunakan untuk membangun aplikasi GUI menggunakan PHP.
Sebelum kita membahas lebih lanjut mengenai Klorofil Platform, gambArt, dan lain sebagainya, kita akan melihat terlebih dahulu salah satu aplikasi yang dibangun menggunakan gambar. Gambar kalkulator yang Anda lihat adalah dibangun dengan menggunakan PHP dan gambar.


DAFTAR PUSTAKA
1. Dewi Agushinta R, 2008, "Interaksi Manusia dan Komputer": Teori Dasar, Universitas Gunadarma, Kelapa Dua, Jakarta ..
2. Ida Ayu Yulie Primashanti, 2008, "Interaksi Manusia dan Komputer": Teori Dasar, Universitas Gunadarma, Kelapa Dua, Jakarta ..
3. Raskin, J, 2000, The Human Interface, Addison Wesley.
4. Shneiderman, B, 1998, Designing The User Interface Design, 2nd Edition, MacMillan, London.


Softskill Tugas 4

Tujuan Interface User
Mempermudah manusia dalam mengoperasikan komputer dan mendapatkan berbagai umpan balik yang ia perlukan selama ia bekerja pada sebuah system computer.


Antarmuka pengguna (user interface) merupakan bentuk tampilan grafis yang berhubungan langsung dengan pengguna (user). Antarmuka pengguna berfungsi untuk menghubungkan antara pengguna dengan sistem operasi, sehingga komputer tersebut bisa digunakan.
Perbandingan Interface
Ada 4 point yaitu:

1. Content

   Merupakan salah satu yang sangat penting dan harus ada dalam sebuah website.Content adalah isi dan inti dari suatu website. Dapat dilihat diatas dimana content tersebut tidak jelas, maksudnya seseorang tidak akan tau / sulit untuk membedakan mana yang merupakan content dan yang bukan, seperti iklan, category, link, dsb.


2. Coloring

    Pewarnaan juga sangat mendukung dalam pengembangan sebuah website, dengan tujuan agar interface tidak membosankan, dengan warna yang slalu monton hitam putih. Sedangkan pewarnaan diatas kurang baik. Website diatas memang sudah menggunakan warna diluar hitam putih, namun sangat tidak sinkron, terlalu banyak warna-warna yang tidak match, tapi mungkin menurut si pembuat website tersebut itu menarik. Kalau bisa komentar sedikit, website ini bisa diibaratkan buku gambar yang dipakai untuk menggambar seorang anak-anak yang sedang belajar menggambar / mewarnai, jadi ya seperti itu hasilnya acak kadul.

3. Desain

    Ini lebih parah lagi, dimana tidak memiliki struktur desain yang baik. Lihat contoh diatas misalnya, seseorang yang berkunjung pasti akan tidak enak melihat desain website tersebut dan mungkin juga akan bingung.Tidak jelas dimana yang footer, header, sidebar dan contentnya. Selanjutnya gambar background yang acak-acakan yang sangat mengganggu pemandangan.

4. Text

    Untuk tulisan jelas kurang baik, terlalu banyak jenis font yang cukup mengganggu dan penempatan yang kurang baik karena tidak didukung oleh desain yang baik pula.
Sebaiknya dalam penggunaan font untuk sebuah website memakai font yang umum dipakai dan mudah dan enak dibaca semua orang, jangan cuma enak dilihat dari diri sendiri tapi orang tidak.

Tipe-tipe Antarmuka
Secara umum antarmuka dibagi menjadi 2 tipe yaitu CLI dan GUI.
    CLI (Command Line Interface)

     CLI adalah tipe antarmuka dimana pengguna berinteraksi dengan sistem operasi melalui text terminal. Pengguna menjalankan perintah dan program di sistem operasi tersebut dengan cara mengetikkan barisbaris tertentu.

     Meskipun memiliki konsep yang sama, tiap-tiap sistem operasi memiliki nama atau istilah yang berbeda untuk CLI-nya. UNIX memberi nama CLI-nya sebagai bash, ash, ksh, dan lain sebagainya. Microsoft Disk Operating System (MS-DOS) memberi nama command.com atau Command Prompt. Sedangkan pada Windows Vista, Microsoft menamakannya PowerShell. Pengguna Linux mengenal CLI pada Linux sebagai terminal, sedangkan pada Apple namanya adalah commandshell.

    GUI (Graphics User Interface)

GUI adalah tipe antarmuka yang digunakan oleh pengguna untuk berinteraksi dengan sistem operasi melalui gambar-gambar grafik, ikon, menu, dan menggunakan perangkat penunjuk (pointing device) seperti mouse atau track ball. Elemen-elemen utama dari GUI bisa diringkas dalam konsep wimp (window, icon, menu, pointing device). Sebuah sistem operasi dianggap bagus jika tampilan luarnya (GUI-nya) bagus, meskipun komponen sistem operasi tidak hanya GUI saja. Jadi, penilaian terhadap sebuah sistem operasi tidak bisa hanya dari satu komponen saja. Hal ini dikarenakan GUI adalah kesan pertama pengguna dengan sistem operasi itu. Setiap pengembang sistem operasi. berlomba-lomba mengembangkan GUI-nya dengan keunggulannya masing-masing.

Tipe-tipe Interaksi

  1. Direct adalah suatu operasi langsung dengan objek pada layar.
      Misalnya delete file dengan memasukkannya ke trash.
  2. Menu selection adalah suatu yang memilih perintah dari daftar yang disediakan.
  3. Command language adalah suatu penulisan perintah yang sudah ditentukan pada program.
  4. Natural language - perintah dengan bahasa alami: Menggunakan bahasa alami untuk mendapatkan hasil.

Sumber:
http://id.wikipedia.org/wiki/Interaksi manusia dan komputer
http://id.wikipedia.org/wiki/Antarmuka dan interaksi
Buku Perpustakaan Gunadarma