Graphical User Interface (GUI)

dan Multimedia

Syamsudin Arif
14020016

1
 Graphical User Interface (GUI)
 Adalah suatu perantara atau antar muka
(interface) berbentuk grafis antara pengguna
dengan komputer.

 GUI selain berfungsi untuk memudahkan

pengguna ketika menggunakan aplikasi juga
berfungsi untuk menambah nilai estetika
suatu aplikasi.

 Paling umum dijumpai pada PC yang

dipasangi adaptor grafik yang mampu
mendukung grafik beresolusi tinggi.
2
Graphical User Interface (GUI)

 Contoh sistem GUI :

– Apple Macintosh
– Microsoft Windows pada IBM PC
– Open Look pada workstation Unix
– KDE, GNOME pada Linux

3
Pengorganisasian Software GUI

APPLICATION
PROGRAMS
WINDOWS
MANAGER
API
TOOLKIT

WINDOWS LIBRARIES

4
 Pengorganisasian Software GUI
 Windows Libraries
– Terdiri dari set-set operasi standar yang dapat
digunakan oleh software tingkat yang lebih tinggi
untuk berinteraksi dengan GUI (Intrinsic Function)
– Terdapat objek-objek grafis yang disebut widgets
 Application Program Interface (API) Toolkit
– Windows libraries tidak digunakan secara
langsung, namun disediakan toolkit yang
memungkinkan pengkonstruksian GUI dari se-set
widget standar.
– Toolkit ini menyediakan Application Program
Interface, yaitu fungsi-fungsi untuk
mengkonstruksi widget atau memanipulasi
komponen GUI yang lain.
5
– Programnya dikatakan call toolkit function
Pengorganisasian Software GUI

 Windows Manager
– Setiap program aplikasi memanggil secara
langsung toolkit untuk memanipulasi widget-nya
sendiri.
– Tugas windows manager adalah melakukan
pengontrolan dan pengkoordinasian menyeluruh
terhadap aktifitas suatu program aplikasi, agar
misalnya, satu aplikasi tidak menggangu widjget
dalam window kepunyaan aplikasi lain yang saat
itu menggunakan layar tampilan yang sama.

6
 Widget GUI
 Diciptakan, dioperasikan dan dihapus
(dikeluarkan) oleh software aplikasi melalui
toolkit API.
 Contoh widget GUI :
a. Box field
b. Table field
c. Button
d. Radio field
e. Toggle field
f. Bar field
g. Scroll bar
h. Slide bar

7
Widget GUI

8
Desktop Metaphor
 Metodologi ‘guiding paradigm’ untuk lebih
memudahkan user memahami penggunaan
GUI
 Metaphor : analogi / kemiripan objek visual
pada desktop grafis dengan objek
sebenarnya
 Contoh : icon recycle bin dengan gambar
tempat sampah, dengan melihat icon tersebut
maka asosiasi kita adalah tempat untuk
membuang dokumen / file.
9
 Paket Grafik
 GUI akan lebih bermanfaat ketika digunakan
untuk aplikasi yang bersifat visual. Contoh :
Graphic package software (software paket
grafik)
 2 jenis paket grafik :
– Painting package (Contoh : MS Paint, MacPaint)
• Ditujukan untuk memenuhi kebutuhan seniman dan
perancang grafik dalam pembuatan desain visual kreatif
• Menghasilkan tampilan bit-mapped yang berkualitas baik
dalam hitam putih maupun berwarna
– Drawing package (Contoh : Corel Draw, MS Visio)
• Cenderung mempunyai orientasi teknis dengan
pengontrolan yang ketat atas skala dan dimensi
• Cenderung merupakan tampilan yang tersimpan sebagai
scalable object 10
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.
11
 Kekurangan GUI :
1. Memakan memory yang sangat besar.
2. Bergantung pada perangkat keras.
3. Membutuhkan banyak tempat pada
layar komputer.
4. Tidak fleksibel.

12
Multimedia

 Kombinasi dari audio, video, teks, dan

tampilan dalam lingkungan komputer
interaktif.
 Untuk memberikan cara yang kreatif
dan efektif untuk menghasilkan,
menyimpan, dan mengkomunikasikan
informasi.

13
Manfaat Multimedia
 Di Bidang Pendidikan
1. Multimedia membuat pelajar mengerti isi
pelajaran
2. Multimedia membuat siswa mengingat
dengan mudah tentang isi pelajaran
 Di Bidang Kesehatan
Mempermudah Dokter dan Perawat dalam
memonitor kesehatan pasien monitor detak jantung
pasien lewat monitor komputer, aliran darah ,
memeriksa organ dalam pasien dengan sinar X.
14
 Di Bidang Lain
 Bidang Transportasi
Dengan komputer semua jadwal dan jalur
penerbangan yang transit dibandara bisa di program
dan dijadwalkan dengan komputer.
 Bidang Jasa Pengiriman Barang
Kantor Pos bisa mengirimkan dokumen pengiriman
barang lebih cepat dan akurat. Dengan adanya
komputer dan internet orang tidak lagi menunggu
berhari-hari menerima surat, cukup lewat email saja
lebih cepat dalam sekejap , jadi dunia menjadi
semakin sempit dalam arti bisa diakses sedemikian
cepatnya.

15
 Bidang Industri Otomotif
Mobil-mobil di buat dari kerangka body, mesin,
peralatan elektronik di pabrik dengan bantuan robot
yang dikendalikan oleh komputer dengan lebih
akurat.
 Bidang Jasa Konstruksi
Dengan komputer para Insiyur dan Arsitek
mendesain gambar konstruksi dengan pemodelan
dan perhitungan yang akurat, cepat dan tepat.
 Bidang Jasa Percetakan
Percetakan koran, majalah , buku-buku, semua
dikerjakan dengan mesin yang di operasikan oleh
komputer sehingga dalam waktu singkat bisa
mencetak buku atau majalah atau koran dalam
jumlah ratusan bahkan jutaan exemplar, bisa
menghemat waktu dan biaya. 16
Jenis Multimedia Berdasarkan
Karakteristiknya
 Multimedia Linier
Multimedia satu arah, artinya, pengguna multimedia
ini hanya bisa mendapatkan informasi saja, tanpa
bisa bisa memberikan feedback yang besar
(meskipun ada hanya bersifat sekuensial). Contoh :
siaran televisi, film, dll.
 Multimedia Interaktif
Menyediakan berbagai kebebasan nafigasi bagi para
penggunanya. Pengguna multimedia interaktif dapat
memberikan berbagai macam feedback melalui
berbagai macam alat kontrol yang disediakan.
Contoh : game, pemutar video, dll.

17
Elemen Multimedia

 Teks,
 Suara,
 Gambar statis,
 Animasi, dan
 Video.

18
Contoh Aplikasi Multimedia

 Aplikasi Training, Education dan

Entertainment
 Graphical Information System (GIS),
mencakup aplikasi yang didasarkan
pada peta terdigitisasi
 Virtual Reality

19
Perangkat Lunak Multimedia
 Adalah komponen-komponen dalam data
processing system, berupa program-program
untuk mengontrol bekerjanya sistem
komputer multimedia.
 Perangkat lunak ini digolongkan menjadi 3
bagian yaitu :
• bahasa pemrograman multimedia
• perangkat lunak system multimedia
• perangkat lunak aplikasi multimedia

20
 Ringkasan
 Software GUI diorganisasikan dalam layer
yang meliputi komponen seperti window
libraries, toolkit, dan window manager
 Widget adalah objek grafis dasar yang
digunakan untuk mengkonstruksi GUI
 Desktop metaphor, dalam kombinasinya
dengan WIMP memberikan GUI yang sangat
berhasil dan populer
 Paket aplikasi seperti word processor bisa
sangat berguna dengan memanfaatkan GUI,
namun GUI khususnya cocok untuk paket
painting dan drawing
21
Ringkasan
 Aplikasi multimedia didasarkan pada kombinasi
audio, video, teks, dan tampilan yang digunakan
dalam lingkungan komputer interaktif dan
menjangkau dari sistem presentasi sepanjang GUI
sampai virtual reality.
 Perangkat lunak yang secara khusus ditujukan untuk
membuat aplikasi multimedia disebut multimedia
authoring system (atau sering disebut authoring
software). Beberapa contoh yang tergolong sebagai
authoring software yaitu Authoware, Quest, Icon
Author, dan Multimedia Director.

22
TERIMA KASIH

23