a9ddd pemodelan dan kualifikasi imk 7
Sistem Interaktif
TUJUAN SISTEM INTERAKTIF
an interactive system allows for a dialog
between the computer and the user
Prof. Dr. Armin B. Cremers
TUJUAN SISTEM INTERAKTIF
How to make USABLE
How to measure the
USABILITY
• PARADIGMA INTERAKSI
• PRINSIP USABILITY
Time Sharing System
Beberapa terminal terhubung seri ke
host komputer
Time Sharing System
Beberapa terminal terhubung seri ke
host komputer
Sistem menjadikan user lebih
REAKTIF &
KOLABORATIF
Video Display Unit
(VDU)
Tampilan di layar lebih baik daripada cetakan
untuk menyajikan informasi strategis dalam
jumlah besar yang digunakan untuk
pemrosesan cepat
Programming Toolkit
dari alat bantu pemrograman ini diharapkan
akan tercipta sistem interaktif yang lebih
kompleks
Sistem Window & Sistem WIMP
Untuk mencapai tujuan user perlu
mengaktifkan beberapa window secara
bersamaan
Personal Computer
• teknologi tak selalu harus canggih
melainkan nyaman digunakan
Model Interaksi
manusia - komputer
Command Line
Interaksi berbasis Bahasa Alami
Perlu sistem penterjemah pada 2 arah
Natural Languange
User semakin luwes bahasa yang digunakan,
lebih baik
Perancang sistem makin luwes bahasa user,
makin rumit sistem penterjemah
Perintah
Cetak daftar semua mahasiiswa dengan IP > 3.0
Terjemahkan bahasa dBase :
DISPLAY ALL FOR IPSEM < 3.0
keuntungan
- tidak memerlukan sintaks khusus,
- luwes,
- alamiah
kelemahan
• mempunyai dualisme,
• bertele-tele,
• tidak efisien dan perancangan perangkat
lunaknya sangat rumit
Tipe Interaksi
Menu
- Pilih mouse/tombol
Tipe Interaksi
Borang
SISTEM PENJENDELAAN
Manfaat Penjendelaan
•
•
•
•
Penampilan lebih banyak informasi
Pengaksesan lebih banyak sumber informasi
Pengkombinasian berbagai informasi
Pengontrolan bebas atas sejumlah program
Direct Manipulation
• Respon cepat secara visual
& audio pada layar
memudahkan pemberian
informasi mengenai aksi
user
• WYSIWYG (repesentasi
dokumen final nantinya)
Penerapan Manipulasi Langsung
• Editor WYSIWYG
• SIMULATOR
• Kontrol Lalu Lintas Penerbangan
PERANCANGAN TAMPILAN
INTERFACE YANG BAIK = TAMPILAN MENARIK
PERANCANG HARUS:
- BERJIWA SENI
- MENGERTI PENGGUNA
- MAMPU MENDOKUMENTASI
DOKUMENTASI DESAIN
a. Membuat sketsa pada kertas (lembar kerja tampilan)
No. sheet : 5
Pengisian data Pribadi
Nama
:
Alamat
:
Tgl. Lahir :
simpan
n
Batal
selesai
Keterangan :
- Judul jendela pakai arial 12point
- teks pakai arial 10
Navigasi :
-Klik “selesai”
ganti tampilam
dengab no. 1
- klik “simpan”
aktifkan
penyimpan
berkas
- klik “Batal”
kosongkan
borang
DOKUMENTASI DESAIN
a. Membuat sketsa pada kertas (jaring semantik tampilan)
ESC
T2
T1
Alt-X
simpan
selesai
cetak
T5
T3
T4
DOKUMENTASI DESAIN
a. Membuat sketsa pada kertas
b. Menggunakan peranti Prototype
c. Menulis tekstual (kaitan masing-masing
jendela)
d.Menggunakan CASE
DOKUMENTASI DESAIN
a. Membuat sketsa pada kertas
b. Menggunakan peranti Prototype
c. Menulis tekstual (kaitan masing-masing
jendela)
d.Menggunakan CASE
Note : b & d tidak selalu diterapkan , berharga
cukup mahal
CASE
CARA PENDEKATAN
(PROGRAM APLIKASI)
• Special purpose software
• General purpose software
Special Purpose Software
• User Centered Design
• User Design
General Purpose Software
Menekan “memaksa” user menggunakan sistem
dengan
CUSTOMIZATION
`
TUJUAN SISTEM INTERAKTIF
an interactive system allows for a dialog
between the computer and the user
Prof. Dr. Armin B. Cremers
TUJUAN SISTEM INTERAKTIF
How to make USABLE
How to measure the
USABILITY
• PARADIGMA INTERAKSI
• PRINSIP USABILITY
Time Sharing System
Beberapa terminal terhubung seri ke
host komputer
Time Sharing System
Beberapa terminal terhubung seri ke
host komputer
Sistem menjadikan user lebih
REAKTIF &
KOLABORATIF
Video Display Unit
(VDU)
Tampilan di layar lebih baik daripada cetakan
untuk menyajikan informasi strategis dalam
jumlah besar yang digunakan untuk
pemrosesan cepat
Programming Toolkit
dari alat bantu pemrograman ini diharapkan
akan tercipta sistem interaktif yang lebih
kompleks
Sistem Window & Sistem WIMP
Untuk mencapai tujuan user perlu
mengaktifkan beberapa window secara
bersamaan
Personal Computer
• teknologi tak selalu harus canggih
melainkan nyaman digunakan
Model Interaksi
manusia - komputer
Command Line
Interaksi berbasis Bahasa Alami
Perlu sistem penterjemah pada 2 arah
Natural Languange
User semakin luwes bahasa yang digunakan,
lebih baik
Perancang sistem makin luwes bahasa user,
makin rumit sistem penterjemah
Perintah
Cetak daftar semua mahasiiswa dengan IP > 3.0
Terjemahkan bahasa dBase :
DISPLAY ALL FOR IPSEM < 3.0
keuntungan
- tidak memerlukan sintaks khusus,
- luwes,
- alamiah
kelemahan
• mempunyai dualisme,
• bertele-tele,
• tidak efisien dan perancangan perangkat
lunaknya sangat rumit
Tipe Interaksi
Menu
- Pilih mouse/tombol
Tipe Interaksi
Borang
SISTEM PENJENDELAAN
Manfaat Penjendelaan
•
•
•
•
Penampilan lebih banyak informasi
Pengaksesan lebih banyak sumber informasi
Pengkombinasian berbagai informasi
Pengontrolan bebas atas sejumlah program
Direct Manipulation
• Respon cepat secara visual
& audio pada layar
memudahkan pemberian
informasi mengenai aksi
user
• WYSIWYG (repesentasi
dokumen final nantinya)
Penerapan Manipulasi Langsung
• Editor WYSIWYG
• SIMULATOR
• Kontrol Lalu Lintas Penerbangan
PERANCANGAN TAMPILAN
INTERFACE YANG BAIK = TAMPILAN MENARIK
PERANCANG HARUS:
- BERJIWA SENI
- MENGERTI PENGGUNA
- MAMPU MENDOKUMENTASI
DOKUMENTASI DESAIN
a. Membuat sketsa pada kertas (lembar kerja tampilan)
No. sheet : 5
Pengisian data Pribadi
Nama
:
Alamat
:
Tgl. Lahir :
simpan
n
Batal
selesai
Keterangan :
- Judul jendela pakai arial 12point
- teks pakai arial 10
Navigasi :
-Klik “selesai”
ganti tampilam
dengab no. 1
- klik “simpan”
aktifkan
penyimpan
berkas
- klik “Batal”
kosongkan
borang
DOKUMENTASI DESAIN
a. Membuat sketsa pada kertas (jaring semantik tampilan)
ESC
T2
T1
Alt-X
simpan
selesai
cetak
T5
T3
T4
DOKUMENTASI DESAIN
a. Membuat sketsa pada kertas
b. Menggunakan peranti Prototype
c. Menulis tekstual (kaitan masing-masing
jendela)
d.Menggunakan CASE
DOKUMENTASI DESAIN
a. Membuat sketsa pada kertas
b. Menggunakan peranti Prototype
c. Menulis tekstual (kaitan masing-masing
jendela)
d.Menggunakan CASE
Note : b & d tidak selalu diterapkan , berharga
cukup mahal
CASE
CARA PENDEKATAN
(PROGRAM APLIKASI)
• Special purpose software
• General purpose software
Special Purpose Software
• User Centered Design
• User Design
General Purpose Software
Menekan “memaksa” user menggunakan sistem
dengan
CUSTOMIZATION
`