Kompetensi Dasar :

3.18 Menerapkan user interface basis data pada halaman web

4.18 Membuat user interface basis data pada halaman web

Materi Pokok :

1. Konsep user interface dalam program aplikasi.

2. Jenis jenis User Inteface.

3. Rancang bangun user interface.

4. Aplikasi user interface untuk mengelola basis data.



Konsep Dasar User Interface Dalam Aplikasi Web

Interface adalah salah satu layanan yang disediakan sistem operasi sebagai sarana interaksi antara pengguna dengan sistem operasi. Antarmuka adalah komponen sistem operasi yang bersentuhan langsung dengan pengguna. Terdapat dua jenis antarmuka, yaitu :

  • Command Line Interface (CLI)
  • Graphical User Interface (GUI).

  • Antarmuka pemakai (User Interface) merupakan mekanisme komunikasi antara pengguna (user) dengan sistem. Antarmuka pemakai (User Interface) dapat menerima informasi dari pengguna (user) dan memberikan informasi kepada pengguna (user) untuk membantu mengarahkan alur penelusuran masalah sampai ditemukan suatu solusi.



    User interface, berfungsi untuk menginputkan pengetahuan baru ke dalam basis pengetahuan sistem pakar (ES), menampilkan penjelasan sistem dan memberikan panduan pemakaian sistem secara menyeluruh step by step sehingga user mengerti apa yang akan dilakukan terhadap suatu sistem.


    Sisi positif membangun user interface adalah kemudahan dalam memakai atau menjalankan sistem, interaktif, komunikatif, sedangkan kesulitan dalam mengembangkan/ membangun suatu program jangan terlalu diperlihatkan.


    Tujuan sebuah user interface adalah mengkomunikasikan fitur-fitur sistem yang tersedia agar user mengerti dan dapat menggunakan sistem tersebut.



    Jenis-jenis User Interface

    Ada dua jenis User Interface yaitu :


    1 . Command Line Inteface (CLI) :

    CLI (Command Line Interface) adalah tipe antarmuka dimana penggun berinteraksi dengan system operasi melalui text terminal.CLI adalah sebuah bentuk antarmuka antara sistem operasi dan pemakai dimana pemakai mengetikkan perintah-perintah dengan menggunakan perintah dalam bentuk teks dan sebuah metode untuk memasukinya.


    Setiap sistem operasi memberi nama CLI- nya berbeda-beda. Berikut nama CLI pada sistem operasi :

  • Unix member : bash, ash, ksh, dan lain lain
  • Ms-Dos : command.com atau command prompt
  • Microsoft, Windows Vista : Powershell
  • Linux : Terminal
  • Apple atau machintosh : commandshell

  • 2. Graphical User Interface (GUI)

    Saat ini interface yang banyak digunakan dalam software adalah GUI (Graphical User Interface). GUI adalah tipe antarmuka yang digunakan oleh pengguna untuk berinteraksi dengan system operasi melalui gambar-gambar grafik, kon, dan menggunakan perangkat penunjuk (pointing device) seperti mouse atau track ball.


    Sama halnya dengan CL, GUI memiliki nama tersendiri untuk komponennya. Berikut nama GUI pada sistem operasi :

  • Apple Mac OS X : Aqua
  • Microsoft, Windows XP : Lunar
  • Microsoft, Windows Vista : Aero
  • Linux : KDE (K Desktop Environment) dan GNOME


  • Prinsip-prinsip dalam Merancang User Interface

    1. Usser familiarity "Mudah dikenali"

    Gunakan istilah, konsep dan kebiasaan user bukan computer (misal: sistem perkantoran gunakan istilah letters, documents, folders bukandirectories, file, identifiers, jenis document open office).


    2. Consistency "selalu begitu"

    Konsisten dalam operasi dan istilah diseluruh sistem sehingga tidak membingungkan. layout menu di open office mirip dgn layout menu di MS office.


    3. Minimal surprise "Tidak buat kaget user"

    Operasi bisa diduga prosesnya berdasarkan perintah yang disediakan.


    4. Recoverability "pemulihan"

    Recoverability ada dua macam: Confirmation of destructive action (konfirmasi terhadap aksi yang merusak) dan ketersediaan fasilitas pembatalan (undo).


    5. User guidance "bantuan"

    Sistem manual online, menu help, caption pada icon khusus tersedia.


    6. User diversity "keberagaman"

    Fasilitas interaksi untuk tipe user yang berbeda disediakan. Misalnya ukuran huruf bisa diperbesar.



    User Experience (UX)

    Pengertian UX atau User Experience memang tidak terlalu jauh berbeda dengan UI. Perbedaannya terletak pada fokus utama hubungan komunikasi antara pengguna dengan programnya, yakni berfokus pada pengalaman penggunanya.



    Seorang desainer UX akan merancang program aplikasi web atau mobile-nya berdasarkan pengalaman dari pengguna atau user setelah menggunakan aplikasi web atau mobile. Dengan begitu, program yang dirancangnya menjadi lebih mudah digunakan oleh penggunanya.



    Perbedaan UI dan UX

    Perbedaan antara UI dan UX berada pada fokus utamanya. Bila UI fokus pada interaksi pengguna dengan programnya, maka UX fokusnya pada pengalaman pengguna dalam menggunakan suatu aplikasi web atau mobile.


    Desainer UI akan mendesain program aplikasi web atau mobile-nya sesuai dengan kebutuhan si pengguna. Sehingga, ketika menggunakan program tersebut pengguna lebih mudah dan tidak kesulitan.

    Desainer UX membuat program berdasarkan pengalaman dari penggunanya. Apa saja yang dirasakan dan kesulitan apa saja yang dihadapi ketika menggunakan program tersebut.

    keduanya memiliki tujuan yang sama dalam mendesain program aplikasi web ataupun mobile, yakni memudahkan penggunannya.


    Jadi, UI dan UX sebenarnya berbeda. Perbedaannya pada fokus utama. UI fokus pada kebutuhan pengguna terhadap program aplikasi aplikasi web   atau mobile, sedangkan UX fokus pada pengalaman pengguna.



    Fungsi UI Untuk Mengakses Basis Data Dalam Aplikasi Web

    UI atau user interface atau tampilan antarmuka yaitu bagaimana cara program dan user (pengguna) berinteraksi. Istilah user interface juga digunakan untuk pengganti istilah HCI (Human Computer Interaction). User interface yang baik yaitu user interface yang bisa memberikan pengalaman interaksi yang dengan mudah dipahami oleh user (pengguna), user interface ini disebut sebagai user friendly.



    Secara teknis, user interface berfungsi untuk menjembatani atau menerjemahkan informasi antara user dengen sistem operasi, sehingga komputer bisa didayagunakan oleh user. User interface juga bisa diartikan sebagai mekanisme inter-relasi dari hardware dan software yang membentuk pengalaman menggunakan sebuah set komputer. Dari sisi perangkat lunak, biasanya user inferface berbentuk GUI (Graphic User Interface) dan CLI (Command Line Interface), sedangkan dari sisi perangkat keras biasanya user inferface berbentuk ADB (Apple Desktop Bus), USB dan Firewire.



    Merancang Program UI Untuk Akses Basis Data Dalam Aplikasi Web

    Dalam tampilan Backstage, tab baru memiliki perintah untuk membuat database.

    1. Di bawah Templat yang tersedia, klik Database Web kosong.

    2. Tinjau nama dalam kotak Nama File , dan jalur untuk database file. Anda bisa mengubah nama file dengan mengetik di kotak Nama File.

    3. Untuk mengubah jalur, klik ikon folder di samping kotak Nama File untuk menelusuri lokasi untuk meletakkan file database Anda.

    4. Klik buat. Database web baru Anda membuka dan menampilkan tabel kosong yang baru.





    Macam Software Database dan Fungsinya

    1. Microsoft Acces

    Penggunaan untuk software database ini cukuplah mudah karena menggunakan format data yang sangat umum. Data yang bisa terbaca untuk database yang satu ini diantaranya seperti format Microsoft Acces, Microsoft Jet Database Engine, Microsoft SQL Server, Oracle Databse ataupun semua data yang bisa mendukung akan penggunaan ODBC.


    2. Oracle

    Software Database ini menjadi salah satu database yang bisa menyimpan data dengan ukuran yang cukup maksimum yaitu hingga ukuran tera byte. Bahasa yang digunakan untuk Oracle ini menggunakan bahasa standard SQL.


    Kelebihan Oracle :

  • Data tidak hilang meskipun ketika mengakses database ini kemudian listrik padam secara mendadak.
  • Mampu untuk memberikan pelindungan pada setiap data yang ada pada program perusahaan.
  • Bisa digunakan untuk melakukan lock hingga level row-level yang menyebabkan penggunaan untuk database ini bisa digunakan dengan lebih cepat meskipun digunakan secara bersamaan.
  • Oracle Data Mining & Data Warehousing dimana fitur ini berfungsi untuk membantu dalam menentukan strategi perusahaan kedepan yang berdasarkan dari analisis data yang ada.
  • Virtual Private Database, dimana fitur yang ada pada Oracle ini berfungsi sebagai keamanan yang akan menjaga berbagai transaksi yang terjadi di internet.
  • Flashback Query, dengan adanya fitur ini memungkikan anda untuk bisa melihat kembali status data pada waktu sebelumnya hingga batas sesuai dengan apa yang anda tentukan.

  • 3. Ms SQL Server

    Untuk software database ini merupakan database yang merupakan sistem manajemen basis data relasional yang digunakan untuk produk Microsoft. Bahasa yang digunakan untuk kueri dari software database ini merupakan bahasa Transact-SQL yang merupakan gabungan dari SQL standar ANSI/ISO.


    Kelebihan Ms SQL Server :

    § Berfungsi untuk platform yang banyak dan berbeda.

    §  Bahasa yang digunakan cukup banyak.

    §  Type data yang juga beragam dan sangat banyak.

    §  Sangat mendukung untuk kalimat SQL GROUP BY dan juga ORDER BY.


    4. MySQL

    MySQL ini menjadi salah satu database yang paling diunggulkan jika dibandingkan dengan database server yang lainnya terutama untuk masalah query data. Hal ini dikarenakan keceaptan membagi data pada software database ini lebih cepat jika dibandingkan dengan yang lainnya.


    Kelebihan MySQL :

    §  Pengunaannya yang gratis

    §  Query data yang lebih cepat

    §  Bisa digunakan untuk multi user


    5. Firebird

    Firebird atau juga terkenal dengan nama FirebirdSL menadi salah satu sistem manajemen basisdata yang menawarkan berbagai fitur standar. Fitur-fitur yang bisa anda dapatkan untuk database yang satu ini diantaranya seperti ANSI SQL-99 dan jga SQL-2003.

    Database ini bisa digunakan dengan sangat baik dan bisa berjalan dengan cepat ketika digunakan untuk Linux, Windows dan bahkan untuk sebagian platform Unix. Firebird ini memiliki linsensi dibawah Initial Develper’s Public License.