IMK - Membuat Rancangan Tampilan Sistem   Inventaris Barang Pada PT. Jaya Sentosa

Interaksi manusia dan komputer merupakan disiplin ilmu yang mempelajari hubungan antara manusia dan komputer yang meliputi perancangan, evaluasi, dan implementasi antarmuka pengguna komputer agar mudah digunakan oleh manusia. Ilmu ini berusaha menemukan cara yang paling efisien untuk merancang pesan elektronik. Pada pembuatan suatu website salah satu hal yang penting yaitu merancangan tampilan.  Pengertian Perancangan Tampilan yaitu salah satu kriteria penting dari sebuah antarmuka adalah tampilan yang menarik. Desainer tampilan selain harus mempunyai jiwa seni yang memadai, tapi juga harus mengerti selera pengguna secara umum. Hal ini yang perlu disadari oleh seorang perancang tampilan adalah bahwa ia harus bisa meyakinkan proframmer, bahwa apa yang ia bayangkan dapat diwujudkan (diimplementasikan) dengan piranti bantu(tools) yang tersedia.

Jenis Dokumentasi Rancangan Tampilan

Dokumentasi rancangan dapat dikerjakan  atau dilakukan dalam beberapa cara, yaitu:

1. Membuat sketsa pada kertas

2. Menggunakan peranti prototype GUI

3. Menuliskan tekstual yang menjelaskan tentang kaitan antara satu jendela dengan jendela yang lain.

4. Menggunakan peranti bantu yang disebut CASE (Computer-Aided Software Engineering).

Kategori program aplikasi dan pendekatan yang dilakukan

1. Program aplikasi untuk keperluan khusus dengan pengguna yang khusus pula (special purpose software). Biasanya aplikasi ini diperuntukan untuk kebutuhan tertentu, seperti inventori gudang, pengolahan data akademik, reservasi hotel dan lain sebagainya.  Untuk aplikasi ini   ada dua pendekatan yang dilakukan, yaitu:

a. Pendekatan secara user-centered design 

b. Pendekatan user design approach

2. Program aplikasi yang akan digunakan oleh banyak pengguna (general purpose software). Salah satu  kunci penting dalam pembuatan modul antarmuka untuk program-program  aplikasi ini adalah dengan melakukan customization, sehingga pengguna dapat menggunakan program aplikasi dengan wajah antarmuka yang sesuai dengan selera masing-masing pengguna.

Antarmuka pengguna secara alamiah terbagi menjadi empat komponen :

1.Model pengguna.

2.Bahasa perintah.

3.Umpan balik.

4.Penampilan informasi

 

Urutan Perancangan

Setelah mengetahui beberapa prinsip dan petunjuk perancangan diatas, maka dalam merancang antarmuka juga dapat dikerjakan berdasarkan urutan berikut:

1. Pemilihan ragam dialog, pilihlah ragam dialog yang menurut pikiran cocok untuk tugas tersebut.

2. Perancangan struktur dialog, tahap ini adalam melakukan analisis tugas dan menentukan model pengguna dari tugas tersebut untuk membentuk struktur dialog yang sesuai

3. Perancangan format pesan, pada tahap ini tata letak tampilan dan keterangan tekstual secara terinci harus mendapat perhatian lebih

Tugas !!

Buatlah rancangan tampilan dengan judul/tema bebas dengan visio atau aplikasi lain
upload di blog masing-masing dengan mengirimkan link blognya !

 

Berikut merupakan hasil dari pengerjaan rancangan tampilan menggunakan draw.io dengan judul "Aplikasi Sistem Inventaris Barang Pada PT.Jaya Sentosa". Dari rancangan ini kita mengetahui gambar saat akan membuat program mengenai inverntaris barang. 

 

 

Kamis, 3 Desember 2020

Nama    : Marsya Adela

NPM    : 20311423

Kelas    : SI20B

Tugas Interaksi Manusia dan Komputer

1. Jelaskan Hubungan antara Hardware, Software, dan Brainware ?

Hardware => Perangkat Keras atau dapat diartikan sebagai bagian dari komputer 
                            Hardware merupakan mesin

Software  => Perangkat Lunak yang menjadi jembatan antara pengguna atauu brainware
                            dengan mesin

Brainware => Pengguna itu sendiri hubungan ketiganya muncul dengan pengguna atau
                            brainware membutuhkan software untuk menerjemahkan intruksi dari
                            bahasa mesin dan kemudian akan dijalankan oleh hardware

2. Bagaimana manusia dapat berinteraksi dengan komputer?

manusia dapat berinteraksi dengan komputer melalui bidang ilmu yang dinamakan interaksi manusia dan komputer. Bidang ilmu tersebut mempelajari bagaimana proses, dialog, dan kegiatan yang dilakukan manusia untuk berinteraksi dengan komputer yang keduanya saling memberikan masukan melalui antarmuka. 

3. Jelaskan Pengertian Luminans,Kontras dan Kecerahan !

 Luminans adalah banyaknya cahaya yang dipantulkan permukaan objek. Semakin besar luminans dari sebuah objek, rincian objek yang dapat dilihat oleh mata juga akan semakin bertambah.

·    Kontras adalah hubungan antara cahaya yang dikeluarkan oleh suatu objek dan cahaya dari latar belakang objek tersebut. Untuk mendapatkan nilai kontras ini dengan melihat selisih antara luminans objek dengan latar belakangnya dibagi dengan luminans latar belakang

·        Kecerahan adalah tanggapan subjektif objek terhadap cahaya. Tidak ada arti khusus tentang kecarahan sebagaimana luminans dan kontras, tetapi secara umum suatu objek dengan luminans yang tinggi akan mempunyai tingkat kecerahan yang tinggi juga

      4. Kombinasi warna terbaik untuk latar belakang berwarna : A.Biru, B.Merah , C.Hijau

Background	Garis dan Teks(Normal)	Garis dan Teks(Tebal)
Biru	Hijau (62%), Merah & Hitam (37%)	Hijau (44%), Merah & Hitam (31%)
Merah	Magenta (81%), Biru (44%), Hijau & Cyan (25%)	Magenta (69%), Biru (50%), Hijau (37%), Cyan (25%)
Hijau	Cyan (81%), Magenta (50%), Kuning (37%)	Cyan (81%), Magenta & Kuning (44%)

5. Jelaskan perbedaan pengolahan manusia secara sadar dan otomatis(berikan contoh)

Pengolahan secara sadar terjadi ketika rangsangan yang datang dibawa ke bagian intelektual dan memerlukan beberapa waktu untuk menghasilkan tanggapan yang sesuai. Pengolahan secara otomatis terjadi secara reflek dan hanya memerlukan waktu yang sangat pendek. Contoh : Kita dapat mengerjakan aktivitas tersebut tanpa harus berfikir. Sebagai contoh, aktivitas untuk membaca, menulis, berbicara dalam bahasa ibu, mengendarai sepeda, menggosok gigi, dan lain-lain.

 

6. Sebutkan karakteristik umum yang dimiliki oleh setiap ragam dialog

Konsistensi, Umpan Balik, Observabilitas, Inisiatif, Keluasan, Kompleksitas, Kekuatan, Kontrolabilitas, Efisiensi, Keseimbangan

7.  Jelaskan perbedaan kecakapan manusia dan komputer

Kecakapan manusia :
• Estimasi
• Kreatifitas
• Adaptasi
• Kesadaran serempak
• Pengolahan abnormal/perkecualian
• Memori asosiatif
• Pengambilan keputusan non-deterministik
• Pengenalan pola
• Pengetahuan dunia
• Kesalahan manusiawi

Kecakapan komputer :
• Kalkulasi akurat
• Konsistensi
• Aktifitas perulangan
• Multitasking
• Pengolahan rutin
• Penyimanan dan pemanggilan kembali data
• Pengambilan keputusan deterministik
• Pengetahuan domain
• Pengolahan data
• Bebas dari kesalahan

8. Jelaskan beberapa perintah tunggal dalam Dos atau UNIX!

1. pwd : perintah ini digunakan untuk mengetahui di direktori mana kita sedang berada. Lihat contoh berikut ini :

# pwd
/usr/local

Pada contoh di atas, perintah pwd menampilkan hasil /usr/local, artinya saat ini user sedang berada dalam direktori /usr/local.

2. cd : perintah ini artinya “change directory”; digunakan untuk berganti direktori. Perhatikan contoh berikut ini untuk mengetahui bagaimana menggunakan perintah cd :

# pwd
/home/tedy
# cd /usr/local
# pwd
/usr/local

3. ls : perintah ini digunakan untuk mengetahui isi dari sebuah direktori. Perintah ini sama dengan perintah dir dalam lingkungan DOS. Lihat contoh berikut ini :

# pwd
/home/tedy/tes
# ls

4. cp : perintah ini digunakan untuk membuat salinan dari sebuah file. Format perintah untuk menyalin sebuah file adalah seperti berikut ini :

# cp /home/tedy/contoh.txt /home/tedy/tes/

5. mv : perintah ini sama digunakan untuk memindahkan suatu file dari suatu direktori ke direktori lainnya. Perintah ini juga bisa dipakai untuk mengganti nama sebuah file.

# mv /home/tedy/contoh.txt /home/tedy/tes

9. Jelaskan Pengertian dari bahasa dialog berbasis bahasa pemrograman!

Dialog berbasis bahasa pemrograman merupakan ragam dialog yang memungkinkan pengguna untuk mengemas sejumlah perintah kedalam suatu berkas yang sering disebut batch file.

10. Jelaskan pengertian dari sistem menu ?

Sistem menu merupakan pilihan yang tepat untuk menunjukan kemampuan dan fasilitas yang dimiliki oleh sebuah program aplikasi kepada pengguna. Menu adalah daftar sejumlah pilihan dalam jumlah terbatas, yang biasanya berupa suatu kalimat atau kumpulan beberapa kata.

 11. Jelaskan perbedaan sistem menu dan menu tarik   

a. Sistem menu datar adalah kemampuan dan fasilitas yang dimiliki oleh suatu program aplikasi akan ditampilkan secara lengkap, dan biasanya menggunakan kalimat-kalimat yang cukup panjang.

b. Menu tarik pada dasarnya adalah sistem menu yang pilihannya  dikelompokan menurut katagori tertentu atau menurut cara tertentu sehingga mereka membentuk semacam hirarki pilihan. Seperti diketahui, dalam menu tarik, pilihan utamanya saja yang terlihat pada layar dan turunannya akan terlihat jika kita mengaktifkan salah satu menu utamanya tersebut.

 12. Jelaskan pengertian teknik dialog pengisi borang?

Teknik dialog berbasis pengisian borang (form filling dialogue) merupakan suatu penerapan langsung dari aktifitas pengisian borang dalam kehidupan sehari – hari dimana pengguna akan dihadapkan pada suatu bentuk borang yang ada di layar komputer yang mereka gunakan.

  

13. Apa saja yang harus diperhatikan dalam perancangan tampilan berbasis borang?

1. Proteksi Tampilan

2. Batas Medan Tampilan

3. Isi Medan

4. Medan Opsional

5. Default

6. Bantuan

7. Medan Penghentian

8. Navigasi

9. Pembetulan Kesahalah

10. penyelesaian

 

14. Jelaskan pengertian dari sistem penjendelaan ?

sistem penjendelaan (atau sistem jendela) adalah jenis antar muka grafis (GUI) yang mengimplementasikan paradigma WIMP (jendela, ikon, menu, pointer) untuk antarmuka pengguna.

 

15. Sebutakan keuntungan dan kerugian manipulasi langsung!

 

NO	KEUNTUNGAN	KERUGIAN
1	Mempunyai analogi yang jelas dengan suatu pekerjaan	Memerlukan program yang rumit dan berukuran besar
2	Mengurangi waktu pembelajaran	Memerlukan tampilan grafis berkinerja tinggi
3	Memberikan tantangan untuk eksplorasi pekerjaan yang nyata	Memerlukan peranti masukan seperti tetikus, trackball
4	Penampilan visual yang bagus	Memerlukan perancangan tampilan dengan kualifikasi tertentu
5	Mudah dioprasikan
6	Tersedianya berbagai perangkat bantu untuk merancang ragam dialog manipulasi langsung