1. Storyboard, diag. Navigasi, Use Case & Activity Diagram pada kasus tertentu. (UAS)
   
2. 15 soal dari 30 soal pilihan ganda (pertemuan 9 – 14). (Pilih 15 saja – Kelompok). Yang tidak masuk dikumpulkan saat ujian.

1. GUI singkatan dari …
2. Berisi kode dan data yang diperlukan supaya grafik dapat ditampilkan di layar …
3. Porsedur untuk memulai menggunakan grafik adalah …
4. Graph Diver pada unit standar graph adalah … (sebutkan 3 saja).
5. Prosedur standar untuk berpindah dari mode grafik ke mode teks …
6. Faktor yang berhubungan dengan kenyamanan kerja diistilahkan dengan …
7. Aspek penting yang perlu dipertimbangkan yang berhubungan dengan kenyamanan kerja … (sebutkan 3)
8. Suatu bidang ilmu yang berhubungan dengan pengukuran tubuh manusia disebut …
9. Sebutkan contoh tipe pekerjaan yang perlu dipertimbangkan yang berhubungan dengan ergonomik … (min 3).
10. Sebutkan tujuan2 dari Antropometrik
11. Komponen antarmuka grafis yang digunakan untuk mengatur nilai suatu peubah, biasanya bertipe numerik, dengan menambah atau mengurangkannya dengan suatu nilai tertentu dan nilai maksimum dan minimum peubah dinyatakan dengan jelas adalah …
12. Komponen antarmuka grafis yang digunakan untuk menampilkan sejumlah pilihan yang tersedia yang dapat dipilih oleh pengguna program. Biasanya pilihan yang dapat dipilih berupa pilihan tunggal, tetapi dalam kondisi tertentu juga dimungkinkan untuk membuat pilihan jamak (multiple choices) adalah …
13. Komponen antarmuka grafis yang menampilkan pilihan tidak akan terlihat sampai pengguna menekan tombol kontrol dan juga dapat memasukkan pilihan yang mungkin tidak ada dalam daftar pilihan yang tersedia adalah …
14. Komponen antarmuka grafis yang digunakan untuk mengaktifkan suatu aktivitas apabila tombol tersebut ditekan menggunakan mouse (Click Mouse) adalah …
15. Jenis widow, kecuali
    a. Document Window
    b. Application Window
    c. Utility Window
    d. Multiple Window
16. Yang perlu diperhatikan dalam mendesain judul window, kecuali
    a. Window harus diberi Judul
    b. Judul Window harus relevan
    c. Beri judul yang berbeda pada window yang dibuka
    d. Berilah Font yang menarik
17. Ketentuan boleh tidaknya berinteraksi dari wondow satu ke window lain dalam satu aplikasi
    a. Modality
    b. Entity
    c. Ergonomik
    d. Flexiblelity
18. Yang perlu diperhatikan dalam mendesain window, kecuali
    a. Desain Judul Window
    b. Modality
    c. Desain Border
    d. Warna Window
19. Mekanisme saat window menerima data data dari input device antara lain …
20. Jaringan komputer yang menghubungkan komputer seluruh dunia disebut …
21. Sebutkan (min 3) cara mengakses internet …
22. Perusahaan penyedia jasa layanan internet disebut …
23. Sebutkan beberapa sumber daya (source) internet … (min 3)
24. Jaringan komunikasi tanpa kabel disebut …
25. Jaringan komunikasi tanpa kabel disebut
26. Situs web yang tidak mempunyai produk tetapi merupakan perantara yang menyediakan sarana komunikasi dan informasi seperti produk dan harga yang berasal dari pemasok diantara pebisnis disebut
27. E – Intermediary pada internet atau situs web yang menawarkan hubungan kepada konsumen ke situs-situs web lain atas jasa ini web yang menghubungkan ke web lain akan mendapatkan komisi disebut
28. Pada perdagangan elektronis yang model perdagangan yang terjadi antara konsumen dengan konsumen dan memungkinkan orang-orang dapat menjual atau membeli barang diantara mereka sendiri disebut …
29. Pada perdagangan elektronis yang mendukung bisnis berbasis konsumen ke pelaku bisnis yang memungkin konsumen dapat menjual ke suatu perusahaan disebut …
30. Pada perdagangan elektonis atau e-commerce yang menyatakan jual beli produk atau jasa melibatkan dua atau beberapa perusahaan yang umumnya terlibat perusahaan pemasok, distributor, pabrik disebut …

Berbeda dengan diagram use use case yang hanya menggambarkan apa yang dilakukan oleh sistem, pada diagram aktivitas, bagaimana sistem melakukan suatu aksi dijelaskan lebih rinci. Beberapa situs menjelaskan cukup baik mengenai diagram aktivitas, bahkan ada yang memberi tip dan trik untuk membuat diagram aktivitas dengan cepat. Lihat link ini.

Diagram aktivitas adalah bentuk objek dari diagram air (flowchart) dan diagram alid data (DFD). Beberapa kelemahan pada diagram alir yang tidak praktis diperbaiki di  diagram aktivitas. Sebagai contoh saat kita membuat suatu keputusan dari perhitungan, apakah positif atau negatif, saya dan mungkin anda ribet juga menulis kondisi berupa pertanyaan. Nah, pada diagram aktivitas, tidak ada pertanyaan, hanya saja saat keluar dari diamond (simbol keputusan) harus dijelaskan kondisi yang “tidak”, dengan cara menulis kata di antara kurung kotak dan dicetak miring, misalnya untuk kasus di atas [x negatif].

Beberapa istilah yang muncul pada diagram ini adalah: Initia Node, Aktivity Final Node, Activity, Flow/edge, Fork, Join,Condition, merge, partition, Sub Activity Indicator, Flow Final, Note, Use Case.  Berikut ini contoh diagram aktivitas, rancangan Scott W. Ambler 2005.

Diantara diagram-diagram Unified modeling Language (UML), sepertinya hanya use case dan activity diagram yang penting dalam perancangan sistem interaksi. Use case diagram yang termasuk dalam kategori static diagram bermaksud menjelaskan apa yang dilakukan sistem. Yang terlibat dengan use case disebut actor (pemain). Relasi antara use case dengan actor adalah garis asosiasi (berpanah atau tidak). Suatu use case bisa saja tergantung dari use case lainnya dengan jenis ketergantungan tertentu (include atau extend). Untuk mempermudah organisasi use case terkadang diperlukan generalisasi.

Beberapa aturan harus ditaati seperti untuk penamaan use case harus berupa kata kerja, dengan yang mengerjakan adalah sistem. Sedangkan aturan-aturan lain yang bermaksud mempermudah pembaca diagram antara lain user (actor) dan pihak yang dilayani sebaiknya di sebelah kiri, sedangkan admin atau pendukung sistem terletak di sebelah kanan.

Gambar di atas adalah salah satu contoh use case web site google dengan fasilitas layanan yang disediakannya. DLL disini tentu saja harus ditulis dengan seluruh layanan yang disediakan. Beberapa metode autentifikasi bervariasi di internet. Terkadang tidak menggunakan include, melainkan extend.

Berikut hasil penilaian latihan membuat Use Case:
1. Aplikasi Pembayaran Pajak untuk Pensiunan: Ikmal, M. Fadhlan, Rachmat H, Rachmat M, Wahyu, Yayan -> 70 (tidak jelas fungsi login, krena user bisa melihat, transfer dan aktivitas lain tanpa login.

2. Web absensi Karyawan: Bintang Fajar, Dwi Yudha P. Eko Hadi, Ichsan, Nurikhsan J, Rikardus K. -> 70 sama dengan no.1, login tidak adà fungsinya
3. Web online busana muslim: Laras, Desta, Elmina, Putri, Rizka, Maulidha -> 90. Cukup baik, hanya standard untuk include dan generalisasi masih salah (bentuk panah dan garis).

4. Pembelajaran Untuk anak Balita: Anita, Astri, Dwi, Indah -> 90
5. Web game untuk anak-anak SD: Amalia, Aulia, Ghozia, Neti Septini, Winda -> 85 terlalu banyak include, bahkan terdapat include di dalam include.
6. E-Learning: Oscar, Imam, Ghalih, Nanda -> 80. Masih kebingungan antara generalisasi dengan extend.

Untuk mencegah terjebak ke hal-hal yang detil dankehilangan hubungan di level atas, maka diperlukan alat bantu yang dikenal dengan nama UI-Flow Diagram (Storyboard), Interface Flow Diagrams, Windows Navigation Diagram, dan Context Navigation Maps.

Diambil dari: http://www.agilemodeling.com/artifacts/uiFlowDiagram.htm. Berikut ini merupakan contoh Diagram Navigasi untuk sistem suatu universitas. Tiap kotak menggambarkan suatu object/instance sedangkan garis panah menggambarkan aliran (mirip diagram aktivitas).

Dengan diagram navigasi, kita dapat dengan mudah melihat skema level atas, sehingga akan memudahkan menganalisa, sistem mana yang penting, perlu, atau yang tidak harus dimasukkan dalam sistem yang akan dibuat.

Nilai Tugas I:

• Web Game anak-anak SD. – 100% (Aulia)(Ghozia) (Neti) (Winda) (Ghalih)
• Absensi Karyawan (Desktop) – 80% (jari apa?) (Didin, Arya, Gusti, Carolin)
• Pembayaran Online Pajak untuk Pensiunan (Web) – 100% (Ikmal) (M. Fadhlan) (Rachmat) (Yayan) (wahyu)
• Absensi karyawan (Web) – 90% (login pake apa?)
• (bintang Fajar, Dwiyudha, Ichsan, Eko hadi, Nurikhsan, M. Chairudin)
• Game Pembelajaran balita – 75% (level, cewek=cowok?)

  (Anita) (Indah) (Astri) (frida) (Dwi)

• Web: Online marketing busana muslimah – 100%

  (laras) (rizka) (desta) (elmina) (maulidha)

NilAI Tugas II:

• Web game untuk anak SD: –90%

  (Neti dan Winda)aulia, ghozia, winda amel

• Fungsi pada aplikasi karyawan (desktop) by: didin, arya pm, gusti, carolin, fransiscus XDS, muhammad Mujib. –90%
• Pembayaran pajak untuk pensiuanan (web) –95%

  Ikmal, Yayan , rachmat h, (wahyu), Fadhlan

• Absensi Karyawan (web) –90%
• Game Pembelajaran Balita –70%

  Anita, astri, Frida, dwi

• Online marketing baju muslimah – 100%

  Rizka, desta, putri, elmina, maulidha

• E-learning PT by: oscar roberto, nanda dwi, imam fauzi, ghalih k.j –100%

Nilai Tugas III: -100% all.

• Web Game anak-anak (SD) – amalia, aulia, ghozia, neti, winda
• Game Pembelajaran balita – anita, astri, dwi, frida, indah
• Pembayaran Pajak Online untuk Pensiunan – Ikmal, rachmad, yayan, wahyu, r. Hidayat, m fadhlan
• E-learning – oscar, imam, nanda, ghalih
• Absensi karyawan (web) – nrichsan, eko, dwiyudha, bintang fk, muh choirudin, ichsan, rikardus
• Online Marketing Busana Muslimah
• Absensi karyawan desktop – Didin, arya , gusti, carolin, fransiscus xaverius, m nmujib.

Nilai Tugas IV:

• Aplikasi web pembayaranpajak untuk orang tua (Ikmal, rachmat hidayat, rachmat Mulya nagata, M. Fadlan, Wahyu, Yayan) – 100%
  
• Game Pembelajaran balita (anita, astri, dwi, indah, frida) – 100%
  
• Pemasaran web online baju muslim (laras, elmina, desta, putri, rizka, maulidha) – 100%
  
• Web game anak-anak SD (amalia, aulia, ghozia, neti, winda) – 100%
• E-learning (oscar, nanda, imam, ghalih. –100%
  

Nilai Tugas V:

• Aplikasi Pembayaran pajak untuk Pensiunan (wahyu, ikmal, yayan, rachmat, fadhlan, rachmat) – 100%
  
• Web Game anak-anak (SD) by: aulia, ghozia, neti, winda. – 100%
  
• Aplikasi E-learning (nanda, oscar, imam fauzi, ghalih) – 100%
• Game pembelajaran (anita, astri, dwi, indah, frida) – 100%
• Web penjualan baju muslimah (laras, desta, putri, rizka, elmina, maulidha) – 100%
• Absensi Karyawan Desktop (fransiscus, didin, gusti, yusuf, moh mujib, carolline, arya) – 100%
• Absensi Karyawan (Web) by: eko, dwi, bintara, nurickhsan, iclar, muhamad, rikardus– 100%

Kelompok: Carolin, Didin, Yusuf, Fx Dwi, M Mujib, Arya, dan Gusti

• No.1: 70%, No.2 : 100%, No.3: 50%, No.4: 100%, No.5: 100% = 420:5
  

Kelompok: Laras, Desta, Elmina, Maulidha, Rizka, Putri

• No.1: 80%, No.2: 80%, No.3: 50%, No.4: 100%, No.5: 100% = 410:5

Kelompok: Amalia, Aulia, Ghozia, Neti, Winda

• No.1: 100%, No.2: 100%, No.3: 50%, No.4: 100%, No.5: 100% = 450:5

Kelompok: Ikmal Q, Rahmat, Rahmat Mulya, Wahyu, Yayan, M Fadlan

• No.1: 100%, No.2: 80%, No.3: 50%, No.4: 80%, No.5: 100% = 410:5

Kelompok: Ghalin, Oscar, Nanda

• No.1: 100%, No.2: 100%, No.3: 80%, No.4: 100%, No.5: 100% = 480:5
  

Kelompok: Dwi Y, Eko, Ichsan

• No.1: 100%, No.2: 100%, No.3: 40%, No.4: 100%, No.5: 100% = 440:5

Kelompok: Anita, Astri, Dwi Andriani, Frida, Indah

• No.1:70%, No.2: 80%, No.3: 50%, No.4:70%, No.5: 100% = 370:5

TUGAS VI

Jawablah soal berikut ini sejelas mungkin! (Kelompok tidak berubah) Slide 1 – 9

1. Mengapa saat ini kebanyakan program berbasis GUI (Visual) ?
2. Tablet PC merupakan pengembangan dari PC dengan tambahan … (salah satu dari faktor manusia).
3. Gambar yang dilingkari di bawah ini termasu kategori ragam dialog apa?

1. Jelaskan keunggulan dari Mouse, keyboard, touch screen dan Joystick.
2. Bandingkan dua web site di bawah ini (keunggulan saja)

(b)

Kita mengenal metode-metode dalam pembuatan perangkat lunak, seperti waterfall, spiral, iterasi, dan sebagainya. Karena perancangan sistem interaksi mengharuskan user mudah dalam penggunaannya maka perlu dievaluasi sebelum prototipe sistem diimplementasikan.

Pada tugas I kita telah menganalisa kebutuhan user terhadap sistem interaksi yang akan kita buat, nah pada tugas kali ini Anda diminta membuat lembar evaluasi yang harus diisi oleh pengguna berdasarkan intruksi yang diminta. Kemudian diminta jawabannya apakah mudah (diisi “1”), Ok (diisi “2”) atau Sulit dan butuh bantuan (diisi “3”).

Ket: Mudah = 1, Ok = 2, Sulit – Harus dibantu = 3

Berikut ini adalah contoh jawaban dari beberapa rekan mahasiswa:

• Aplikasi Pembayaran pajak untuk Pensiunan (wahyu, ikmal, yayan, rachmat, fadhlan, rachmat)

Ket: Mudah = 1, Ok = 2, Sulit – Harus dibantu = 3

• Web Game anak-anak (SD) by: aulia, ghozia, neti, winda.

Ket: Mudah = 1, Ok = 2, Sulit – Harus dibantu = 3

• Aplikasi E-learning (nanda, oscar, imam fauzi, ghalih)

Ket: Mudah = 1, Ok = 2, Sulit – Harus dibantu = 3

• Game pembelajaran (anita, astri, dwi, indah, frida)

Ket: Mudah = 1, Ok = 2, Sulit – Harus dibantu = 3

• Web penjualan baju muslimah (laras, desta, putri, rizka, elmina, maulidha)

Ket: Mudah = 1, Ok = 2, Sulit – Harus dibantu = 3

• Absensi Karyawan Desktop (fransiscus, didin, gusti, yusuf, moh mujib, carolline, arya)

• Absensi Karyawan (Web) by: eko, dwi, bintara, nurickhsan, iclar, muhamad, rikardus

Berikutnya setelah lembar evaluasi diisi, perlu dibuat lembar rekomendasi mengenai hal-hal yang masih kurang dan perlu perbaikan.

Seperti ilmu yang melibatkan unsur seni seperti melukis, bernyanyi, dan sebagainya terkadang tidak memerlukan panduan, patokan atau aturan-aturan tertentu yang dapat mengekang kreativitas. Tetapi tetap saja dibutuhkan aturan yang fungsinya membantu orang yang baru belajar. Begitu pula untuk perancangan sistem interaksi, ada aturan-aturan tertentu berupa kaidah-kaidah yang sering dijumpai di berbagai buku literatur.

Perhatikan rancangan google di atas, betapa sederhananya tanpa adanya sampah-sampah yang mengganggu tujuan utama dari si mesin pencari “Jenius”.

Soal:

Sesuai dengan prinsip user centered design maka rancanglah urutan yang mengikuti kaidah-kaidah perancangan disain berbasis interaksi (masih dengan kasus yang sama pada tugas-tugas sebelumnya).

Pemilihan ragam dialog : “icon, menu, atau yg lain disertai alasan singkat”

Perancangan struktur dialog: “jika ragam dialog ada banyak, atur mana yg utama mana yang tambahan.

Perancangan format pesan: “instruksi berupa apa?

Perancangan penanganan kesalahan: “salah input respon sistem apa?”

Perancangan struktur data: ”

Beberapa jawaban mahasiswa:

• Aplikasi web pembayaranpajak untuk orang tua (Ikmal, rachmat hidayat, rachmat Mulya nagata, M. Fadlan, Wahyu, Yayan)
  
  • Ragam dialog untuk orang tua menggunakan huruf/tulisan yang jelas (ukuran besar) agar dapat terbaca dengan nyaman mengingat unsur usia.
    
  • Menggunakan gambar/icon yang mudah dipahami dalam mendukung aplikasi web.
    
  • Informasi-informasi yang terupdate dimunculkan dengan tampilan yang berbeda, misal dengan suatu tulisan gerak
    
  • Panduan suara (audio)
    

   

• Game Pembelajaran balita (anita, astri, dwi, indah, frida)
  
  • Pemilihan Ragam dialog: dalam pemilihan ragam dialog, balita lebih mudah menggunakan icon karena lebih menarik dan icon bisa menunjukkan gambar yang dia inginkan. Di bawah icon bisa diberikan teks dan disertai suara untuk menunjukkan definisi dari icon.
    
  • Perancangan Struktur dialog: Icon beserta suara lebih utama daripada teks karena icon dan suara lebih membantu balita untuk belajar dengan game tersebut. Sedangkan teks hanya untuk bantuan belajar balita dalam membaca.
    
  • Perancangan format Pesan: format pesan berupa suara
    
• Pemasaran web online baju muslim (laras, elmina, desta, putri, rizka, maulidha)
  
  • Pemilihan ragam dialog: teks, visual dan suara: karena dalam web kami memerlukan teks untuk memberikan informasi kepada user akan produk-produk yang kami jual. Visual digunakan untuk menampilkan informasi gambar2 tentang produk kami. Suara digunakan untuk menghilangkan rasa kebosanan user disaat melihat/mengunjungi situs kami.
    
  • Perancangan struktur dialog: ragam dialog yang paling penting dalam web kami yaitu teks. Karena teks berfungsi untuk menampilkan informasi2 kepada user. Struktur dialog tambahan visual dan audio.
    
  • Perancangan format pesan: instruksi berupa user diarahkan ke halaman tampilan produk, kemudian apabila user ingin memesan produk kita, user dapat langsung menghubungi contact person pada halaman tersebut.
    
  • Perancangan penanganan masalah: kami menyediakan halaman komentar untuk mengumpulkan komentar2 user kami dalam memperbaiki pelayanan yang ada pada web kami.
    
• Web game anak-anak SD (amalia, aulia, ghozia, neti, winda)
  
  • Pemeilihan ragam dialog: Button start dan quit (ghozia) dan menu modifikasi animasi (aulia). Untuk memulai dan mengakhiri game diperlukan button start dan quit yang mudah dilihat/ditemui oleh anak2. Suatu variasi juga memungkinkan anak2 dapat memodif animasi sesuai dengan keinginannya. Menu setting (winda): untuk mengatur alur2 pada game tersebut. Misal mengatur level, mengatur besar kecilnya volume, dll. Menu help (winda) : berisi tentang panduan2 untuk menjalankan game tsb.
    
  • Perancangan struktur dialog: button start dan quit, help, setting dan modifikasi animasi.
    
  • Perancangan format pesan: Pesan paa saat akan mengakhiri game, muncul teks apa ingin dismpan? Atau keluar tanpa disimpan? (ghozia), pean pada saat animasi salah jalan (aulia), pesan pada saat memasuki level yang lebih tinggi (aulia dan ghozia), pesan pada skor tertinggi di akhir permainan (neti).
    
  • Penanganan masalah: meminta incorrect password dan username kembali (ghozia), jika salah memilih gambar maka ada peringatan (gambar tidak cocok) aulia, apabila belum menyelesaikan game pada level tersebut tidak dapat memilih level yang lebih tinggi (aulia dan winda)
    
• E-learning (oscar, nanda, imam, ghalih.
  
  • Menu pulldown untuk menghemat space dan memperindah halaman login berbentuk menu. Artikel ditampilkan dalam bentuk menu, untuk memudahkan mahasiswa dalam mencari materi. Video, untuk memperjelas materi praktikum, user chat sebagai alat interaksi mahasiswa.
    
  • Yang paling banyak digunakan adalah klik, karena ketik hanya digunakan saat user chat saja. Klik digunakan saat login dan searching.
    
  • Bentuk instruksi bisa dikombinasikan atara huruf, angka dan simbol.
    
  • Apabila ada kesalahan saat login, sistem akan meminta untuk memperbaiki field yang salah
    
  • Sistem akan menyediakan login attempt sebanyak 10 kali jika percobaan tersebut habis maka user tidak dapat mengakses website itu.

Berbagai peralatan tambahan diperlukan untuk meningkatkan interaksi antara manusia dengan komputer/device. Peralatan-peralatan tersebut terkait dengan sifat biometric yang alamiah dari pengguna. Bahkan sifat biometrik kini sudah mulai diterapkan di semua bidang dan yang baru-baru ini diterapkan adalah e-KTP.

Beberapa Tipe Identifikasi Biometrik

(Sumber: Wayman, 2005: 11)

Melanjutkan tugas yang lalu, coba beri tambahan peralatan interaksi baru dari aplikasi yang anda rancang, jelaskan manfaat dan cara kerjanya, minimal 1 (khusus untuk absensi dua).

Berikut ini sampel jawaban yang didapat:

• Web Game anak-anak (SD) – amalia, aulia, ghozia, neti, winda
  • Joystik: fungsinya untuk menggerakkan animasi yang sedang kita mainkan, misal menembak.
  • Mouse: fungsinya untuk mengklik button2 yang ada di web, untuk mengarahkan/menggerakkan objek animasi.
  • Keyboard: fungsinya untuk mengetik alamat web game tsb, salain itu dapat digunakan untuk menggantikan fungsi joystick.
• Game Pembelajaran balita – anita, astri, dwi, frida, indah
  • Butuh piranti touch screen, keyboard, mouse dan joystick untuk mempermudah balita memainkan game.
  • Disertai suara-suara untuk menarik perhatian balita (menggunakan speaker)
• Pembayaran Pajak Online untuk Pensiunan – Ikmal, rachmad, yayan, wahyu, r. Hidayat, m fadhlan
  • Piranti tambahan yang digunakan adalah mobile devices, alasan: digunakan untuk pembayaran secara otomatis dengan menghubungkan mobile devices ke komputer, verifikasi dilakukan via sim card wajib pajak. (manula suka lupa).
• E-learning – oscar, imam, nanda, ghalih
  • Komputer sejenis apapun yang berfungsi sebagai interface antara mahasiswa dengan dosen untuk menjalankan proses e-learning.
  • Jaringan internet, untuk menghubungkan akses elearning antara mahasiswa dan dosen.
  • Digitizing tablet/graphite tablet: piranti pengambil data sederetan koordinat (x,y) menyelesaikan permasalahan absen agar tidak disalahgunakan orang lain, karena di dalam proses elearning mahasiswa itu sendiri yang harus absen.
  • Fingerprint: jika permasalahan absen dengan menggunakan graphic tablet dikarenakan ada kemungkinan orang lain bisa meniru tanda tangan mahasiswa tersebut maka dengan fingerprint orang lain tidak bisa meniru/menyalahgunakan id orang tersebut.
• Absensi karyawan (web) – nrichsan, eko, dwiyudha, bintang fk, muh choirudin, ichsan, rikardus
  • Pritner: digunakan untuk mencetak hasil absensi karyawan
  • Keyboard: untuk menginput data absensi
  • Fingerprint yang terhubung dengan internet
• Online Marketing Busana Muslimah
  • Kita pakai piranti login karena toko kita berbasis online. Apabila memakai piranti yang lain seperti fingerprint/tanda tangan dan scanner akan menambah biaya, sedangkan tidak semua rumah/user memiliki alat tersebut (laras, desta)
  • Untuk mengatasi penipuan, diadakan pembuatan akun untuk login. Isi akun beberapa data penting untuk memverifikasi data pelanggan dan admin (maulidha, elmina): Manfaat agar tidak timbul penipuan, hemat biaya bagi user, praktis (putri, rizka)
• Absensi karyawan desktop – Didin, arya , gusti, carolin, fransiscus xaverius, m nmujib.
  • Pembaca Retina Mata: dengan menggunakan sensor retina mata
  • Sidik jari: mengidentifikasi sidik jari pada saat absen.

Iseng-iseng nyari di Internet, akhirnya menemukan dua buku yang menarik tentang Interaksi Manusia dan Komputer (IMK) atau dalam bahasa Inggris Human-computer Interaction (HCI). Berikut ini adalah deskripsi kedua buku tersebut yang mudah-mudahan bisa dimanfaatkan sebagai buku referensi mata kuliah IMK.

Buku yang digunakan antara lain:

Perlman, Garry. 2002. Interaction Design – Beyond Human-Computer Interaction. New York: John Willey & Sons, Inc.

This book consists of 15 chapters. There are three chapters that reader must read: chapter one, six and ten. For the student of computer science, chapter 7 and 8 may be good to read because they discuse about software engineering.

According to Perlman, student must be motivated if they want to learn more. Chapter one to six must be read in order the student found what they are looking for. Perlman has been doing a project about HCI Bibliography (see www.hcibib.org). If you want to know about the standard of HCI you can see ACM/IEEE curricula at ACM-IEEE Curriculum (2001) [computer.org/education/cc2001/]. Perlman also member of OCLC, stand for Online Computer Library Center (www.oclc.org).

The most important thing that author want to explain is the scope HCI now differ with HCI years ago. HCI now discuss not only about computer science aspecs but also about every aspecs related to user (multidiscipline), e.g. psychology, art, etc. And the computer it self is not only a desktop but also other gadget such as PDA, mobile device, Web application, and so on. So the user-centered design for design a software is a must.

Buku kedua yang digunakan adalah:

Barrier, Tonya. 2002. Human Computer Interaction Development and Management. United Kingdom: Idea Group, Inc.

This is a collection book of HCI from outstanding author. It discuss about it’s technology and management because HCI is not only control the software and hardware but also the people. Because it is a journal-based book, the reader must has a basic knowledge about HCI. This book good for the students who want to make a paper about HCI by seeing the topic related to HCI and the depth of the topic being discussed.