Pertemuan 1 - univbsi.idunivbsi.id/pdf/2017/804/804-P01.pdf · a. Teknik Elektronika dan ilmu...

33
Pertemuan 1 PENGENALAN IMK

Transcript of Pertemuan 1 - univbsi.idunivbsi.id/pdf/2017/804/804-P01.pdf · a. Teknik Elektronika dan ilmu...

Page 1: Pertemuan 1 - univbsi.idunivbsi.id/pdf/2017/804/804-P01.pdf · a. Teknik Elektronika dan ilmu komputer Berhubungan dengan perangkat keras untuk merancang sistem interaksi manusia

Pertemuan 1

PENGENALAN IMK

Page 2: Pertemuan 1 - univbsi.idunivbsi.id/pdf/2017/804/804-P01.pdf · a. Teknik Elektronika dan ilmu komputer Berhubungan dengan perangkat keras untuk merancang sistem interaksi manusia

Apa itu IMK?

– Secara sederhana IMK adalah studi tentang

manusia,teknologi komputer dan cara bagaimana

mereka saling berinteraksi.

– Kita mempelajari IMK untuk dapat menentukan

bagaimana membuat agar teknologi komputer dapat

lebih berguna bagi manusia

Page 3: Pertemuan 1 - univbsi.idunivbsi.id/pdf/2017/804/804-P01.pdf · a. Teknik Elektronika dan ilmu komputer Berhubungan dengan perangkat keras untuk merancang sistem interaksi manusia

Apa itu IMK?

Hal tersebut membutuhkan pemahaman tentang tiga hal,

yaitu:

• Teknologi komputer

• Manusia yang akan berinteraksi dengannya

• Dan apa yang dimaksud dengan “lebih berguna”

(more usable)

Page 4: Pertemuan 1 - univbsi.idunivbsi.id/pdf/2017/804/804-P01.pdf · a. Teknik Elektronika dan ilmu komputer Berhubungan dengan perangkat keras untuk merancang sistem interaksi manusia

“IMK adalah apa yang terjadi saat pengguna

manusia dan sistem komputer bersama-

sama menyelesaikan suatu tugas /

pekerjaan”.

Apa itu IMK?

Page 5: Pertemuan 1 - univbsi.idunivbsi.id/pdf/2017/804/804-P01.pdf · a. Teknik Elektronika dan ilmu komputer Berhubungan dengan perangkat keras untuk merancang sistem interaksi manusia

Bidang Ilmu Interaksi Manusia dan Komputer adalah:

“Ilmu yang mempelajari bagaimana mendesain,mengevaluasi dan mengimplementasikan sistemkomputer yang interaktif sehingga dapat digunakan olehmanusia dengan mudah ”

Definisi Interaksi Manusia dan Komputer :

“Sebuah hubungan antara manusia dan komputeryang mempunyai karakteristik tertentu untuk mencapaisuatu tujuan tertentu dengan menjalankan sebuahsistem yang menggunakan antarmuka (interface).”

Page 6: Pertemuan 1 - univbsi.idunivbsi.id/pdf/2017/804/804-P01.pdf · a. Teknik Elektronika dan ilmu komputer Berhubungan dengan perangkat keras untuk merancang sistem interaksi manusia

1 .Pendahuluan

• Saat ini perkembangan teknologi (komputer) sangat

pesat

• Hampir setiap saat kita berhubungan dengan teknologi

komputer

• Pada awal perkembangan komputer tahun 1950, masih

sangat sulit dioperasikan, tidak praktis, dan waktu

eksekusinya sulit diprediksi.

Page 7: Pertemuan 1 - univbsi.idunivbsi.id/pdf/2017/804/804-P01.pdf · a. Teknik Elektronika dan ilmu komputer Berhubungan dengan perangkat keras untuk merancang sistem interaksi manusia

Faktor Penyebabnya

• Ukurannya sangat besar dan harganya sangat mahal,sehingga jika dibandingkan tenaga buruh saat itumasih jauh lebih murah.

• Hanya dapat dioperasikan oleh tenaga teknisispesialis yang sudah terbiasa melakukanpemrograman secara on-line dengan menggunakankartu plong (punch card).

• Hanya sedikit yang diketahui tentang bagaimanamembuatnya mudah untuk digunakan.

Page 8: Pertemuan 1 - univbsi.idunivbsi.id/pdf/2017/804/804-P01.pdf · a. Teknik Elektronika dan ilmu komputer Berhubungan dengan perangkat keras untuk merancang sistem interaksi manusia

ENIAC 1

Page 9: Pertemuan 1 - univbsi.idunivbsi.id/pdf/2017/804/804-P01.pdf · a. Teknik Elektronika dan ilmu komputer Berhubungan dengan perangkat keras untuk merancang sistem interaksi manusia

Program ENIAC

Page 10: Pertemuan 1 - univbsi.idunivbsi.id/pdf/2017/804/804-P01.pdf · a. Teknik Elektronika dan ilmu komputer Berhubungan dengan perangkat keras untuk merancang sistem interaksi manusia

ILLIAC II

Page 11: Pertemuan 1 - univbsi.idunivbsi.id/pdf/2017/804/804-P01.pdf · a. Teknik Elektronika dan ilmu komputer Berhubungan dengan perangkat keras untuk merancang sistem interaksi manusia

Kondisi Saat ini

Saat ini komputer sudah jauh lebih murah, digunakan

untuk hampir setiap sisi kehidupan, kita mempunyai

pengetahuan yang cukup bagaimana agar komputer

dapat menyesuaikan dengan kebutuhan kerja manusia.

Page 12: Pertemuan 1 - univbsi.idunivbsi.id/pdf/2017/804/804-P01.pdf · a. Teknik Elektronika dan ilmu komputer Berhubungan dengan perangkat keras untuk merancang sistem interaksi manusia

Perubahan Teknologi

Penurunan harga komputer yang sangat dramatisdihasilkan oleh adanya perkembangan teknologi terutamateknologi microelectronic dalam bentuk keping silicon (IC).

Kemampuan teknologi untuk memperkecil ukuranrangkaian serta mengkemas sejumlah rangkaian dalam satukeping tipis IC merupakan langkah menuju perkembangankomputer yang powerful dengan kapasitas penyimpan yangbesar, namun dengan harga yang semakin murah.

Page 13: Pertemuan 1 - univbsi.idunivbsi.id/pdf/2017/804/804-P01.pdf · a. Teknik Elektronika dan ilmu komputer Berhubungan dengan perangkat keras untuk merancang sistem interaksi manusia

Perubahan Teknologi

Perubahan teknologi di atas telah membuka

kemungkinan penggunaan komputer yang lebih luas.

Saat ini kehadiran komputer sudah tidak dapat

dilepaskan dari dunia bisnis dan industri modern.

Komputer juga ditemukan dalam penggunaan aplikasi

rumah tangga

Page 14: Pertemuan 1 - univbsi.idunivbsi.id/pdf/2017/804/804-P01.pdf · a. Teknik Elektronika dan ilmu komputer Berhubungan dengan perangkat keras untuk merancang sistem interaksi manusia

Kebutuhan Perancangan yang Berbeda

Agar komputer dapat diterima secara luas dan

digunakan secara efektif, maka perlu dirancang secara

baik. Hal ini tidak berarti bahwa semua sistem harus

dirancang agar dapat mengakomodasi semua orang,

namun komputer perlu dirancang agar memenuhi dan

mempunyai kemampuan sesuai dengan kebutuhan

pengguna secara spesifik.

Page 15: Pertemuan 1 - univbsi.idunivbsi.id/pdf/2017/804/804-P01.pdf · a. Teknik Elektronika dan ilmu komputer Berhubungan dengan perangkat keras untuk merancang sistem interaksi manusia

Istilah IMK / HCI

Pada tahun 1970 mulai dikenal istilah antarmuka

pengguna (user interface), yang juga dikenal dengan

istilah Man-Machine Interface (MMI), dan mulai menjadi

topik perhatian bagi peneliti dan perancang sistem.

Perusahaan komputer mulai memikirkan aspek

fisik dari antarmuka pengguna sebagai faktor penentu

keberhasilan dalam pemasaran produknya.

Page 16: Pertemuan 1 - univbsi.idunivbsi.id/pdf/2017/804/804-P01.pdf · a. Teknik Elektronika dan ilmu komputer Berhubungan dengan perangkat keras untuk merancang sistem interaksi manusia

Istilah IMK / HCI

Istilah human-computer interaction (HCI) mulai

muncul pertengahan tahun 1980-an sebagai bidang studi

yang baru.

Istilah HCI mengisyaratkan bahwa bidang studi ini

mempunyai fokus yang lebih luas, tidak hanya sekedar

perancangan antarmuka secara fisik.

Page 17: Pertemuan 1 - univbsi.idunivbsi.id/pdf/2017/804/804-P01.pdf · a. Teknik Elektronika dan ilmu komputer Berhubungan dengan perangkat keras untuk merancang sistem interaksi manusia

Istilah IMK / HCI

HCI didefinisikan sebagai disiplin ilmu yang

berhubungan dengan perancangan, evaluasi, dan

implementasi sistem komputer interaktif untuk digunakan

oleh manusia dan studi tentang fenomena di sekitarnya.

HCI pada prinsipnya membuat agar sistem dapat

berdialog dengan penggunanya seramah mungkin.

Page 18: Pertemuan 1 - univbsi.idunivbsi.id/pdf/2017/804/804-P01.pdf · a. Teknik Elektronika dan ilmu komputer Berhubungan dengan perangkat keras untuk merancang sistem interaksi manusia

Definisi Antarmuka Manusia dan Komputer

“Media yang memungkinkan manusia berinteraksidengan komputer untuk memberikan suatu perintahkepada komputer ”

Sebuah program aplikasi terdiri dari 2 bagian yaitu:

- Bagian Antarmuka.

- Bagian Aplikasi.

Page 19: Pertemuan 1 - univbsi.idunivbsi.id/pdf/2017/804/804-P01.pdf · a. Teknik Elektronika dan ilmu komputer Berhubungan dengan perangkat keras untuk merancang sistem interaksi manusia

Media antarmuka manusia dan komputer terbagi

menjadi 2 yaitu :

a. Media tekstual

b. Media GUI (Graphical User Interface)

a.Media Tekstual adalah “ bentuk sederhana dialog

atau komunikasi antara manusia dan komputer yang

hanya berisi teks dan kurang menarik “.

Contoh: perintah “Printf” dalam Borland C++.

Page 20: Pertemuan 1 - univbsi.idunivbsi.id/pdf/2017/804/804-P01.pdf · a. Teknik Elektronika dan ilmu komputer Berhubungan dengan perangkat keras untuk merancang sistem interaksi manusia

Contoh listing program dengan Borland C++ :

#include <stdio.h>

#include <conio.h>

main()

{

clrscr();

printf("Selamat Belajar\n");

printf("Borland C++");

getch();

}

/------------------------------------/

OUTPUT :

Page 21: Pertemuan 1 - univbsi.idunivbsi.id/pdf/2017/804/804-P01.pdf · a. Teknik Elektronika dan ilmu komputer Berhubungan dengan perangkat keras untuk merancang sistem interaksi manusia

b. Media GUI (Graphical User Interface) adalah

“bentuk dialog atau komunikasi antara manusia dan

komputer yang berbentuk grafis dan sangat atraktif”.

Contoh antarmuka manusia dengan komputer yang

berbentuk grafis menggunakan pemrograman visual

(Visual Basic, Visual Foxpro, Delphi dan lain-lain).

Page 22: Pertemuan 1 - univbsi.idunivbsi.id/pdf/2017/804/804-P01.pdf · a. Teknik Elektronika dan ilmu komputer Berhubungan dengan perangkat keras untuk merancang sistem interaksi manusia

Untuk membuat media interaksi manusia dan komputer

yang lebih baik maka harus mempelajari dan memahami

bidang ilmu lain :

a. Teknik Elektronika dan ilmu komputer

Berhubungan dengan perangkat keras untuk merancang

sistem interaksi manusia dan komputer.

b. Psikologi

Memahami bagaimana pengguna dapat menggunakan

sifat dan kebiasaan baiknya agar dapat menjodohkan

mesin dengan manusia sehingga dapat bekerjasama.

2. Bidang Studi

Page 23: Pertemuan 1 - univbsi.idunivbsi.id/pdf/2017/804/804-P01.pdf · a. Teknik Elektronika dan ilmu komputer Berhubungan dengan perangkat keras untuk merancang sistem interaksi manusia

c. Perancangan grafis dan tipografi

Memanfaatkan gambar sebagai sarana dialog yang

cukup efektif antara manusia dan komputer.

d. Ergonomik

Berhubungan dengan aspek fisik untuk mendapatkan

lingkungan kerja yang nyaman ketika berinteraksi

dengan komputer.

e. Antropologi

Pandangan mendalam tentang cara kerja berkelompok

yang masing-masing anggotanya diharapkan

memberikan kontribusi teknologi pengetahuan sesuai

dengan bidangnya masing-masing.

Page 24: Pertemuan 1 - univbsi.idunivbsi.id/pdf/2017/804/804-P01.pdf · a. Teknik Elektronika dan ilmu komputer Berhubungan dengan perangkat keras untuk merancang sistem interaksi manusia

f. Linguistik

Bahasa merupakan sarana komunikasi yang akan

mengarahkan pengguna ketika ia berinteraksi dengan

komputer.

g. Sosiologi

Berkaitan dengan studi tentang pengaruh sistem

manusia dengan komputer dalam struktur sosial.

misal: Dampak komputerisasi terhadap keberadaan

seorang user di sebuah perusahaan.

Page 25: Pertemuan 1 - univbsi.idunivbsi.id/pdf/2017/804/804-P01.pdf · a. Teknik Elektronika dan ilmu komputer Berhubungan dengan perangkat keras untuk merancang sistem interaksi manusia

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

3.Piranti (alat) Bantu Pengembang Sistem

Page 26: Pertemuan 1 - univbsi.idunivbsi.id/pdf/2017/804/804-P01.pdf · a. Teknik Elektronika dan ilmu komputer Berhubungan dengan perangkat keras untuk merancang sistem interaksi manusia

Keuntungan menggunakan piranti bantu adalah :

a. Antarmuka yang dihasilkan menjadi lebih baik

b. Program antarmukanya menjadi mudah ditulis dan

lebih ekonomis dalam pemeliharaannya.

Page 27: Pertemuan 1 - univbsi.idunivbsi.id/pdf/2017/804/804-P01.pdf · a. Teknik Elektronika dan ilmu komputer Berhubungan dengan perangkat keras untuk merancang sistem interaksi manusia

4. Pengelompokan Piranti Bantu

Berdasarkan fungsinya piranti bantu terbagi menjadi 2

yaitu :

a. Piranti bantu Aplikasi (application software)

Program yang biasa dipakai oleh pemakai untuk

melakukan tugas-tugas, misalnya membuat dokumen,

manipulasi photo dan membuat laporan.

Page 28: Pertemuan 1 - univbsi.idunivbsi.id/pdf/2017/804/804-P01.pdf · a. Teknik Elektronika dan ilmu komputer Berhubungan dengan perangkat keras untuk merancang sistem interaksi manusia

b.Piranti bantu Sistem (System Software)

Program yang digunakan untuk mengontrol

sumberdaya komputer seperti CPU dan hardware masukan

/ keluaran.

5. Strategi Pengembangan Antarmuka / interface

Beberapa hal yang harus diperhatikan :

Pengetahuan tentang mekanisme fungsi manusia sebagai

pengguna komputer.

Page 29: Pertemuan 1 - univbsi.idunivbsi.id/pdf/2017/804/804-P01.pdf · a. Teknik Elektronika dan ilmu komputer Berhubungan dengan perangkat keras untuk merancang sistem interaksi manusia

Pengetahuan tentang mekanisme fungsi manusia

sebagai pengguna komputer.

Informasi tentang ragam dialog, struktur,isi tekstual

dan grafis, tanggapan waktu, kecepatan tampilan

Penggunaan prototipe yang disusun secara

bersama- sama antara calon pengguna dan

perancang sistem.

Teknik evaluasi dengan menggunakan uji coba

sejumlah kasus, tanya jawab dan kuisioner.

Page 30: Pertemuan 1 - univbsi.idunivbsi.id/pdf/2017/804/804-P01.pdf · a. Teknik Elektronika dan ilmu komputer Berhubungan dengan perangkat keras untuk merancang sistem interaksi manusia

1. Media yang memungkinkan manusia berinteraksi

dengan komputer untuk memberikan suatu perintah

kepada komputer adalah definisi dari :

a. Program d. Komputer

b. Aplikasi e. Salah Semua

c. Interface

2. Bagian yang berfungsi menghasilkan informasi

berdasarkan pengolahan data yang sudah dimasukan

oleh pengguna lewat algoritma adalah definisi dari:

a. Program d. Input

b. Aplikasi e. Salah Semua

c. Interface

Latihan Pertemuan 1

Page 31: Pertemuan 1 - univbsi.idunivbsi.id/pdf/2017/804/804-P01.pdf · a. Teknik Elektronika dan ilmu komputer Berhubungan dengan perangkat keras untuk merancang sistem interaksi manusia

2. Bagian yang berfungsi menghasilkan informasi

berdasarkan pengolahan data yang sudah dimasukan

oleh pengguna lewat algoritma adalah definisi dari:

a. Program d. Input

b. Aplikasi e. Salah Semua

c. Interface

3. Media bentuk sederhana dialog antara manusia dan

komputer yang kurang menarik karena berisi teks

adalah adalah :

a.Media Animasi d. Media Aplikasi

b.Media Gambar e. Media Tekstual

c.Media GUI

Latihan Pertemuan 1

Page 32: Pertemuan 1 - univbsi.idunivbsi.id/pdf/2017/804/804-P01.pdf · a. Teknik Elektronika dan ilmu komputer Berhubungan dengan perangkat keras untuk merancang sistem interaksi manusia

3. Media bentuk sederhana dialog antara manusia dan

komputer yang kurang menarik karena berisi teks

adalah adalah :

a. Media Animasi d. Media Aplikasi

b. Media Gambar e. Media Tekstual

c. Media GUI

4. Bahasa pemrograman dibawah ini yang masih

berbentuk teks hasil outputnya adalah :

a. C++ b. Visual Basic

b. Visual Foxpro e. Macro Media Flash

c. Delphi

Latihan Pertemuan 1

Page 33: Pertemuan 1 - univbsi.idunivbsi.id/pdf/2017/804/804-P01.pdf · a. Teknik Elektronika dan ilmu komputer Berhubungan dengan perangkat keras untuk merancang sistem interaksi manusia

5. Bahasa merupakan sarana komunikasi yang akan

mengarahkan pengguna ketika ia berinteraksi dengan

komputer adalah :

a. Ergonomik d. Linguistik

b. Psikologi e. Antropologi

c. Sosiologi

1. Media yang memungkinkan manusia berinteraksi

dengan komputer untuk memberikan suatu perintah

kepada komputer adalah definisi dari :

a. Program d. Komputer

b. Aplikasi e. Salah Semua

c. Interface

Latihan Pertemuan 1