INTERAKSI MANUSIA DENGAN KOMPUTER

NAMA : KHAMSAH ANUGRAH PARMA NASUTION

KELAS : TI S 1901
NPM : 19110158
DOSEN : MURDANI,M.KOM

PROGRAM STUDI TEKNIK INFORMATIKA

UNIVERSITAS BUDI DARMA
MEDAN
T.A 2020-2021
 1. KATA PENGANTAR
Puji syukur saya panjatkan kehadirat Allah SWT yang telah melimpahkan rahmat-Nya
sehingga saya dapat menyelesaikan tugas makalah “Interaksi Manusia dan Komputer” ini.

Tujuan yang akan di dapat dari mata kuliah ini adalah untuk memahami manusia sebagai
sumber daya terpenting dalam membangun sistem dan juga manusialah yang harus diperhatikan
karena nantinya ialah yang akan menggunakan sistem yang dibangun itu.

Makalah ini berisi untuk memenuhi tugas yang membahas tentang “Tata Letak Dialog”.

Saya menyadari bahwa makalah ini masih banyak kekurangan dan hal-hal lain sehingga
makalah ini dirasa belum sempurna. Hal ini disebabkan keterbatasan pengetahuan dan
kemampuan menyusun. Untuk itu saya mengharapkan kritik dan saran yang sifatnya membangun
demi kesempurnaan dan meningkatkan kualitas makalah ini.

                                                                                                   

Padangsidimpuan, 04 Mei 2021

                                                                         Penyusun

Khamsah Anugrah Parma Nst

19110158
 1. DAFTAR ISI

DAFTAR ISI
Kata pengantar.............................................................................................................1
Daftarisi......................................................................................................................2
   
BAB 1
 PENDAHULUAN
A.    LatarBelakang..................................................................................3
B.     Rumusanmasalah..............................................................................4
C.     Tujuan...............................................................................................4

BAB II
PEMBAHSAN         
Dialog .........................................................................................5
Leksikal.........................................................................................5
Sintaksis.........................................................................................5
Semantik.........................................................................................5
Dialog manusia-komputer.....................................................................6
Proses Perancangan Desain.....................................................................6
DFD untuk desain dialog.....................................................................7
Contoh: Sistem Pemesanan Buku di Perpustakaan. ...............................8
Mengapa perlu digunakan notasi deskripsi dialog yang terpisah............8
NOTASI DIAGRAMATIK...................................................................10
State transition networks (STN)..................................................................10
Contoh : penggunaan flow chart dalam desain dialog....................................11
LINK TO PROGRAMMING LANGUAGE..................................................12

BAB III
PENUTUP         …………………………………………13
Kesimpulan              …………………………………….13
Saran         ………………………………………………...13
Daftar Pustaka         ……………………………………………….14
 BAB I
Pendahuluan

A. Latar Belakang
Komputer merupakan alat modern yang tidak bisa dilepaskan dari kehidupan sehari-
hari.Mulai dari mengerjakan pekerjaan kantor, multimedia,bahkan hiburan.Dewasa ini
perkembangan komputer semakin berkembang dan masih akan terus berkembang tanpa batas.
Kita sebagai manusia mau tidak mau harus mengikuti perkembangan kemajuan teknologi
khususnya bidang komputerisasi agar kita tidak termakan oleh alat yang kita buat sendiri.Hampir
seluruh aspek kehidupan manusia saat ini tidak dapat dilepaskan dari teknologi,khususnya
teknologi komputer.
Proses sebagai suatu entitas yang dinamis mengandung sejumlah instruksi, data, prgram
counter, kumpulan register serta stack yang berisi alamat memori. Proses juga dapat dikatakan
sebagai program yang sedang dieksekusi (program aplikasi / sistem operasi). Proses dapat
dikatakan sebagai unit kerja terkecil yang secara individu memiliki sumber daya – sumber daya
dan dijadwalkan oleh sistem operasi.Dengan demikian sistem operasi mempunyai kegiatan yang
sangat kompleks dalam mengelola seluruh sumber daya dan memberikan pelayanan terhadap
proses – proses sesuai kebutuhan

.
 B. Rumusan Masalah

Dari latar belakang di atas maka dapat dirumuskan masalahnya yaitu;

1. Apa itu dialog?
2. Apa ituLeksikal ?
3. Apa itu Sintaksis?
4. Apa itu Semantik ?
5. Dialog manusia-komputer.
6. Proses Perancangan Desain.
7. DFD untuk desain dialog.
8. Contoh: Sistem Pemesanan Buku di Perpustakaan.
9. Mengapa perlu digunakan notasi deskripsi dialog yang terpisah?
10. NOTASI DIAGRAMATIK.
11. Contoh notasi diagramatik .
12. State transition networks (STN).
13. Contoh penggunaan flow chart dalam desain dialog.
14. LINK TO PROGRAMMING LANGUAGE.

C. .Tujuan yang ingin dicapai dalam makalah ini adalah :

 Mahasiswa mampu memahami pengertian perancangan tampilan

 Menambah Wawasan penulis dan sipembaca serta untuk melengkapi salah satu tugas
terstruktur pada mata kuliah Interaksi Manusia Dan Komputer.
 Mahasiswa mampu memahami pola pikir ilmiah
 Mahasiswa dapat mampu lebih kreatif
 Mahasiswa dapat lebih mengetahui tentang perkembangan teknologi di era modern ini
 BAB II
PEMBAHASAN

Tata Letak Dialog

Apakah Dialog itu ?

Dialog dalam arti umum adalah:

percakapan antara dua kelompok atau lebih.

Dialog dalam konteks perancangan user interface adalah:

struktur dari percakapan antara user dan sistem komputer

Bahasa komputer dapat dibagi atas tiga tingkatan:

Leksikal
Leksikal merupakan tingkat yang paling rendah yaitu bentuk icon pada layar pada bahasa
manusia, ekuivalen dengan bunyi dan ejaan suatu kata

Sintaksis
Sintaksis yaitu urutan dan struktur dari input dan outputpada bahasa manusia, ekuivalen dengan
grammar suatu kalimat

Semantik
Semantik yaitu arti dari percakapan yang berkaitan dengan pengaruhnya pada struktur data
internal komputer dan/atau dunia eksternal.Pada bahasa manusia,ekuivalen dengan arti yang
berasal dari para partisipan dalam percakapan.

Dalam user interface, istilah dialog hampir mirip dengan tingat sintaksis, tapi juga meliputi sifat-
sifat leksikal.
Dialog manusia-komputer

 Berbeda dengan dialog antar manusia pada umumnya, dialog dengan komputer biasanya
terstruktur dan terbatas
 Beberapa ciri-ciri dari dialog terstruktur yang nantinya ditemukan dalam dialog komputer:
- menyebutkan beberapa hal tertentu secara berurutan.
- beberapa bagian dari dialog dilakukan secara bersamaan (concurrently).
- dialog berikutnya tergantung pada respons dari partisipan.
- dialog terstruktur biasanya tidak langsung menuju pada arti kata-katanya / semantik tapi
pada level sintaksis.

PROSES PERANCANGAN DIALOG

Advice:
1. Rangkaian Dialog menggambarkan struktur tugas, i.e.
1 rangkaian dialog 1 goal
achieve
2. Beberapa rangkaian dialog tambahan digunakan untuk user support, mis. help system,
tutorial sub-sytem.
3. Rangkaian dialog diurutkan sesuai dengan struktur tugas.
DFD untuk desain dialog

Task Design Task Specification

Specify UI Specification Add User

Interface Access &
Modules Control

Design Metaphor
designs
Prototype Standard designs
Using UI
Design
component Design
GUI design Metaphor
& GUI
Design Interaction
Dialogue
Detail Dialogue network
Evaluation
UI program Checked design Verify
specification Dialogue

Code and
Implementation

 Prinsip yang digunakan dalam desain dialog adalah membagi sistem menjadi beberapa
bagian yang disebut module.
 Contoh: Sistem Pemesanan Buku di Perpustakaan

Reservation

Borrower details Book reservation

Reader Reader First title More

number details
(input) (display) reservatio
n

Title code Title Titles

(input) details
Module-1 (display)

Module-2
Title Title
code details
(input) (display)
 Biasanya user access bukan merupakan bagian dari task description, tapi harus dimasukkan
dalam sistem yang baru
 Empat hal utama dalam desain yang harus diperhatikan dalam GUI metaphor:
- Pemilihan dan representasi dari conceptual metaphor
- Representasi dari obyek interaktif dalam metaphor
- Perancangan manipulasi untuk mengimplemen-tasikan user action
- Desain micro-metaphors untuk control action dan representasi dari commands

Dalam mendesain dialog, diperlukan deskripsi yang terpisah dari program secara keseluruhan.

Mengapa perlu digunakan notasi deskripsi dialog yang terpisah?

 Agar mudah dianalisa
 Pemisahan elemen-elemen interface dari logika program (semantik)
 Apabila notasi dialog ditulis sebelum program dibuat, maka notasi tersebut bisa
membantu desainer untuk menganalisa struktur yang diajukan.
NOTASI DIAGRAMATIK

 Notasi diagramatik paling sering digunakan dalam desain dialog

 Kelebihan:
 Memungkinkan desainer untuk melihat secara sekilas struktur dialog
 Kekurangan:
 Sulit untuk menjelaskan struktur dialog yang lebih luas dan kompleks

Contoh notasi diagramatik adalah :

 State transition networks (STN)
 Harel's state charts
 Traditional flow diagrams
 JSD diagrams

State transition networks (STN)

Komponen STN:
 Lingkaran, menggambarkan "state" dari sistem
 Tanda panah, yang terdapat antara state; disebut juga transisi.
Tanda panah ini diberi label yang menjelaskan tentang tindakan user yang menyebabkan
transisi dan response dari sistem.
STN dapat menggambarkan beberapa pilihan dialog:

 Urutan tindakan dan response dari sistem (sequence)

 Pilihan bagi user (choice)
dari contoh: dari state Menu, user dapat memilih "Circle" sehingga sistem berpindah ke
state Circle-1 sehingga option "Circle" highlight; alternatif lain, user dapat memilih "Line"
sehingga sistem berpindah ke state Line-1.
 Iterasi (iteration)
dari contoh: terdapat pilihan dari state Line-2: user dapat melakukan double click pada
suatu titik dan menyelesaikan polyline, berpindah ke state Finish; atau user dapat
melakukan single click yang berarti menambah titik baru pada polyline sehingga terjadi
transisi kembali ke state Line-2

STN Hirarki dapat digunakan untuk mendeskripsikan suatu sistem lengkap.

Flow Chart

 Flow Chart digunakan untuk mendeskripsikan dialog yang sederhana.

 Flow Chart mudah dimengerti dan simple.
Contoh penggunaan flow chart dalam desain dialog:

Delete D1

Please enter
Employee no. : _______

C1
read record

Delete D2 Delete D3
Name : Alan Dix
Name : Alan Dix Dept : Computing
Dept : Computing delete? (Y/N) : ________
delete? (Y/N) : ________ Please enter Y or N

C2 other
answer?
N
Y Finish
C3
delete record

Finish
Keterangan:
 Persegi panjang adalah screen yang digunakan untuk berkomunikasi dengan user.
 Segi-enam adalah proses dan keputusan yang dibuat oleh sistem.
 Elips "Finish" berarti kembali ke menu utama.
 Tape berarti membaca atau mengubah database.
.

LINK TO PROGRAMMING LANGUAGE

Sequences dalam notasi dialog dapat langsung ditransformasikan ke bahasa pemrograman dalam
bentuk Sequence and Selection.
Modularity dalam desain dialog  event handling dalam bahasa pemrograman (misal VB).
 BAB III
PENUTUP

A. Kesimpulan
Dialog dalam arti umum yaitu percakapan antara dua kelompok atau lebih, sedangkan dialog
dalam konteks perancangan user interface yaitu struktur dari percakapan antara user dan
komputer.
Efisiensi dalam sistem komputer yang melibatkan berbagai Macam Aspek sosial telah
melahirkan bermacam-macam Ragam Dialog unjuk kerja manusia dan komputer secara bersama-
sama dan hasil yang diperoleh dari kerjasama antara manusia dan komputer.Sehingga, meskipun
efisiensi dalam aspek rekayasa perangkat lunak sistem menjadi sangat penting jika mereka
berpengaruh pada waktu tanggap atau laju penampilan sistem, seringkali perancang lebih
memilih untuk memanfaatkan hasil teknologi baru untuk meminimalkan ongkos pengembangan
system .Sebaliknya, tidak dapat dipungkiri bahwa biaya personal dari seorang ahli akan semakin
meningkat dari waktu ke waktu.

B. Saran
Berbagai Ragam Dialog sudah dijelaskan di pembahasaan Makalah ini ada berbagai
aspek yang bisa di simak yang berasal dari beberapa sumber yang di rangkum menjadi satu
untuk menjadi sebuah pembahasan yang benar dan baik sehingga bisa bermanfaat bagi kita
semua agar kinerja para pelajar lebih maksimal lagi.
 DAFTAR PUSTAKA

Aditya Nugroho, 2010. Pengertian Dialog Manusia dan

Komputer.  (online), (http://adityanugroho90.blogspot. com/2010/03/pengertian-dialog-manusia-
komputer.html/ diakses pada tanggal 8 Oktober 2017)

2013. Ragam Dialog. (online), (http://humcomint. wordpress. com/2013/10/10/ragam-dialog/

diakses pada tanggal 8 Oktober 2017)

2012. Pertemuan 3 Ragam Dialog. (online), (http://showinso. do.

am/Materi_Kuliah/IMK/Pertemuan_3-

Ragam_Dialog.pdf/ diakses pada tanggal 8 Oktober 2017)

Irfan Subakti – Notasi Dialog – 6.pdf.
Danang Lelono, S.Si., M.T – Notasi Dialog.ppt.

http://iwansantosa.files.wordpress.com/
http:// Erna Kumalasari Nurnawati/2010/03/13/notasi dialog/