Prototyping

Prototyping
Prototyping adalah merupakan salah satu metode pengembangan perangat lunak yang banyak
digunakan. Dengan metode prototyping ini pengembang dan pelanggan dapat saling
berinteraksi selama proses pembuatan sistem.
Untuk mengatasi ketidakserasian antara pelanggan dan pengembang , maka harus
dibutuhakan kerjasama yanga baik diantara keduanya sehingga pengembang akan
mengetahui dengan benar apa yang diinginkan pelanggan dengan tidak mengesampingkan
segi-segi teknis dan pelanggan akan mengetahui proses-proses dalm menyelasaikan sistem
yang diinginkan. Dengan demikian akan menghasilkan sistem sesuai dengan jadwal waktu
penyelesaian yang telah ditentukan.

Rapid prototyping

Rapid application development (RAD) atau rapid prototyping adalah model proses pembangunan perangkat lunak yang tergolong dalam teknik incremental (bertingkat). RAD menekankan pada siklus pembangunan pendek, singkat, dan cepat. Waktu yang singkat adalah batasan yang penting untuk model ini. Rapid application development menggunakan metode iteratif (berulang) dalam mengembangkan sistem dimana working model (model bekerja) sistem dikonstruksikan di awal tahap pengembangan dengan tujuan menetapkan kebutuhan (requirement) user dan selanjutnya disingkirkan. Working model digunakan kadang-kadang saja sebagai basis desain dan implementasi sistem final.

Penerapan

Model RAD mengadopsi model waterfall dan pembangunan dalam waktu singkat yang dicapai dengan menerapkan :

1.     Component based construction ( pemrograman berbasis komponen bukan prosedural).

2.     Penekanan pada penggunaan ulang (reuse) komponen perangkat lunak yang telah ada.

3.     Pembangkitan kode program otomatis/semi otomatis.

4.     Multiple team (banyak tim), tiap tim menyelesaikan satu tugas yang selevel tapi tidak sama. Banyaknya tim tergantung dari area dan kompleksitasnya sistem yang dibangun.

Jika keutuhan yang diinginkan pada tahap analisis kebutuhan telah lengkap dan jelas, maka waktu yang dibutuhkan untuk menyelesaikan secara lengkap perangkat lunak yang dibuat adalah berkisar 60 sampai 90 hari. Model RAD hampir sama dengan model waterfall, bedanya siklus pengembangan yang ditempuh model ini sangat pendek dengan penerapan teknik yang cepat.

Sistem dibagi-bagi menjadi beberapa modul dan dikerjakan beberapa tim dalam waktu yang hampir bersamaan dalam waktu yang sudah ditentukan. Model ini melibatkan banyak tim, dan setiap tim mengerjakan tugas yang selevel, namun berbeda. Sesuai dengan pembagian modul sistem.

Kelemahan dan kelebihan

Beberapa hal (kelebhan dan kekurangan) yang perlu diperhatikan dalam implementasi pengembangan menggunakan model RAD :

1.     Model RAD memerlukan sumber daya yang cukup besar, terutama untuk proyek dengan skala besar.

2.     Model ini cocok untuk proyek dengan skala besar.

3.     Model RAD memerlukan komitmen yang kuat antara pengembang dan pemesssan, bahkan keduanya bisa tergabung dalam 1 tim

4.     kinerja dari perangkat lunak yang dihasilkan dapat menjadi masalah manakala kebutuhan-kebutuhan diawal proses tidak dapat dimodulkan, sehingga pendekatan dengan model ini kurang bagus.

5.     sistem yang tidak bisa dimodularisasi tidak cocok untuk model ini.

6.     penghalusan dan penggabungan dari beberapa tim di akhir proses sangat diperlukan dan ini memerlukan kerja keras.

7.     proyek bisa gagal karena waktu yang disepakati tidak dipenuhi

8.     risiko teknis yang tinggi juga kurang cocok untuk model ini.

Dimensi Prototyping

1. Representasi

Dari sebuah prototyping dapat dipertanyakan apakah hasilnya nanti akan dipresentasikan dalam sebuah konteks tekstual (kata-kata berbentuk narasi) atau dilengkapi dengan tampilan visual setra diagram yang mendukung alur proses dari sebuah aplikasi.

2. Jangkauan

Prototyping dapat berupa tampilan antar muka secara umum dan juga bisa dilengkapi dengan tampilan yang telah dilengkapi dengan contoh perhitungan ataupun tampilan data.

3. Eksekutabilitas

Dalam dimensi ini, prototyping dengan kategori kompleks dapat berupa sebuah contoh program “setengah jadi” yang benar-benar dapat dieksekusi atau dijalankan, sehingga terbentuk sebuah simulasi yang seakan-akan nyata bagi para pengguna.

4. Pematangan

Prototyping dapat melalui tahap-tahap tertentu hingga mencapai sebuah tahap yang dianggap “matang” sebelum memulai sebuah proses pembuatan.

·                     Revolusioner: mengganti yang lama.

·                     Evolusioner : terus melakukan perubahan pada perancangan yang sebelumnya.

Metode Rapid Prototyping

Metode prototype melibatkan user secara langsung dengan analisis dan perancangan, sangat efektif untuk pengoreksian sistem. Prototypemerupakan sistem yang berjalan (bukan hanya sekedar ide diatas kertas) yang dibangun untuk menguji ide dan asumsi mengenai sistem. Sama halnya seperti sistem berbasis komputer, yang berisi software yang berjalan yang menerima input, menampilkan kalkulasi dan menghasilkan output tercetak maupun tampilan informasi atau menampilkan aktivitaspenting lainnya.Rancangan dan informasi yang dihasilkan di evaluasi olehuser, akan lebih efektif jika digunakan data dan situasi yang sesungguhnya. Perubahan sangat diperlukan hingga sistem digunakan.Secara umum analis sistem menetapkan prototype menjadi metode yang paling tepat untuk dilaksanakan jika :

1.      Belum ada sistem dengan karakteristik yang sama dengan sistem yang diajukan yang pernah dikembangkan oleh pengembang.

2.      Fungsi utama dari sistem hanya diketahui sebagian, selebihnya tidak teridentifikasi melalui analisis kebutuhan.

3.      Pengalaman dalam menggunakan sistem yang secara signifikan ditambahkankedalam daftar kebutuhan yang harus dipenuhi oleh sistem.

4.      Versi alternatif dari sistem yang akan dikembangkan melalui pengalaman danpengembangan tambahan dan perbaikan fitur.

5.      Pengguna user ikut berpartisipasi dalam proses pengembangan.

Terminologi Prototyping

1. Prototyping Horisontal

    Sangat luas, mengerjakan atau menunjukkan sebagian besar interface, tapi tidak mendalam.

2. Prototyping Vertikal

   Lebih sedikit aspek atau fitur dari interface yang disimulasikan, tetapi dilaksanakan dengan rincian yang   sangat baik.

3. Early Prototyping (prototipe cepat)

Beberapa keuntungan dari sistem prototipe cepat:

a. Pengurangan biaya proyek dan risiko.

b. Dapat digunakan pada industri yang berbeda.

c. Mudah kesalahan dalam desain sebelumnya dapat dideteksi dan kesalahan dapat diperbaiki.

d. Hanya lengkap kepuasan atas produk yang lengkap ini dirancang. Faktor-faktor seperti manufacturability, ketahanan dan fungsionalitas desain diperiksa sebelum mengirimnya untuk produksi.

e. Greater ditingkatkan kemampuan visualisasi langsung dari tahap pertama jika merancang. Ini membantu user dalam mengetahui bagaimana produk akhir akan terlihat seperti.

f. Semua kekurangan mendesain dapat dideteksi dengan mudah sebelum pembuatan produk dimulai.

g. Produsen, desainer dan user dapat membahas produk dan bekerja ke depan untuk mendapatkan produk yang terbaik. Ini membantu untuk memberikan pengguna produk keluaran yang lebih tinggi.

Sumber :

https://id.wikipedia.org/wiki/Rapid_application_development

http://fenni.staff.gunadarma.ac.id/Downloads/files/11018/Prototyping.pdf

agungsr.staff.gunadarma.ac.id/Downloads/files/.../PROTOTYPING.doc

Ida Ayu Yulie Primashanti, 2008 , “Interaksi Manusia dan Komputer” : Teori Dasar, Universitas Gunadarma, Kelapa Dua, Jakarta.

Desain

Desain diterjemahkan sebagai seni terapan, arsitektur, dan berbagai pencapaian kreatif lainnya. Dalam sebuah kalimat, kata “desain” bisa digunakan baik sebagai kata benda maupun kata kerja. Sebagai kata kerja, “desain” memiliki arti “proses untuk membuat dan menciptakan obyek baru”. Sebagai kata benda, “desain” digunakan untuk menyebut hasil akhir dari sebuah proses kreatif, baik itu berwujud sebuah rencana, proposal, atau berbentuk obyek nyata. 

Prinsip-prinsip desain :

1. Keselarasan (Harmoni)

Keselarasan merupakan prinsip desain yang diartikan sebagai keteraturan tatanan diantara bagian-bagian suatu karya. Keselarasan dalam desain merupakan pembentukan unsur-unsur keseimbangan, keteraturan, kesatuan, dan perpaduan yang masing-masing saling mengisi dan menimbang. Keselarasan (harmoni) bertindak sebagai faktor pengaman untuk mencapai keserasian seluruh rancangan penyajian.

2. Kesebandingan (Proporsi)

Kesebandingan (proporsi) merupakan hubungan perbandingan antara bagian dengan bagian lain atau bagian dengan elemen keseluruhan.

Kesebandingan dapat dijangkau dengan menunjukkan hubungan antara:

1. Suatu elemen dengan elemen yang lain,

2. Elemen bidang/ ruang dengan dimensi bidang/ruangnya,

3. Dimensi bidang/ruang itu sendiri.

Dalam grafis komunikasi, semua unsur berperan menentukan proporsi, seperti hadirnya warna cerah yang diletakkan pada bidang/ruang sempit atau kecil.

3. Irama (Ritme)

Irama (ritme) dapat kita rasakan. Ritme terjadi karena adanya pengulangan pada bidang/ruang yang menyebabkan kita dapat merasakan adanya perakan, getaran, atau perpindahan dari unsur satu ke unsur lain. Gerak dan pengulangan tersebut mengajak mata mengikuti arah gerakan yang terjadi pada sebuah karya.

4.  Keseimbangan (Balance)

Tujuan utama sebuah karya diskomvis adalah menarik dilihat. Disain komunikasi visual  sebagai media komunikasi yang bertujuan untuk mentransfer informasi secara jelas sekaligus estetis memerlukan keadaan keseimbangan pada unsur-unsur yang ada di dalamnya.

Bentuk keseimbangan yang sederhana adalah keseimbangan simetris yang terkesan resmi atau formal, sedangkan keseimbangan asimetris terkesan informal dan lebih dinamis.

Keseimbangan dipengaruhi berbagai faktor, antara lain faktor tempat posisi suatu elemen, perpaduan antar elemen, besar kecilnya elemen, dan kehadiran lemen pada luasnya bidang.

Keseimbangan akan terjadi bila elemen-elemen ditempatkan dan disusun dengan rasa serasi atau sepadan. Dengan kata lain bila bobot elemen-elemen itu setelah disusun memberi kesan mantap dan tepat pada tempatnya.

5.  Penekanan (Emphasis)

Dalam setiap bentuk komunikasi ada beberapa bahan atau gagasan yang lebih perlu ditampilkan dari pada yang lain. Tujuan utama dalam pemberian penekanan (emphasis) adalah untuk mengarahkan pandangan pembaca pada suatu yang ditonjolkan. Emphasis dapat dicapai misalnya mengganti ukuran, bentuk, irama dan arah dari unsur-unsur karya desain.

Dalam penciptaan desain tidak seharusnya elemen yang ada menonjol semuanya, dalam artian sama kuatnya, sehingga terlihat ramai dan informasi atau apa yang akan disampaikan/dikomunikasikan akan menjadi tidak jelas. Tampilnya emphasis merupakan strategi komunikasi.

Desain dalam kehidupan sehari-hari

Grafika

Grafika adalah segala cara pengungkapan dan perwujudan dalam bentuk huruf, tanda, dan gambar yang diperbanyak melalui proses percetakan guna disampaikan kepada khalayak. Contohnya adalah foto, gambar/drawing, Line Art, grafik, diagram, tipografi, angka, simbol, desain geometris, peta, gambar teknik, dan lain-lain. Seringkali dalam bentuk kombinasi teks, ilustrasi, dan warna.

Desain grafis 

Desain grafis adalah suatu bentuk komunikasi visual yang menggunakan gambar untuk menyampaikan informasi atau pesan seefektif mungkin. Dalam disain grafis, teks juga dianggap gambar karena merupakan hasil abstraksi simbol-simbol yang bisa dibunyikan. disain grafis diterapkan dalam disain komunikasi dan fine art. Seperti jenis desain lainnya, disain grafis dapat merujuk kepada proses pembuatan, metoda merancang, produk yang dihasilkan (rancangan), atau pun disiplin ilmu yang digunakan (disain).

Pemodelan

Pemodelan adalah membentuk suatu benda-benda atau obyek. Membuat dan mendesain obyek tersebut sehingga terlihat seperti hidup. Sesuai dengan obyek dan basisnya, proses ini secara keseluruhan dikerjakan di komputer. Melalui konsep dan proses desain, keseluruhan obyek bisa diperlihatkan secara 3 dimensi, sehingga banyak yang menyebut hasil ini sebagai pemodelan 3 dimensi (3D modelling).

Sumber :

http://id.wikipedia.org/wiki/Desain

http://www.ruangkelassuyono.com/seni-rupa-terapan/prinsip-prinsip-desain/#ixzz11aohrqSi

Graphical User Interface (GUI)

Pendahuluan

Antarmuka pengguna grafis  (Graphical User Interface atau GUI) adalah jenis antarmuka pengguna yang menggunakan metoda interaksi pada piranti elektronik secara grafis (bukan perintah teks) antara pengguna dan komputer.

GUI menjadi salah satu faktor kemudahan dalam penggunaan komputer, piranti bergerak seperti pemutar MP3, pemutar media portabel atau piranti permainan, peralatan rumah tangga, dan peralatan kantor. GUI menggambarkan informasi dan perintah yang tersedia untuk pengguna menggunakan ikon grafis.

Kelebihan dan kekurangan GUI

Kelebihan GUI :
1. Desain Grafis lebih menarik.
2. GUI memungkinkan user untuk berinteraksi dengan komputer secara lebih baik.
3. Memudahkan pengguna.
4. Menarik minat pengguna.
5. Resolusi gambar yang tinggi.
Kekurangan GUI :
1. Memakan memory yang sangat besar.
2. Bergantung pada perangkat keras.
3. Membutuhkan banyak tempat pada layar komputer.
4. Tidak fleksibel.

Pengembangan applikasi dengan GUI :

GUI dapat diapplikasikan dalam bermacam-macam applikasi, saat ini tengah dikembangkan sebuah solusi baru untuk membantu pembangunan 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 terdapat sebuah GUI framework yang bernama gambArt. GUI framework inilah yang dapat kita gunakan untuk membangun aplikasi GUI menggunakan PHP.

Sumber :

http://www.anneahira.com/gui.htm

http://id.wikipedia.org/wiki/Antarmuka_pengguna_grafis

http://belajar-komputer-mu.com/pengertian-dan-sejarah-singkat-gui/

http://www.tanyapedia.com/apa-itu-gui/

User Interface

Pendahuluan

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.

Antarmuka pengguna, dalam bidang desain industri interaksi manusia-mesin, adalah sebuah tempat di mana interaksi antara manusia dan mesin terjadi. Tujuan dari interaksi antara manusia dan mesin pada antarmuka pengguna adalah pengoperasian dan kontrol mesin yang efektif, dan umpan balik dari mesin yang membantu operator dalam membuat keputusan operasional. Contoh-contoh dari konsep luas antarmuka pengguna ini termasuk aspek-aspek interaktif dari sistem operasi komputer, alat-alat, kontrol operator mesin berat, dan kontrol proses. Pertimbangan desain berlaku ketika membuat antarmuka pengguna yang berkaitan atau melibatkan disiplin-disiplin ilmu seperti ergonomi dan psikologi

Sebuah antarmuka pengguna adalah sistem di mana pengguna berinteraksi dengan mesin. Antarmuka pengguna mencakup perangkat keras dan perangkat lunak. Antarmuka pengguna hadir untuk berbagai sistem, dan menyediakan cara untuk:

·         Input, memungkinkan pengguna untuk memanipulasi sebuah sistem

·         Output, memungkinkan sistem untuk menunjukan efek dari manipulasi pengguna

Secara umum, tujuan dari teknik interaksi manusia-mesin adalah untuk menghasilkan sebuah antarmuka pengguna yang membuatnya mudah, efisien, dan menyenangkan untuk mengoperasikan sebuah mesin dengan cara yang menghasilkan hasil yang diinginkan. Ini biasanya berarti bahwa operator harus menyediakan input minimal untuk mencapai output yang diharapkan, dan juga bahwa mesin harus meminimalkan output yang tidak diinginkan.

Tujuan interface user

·           Menyesuaikan antar muka pengguna dengan tugas.

·           Membuat antar muka pengguna menjadi efisien.

·           Memberikan arus balik yang tepat kepada pengguna.

·           Memunculkan pertanyaan-pertanyaan yang dapat dimanfaatkan.

·           Memperbaiki produktivitas dari pengetahuan pegawai

Perbandingan Interface Website Baik dan Kurang Baik

A. Interface website yang kurang  baik.

Contohnya seperti blog ini yang kurang baik dalam interface.

Ada 4 point dalam interface yang kurang baik :

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 dimana 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 boleh 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 J.

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.

                

B .Interface website yang baik

Interface yang baik adalah interface yang enak untuk dilihat. Biasanya website yang dibuat oleh para ahli ini menjadi website yang baik.

1.      Content

Sangat terlihat sekali perbedaan  dengan website yang sebelumnya dijelaskan diatas. Pada website ini terlihat jelas content yang bagus,jelas dan tidak membingungkan user.

Mungkin dengan content yang seperti ini user akan lebih berlama-lama nongkrong di website kita untuk memanjakan mata dan otak dengan isi-isi yang ada dan bermanfaat.

2.      Coloring

Pewaranaan sudah cukup baik,dimana  tidak terlalu banyak warna yang mencolok dan membuat pusing. Mungkin karena ini merupakan website formal  jadi penggunaan warnanya tidak terlalu banyak.

3.      Desain

Pada website ini jelas terlihat memiliki  rancangan desain yang sangat baik,sesuai dengan aturan dalam pembangunan interface sebuah web. Terlihat jelas mana yang content dan mana yang bukan,dan menggunakan background yang sederhana ,bukan gambar yang  justru akan membuat web tampak aneh. Dengan tampilan interface seperti ini ,jadi seseorang tidak akan pusing/bingung lagi untuk mencari apa yang ingin dicari diweb tersebut.

4.      Text

Dalam penggunaan text dapat dibilang baik,karena tidak terlalu banyak penggunaan jenis  font yang aneh-aneh, dan hanya menggunakan beberapa jenis font yang umum sering digunakan, serta mudah untuk dibaca semua orang.

C. Ulasan

     Dari perbandingan  diatas mungkin kita menjadi sedikit  tahu seperti apa  dan bagaimana interface yang baik. Untuk membuat suatu interface yang baik dalam suatu website kita harus memperhatikan beberapa hal penting :

1.      Harus memahami konsep dasar dari interaksi manusia dan computer.

2.      Harus  mendesain interaksi dan proses.

3.      Terdapat notasi,dialog dan desain dalam interface

4.      Model-model dari system

5.      Pendukung implementasi interface

Tipe-tipe interface

User Interface ada dua jenis, yaitu :

1. Graphical User Interface (GUI) : Menggunakan unsur-unsur multimedia (seperti gambar, suara, video) untuk berinteraksi dengan pengguna.
2. Text-Based : Menggunakan syntax/rumus yang sudah ditentukan untuk memberikan perintah.

Tipe-tipe interaksi

Ada 5 tipe utama interaksi untuk user interaction:

1. Direct manipulation – pengoperasian secara langsung : interaksi langsung dengan objek pada layar. Misalnya delete file dengan memasukkannya ke trash. Contoh: Video games. Kelebihan :  Waktu pembelajaran user sangat singkat, feedback langsung diberikan pada tiap aksi sehingga kesalahan terdeteksi dan diperbaiki dengan cepat. Kekurangan :  Interface tipe ini rumit dan memerlukan banyak fasilitas pada sistem komputer, cocok untuk penggambaran secara visual untuk satu operasi atau objek.
2. Menu selection – pilihan berbentuk menu :  Memilih perintah dari daftar yang disediakan. Misalnya saat click kanan dan memilih aksi yang dikehendaki. Kelebihan : User tidak perlu ingat nama perintah. Pengetikan minimal. Kesalahan rendah. Kekurangan : Tidak ada logika AND atau OR. Perlu ada struktur menu jika banyak pilihan. Menu dianggap lambat oleh expert user dibanding command language.
3. Form fill-in – pengisian form : Mengisi area-area pada form. Contoh : Stock control. Kelebihan : Masukan data yang sederhana. Mudah dipelajari Kekurangan : Memerlukan banyak tempat di layar. Harus menyesuaikan dengan form manual dan kebiasaan user.

4. Command language – perintah tertulis : Menuliskan perintah yang sudah ditentukan pada program. Contoh: operating system. Kelebihan : Perintah diketikan langsung pada system. Misal UNIX, DOS command. Bisa diterapkan pada terminal yang murah.Kombinasi perintah bisa dilakukan. Misal copy file dan rename nama file. Kekurangan : Perintah harus dipelajari dan diingat cara penggunaannya, tidak cocok untuk user biasa. Kesalahan pakai perintah sering terjadi. Perlu ada sistem pemulihan kesalahan.Kemampuan mengetik perlu.
5. Natural language – perintah dengan bahasa alami : Menggunakan bahasa alami untuk mendapatkan hasil. Contoh: search engine di Internet. Kelebihan: Perintah dalam bentuk bahasa alami, dengan kosa kata yang terbatas (singkat), misalnya kata kunci yang kita tentukan untuk dicari oleh search engine. Ada kebebasan menggunakan kata-kata. Kekurangan: Tidak semua sistem cocok gunakan ini. Jika digunakan maka akan memerlukan banyak pengetikan.

Sumber :

http://tavipia.staff.gunadarma.ac.id/Downloads/files/4948/imk-12-lama.pdf

http://reza_chan.staff.gunadarma.ac.id/Downloads/files/23980/KONSEP+USER+INTERFACE.ppt

http://id.wikipedia.org/wiki/Antarmuka_pengguna