–
70 KB – 85 Pages
PAGE – 2 ============
ii KATA PENGANTAR Puji syukur yang sedalam – dalamnya kepada Allah SWT atas limpahan rahmatNya sehingga modul ini bisa terselesaikan. Manusia bekerja dengan berbagai alat bantu, diantaranya komputer. Pada saat memakai komputer maka terjadi interaksi antara manusia dengan komp uter. Pada proses interaksi biasanya manusia memberikan perintah atau data, kemudian di proses dengan cepat oleh CPU dan akan tampil hasilnya , dengan informasi dari outp ut komputer yang didapat bisa meng ambil keputusan dengan tepat. Terjadinya interaksi antara manusia dan komputer mengalami perubahan dari waktu ke waktu, semakin lama semakin memudahkan dan menyenangkan manusia. Secara umum komputer di beri perintah dengan menuliskan program berupa tulisan, kemudian memakai tampilan simbol atau g ambar sehingga lebih mudah di pahami manusia. Trend yang ada saat ini adal ah pemakaian touchsreen atau layar sentuh. Pengembangan terus di lakukan sehingga di mungkinkan akan ada perubahan dalam sistem interaksi antara manusia dengan komputer. Pemakaian k omputer yang terus – menerus, rutin setiap hari dari pagi sampai sore perlu memperhatikan kesehatan jangka panjang. Ergonomi adalah ilmu yang terkait dengan pemanfaatan alat dengan memperhatikan sisi kesehatan manusia. Hal ini penting untuk meningkatkan prod uktivitas kerja dan mengurangi keluhan – keluhan pekerja. Setelah semua materi di sampaikan di bagian akhir semester ada t ugas akhir semester , mahasiswa di minta membuat tugas gabungan matakuliah: Manajemen Proyek Sistem Informasi, Analisa Perancangan Siste m Informasi, Web Programming 3 dan Interaksi Manusia dan Komputer . Dari sisi penilaian matakuliah IMK mahasiswa di minta memberikan penjelasan tampilan antarmuka (interface) yang dibuat bersama kelompoknya dilanjutkan diskusi/tanya jawab. Banyak hal yang p erlu dipertimbangkan dalam proses pembuatan sistem interaksi manusia dengan komputer, buku ini memberikan berbagai informasi yang perlu agar dapat membuat program dan membuat antar muka dengan baik dan bermanfaat bagi banyak orang. Kritik dan saran membang un di perlukan untuk menyempurnakan buku ini, semoga bermanfaat. Yogyakarta, 23 Maret 2020 Supriyanta , M.Kom.
PAGE – 3 ============
iii DAFTAR ISI Halaman Judul .. .. .. . i Kata Pengantar .. .. .. . ii Daftar Isi .. .. .. . i ii B ab 1 Pengertian Interaksi Manusia & Kompute .. .. .. 1 1.1 Pengertian Interaksi Manusia Dan Komputer .. 1 1.2 Bidang Studi Yang Terkait Imk .. .. . 5 1.3 Piranti Bantu Pengembangan Sistem .. .. .. 7 1.4 Pengelompokan Piranti Bantu .. .. . 7 1.5 Strategi Pengembangan Antarmuka .. .. . 8 Bab 2 Faktor Manusia .. .. .. .. 9 2.1 Tiga Aspek Sistem Komputer .. .. . 9 2.2 Faktor Manusia .. .. .. . 10 Bab 3 Piranti Interaktif .. .. .. 15 3.1 Keyboard .. .. .. . 15 3.2 Penunjuk .. .. .. .. 17 3.3 Pengambil Gambar Terformat .. .. . 20 3.4 Pengambil Gambar Tak Terformat .. .. .. 24 3.5 Gerakan .. .. .. 25 3.6 Layar Tampilan .. .. .. 25 Bab 4 Ragam Dialog .. .. .. . 28 4.1 Sifat Ragam Dialog .. .. .. 28 4.2 Karakteristik Ragam Dialog .. .. . 29 4.3 Kategori Ragam Dialog .. .. .. 29 Bab 5 Desain Antarmuka .. .. .. . 32 5.1 Dasar Desain Interface .. .. .. . 32 5.2 Desain Software Yang Baik .. .. . 33 5.3 Tiga Model Aplikasi Desain Layout .. .. 33 5.4 Design Interface .. .. .. . 34 Bab 6 Graphical User Interface .. .. .. . 40 6.1 Pengertian G UI .. .. .. . 40 6.2 Sistem Koordinat .. .. .. . 41 6.3 Pengaturan Warna .. .. .. .. 42 6.4 Membuat Garis .. .. .. . 43 6.5 Membuat Gambar .. .. .. 44 Bab 9 Pembuatan Komponen Antarmuka Grafis .. .. . 47 9 .1 Tombol Tekan .. .. .. .. 47 9 .2 Spin Box .. .. .. .. 48 9 .3 List Box .. .. .. 49 9 .4 Combo Box .. .. .. 49 9 .5 Tombol Radio .. .. .. 50 9 .6 Check Box .. .. .. .. 51 9 .7 Label Box .. .. .. 51 9 .8 Mendesain Window .. .. .. 51 Bab 10 Aspek Ergonomik .. .. .. . 64 10 .1 Pentingnya Ergonomi .. .. .. . 64
PAGE – 4 ============
iv 10 .2 Permasalahan .. .. .. .. 65 10 .3 Pengertian Ergonomik .. .. .. 68 10 .4 Aspek – Aspek Ergonomik .. .. 68 10 .5 Menggunakan Komputer Secara Ergonomis .. 70 10 .6 Bekerja Dengan Komputer .. .. . 73 10 .7 Kebisingan Dan Radiasi .. .. .. 73 Bab 11 Internet Interaktif .. .. .. .. 75 11.1 Pengertian Internet .. .. .. .. 75 11.2 Cara Mengakses Internet .. .. . 75 11.3 Sumber Daya Internet .. .. .. . 76 11.4 Pengenalan Pembuatan Web Page .. .. . 76 11 .5 Internet Dan E – Business .. .. . 77 11 .6 E – Intermediary .. .. .. .. 78 Bab 12 Presentasi Tugas .. .. .. . 80 Daftar Pustaka .. .. .. .. 81
PAGE – 5 ============
1 BAB 1 PENGERTIAN INTERAKSI MANUSIA & KOMPUTER Gambar 1.1 Interaksi Manusia & Komputer Manusia bekerja dengan berbagai macam alat bantu, salah satunya adalah komputer. Pada saat bekerja terjadi komunikasi atau interaksi antara manusia dan komputer. Komputer di atur atau diperintah oleh manusia, dipakai untuk mengerjakan sesuatu agar tujuan tercapai. Manfaat komputer yang terus berkembang berdampak pada banyak bidang yang bisa dita ngani dengan komputer. Sekarang ini hampir semua bidang pekerjaan memakai komputer untuk bekerja. Untuk bekerja dengan komputer setiap orang tidak harus mengerti tentang mesin komputer atau program secara detail . Program yang dibuat oleh ahli komputer (programmer) akan membantu mempermudah pemakaian komputer. Seorang kasir di toko misalnya, tidak harus belajar tentang komputer secara detail, cukup belajar dasar – dasar memakai komputer, selanjutnya dengan program yang disediakan untuk bekerja mel ayani pembeli, seorang kasir akan bekerja dengan cepat dan mudah. Kasir dan komputer bisa berinteraksi dengan baik karena ada program yang dibuat khusus untuk perhitungan belanja. 1.1 PENGERTIAN INTERAKSI MANUSIA DAN KOMPUTER Bidang Ilmu Interaksi Manus ia dan Komputer adalah: Ilmu yang mempelajari bagaimana mendesain, mengevaluasi dan mengim – plementasikan sistem komputer yang interaktif sehingga dapat digunakan oleh manusia dengan mudah Definisi Interaksi Manusia dan Komputer :
PAGE – 6 ============
2 ebuah hubungan antara manusia dan komputer yang mempunyai karakteristik tertentu untuk mencapai suatu tujuan tertentu dengan menjalankan sebuah sistem yang menggunakan antarmuka ( interface ). Definisi Antarmuka Manusia dan Komputer Media yang memungkinkan manu sia berinteraksi dengan komputer untuk memberikan suatu perintah kepada komputer Bentuk interaksi antara manusia dan komputer memakai antarmuka, pada awal gen erasi awal PC menggunakan antar muka Command Driven , pada sistem ini pemakai diberikan tanda prompt shell dan pemakai mengetikan perintah untuk mengatur komputer. Sekarang dengan GUI, pemakai menggunakan mouse untuk memilih menu pilihan yang dikemas dalam bentuk menu atau ikon. Pemakai tinggal point and cl ick untuk memakai komputer. Bahkan dengan fasilitas touch screen , pemakai bisa menggunakan jarinya untuk mengatur perintah dalam komputer (Kadir, Triwahyuni :2003). Contoh gambar seorang manusia memperhatikan/ berinteraksi dengan komputer, melalui tampila n layar monitor. Gambar 1. 2 Manusia berinterkasi dengan komputer Sebuah program aplikasi terdiri dari 2 bagian yaitu: a. Bagian Antarmuka Bagian antar muka yang berfungsi sebagai sarana dialog antara manusia dengan komputer. Gambar 1. 3 Contoh antarmuka
PAGE – 8 ============
4 Dari gambar tampak tulisan – tulsan berupa pilihan – pilihan untuk kita bekerja membuat laporan evaluasi program studi. Ada beberapa keterangan di bagian bawahnya. Semuanya character bukan graphical atau gambar. Dulu program di buat dengan bentuk tampilan seperti itu, untuk bekerja bisa menggunakan anak panah kiri kanan atas bawah kemudian di enter. Model tersebut di atas sekarang sudah ketinggalan jaman dan tidak di pakai lagi. Gambar 1.6 Tampilan form berbasis teks Untuk mengisi data bisa dilakukan dengan mengisi form seperti pada gambar. Tampak sederhana sekali tampilan userfacenya. Ada petunjuk perintah di bagian bawahnya. Contoh listing pro gram dengan Borland C++ : #include
PAGE – 9 ============
5 b. Media GUI ( Graphical U ser Interface Contoh antarmuka manusia dengan komputer yang berbentuk grafis menggunakan pemrograman visual ( Visual Basic ) : Gambar 1. 8 tampilan berbasis grafis Gambar 1. 9 tampilan berbasis grafis 1.2 BIDANG STUDI YANG TERKAIT IMK Untuk membuat media interaksi manusia dan komputer yang lebih baik maka harus mempelajari dan memahami bidang ilmu . Tampilan di monitor yang menghubungkan pemakai (manusia) dengan komputer tentu harus di rancang dengan baik, mudah dipakai, menyenangkan, ada gambar yang menarik, memakai bahasa yang mudah dimengerti dan lain – lain. Bidang ilmu yang terkait dengan materi ini adalah :
PAGE – 10 ============
6 Gambar 1. 10 tampilan di monitor a. Psikologi : Memahami bagaimana pengguna dapat menggunakan sifat dan kebiasaan baiknya agar dapat menjodohkan mesin dengan manusia sehingga dapat bekerjasama. b. Ergonomik : Berhubungan dengan aspek fisik untuk mendapatkan lingkungan kerja yang nyaman ketika berinteraksi dengan komputer. c. Sosiologi : Berkaitan dengan studi tentang pengaruh sistem manusia dengan komputer dalam struktur sosial. Misal: Dampak komputerisasi terhadap keberadaan seorang user di se buah perusahaan. d. I lmu komputer dan teknik : Berhubungan dengan perangkat keras untuk merancang sistem interaksi manusia dan komputer. e. Desain grafis dan tipografi : Memanfaatkan gambar sebagai sarana dialog yang cukup efektif antara manusia dan komputer. f. Antropologi : Pandangan mendalam tentang cara kerja berkelompok yang masing – masing anggotanya diharapkan memberikan kontribusi teknologi pengetahuan sesuai dengan bidangnya masing – masing. g. Linguistik : Bahasa merupakan sarana komunikasi yang akan mengarahkan pengguna ketika ia berinteraksi dengan komputer. Gambar 1.1 1 ilustrasi hubungan IMK dengan ilmu lain
PAGE – 11 ============
7 1.3 PIRANTI BANTU PENGEMBANG AN SISTEM Untuk mempercepat proses perancangan dan pengembangan antarmuka ( interface ) diperlukan piranti pengembangan sistem seperti pemrogaman visual (Visual Basic, Visual Foxpro, Delphi, Visual C++ dan lain – lain). Gambar1.12 Tampilan awal Visual Basic 6.0 Gambar 1.1 3 Tampilan Delphi Keuntungan menggunakan piranti bantu adalah : Antarmuka yang dihasilkan menjadi lebih baik Pro gram antarmukanya menjadi mudah, lebih cepat ditulis dan lebih ekonomis dalam pemeliharaannya. 1.4 PENGELOMPOKAN PIRANTI BANTU Berdasarkan fungsinya piranti bantu terbagi menjadi 2 yaitu : P iranti bantu Aplikasi ( Application S oftware )
70 KB – 85 Pages