Selamat datang

di Kelompok 5
1. Achmad Afriansyah (043254594)
2. Muhamad Alfah Rezi (043254634)
3. Citra Ajeng Triamputri (043255059)
4. Kurnia Sagita (043254555)
5. Meidina Olivia(043265003)
 BAB 7

Antar Muka
User dalam
SPK
Apa Saja yang akan Kita Pelajari ?

Menjelaskan konsep antarmuka pemakai

Menjelaskan konsep Graphical User Inface (GUI)

Menjelaskan Multimedia, Hypermedia, dan Natural Language Processing

 KB 1
Model Konseptual
Antarmuka Pemakai
(User Interface) 1/3
User interface adalah antarmuka
yang memungkinkan pengguna
berinteraksi
dengan komputer yang disajikan
dalam bentuk
visual seperti desain layout,
tombol. icon, maupun gambar.
Antarmuka Pemakai (User Interface)
merupakan mekanisme komunikasi antara
pengguna (user) dengan sistem.
Aplikasi software atau device hardware yang
memastikan b a ga i m a n a seorang user
berinteraksi dengan aplikasi, website atau
device hardware tersebut serta b a g a i m a n a
informasi ditampilkan.
User Interface sendiri menggabungkan
konsep desain visual, desain interaksi, da n
infrastruktur informasi.
Tujuan dari User Interface adalah untuk
meningkatkan usability dan tentunya
 Antarmuka Pemakai
(User Interface) 2 / 3

G a m b a r ilustrasi antarmuka dengan manajeman data, manajemen model dan manajemen pengetahuan dalam
konseptual SPK.
 Antarmuka Pemakai
(User Interface) 3 / 3
Manajemen data merupakan komponen yang
Didalam SPK yang mengandung komponen
menangani data dan sering kali bagian ini
yang disebut sistem pendukung keputusan
mempunyai basis data tersendiri, tetapi a d a
cerdas (Intelligent DSS) atau sistem
juga yang membaca data dari bagian lain
pendukung keputusan berbasis pengetahuan
hanya jika diperlukan.
(Knowledge- based DSS).
Manajemen pengetahuan merupakan bagian
Antarmuka pemakai merupakan bagian yang
yang menyediakan pengetahuan yang dapat
menangani dialog untuk pemakai. Melalui
digunakan untuk penyelesaian suatu masalah
komponen ini pemakai dapat berkomunikasi
tertentu. Pengetahuan yang disediakan
dengan SPK. Bagian ini disebut manajemen
mencakup pengetahuan untuk pemecahan
dialog.
masalah yang tak terstruktur dan semiterstruktur.
 Karakteristik User Interface
yang Baik 1/3

Jelas. Desain user interface yang buruk/tidak jelas dapat membingungkan para pengguna
(user) saat menggunakan dan berinteraksi dengan sistem. Sebaliknya desain user
interface yang baik/jelas akan memudahkan par a pengguna (user) saat menggunakan
dan berinteraksi dengan sistem.

Singkat. Tentunya memiliki user interface yang jelas akan membuat user experience Anda
bagus, tetapi Anda juga harus hati-hati a g a r penjelasan Anda tidak terlalu panjang. User
interface boleh jelas, tetapi juga harus singkat.

Familiar. Familiar yang dimaksud disini adalah sesuatu yang sudah pernah dilihat
sebelumnya.
 Karakteristik User Interface
yang Baik 2 / 3
Responsif. Responsive berarti cepat. Interface website Anda harus bisa bekerja dengan
cepat. Arti lain dari responsive p a d a user interface juga harus bisa memberitahu user a p a
yang sedang terjadi di halaman itu.

Konsisten. Dalam mengembangkan user interface, konsistensi p a d a interface dapat

membantu user untuk mengerti pola. Dari satu interface, mereka bisa mempelajari a p a
kegunaan tombol, tab, icon, dan berbagai elemen yang a d a p a d a interface tersebut. Jika
mereka nantinya menemukan interface yang mirip, mereka bisa mengerti a p a kegunaan
elemen-elemen yang a d a p a d a interface tersebut. Dengan begitu, mereka bisa
mengerjakan sesuatu dengan lebih cepat dan mempelajari fitur-fitur baru dengan lebih
cepat. Salah satu perusahaan yang kerap melakukan ini adalah Microsoft dengan program
Microsoft Officenya.

Menarik. Yang dimaksud dengan menarik disini adalah interface Anda menarik untuk
digunakan. M em ang kalau Anda bisa membuat user interface Anda simple, mudah
digunakan, efisien, dan responsive, Anda sudah memiliki user interface yang baik.
 Karakteristik User Interface
yang Baik 3 / 3
Efisien. User interface yang baik harus memastikan bahwa website dan aplikasinya bisa
digunakan dengan efisien. Agar Anda bisa membuat user interface yang efisien Anda perlu
tahu dulu a p a yang ingin user capai dan biarkan mereka melakukan langkah-langkahnya
tanpa banyak masalah. Anda perlu mengidentifikasi bagaimana website atau aplikasi
Anda bekerja. Apa saja fungsinya dan a p a saja kegunaannya. Buat interface yang
memudahkan user untuk mencapai tujuan mereka.

Forgiving. Anda mungkin pernah melakukan kesalahan saat sedang mengakses website
atau aplikasi tertentu. Misalnya, Anda salah menghapus informasi, user interface yang baik
akan membantu Anda mengembalikannya dengan cepat. Selain itu, kalau misalnya user
Anda masuk ke halaman yang error, apakah Anda menyarankan mereka untuk mencoba
mengarah ke halaman lain? Tanpa Anda sadari, hal-hal ini bisa membantu meningkatkan
user experience Anda.
 Tipe Interaksi User Interface
1/6
Command Line Interface (CLI). Merupakan bentuk dialog interaktif yang pertama
digunakan dan masih dipakai hingga saat ini. Dengan CLI, user memberikan instruksi secara
langsung k epada komputer menggunakan tombol fungsi, karakter tunggal, command
dalam bentuk singkat maupun command dalam bentuk panjang. CLI memungkinkan user
mengakses dengan cepat fungsi sistem dan beberapa tools.

G a m b a r Command Line Interface

 Tipe Interaksi User Interface
2/6
Menu. P a d a menu driven interface, sekumpulan opsi/pilihan yang tersedia b ag i user
ditampilkan p a d a layar dan dapat dipilih dengan menggunakan mouse atau tombol
numerik maupun alfabetik. Pilihan p a d a menu harus merepresentasikan arti dan
dikelompokkan berdasarkan suatu kategori a g a r mudah dikenali dan memudahkan user
memilih sesuai dengan tugas yang akan dilaksanakan.

G a mb a r menu
 Tipe Interaksi User Interface
3/6
Natural language. Natural Language adalah salah satu bidang ilmu komputer, kecerdasan
buatan, dan bahasa (linguistik) yang berkaitan dengan interaksi antara komputer dan
bahasa alami manusia, seperti bahasa Indonesia atau bahasa Inggris. Tujuan utama dari
studi ini adalah membuat mesin yang mampu mengerti dan memahami makna bahasa
manusia kemudian memberikan respon yang sesuai. Contoh : G O O G L E TRANSLATE

G a m b a r Contoh Natural Language

 Tipe Interaksi User Interface
4/6
Q / A & query dialogue. Merupakan mekanisme sederhana untuk input p a d a beberapa
aplikasi. User diberikan serangkaian pertanyaan umumnya dalam bentuk jawaban
ya/tidak (Y/N), pilihan g a n d a atau dalam bentuk kode, dan dibimbing tahap demi tahap
selama proses interaksi. Interface ini mudah dipelajari namun terbatas fungsinya. Contoh:
mysql, dbase interaktif, dll.

G a m b a r Contoh Penerapan Query Dialogue

 Tipe Interaksi User Interface
5/6
Form fills and spreadsheet. Form-fill utamanya digunakan untuk aplikasi pemasukan (data
entry) dan pencarian (data retrieval). Bentuk form-fill adalah berupa display yang
menyerupai selembar kertas dengan beberapa slot/field untuk diisi. Spreadsheet adalah
variasi dari form-fill. Spreadsheet terdiri dari sel yang dapat berisi nilai atau formula.

G a m b a r Contoh Form G a m b a r Contoh SpreedSheet

 Tipe Interaksi User Interface
6/6
W I MP interface (Windows, Icons, Menu, Pointers). W I MP merupakan default interface untuk
sebagian besar komputer interaktif yang digunakan saat ini terutama p a d a P C dan
desktop workstation. Window merupakan area layar yang berperilaku seperti terminal
independent dan berisi grafik atau teks yang dapat dipindahkan dan diubah ukurannya.
Satu layar dapat terdiri dari lebih satu window yang memungkinkan lebih dari satu tugas
aktif p a d a saat yang sama.

G a m b a r Contoh W I M P
 KB 2
Graphical User
Interface
(GUI)
Graphical User
Interface (GUI)
1/2a nta rmuka ya ng memung kinka n ma nusia
Graphical User Interface (GUI) adalah sistem

berinteraksi dengan komputer mela lui

tampilan grafis.

GU I direpresentasikan dalam bentuk visual

dari komunikasi yang disajikan ke p a d a
pengguna untuk memudahkan interaksi
dengan mesin.

GU I menjadi standar desain yang berpusat

p a d a pengguna dalam pemrograman aplikasi
perangkat lunak, memberikan pengguna
kemampuan untuk mengoperasikan komputer
dan perangkat elektronik ainnya secara
intuitif melalui manipulasi langsung ikon grafis
seperti tombol, scrollbar, window, tab, menu,
kursor, dan mouse.
 Graphical User
Interface (GUI)
2/2

G a m b a r G U I P a d a Windows Gambar GUI Pada

Android
 Kelebihan GUI

Desain Yang Menarik

M o d e grafis p a d a antamuka G UI dapat membuat pengguna lebih menarik dan dapat
mengubah perasaan pengguna ketika menggunakan tampilan GUI.

Memudahkan Interaksi Pengguna dan Komputer

M o d e grafis memudahkan pengguna dalam melakukan sesuatu dikomputer, seperti
membuat dokumen,mengedit gambar, maupun memindahkan folder

Mudah Digunakan
G UI memberikan kemudahaan dalam penggunaanya contoh: p a d a saat kita membuka
aplikasi, kita tidak perlu lagi menulis perintah p a d a CMD, tetapi hanya cukup
dengan mengklik shortcut icon untuk membuka aplikasi tersebut.

Mudah Dipelajari
Aplikasi G UI bersifat Self Descriptive yang artinya feedback akan diberikan langsung maka
otomatis oleh program yang kita klik icon nya untuk menjalankan program tersebut.
 Kekurangan GUI

Menggunakan lebih banyak memori komputer

G UI dapat menjadi lebih kompleks jika pengguna perlu berkomunikasi secara langsung,

Tugas utama mungkin memakan waktu lama

Membutuhkan lebih banyak RAM

Menggunakan lebih banyak daya.

 Bahasa Pemerograman GUI

Untuk pengembangan desain GU I , C # atau java adalah sebagai opsi dominan karena
kemampuannya untuk menjalankan G UI secara bersamaan dibrowser dan sebagai aplikasi
desktop. Pilihan lain Bahasa pemrograman yang digunakan ialah Phyton,HTML5/Javascript,
dan C / C + + .
 C a r a Kerja GUI

Pengguna hanya akan melihat fungsi tools mana yang bisa digunakan tanpa perlu memahami
input kode untuk memproses perintah program tersebut. Dengan begitu, interaksi jadi lebih
mudah. Contohnya, ketika kita ingin memilih sebuah menu, aksi yang bisa dilakukan sebagai
pengguna adalah mengarahkan mouse ke ikon menu tersebut dan mengkliknya. Setelah itu,
kode akan diinput oleh komputer berdasarkan GU I yang dipilih tersebut dan hasil dari aksi
akan ditampilkan.
 Hubungan GUI dengan SPK

Salah satu komponen dari Sistem Pendukung Keputusan (SPK) adalah subsistem antarmuka
pengguna (user interface), yang merupakan tempat komunikasi antara pengguna dan tempat
pengguna memberikan perintah k epada sistem pendukung keputusan. G UI adalah sistem
antarmuka yang memungkinkan manusia berinteraksi dengan komputer melalui tampilan
grafis.GUI diklaim lebih user-friendly. Melalui tampilan GUI seperti itu seorang pengguna akan
lebih mudah membaca suatu data guna kebutuhan pengambilan keputusan seperti dalam SPK.
 KB 3
M ULT IM ED IA , HY P ER M ED IA, dan
NATURAL LANGUAGE
PROCESSING
 Multimedia 1/4

Multimedia berasal dari dua kata yakni multi dan media. Multi artinya banyak, M e d i a artinya
alat untuk mendistribusikan atau menyampaikan informasi.
Beberapa definisi multimedia yang dirangkup dari pandangan beberapa ahli sebagai berikut
:
1.Kombinasi dari komputer dan video.
2.Kombinasi dari tiga elemen yakni suara,gambar, dan teks.
3.Kombinasi dari paling sedikit dua media input atau output. M e d i a ini dapat berupa audio
(suara,musik), animasi.
4.Alat yang dapat menciptakan presentasi yang dinamis dan interaktif
yang
mengkombinasikan teks.
 Multimedia2/4

Multimedia memiliki peran yang amat penting dalam kehidupan manusia, khususnya membantu
mempermudah manusia dalam proses mengingat dan memahami a p a yang manusia
(mereka) dengar, lihat, serta lakukan, dengan melibatkan pengunaan indera seperti
penglihatan, pendengaran, dan sentuhan. Multimedia dalam hal ini dapat digunakan dalam:
bidang periklanan yang efektif dan interaktif;
bidang pendidikan dalam penyampaian bahan pengajaran secara interaktif dan dapat
mempermudah pembelajaran karena didukung oleh berbagai aspek seperti: suara, video,
animasi, teks, dan grafik:
bidang jaringan dan internet yang membantu dalam pembuatan website yang menarik,
informatif, dan interaktif.
 Multimedia 3 / 4

Suatu sistem bisa disebut sebagai Sistem Multimedia apabila memenuhi beberapa persyaratan
diantaranya :
Menggunakan kombinasi media continuous dan discrete. Contoh media diskrit adalah teks
dan gambar, sementara contoh media kontinu adalah audio dan video.
Ind ep end ence. Asp ek uta ma d a ri jenis med ia ya ng b erb ed a a d a la h keterka ita n
a nta r
media tersebut. Sistem disebut sistem multimedia jika tingkat ketergantungan/keterkaitan
antar media tersebut rendah.
Computer-supported Integration. Sistem harus dapat melakukan pemrosesan yang dikontrol
oleh komputer. Sistem dapat diprogram oleh system programmer/user.
 Multimedia 4 / 4

Sistem Multimedia dapat Dibagi menjadi Dua yaitu :

Sistem Multimedia Stand Alone. Sistem ini merupakan sistem komputer multimedia yang
memiliki minimal storage (SSD, harddisk, C D R O M / D V D - R O M / C D - R W / D V D - R W ) , alat input
(keyboard, mouse. scanner, mic), dan output (printer, speaker, monitor, plotter, LCD
Proyektor), VG A dan Soundcard.
Sistem Multimedia Berbasis Jaringan. Sistem ini harus terhubung melalui jaringan yang
mempunyai bandwidth yang besar. Contoh: video converence dan video broadcast
Permasalahan akan muncul jika bandwidth yang tersedia kecil, maka akan terjadi
kemacetan jaringan, delay video atau audio.
 Kemampuan Multimedia 1/2

Multimedia memiliki kemampuan untuk membantu manusia dalam melakukan interaksi.

Multimedia dalam hal ini memiliki kemampuan diantaranya :
Mengubah tempat kerja. Dengan adanya teleworking, para pekerja dapat melakukan
pekerjaanya tidak harus dari kantor. Contoh software yang mendukung
teleworking/telecommuting: Netmeeting!
Mengubah cara belanja Homeshopping/teleshopping dapat dilakukan dengan
menggunakan internet, kemudian barang datang dengan sendirinya.
Mengubah cara bisnis. Sambsung dan Apple membuat lini bisnis telepon seluler, banyak
perusahaan menggunakan sistem jual beli online, bank menggunakan cara online-banking.
 Kemampuan Multimedia 2 / 2

Mengubah cara memperoleh informasi. Orang-orang mulai menggunakan internet dan

berbagai software untuk mencari informasi. Misalnya: membaca koran online, detik.com,
menggunakan software kesehatan. belajar gitar dari software dan masih banyak lagi.
Mengubah cara belajar. Sekolah mulai menggunakan komputer multimedia, belajar online,
menggunakan e-book.
Internet Multimedia juga mulai bersaing dengan televisi
 HYPERMEDIA 1/3

Hypermedia merupakan perpanjangan dari hypertext yang memungkinkan grafis, audio,

video, teks dan hyperlink dihubungkan ke konten lainnya. Hypermedia adalah istilah yang
diciptakan oleh Ted Nelson. World Wide W e b adalah contoh klasik dari hypermedia,
sedangkan presentasi non-interaktif adalah contohl dari multimedia standar karena tidak
adanya hyperlink.

Hypermedia p a d a dasarnya bersifat interaktif dan eksploratif Artinya, lingkungan seperti

itu memerlukan masukan atau tindakan dari pengguna dan pengguna mengarahkan
jalannya sendiri melalui lingkungan.
 HYPERMEDIA 2 / 3

Konsep hypertext dapat digambarkan dengan dua karakteristik utamanya, yakni:

S e bag ai alat bantu yang "meniru" pikiran manusia dalam hal hubungan (link) dan asosiasi
cara baru untuk mempresentasikan dan mengakses informasi tekstual, sekaligus
Mengatasi beberapa masalah yang timbul p a d a teks tertulis dan tercetak
 HYPERMEDIA 3 / 3

Masalah-masalah p a d a teks tertulis/tercetak, yaitu berikut ini.

Akses sekuensial. Informasi berbasis teks disusun dalam urutan yang kaku.
Kurangnya kemampuan untuk acuan silang, misalnya, buku tidak memungkinkan p e m b ac a
memperoleh informasi lebih dalam tentang topik tertentu yang bukan merupakan topik
utama buku tersebut.
Kurangnya mekanisme perolehan informasi yang efisien. Informasi berbasis teks tidak
memberikan pemakai suatu mekanisme untuk mencari isinya dalam cara yang efisien dan
fleksibel, padahal p e mb aca memerlukannya.
 NATURAL LANGUAGE
P R O C E S S I N G 1/4

Natural Language Processing (NLP) adalah proses pembuatan model komputasi dari bahasa
sehingga memungkinkan terjadinya interaksi antara manusia dan komputer dengan
perantaraan bahasa alami yang dipakai oleh manusia. NLP memodelkan pengetahuan
terhadap bahasa, baik dari segi kata, bagaimana kata-kata bergabung menjadi suatu
kalimat dan konteks kata dalam kalimat.
 NATURAL LANGUAGE
PROCESSING 2/4

NLP memiliki peranan penting

diantaranya : Volume besar data
tekstual
Pemrosesan bahasa alamiah membantu komputer berkomunikasi dengan manusia dalam
bahasanya sendiri dan membuat skala tugas-tugas yang terkait bahasa lainnya. Misalnya,
NLP memungkinkan komputer untuk membaca teks, mendengar ucapan, menafsirkannya,
mengukur sentimen, dan menentukan bagian mana yang penting.

Menyusun sumber data yang sangat tidak terstruktur

Bahasa manusia amat sangat kompleks dan beragam. Kita mengekspresikan diri dengan
cara yang tak terbatas, baik secara verbal maupun tertulis. Tidak hanya a d a ratusan
bahasa dan dialek, namun di dalam setiap bahasa a d a juga serangkaian aturan tata
bahasa dan sintaksis, istilah, dan kata-kata slang.
 NATURAL LANGUAGE
PROCESSING 3/4

Terdapat beberapa area utama penelitian p a d a field NLP, diantaranya berikut ini.
Question Answering Systems (QAS). Kemampuan komputer untuk menjawab pertanyaan
yang diberikan oleh user. Daripada memasukkan keyword ke dalam browser pencarian,
dengan QAS, user bisa langsung bertanya dalam bahasa natural yang digunakannya, baik
itu Inggris, Mandarin, ataupun Indonesia.
Summarization. Pembuatan ringkasan dari sekumpulan konten dokumen atau email. Dengan
menggunakan aplikasi ini, user bisa dibantu untuk mengkonversikan dokumen teks yang
besar ke dalam bentuk slide presentasi.
Machine Translation. Produk yang dihasilkan adalah aplikasi yang dapat memahami
bahasa manusia dan menterjemahkannya ke dalam bahasa lain. Termasuk di dalamnya
adalah G o o g l e Translate yang apabila dicermati semakin membaik dalam penterjemahan
bahasa. Contoh lain lagi adalah BabelFish yang menterjemahkan bahasa p a d a real time.
 NATURAL LANGUAGE
PROCESSING 4/4

Speech Recognition. Field ini merupakan c a b a n g ilmu NLP yang cukup sulit. Proses
pembangunan model untuk digunakan telpon/komputer dalam mengenali bahasa yang
diucapkan sudah banyak dikerjakan. Bahasa yang sering digunakan adalah berupa
pertanyaan dan perintah.
Document classification. Sedangkan aplikasi ini adalah merupakan area penelitian NLP
yang paling sukses. Pekerjaan yang dilakukan aplikasi ini adalah menentukan dimana
tempat terbaik dokumen yang baru di-input-kan ke dalam sistem. Hal ini sangat berguna
p a d a aplikasi spam filtering, news article classification, dan movie review.
 APLIKASI NATURAL LANGUAGE
P R O C E S S I N G 1/5

a.Teks-based application. Aplikasi yang melakukan pemrosesan terhadap teks tertulis.

Contoh:
1)Mencari topik tertentu dari buku di
perpustakaan. 2)Mencari isi dari suatu berita atau
artikel.
3) Mencari isi dari email.
4) Menerjemahkan dokumen dari suatu bahasa ke
bahasa lain.

b.Speech-based application. Aplikasi yang melakukan pemrosesan dari bahasa lisan atau
pengenalan suara.
Contoh:
1)Sistem otomatis pelayanan melalui telepon.
2)Control suara p a d a peralatan elektronik.
 APLIKASI NATURAL LANGUAGE
PROCESSING 2/5

ELIZA merupakan komputer terapis yang dibuat oleh Joseph weizenbaum di MIT. Pengguna
berkomunikasi dengannya sebagaimana sedang berkonsultasi dengan seorang terapis.
Program yang dipublikasikan oleh Joseph weizenbaum p a d a tahun 1966, yang dapat
mengelabui pengguna hingga mempercayai bahwa mereka sedang bercakap-cakap
dengan manusia nyata.
Tujuan dari pembuatan program ini adalah untuk meniru pembicaraan antara seorang
psikolog dan pasiennya yang di mana Eliza berperan sebagai psikoterapis dan
memberikan saran serta nasehat tentang masalah penggunanya. Kunci metode
operasional Eliza melibatkan rekognisi yang telah dipersiapkan atau diprogram, yang
dapat meneruskan percakapan dengan suatu cara sehingga tampak bermakna.
 APLIKASI NATURAL LANGUAGE
PROCESSING 3/5

Email translator. Alat yang akan menjawab masalah perbedaan bahasa, karena email
translator mampu menerjemahkan bahasa seperti yang kita inginkan. Email translator akan
menerjemahkan kalimat-kalimat di dalam mail box, jika email yang kita terima tidak
sesuai dengan bahasa kita sehari-hari.

G a m b a r E Mail Translator
 APLIKASI NATURAL LANGUAGE
PROCESSING 4/5

W e b translator. Suatu mesin aplikasi berbasis world wide web yang dapat menerjemahkan
bahasa dalam suatu web site. W e b translator akan menerjemahkan bahasa di dalam
semua link-link, p a g e per page, menjadi bahasa seperti yang kita inginkan.

G a m b a r W e b Translator
 APLIKASI NATURAL LANGUAGE
PROCESSING 5/5

World translator. Dengan teknik ini hasil terjemahan bahasa akan menjadi lebih sempurna,
mengikuti kaidah tata bahasa. Terjemahan akan lebih cepat, akurat bukan lagi dengan
sistem menerjemahkan perkata, tetapi per kalimat dengan melihat Subjek-Predikat-Objek.

G a m b a r World Translator
Jika kurang paham silahkan ditanyakan
kembali

Terima kasih!