TUGAS BESAR

INTERAKSI MANUSIA & KOMPUTER

NAMA : ARDANY AM
STAMBUK : 162394
KELAS : C – TI

STMIK DIPANEGARA MAKASSAR

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN
KOMPUTER DIPANEGARA MAKASSAR 2020
 KATA PENGANTAR

Dengan kerendahan hati, penulis mengucapkan puji syukur dan terima

kasih kepada Tuhan Yang Maha Esa atas berkat, rahmat, dan karunia-Nya, penulis
dapat membuat dan menyelesaikan makalah ini.

Makalah ini memberi pengetahuan dan perkembangan terhadap ilmu

pengetahuan dan teknologi. Penulis juga menyadari karena adanya kekurangan
makalah ini baik di sana maupun di sini, makalah ini belum begitu sempurna.
Meskipun demikian, penulis telah berusaha sebaik-baiknya dan semaksimal
mungkin dalam pembuatan makalah ini. Dalam kesempatan ini, penulis juga
mengucapkan terima kasih kepada :

1. Bapak Dr. Y. Johny W. Soetikno, SE., MM., selaku Ketua Yayasan

STMIK Dipanegara.

2. Bapak Rudy Donny Likliwatil, SE., M.Kom., selaku Dosen mata kuliah
Interaksi Manusia dan Komputer.

3. Kedua orang tua penulis, adik, dan teman – teman penulis yang telah
memberikan dukungannya

Penulis juga berharap agar dengan selesainya makalah ini dapat

memberikan informasi, dan semoga makalah ini dapat banyak bermanfaat bagi
pembaca pada umumnya.

Makassar, 24 Juni 2020

1
 DAFTAR ISI

KATA PENGANTAR.................................................................1
DAFTAR ISI................................................................................2
BAB I. PENDAHULUAN...........................................................4
A. Sejarah dan Perkembangan Perangkat Lunak.....................4
B. Definisi Software................................................................6
C. Macam Software.................................................................6
D. Fungsi Software..................................................................7

BAB II. PEMBAHASAN............................................................8

A. Perbedaan Icon Utama........................................................8
1. Perbedaan Icon Software...............................................8
2. Perbedaan Tampilan Jendela.........................................9
B. Gaya Dialog Menu (Menu Selection)...............................12
1. Kelebihan.....................................................................12
2. Kekurangan..................................................................12
C. Menu Navigasi..................................................................13
1. Definisi Struktur Navigasi...........................................13
2. Fungsi Menu Navigasi ................................................14
3. Manfaat Menu Navigasi .............................................15
4. Menu Lainnya..............................................................16
5. Menu Tunggal dan banyak pilihan..............................17
6. Menu Datar..................................................................17
7. Menu Tarik..................................................................18
8. Menu Berbaris Ikon dan Toolbar................................19

2
 9. Menu dengan Pilihan yang Panjang............................19
10.Menu Gulung...............................................................20
11.Kotak Kombo...............................................................20
12.Menu Mata Ikan...........................................................21
13.Penggeser.....................................................................21
14.Menu 2 Dimensi..........................................................21
15.Menu dan Hotlink Tertanam........................................22
16.Menu Breadcrum.........................................................22
D. Fill in Form.......................................................................23
1. Format Specific Field..................................................24
2. Dialog Box...................................................................25
E. Question Answer...............................................................25
1. Antarmuka dalam bentuk Pertanyaan/Jawaban...........25
2. Bahasa Query...............................................................26
F. Feature descriptions in Screen Tips pada Word 2013......27
G. Perbedaan Interface...........................................................30
1. Jenis-Jenis User Interface............................................30
2. Grapichal Interface (GUI)............................................31

BAB III. PENUTUP..................................................................37

Kesimpulan................................................................................37
Saran...........................................................................................37
DAFTAR PUSTAKA................................................................38

3
 BAB I
PENDAHULUAN

A. Sejarah dan Perkembangan Perangkat Lunak

Sejarah dan perkembangan software memiliki perjalanan waktu dan

perubahan untuk melakukan penyempurnaan yang panjang. Pada awalnya
instruksi-instruksi tersebut dibuat sangat rumit dan rahasia bagi organisasi
tertentu sehingga menyebabkan tidak semua orang dapat menggunakannya.
Berbagai perangkat lunak yang ada pada saat ini berawal dari suatu konsep
yang terbentuk pada tahun 1930 untuk mengembangkan komputer serbaguna
dalam berbagai bentuk dan jenis. Pengembangan ini juga semakin kuat seiring
berkembangnya zaman dan struktur serta sifat-sifat masyarakat yang semakin
kompleks sehingga mendorong untuk terjadinya perkembangan teknologi yang
semakin pesat.

Sejarah dan perkembangan software terbagi kedalam 4 era seperti di

bawah ini.

1. Era Pioneer
Awalnya, software pada komputer berupa sambungan-sambungan
kabel yang terhubung antar bagian dalam komputer. Komputer diakses
dengan cara menggunakan punched card. Punched card merupakan kartu
berlubang yang digunakan sebagai media penyimpanan. Di era ini,
komputer dibuat dan dipasang programnya untuk tujuan dan mesin tertentu
saja, tidak sebebas seperti sekarang ini. Di era ini juga software dan
hardware menjadi satu kesatuan.

2. Era Stabil
Di era ini, software dapat melakukan kerja secara multitasking
yaitu dapat menjalankan banyak proses secara serentak sehingga
mempermudah pekerjaan yang sebelumnya hanya bisa dilakukan satu per

4
 satu. Selain itu juga dapat menyelesaikan instruksi secara real time atau
langsung dan cepat, serta dapat diakses oleh banyak pengguna atau multi
user. Sistem basis data juga diperkenalkan di era ini yaitu suatu sistem yang
memisahkan antara data dan program.

3. Era Mikro
Era mikro membagi software komputer menjadi beberapa bagian
yaitu sebagai berikut.
Software sistem (biasa disebut sistem operasi) merupakan
perangkat lunak yang memiliki fungsi untuk mengontrol dan melakukan
manajemen untuk perangkat keras juga operasi-operasi dasar sistem. Selain
itu juga mengatur software aplikasi seperti program-program pengolah data
yang bisa digunakan untuk mempermudah kegiatan manusia, contoh dari
perangkat lunak sistem adalah Windows, Linux, dan Macintosh.
Software aplikasi merupakan perangkat lunak yang melakukan
tugas-tugas khusus, misalnya pembuatan laporan administrasi, desain grafis,
pembuatan dokumen, editing foto, hingga presentasi.Contoh perangkat
lunak ini adalah Office dan OpenOffice.
Languange software/bahasa pemrograman merupakan bahasa yang
digunakan untuk membentuk struktur perangkat lunak atau secara
sederhana adalah bahasa yang digunakan untuk membuat suatu program
komputer. Bahasa pemrograman berfungsi untuk menjalankan perangkat
keras komputer, contoh dari bahasa pemrograman adalah Assembler, Visual
Basic, dan Delphi.

4. Era Modern
Munculnya perangkat lunak yang tidak hanya digunakan pada
komputer ataupun laptop, tetapi hingga dapat digunakan untuk handphone
misalnya Android atau Symbian.
Di era ini juga, perangkat lunak sudah mampu mengenali gambar
hingga suara.

5
B. Definisi Software
Perangkat lunak atau peranti lunak (bahasa Inggris: software) adalah
istilah khusus untuk data yang diformat, dan disimpan secara digital, termasuk
program komputer, dokumentasinya, dan berbagai informasi yang bisa dibaca,
dan ditulis oleh komputer. Dengan kata lain, bagian sistem komputer yang
tidak berwujud. Istilah ini menonjolkan perbedaan dengan perangkat keras
komputer.
Pembuatan perangkat lunak itu sendiri memerlukan "bahasa
pemrograman" yang ditulis oleh seorang pemrogram untuk selanjutnya
dikompilasi dengan aplikasi kompiler sehingga menjadi kode yang bisa
dikenali oleh mesin hardware. Perangkat lunak seperti Windows atau Linux
bisa disebut sebagai nyawa dari komputer, di mana tanpa diinstal sistem
operasi tersebut maka komputer tidak dapat dijalankan. Perangkat lunak sistem
operasi biasanya tersimpan di Partisi C sehingga saat komputer mengalami
masalah, Partisi C yang terkena imbas. Perangkat lunak lain juga tersimpan di
Partisi C yang apabila komponen tidak lagi berjalan maksimal dapat diuninstal
dan diinstal ulang. Data-data lain lebih baik disimpan di partisi D sehingga saat
software terkena virus atau tidak berjalan normal kembali maka dapat diinstal
ulang dan data penting dapat diselamatkan.

C. Macam Software
Perangkat lunak/software ini dibagi menjadi ke dalam 3 “tiga” macam
diantaranya yaitu:

1. Sistem Operasi
Yang merupakan bagian dari software komputer yang
menggunakan kemampuan komputer secara langsung serta menyeluruh
untuk mengerjakan suatu tugas ataupun fungsi tertentu sesuai dengan
kebutuhan penggunanya. Jenis-jenis sistem operasi misalnya seperti:
Microsoft Windows, Linux, Mac OS, dan yang lainnya.

6
 2. Aplikasi ( Software Application )
Pengertian perangkat lunak aplikasi ( Software Application ) ialah
bagian dari software komputer yang menggunakan kemampuan komputer
secara langsung dan menyeluruh untuk mengerjakan suatu tugas/fungsi
tertentu sesuai dengan kebutuhan pengguna. Jenis-jenis aplikasi komputer
misalnya seperti: Pengolah kata – Microsoft Word, OpenOffice, Pengolah
angka – Microsoft Excel, Presentasi – Microsoft PowerPoint, Anti virus
dan masih banyak lagi yang lainnya.

3. Software Bahasa Pemrograman ( Language Program )

Ialah suatu program yang digunakan untuk menerjemahkan
instruksi-instruksi yang ditulis dalam bahasa pemrograman ke dalam
bahasa mesin supaya dapat diterima dan juga dipahami oleh komputer.
Atau suatu program untuk pengembangan sistem seperti bahasa
pemrograman turbo pscal, visual basic, delphi, pemerograman editor dan
masih banyak lagi yang lainnya.

D. Fungsi Software
Dalam peran yang penting dalam berjalannya sistem komputer, tentu
memiliki fungsi-fungsi khusus yang dimiliki software. Fungsi-fungsi software
tersebut antara lain sebagai berikut:
 Software menyediakan fungsi dasar untuk kebutuhan komputer yang dapat
dibagi menjadi sistem operasi atau sistem pendukung.
 Software berfungsi dalam mengatur berbagai hardware untuk bekerja
secara bersama-sama.
 Sebagai penghubung antara software-software yang lain dengan hardware.
 Sebagai penerjemah terhadap software-software lain dalam setiap
instruksi-instruksi ke dalam bahasa mesin sehingga dapat di terima oleh
herdware.
 Mengidentifikasi program.

7
 BAB II
PEMBAHASAN

A. Perbedaan Icon Utama

1. Perbedaan Icon Software

1.1 Kelebihan
 Icon merupakan variasi dari menu, karena satu ikon.
 Menunjukkan suatu aktifitas, yang dalam sistem menu
dinyatakan dalam bentuk teks.
 Merupakan terobosan besar karena mempunyai sifat yang
.alamiah, ringkas, mudah diingat, mudah dipelajari &
dikenal.
 Gambar lebih bersifat umum daripada tekstual.

8
  Menyingkat waktu dan memperkecil usaha untuk
mempelajari software.
 Kinerja user lebih tinggi dan adanya penurunan tingkat
kesalahan.
 Bagi pemrogram dapat dengan mudah mengelompokkan
ikon berdasarkan atributnya.

1.2 Kekurangan
 Penggunaan ikon menyembunyikan penurunan
produktifitas dibalik penampilan yang ramah.
 Penggunaan ikon bisa membingungkan dan boros tempat.
 Tidak efektif bila berurusan dengan perintah-perintah yang
banyak tetapi serupa.
 User tertentu lebih suka membaca suatu teks karena lebih
jelas.
 Membutuhkan waktu lama dan sulit untuk menemukan
ikon yang cocok dengan aktifitas yang akan dijalankan,
solusi : dapat diperjelas dengan menambahkan pesan (2
atau 3 kata) dapat permanen atau sementara (hanya muncul
pada saat mouse/kursor berada pada ikon tersebut).
 Tidak adanya standarisasi.

2. Perbedaan tampilan jendela

Secara umum yang disebut dengan jendela (window)
adalah bagian dari layar yang digunakan untuk menampilkan suatu
informasi. Informasi disini dapat berupa informasi tekstual maupun
grafis. Untuk menunjukkan daerah yang digunakan untuk
menampilkan suatu informasi biasanya daerah yang umumnya
berupa persegi panjang dibatasi dengan semacam garis pembatas

9
dengan ketebalan tertentu. Sistem penjendelaan adalah sistem
antarmuka yang memungkinkan pengguna untuk menampilkan
berbagai informasi baik sendiri-sendiri maupun secara
bersamasama ke dalam bagian-bagian layar yang tidak saling
mempengaruh.

Dialog Berbasis Windows dapat dikelompokkan menjadi :

2.1 Jendela TTY
Jenis jendela yang paling sederhana (tampilan apa
adanya) yaitu terdiri atas sebuah jendela yang mempunyai
fasilitas pemindahan halaman (scrolling) secara otomatis pada
satu arah. Dalam jendela ini pengguna mengetikkan perintah
pada bagian bawah dari layar tampilan, dan komputer akan
memberikan tanggapan yang juga ditunjukkan pada bagian
bawah dari layar tersebut. Ciri utama dari jendela jenis TTY
adalah ketika kursor sudah berada pada suatu baris, maka
kursor itu tidak dapat dipindah ke baris sebelumnya atau
diatasnya. Contohnya : pada saat berada pada DOT Prompt,
AutoCad (khususnya versi-versi lama)

2.2 Jendela Time Multiplexed Windows

Jenis jendela yang dapat digeser (scrollable windows)
dan frame -ar-a-time windows, jendela yang dapat digeser,
yang biasanya diterapkan untuk berbagai teks editor,
dilengkapi dengan fasilitas penggeseran jendela secara
otomatis maupun secara manual yang dapat dikontrol dengan
mengaktifkan tombol-tombol tertentu. Frame - at-a-time
windows banyak diterapkan pada menu tarik yang biasanyan
merupakan pilihan-pilihan yang ada dikelompokkan berdasar
aturan tertentu sesuai dengan yang diinginkan pemrogram atau
hasil kompromi antara pengguna dan pemrogram (tidak

10
 memungkinkan adanya dua atau lebih kelompok jendela pada
tingkat yang sama muncul secara bersamaan, tetapi kelompok-
kelompok yang berada pada tingkat yang berbeda).

2.3 Space Multiplexed Windows

Lebar layar dibagi-bagi menjadi beberapa jendela
dengan ukuran yang bervariasi, dan jendelanya dapat
ditentukan berdasarkan ketergantungan antara satu jendela
dengan jendela lain tergantung dari model jendela yang
diinginkan yaitu :

 Apakah satu jendela bisa diletakkan diatas jendela yang

lain,
 Apakah masing-masing jendela bisa diubah ukurannya

Jenis jendela yang tergolong dalam kelompok ini

adalah jendela satu dimensi, dua dimensi dan jendela dua
setengah dimensi.

1. Jendela satu dimensi : jenis jendela dimana layar dapat

dibagi menjadi beberapa bagian secara vertikal atau
horizontal yang masing-masing bagian dapat diubah
ukurannya (contohnya adalah pemakaian jendela pada
Word Perfect versi DOS, Lotus 123) - akan tetapi
jendela tidak dapat tumpang tindih.
2. Jendela dua dimensi : jenis jendela dimana layar dapat
dibagi menjadi beberapa jendela baik secara vertikal
atau horizontal sehingga seolah-olah membentuk tabel
dari beberapa buah jendela, meskipun layar bisa dibagi-
bagi ke arah vertikal maupun horisontal - jendela tidak
dapat tumpang tindih.

11
 3. Jendela tiga dimensi : prinsipnya sama dengan jendela
dua dimensi, kelebihannya jendela yang dapat tumpang
tindih tanpa mengganggu informasi yang ada pada
jendela lain (Microsoft Windows 95).

2.4 Jendela Non Homogen

Jenis jendela yang tidak dapat dikelompokkan pada
jenis jendela diatas (jenis jendela yang digunakan dengan
fasilitas aplikasi itu sendiri dengan menggunakan instruksi
Preview). Contohnya : ikon dan zooming window. Pada
zooming window, pengguna dapat melihat bagian tertentu dari
objek yang diamati secara lebih terinci, karena jendela ini
dapat diperbesar maupun diperkecil sesuai dengan kebutuhan
(contoh Microsoft Word 7.0) dengan penggunakan fasilitas
Preview.

B. Gaya dialog Menu (Menu Selection)

Tipe menu selection memberikan beberapa pilihan kepada
user berbentuk daftar menu yang isinya adalah perintah kepada
komputer sesuai dengan menu yang terdaftar, nama perintah yang
dijalankan harus sesuai dengan nama pilihan menu. Misal : klik
kanan dan memilih pilihan menu yang dikehendaki seperti copy,
paste, cut, dll.

1. Kelebihan :
-> User tidak perlu ingat nama perintah karena sudah tertera di
dalam menu.
-> Minimalisir pengetikan sehingga meminimalisir tingkat
kesalahan pula.
2. Kekurangan :
-> Tidak ada logika AND atau OR.

12
 -> Perlu ada struktur menu jika banyak pilihan.
-> Menu dianggap lambat oleh expert user dibanding
command language.

C. Menu Navigasi
Navigasi adalah petunjuk posisi dan arah perjalanan. Di
dalam dunia web, navigasi dianggap penting agar user yang sedang
berada di dalam halaman tertentu tidak tersesat dan mudah
menemukan halaman-halaman lain dalam website Anda.
Menu adalah bagian dari website yang berisi link-link
utama yang mengarah pada halaman tertentu di sebuah website
Biasanya, pada sebuah website, navigasi tertampil pada menu dan
link yang terstruktur. Seringkali, saat kita membuka sebuah
website, kita merasa kesal karena tidak mendapatkan halaman
website yang dicari dikarenakan navigasi yang ruwet dan tidak
jelas.
Selain itu dapat diartikan, Menu navigasi adalah sebuah
fasilitas yang diberikan oleh si pemilik situs dimana didalamnya
berisi sekumpulan link-link penting. Menu navigasi juga berfungsi
sebagai pemandu kepada pengunjung agar dapat lebih mudah
dalam menentukan kategori yang diinginkan tanpa harus bersusah
payah mencarinya.
Menu navigasi dapat berbentuk mendatar (horizontal) atau
menurun (vertical) juga dapat dibuat bercabang dengan sub menu
(dropdown) atau tidak, tergantung kebutuhan dari situs tersebut

1. Definisi Struktur Navigasi

Menurut Kurniawan (2010:213) Pada pengembangan
aplikasi berbasis web, tentunya dalam membuat lebih dari satu
halaman web, bahkan bisa ratusan jika aplikasi yang dibangun

13
 kompleks. Oleh karenanya navigasi adalah fitur yang harus
disediakan. Navigasi berfungsi untuk berpindah dari satu
halaman ke halaman yang lain pada suatu aplikasi berbasis
web, yang juga digunakan untuk memberikan informasi lokasi
halaman yang sedang dibuka.

2. Fungsi Menu Navigasi

1. Fungsi Secara global
 Unggah berkas (khusus pengguna terdaftar) ; digunakan
untuk mengirimkan suatu berkas (biasanya gambar) ke
server Wikipedia untuk dapat digunakan dalam suatu
artikel.
 Halaman istimewa; digunakan untuk mengakses fitur-
fitur khusus di Wikipedia seperti daftar artikel terbaru,
versi perangkat lunak, dll.

2. Fungsi spesifik
 Pranala balik; digunakan untuk melihat halaman lain
yang memuat pranala ke suatu halaman yang sedang
ditampilkan.
 Perubahan terkait; digunakan untuk melihat log
perubahan dari halaman-halaman yang terkait dengan
suatu halaman.
 Pranala permanen; karena sifat halaman dalam
Wikipedia yang dinamis dan cepat sekali berubah,
kadang Anda membutuhkan referensi ke suatu halaman
pada suatu versi atau saat tertentu. Gunakan menu ini
untuk mendapatkan alamat URL yang dapat Anda
pakai sebagai referensi ke suatu versi halaman pada
saat Anda membacanya.

14
  Kutip halaman ini; gunakan ini untuk mendapatkan teks
yang dapat Anda gunakan jika Anda mengutip isi suatu
halaman di Wikipedia. Ini berguna jika Anda membuat
tulisan yang biasanya harus menyertakan keterangan
mengenai sumber tulisannya.
 rss atom; digunakan pada halaman istimewa yang
berupa daftar untuk mendapatkan daftar tersebut dalam
bentuk RSS atau Atom.
 Sumbangan pengguna; digunakan jika Anda sedang
mengakses suatu halaman pengguna lain untuk melihat
daftar suntingan yang dilakukan pengguna tersebut.
 Kirimi pengguna ini milis; digunakan jika Anda sedang
mengakses suatu halaman pengguna lain untuk
mengirimkan milis ke pengguna tersebut.
 Informasi halaman; digunakan untuk menampilkan
informasi halaman yang bersangkutan.
 Item di Wikidata; digunakan untuk menghubungkan
data penyimpanan item.

3. Manfaat Menu Navigasi

Beberapa manfaat dari menu navigasi :
1. Mempercepat Untuk Mendapatkan Sitelink ; Dengan
adanya menu navigasi maka blog/web semakin cepat
mendapatkan sitelink karena sebagian dari beberapa
sitelinknya berasal dari menu navigasi
2. Dinilai Sebagai Web/Blog Profesional ; Mengapa dinilai
sebagai profesional ? . karena kita telah menyusun rapih
artikel artikel kita dan telah mengatur sekat antara post 1
dan post lainya serta kita telah mengatur web kita menjadi
user friendly karena dengan mudah para visitor untuk

15
 menjelajahi blog kita dan dengan mudah mengunggah daya
tarik pengunjung.

3. Dinilai Baik dari Google ; Dinilai baik oleh google karena

kita telah memanjakan visitor dan google tau itu . maka
dari itu google akan menilai lebih pada blog kita, Dari
semua itu tidak menutup kemungkinan juga blog/web yang
tidak memiliki menu navigasi bisa lebih baik dari blog/web
yang memiliki menu navigasi , karena itu semua
tergantung kita me-manage blog/web kita / apakah
blog/web kita telah ditata dengan baik atau tidak.

4. Menu Lainnya
a. Menu Tunggal
Menu tunggal memungkinkan pengguna untuk memilih
satu dari dua pilihan ataupun sejumlah pilihan.
b. Menu Biner

Hanya boleh memilih satu pilihan dari dua pilihan.

16
5. Menu Tunggal dan banyak pilihan

6. Menu Datar
Menu datar merupakan menu berbasis teks konvensional
dengan semua menu yang tersedia ditampilkan pada layar.

17
7. Menu Tarik (Pull Down Menu)
 Menu yang memiliki banyak pilihan, tapi karena
keterbatasan ruang pilihan yang ada hanya terlihat pada
saat menu utamanya di klik.
 Pertama kali di kenalkan oleh Xerox Star, Apple Lisa
dan Apple Macintosh

18
8. Menu Berbaris Ikon dan Toolbar
 Pada menu berbasis ikon dan toolbar, pilihan
dinyatakan sebagai suatu ikon atau toolbar tertentu.

9. Menu dengan Pilihan yang Panjang

 Jika menu memiliki pemilihan yang panjang dan tidak
mungkin ditampilkan seluruhnya.
 Biasanya dikelompokkan menjadi beberapa kategori
dan biasanya diimplementasikan dalam bentuk struktur
pohon.
a. Menu Gulung
b. Kotak Kombo
c. Menu Mata Ikan
d. Penggeser
e. Menu Dua Dimensi

19
10. Menu Gulung
 Sejumlah pilihan ditampilkan sesuai dengan ukuran
daerah kerja tampilan yang dapat digunakan
 Diurutkan secara alfabetis

11. Kotak Kombo

20
12. Menu Mata Ikan
 Semua pilihan ditampilkan
 Hanya untuk pilihan yang letaknya jauh dari posisi
kursor akan ditampilkan dengan font/ikon berukuran
kecil sementara yang dekat dengan kursor akan
ditampilkan dengan font/ikon berukuran normal

13. Penggeser
 Digunakan jika harus memilih suatu nilai yang terletak
diantara dua batas

14. Menu 2 Dimensi

 Pilihan yang tersedia disusun menjadi sejumlah baris
dan kolom seperti sebuah tabel
 Biasanya digunakan untuk perancangan situs Web
 Untuk mengurangi proses penggulungan layar karena
jumlah menu yang banyak.

21
15. Menu dan Hotlink Tertanam
 Menu tertanam adalah menu yang dapat ditambahkan
sendiri oleh pengguna suatu aplikasi, misalnya Google
Earth.
 Menu hotlink banyak dijumpai di situs Website yang
tujuannya untuk membawa pengguna ke informasi
tertentu.

16. Menu Breadcrumb

 Untuk membantu pengguna menavigasi dirinya ke
ruang informasi yang tersedia, seringkali digunakan
menu breadcrumb

22
D. Fill in Form
Fill in Form adalah merupakan sebuah tabel atau pun data yang
musti harus diisikan oleh user.untuk memperoleh data dari seorang
user yang akurat.Diperlukan ketika banyak data yang harus diinput.
user harus sudah lancar dalam menggunakan keyboard, tabulasi,
metode koreksi kesalahan, arti dari label yang ada, field konten
yang diperbolehkan.

Contoh :

Form fill-in design guidelines :

23
 Judul yang memiliki arti
 Instruksi yang jelas
 Pengelompokkan secara logical
 Layout yang mudah dilihat
 Field label yang familiar
 Terminologi dan singkatan yang konsisten
 Adanya tempat dan batas yang jelas untuk menampung input
 Pergerakan cursor yang jelas
 Adanya koreksi kesalahan
 Adanya validasi
 Pesan kesalahan jika value yang diberikan tidak sesuai
 Penanda untuk field yang harus diisi
 Pesan penjelasan
 Signal yang menanda kan progress pengisian form.

1. Format Specific Field

Digunakan untuk field yang berupa kode seperti nomor
telepon, nomor jaminan apita, waktu, tanggal, dan jumlah
uang.

Selain itu ada juga persyaratan Fill inform yang baik adalah:
 harus di grupping dan caption,artinya di dalam pembuatan
fill in form harus di kelompokan dahulu sesuai dengan
caption yang nantinya diperlukan.
 harus memahami fill in form format.
 organisasikan fill informnya.
 desain dengan sesuai pada tugasnya.
 berdasarkan penggunaanya.
 berikan space yang luang pada wight.

24
 2. Dialog Box
Merupakan kombinasi dari menu dan form fill-in. Guidelines
untuk layout dialog box adalah
 Judul dan model yang konsisten
 Urut – urutan dari atas kiri ke bawah kana
 Gunakan penekanan
 Layout yang konsisten (pada margin, grid, white space,
line, dan box)
 Terminologi, fonts, penggunaan huruf apital, dan indentasi
yang konsisten
 Gunakan tombol standard (OK dan Cancel)
 Hindari kesalahan dengan direct manipulation

Selain itu dialog box juga harus memenuhi syarat berikut agar
sesuai dengan lingkungan luarnya:
 Dialog box muncul dan hilang dengan mulus
 Dibedakan dari lingkungan luar dengan pembatas tipis
 Ukuran cukup kecil sehingga tidak terjadi overlap
 Tampilkan dekat item yang memicu dialog box
 Hindari overlap pada item yang diperlukan
 Mudah untuk ditutup
 Mudah untuk diselesaikan / dibatalkan.

E. Question Answer
1. Antarmuka dalam bentuk Pertanyaan/ Jawaban.
a. Pengguna dipandu melalui interaksi dengan serangkaian
pertanyaan.
b. Cocok untuk pengguna pemula tetapi fungsionalitasnya
terbatas.

25
 c. Sering digunakan dalam sistem Informasi.
2. Bahasa Query ( seperti SQL )
a. Digunakan untuk mengambil  informasi dari database.
b. Memerlukan pemahaman tentang struktur database dan
sintaks bahasa, sehingga memerlukan beberapa keahlian

26
F. Feature descriptions in Screen Tips pada Word 2013
a. Hal pertama yang mesti dilakukan adalah mengaktifkan feature
tersebut melalui cara berikut. Buka Word 2013 dan buat
dokumen baru. Klik File, pada pilihan yang ada, cari Options.
Selanjutnya akan terbuka jendela Word Options. Pada pilihan
General, dibagian kanannya, tentukan pengaturan pada Screen
Tip Style ke Show feature descriptions in Screen Tips. Klik OK
dan tutup jendela tersebut.

27
b. Untuk menampilkan kata atau kalimat ScreenTip bikinan
sendiri, kamu mesti memblok kata, kalimat, atau gambar yang
ingin menampilkan ScreenTip. Setelahnya, klik tab Insert. Pada
section Links, pilih Bookmark seperti pada gambar berikut.

c. Setelah memilih, akan tampil jendela Bookmark dan pada kolom

Bookmark name, ketikkan kata ScreenTips. Selanjutnya klik
Add dan jendela secara otomatis akan tertutup.

d. Berikutnya kita akan membuat bookmark tersebut terhubung ke

link-nya. Jadi saat Anda klik link tersebut, akan tampil kata atau

28
 kalimat dari ScreenTip yang telah dibuat sebelumnya. Untuk itu
pastikan kata, kalimat atau gambar telah diblok (highlight). Dan
tekan tombol “Ctrl+K” untuk membuka jendela Insert Hyperlink
dan pilih Place in This Document pada kategori Link to:

e. Pada jendela tersebut, lihat kolom disebelah kanan dan pilih

Bookmarks. Lihat pilihan didalamnya dengan menekan tanda +
untuk melihat pilihan yang ada. Jika kamu telah membuat kata
ScreenTips sesuai langkah empat, maka akan tampil pilihan
ScreenTips dan pilih kata tersebut. Untuk menampilkan teks
pada ScreenTips tersebut, klik ScreenTip pada pilihan di kanan
atas seperti tampak pada gambar.

29
 f. Buat teks berupa kata atau kalimat yang diinginkan sesuai
dengan deskripsi dari ScreenTip ke dalam kotak ScreenTip Text
pada jendela Set Hyperlink ScreenTip. Klik OK untuk
menyudahinya, dan klik OK lagi untuk menutup jendela Insert
Hyperlink. Setelahnya, kamu bisa coba mengarahkan mouse ke
kata, kalimat, atau gambar yang ditambahkan ScreenTip tadi.
Jika berhasil maka akan tampil teks yang kamu buat
sebelumnya.

G. Perbedaan Interface
 Jenis-jenis User Interface
Ada dua jenis User Interface yaitu :
1. Command Line Inteface (CLI) :
CLI (Command Line Interface) adalah tipe
antarmuka dimana penggun berinteraksi dengan system
operasi melalui text terminal.CLI adalah sebuah bentuk
antarmuka antara sistem operasi dan pemakai dimana
pemakai mengetikkan perintah-perintah dengan
menggunakan perintah dalam bentuk teks dan sebuah
metode untuk memasukinya.
Pengguna CLI biasanya adalah administrator
sistem berbasis sistem operasi LINUX. Setiap sistem
operasi memberi nama CLI- nya berbeda-beda. Unix

30
 member nama CLI-nya sebagai bash, ash, ksh, dan lain
sebagainya. Ms-Dos memberi nama CLI-nya
command.com atau command prompt. Sedangkan
Windows Vista, Microsoft menamakannya Powershell.
Pengguna Linux mengenal CLI pada Linux sebagai
Terminal, sedangkan pada Apple atau machintosh
namanya adalah commandshell.

2. Graphical User Interface (GUI)

Saat ini interface yang banyak digunakan dalam
software adalah GUI (Graphical User Interface).Penganut
GUI biasanya adalah mereka yang sudah terbiasa dengan
system operasi Wndows.Bagi mereka, GUI adalah harga
mati yang tidak bisa ditawar lagi.
GUI adalah tipe antarmuka yang digunakan oleh
pengguna untuk berinteraksi dengan system operasi
melalui gambar-gambar grafik, kon, dan menggunakan
perangkat penunjuk (pointing device) seperti mouse atau
track ball.
Sama seperti CL, tiap-tiap siste operasi memiliki
nama tersendiri untuk komponen GUI-nya. Pada Apple
Mac OS X, GUI-nya disebut Aqua. Microsoft member
nama GUI pada Windows XP sebagai Lunar dan GUI
Windows Vista sebagai Aero. Pada Linux, ada dua
pengembangan utama desktop environment, yang masing-
masing menghasilkan roduk KDE (K Desktop
Environment) dan GNOME.

 Prinsip-prinsip dalam Merancang User Interface

Berikut ini prinsip-prinsip UID:

31
 1. User familiarity / Mudah dikenali : gunakan istilah,
konsep dan kebiasaan user bukan computer (misal: sistem
perkantoran gunakan istilah letters, documents, folders
bukandirectories, file, identifiers. — jenis document open
office.
2. Consistency / “selalu begitu” : Konsisten dalam operasi
dan istilah di seluruh sistem sehingga tidak
membingungkan. — layout menu di open office mirip
dgn layout menu di MS office.
3. Minimal surprise / Tidak buat kaget user : Operasi bisa
diduga prosesnya berdasarkan perintah yang disediakan.
4. Recoverability/pemulihan : Recoverability ada dua
macam: Confirmation of destructive action (konfirmasi
terhadap aksi yang merusak) dan ketersediaan fasilitas
pembatalan (undo).
5. User guidance / bantuan : Sistem manual online, menu
help, caption pada icon khusus tersedia.
6. User diversity /keberagaman : Fasilitas interaksi untuk
tipe user yang berbeda disediakan. Misalnya ukuran huruf
bisa diperbesar.

 User Interaction (Interaksi pengguna)

Perancang sistem menghadapi dua masalah penting yaitu
bagaimana informasi dari user bisa disediakan untuk sistem
komputer – misalnya pada saat input data dan bagaimana
informasi dari sistem komputer ditampilkan untuk user – hasil
dari pemrosesan data. User interface yang baik harus
menyatukan interaksi pengguna (user interaction) dan
penyajian informasi (information presentation).

Ada 5 tipe utama interaksi untuk user interaction:

1. Direct manipulation

32
 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. Misalnyasaat 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.

33
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: Gunakan 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.

6. Penyajian Informasi (Information Presentation)

Sistem yang interaktif pasti menyediakan cara untuk

menyajikan informasi untuk pengguna. Penyajian
informasi bisa berupa penyajian langsung dari input yang
diberikan (seperti teks pada word processing) atau
disajikan dengan grafik. Beberapa faktor berikut adalah

34
hal yang perlu diperhatikan sebelum menentukanbentuk
penyajian informasi:
 Apakah pengguna perlu informasi dengan ketepatan
tinggi atau data yang saling berhubungan?
 Seberapa cepat nilai informasi berubah? Harus ada
indikasi perubahan seketika?
 Apakah pengguna harus memberi respon pada
perubahan?
 Apakah pengguna perlu melakukan perubahan pada
informasi yang disajikan?
 Apakah informasi berupa teks atau numerik? Nilai
relatif perlu atau tidak?

Informasi bisa bersifat statis atau dinamis ketika disajikan,

masing-masing baik dengan karakteristik yang berbeda
dan kebutuhan yang berbeda pula:
1. Static information:
 Ditentukan saat awal sesi. Tidak berubah selama
sesi berjalan.
 Bisa berupa informasi numeris atau teks Chart di
MS-Excel
 Disajikan dengan jenis huruf khusus yang mudah
dibaca atau diberi highlight dengan warna tertentu
seperti pada Gambar 4 atau menggunakan icon
yang mewakili
2. Dynamic information:
 Perubahan terjadi selama sesi berlangsung dan
perubahan harus dikomunikasikan/ditunjukkan ke
user

35
  Bisa berupa informasi numeris atau teks. Contoh :
Defragmentation, scanning virus, download
Nilai-nilai relatif misalnya seperti pada Gambar
berikutnya. Selain nilai yang disajikan relatif,
informasinya bersifat dinamis, karena berubah saat sesi
berjalan. Untuk nilai digital kita biasanya gunakan untuk
menunjukkan jam pada jam sistem di komputer. Selain
ketepatan diperlukan, perubahannya tidak terjadi secara
cepat.

36
 BAB III
PENUTUP

1. Kesimpulan
Secara umum Ragam Dialog adalah proses terjadinya kemonukasi
melalui cara dan jenis yang berbeda dalam melakukan proses penyampaian
ataupun informasi melalui interaksi komunikasi yang dilakukan antara dua atau
lebih agen.
Ragam Dialog atau Dialoque Style adalah cara yang digunakan untuk
mengorganisasikan berbagai tehnik dialog dalam melakukan sebuah pertukaran
informasi antara user dan sistem computer.
Ragam Dialog memiliki sifat dan karakteristik dalam hal interaksi
dengan pengguna, antara lain seperti inisiatif, keluwesan, kompleksitas,
kekuatan, konsistensi, umpab balik, observabilitas, Kontrollabilitas, dan
keseimbangan, ketegori ragam dialog antara lain dialog berbasis perintah
tunggal, berbasis pemrograman, dan pengisisan barang, Antaramuka berbasis
alamai dan, Ikon, Sistem menu dan, Penjendelaan, Manipulasi langsung dan
Anatarmuka Berbasis Interaksi Grafis.

2. 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.

37
 DAFTAR PUSTAKA

Milka Priska. “Software: Pengertian, Sejarah, Jenis, Klasifikasi, Lisensi, dan

Contoh”. 2020. https://tekno.foresteract.com/software/

kbbi.kemdikbud.go.id. "Arti kata perangkat lunak pada Kamus Besar Bahasa

Indonesia dalam jaringan". 2020. https://kbbi.kemdikbud.go.id/

dosenpendidikan.co.id. “Software adalah – Pengertian, Macam, Jenis, Fungsi dan

Contoh”. 2020. https://www.dosenpendidikan.co.id/software-adalah/

Made Sudarma. “IMK: Desain Dialog & Dialog Style”. 2019.

elearning.unud.ac.id

Alvian Shanardi. “Tipe-Tipe Interaksi dengan User dalam User Interface”. 2017.
https://sis.binus.ac.id

Taufiq Fiqri. “Pengertian Menu Navigasi, Definisi, Macam-Macam Struktur,

Fungsi dan Manfaat”. 2019. http://student.blog.dinus.ac.id/

Rani Susanto. “Antarmuka Berbasis Menu”. 2017. https://digilib.unikom.ac.id

student.blog.dinus.ac.id. “ IMK: Fill in Form”. 2016.

http://student.blog.dinus.ac.id/

Fanny Yuwono. “Ragam Dialog”. 2018. https://docplayer.info/

Dayu Akbar. “Bikin Tampilan ScreenTips Sendiri di Word 2013”. 2015.

https://www.pcplus.co.id/

Muh Ilham. “Antarmuka Pengguna (User Interface). 2016.

https://muhammadilhamx.wordpress.com/

38