[VIDEO] Human and Computer Interaction

A simple video about Human and Computer Interaction. Check this out:

Video showing the challenge of Human Computer Interaction (HCL).

Its a very good example of HCI and shows a very achievable state of pervasive computing J

I believe technology will shape our future and there is no limit to what it can do. People must be conservative with it though because sometimes too much technology can be a bad thing. It's always better to have face to face interaction develop the necessary social skills for the real world.

And material of human and computer interaction in video J

Of course you have to understand the English language to understanding it. 

Read More

Sejarah Interaksi Manusia dan Komputer

Sejarah Interaksi Manusia dan Komputer

Ah, sedikit penjelasan mengenai awal mula Interaksi Manusia dan Komputer.

Interaksi manusia dan komputer merupakan suatu disiplin ilmu yang mengkaji tentang komunikasi atau interaksi diantara pengguna dengan sistem.

Awal munculnya istilah interaksi manusia dan komputer :

a. Tahun 1950-an

Pertama kali diperkenalkan secara komersil.

b. Tahun 1970-an

Komputer pribadi(PC), maka berkembanglah penggunaan teknologi ini secara cepat dan mengagumkan ke berbagai penjuru (pendidikan, perdagangan, perusahaan dll) dan muncul isu teknik antarmuka pengguna (userinterface)

c. Pada tahun 1980an

Pertengahan baru di perkenalkan istilah IMK

Model IMK :

1. Pengguna

2. Interaksi

3. Sistem

Tiga komponen ini saling berkaitan. Pengguna adalah bagian dari sistem yang memungkinkan berinteraksi dengan komputer, oleh sebab itu mengapa 3 komponen ini saling berkaitan.

Hubungan IMK dengan bidang lain :

a. Psikologi

b. Grafik

c. Antropologi

d. Linguistik

e. Sosiologi

f. Ergonomik

g. Teknik elektronika dan ilmu komputer

Sistem komuputer di buat untuk membantu manusia :

1. Manusia(user)

Tahun 1983 ada sebuah model human prosesor yang terdiri dari 3 subsistem, yaitu :

a. Sistem Persepsi

Menangani sensor dari luar

b. Sistem mator

Mengontrol aksi dan respon

c. Sistem Kognitif

Memproses hubungan keduanya

Informasi pada manusia terdiri dari :

o diterima dan direspon melalui input output

o disimpan di memori

o diproses dan di aplikasikan

Memori manusia :

A Memori sensor :

Iconic untuk visual

Echoic untuk aural

Haptic untuk Peraba

B. Short term memori

Daerah memori aktif, yang di anggap sebagai memori kerja.

Contoh : menghitung dan membaca

C. Long term memori

Episodic : mempresentasikan kejadian

Semantic : mempresentasikan stuktur dari fakta

2. Komputer

A. Input / Output komputer

chaBatch : data berkelompok

Interaktif : satu per satu

B. Text Entity Device

Keyboard

Handwriting recognize

Speech recognition

C. Output Device

LCD

CRT

LED

D. Paper

Printing, Scanner dan optical character recognition

3. Interaksi

Tipe :

a. Comand Line interface

b. Menu

c. Natural Language

d. Query dialogue

e. Spreadsheet

f. WIMP (windows, icons, menu, pointers)


Sumber: Sini

Read More

Piranti dan Gaya Interaksi

Piranti Interaksi

Suatu alat bantu bagi pengguna pada saat menggunakan sistem

A. Keyboard :

- Qwerty Layout

- ABCDE Layout

- Function keys

- Tombol Pergerakan Kursor

B. Piranti petunjuk

Kelebihan :

1. Mengurngi kesalahan ketik pada keboard

2. Dapat memusatkan perhatian pada tampilan

Ada 2 kelompok piranti petunjuk :

1. Direct pointing device : kendali langsung di permukaan layar

2. Indirect pointing devices : Kendali tak langsung terpisah dari permukaan layar.

C. Tugas Piranti Petunjuk :

1. Select

2. Position

3. orient : memilih arah ruang berdimensi satu

4. Path

5. quantity : menentukan nilai numerik

6. text

D. Light Pen

Kelemahan :

1. Tangan menutupi layar

2. Tangan jauh dari keyboad

3. Light pen harus di angkat

E. Touch Pen

Kelemahan :

1. melelahkan

2. tangan menutupi layar

3. tangan jauh dari keyboard

4. penunjukan tidak presisi

5. layar bisa kotor

F. stylus : untuk menyentuh touch screem pada palmtop.

G. Macam2 indirect pointing Devices :

1. Mouse

- Mouse optical

- Mouse optomekanik

Kelebihan :

a. posisi tangan nyaman

b. pergerakan panjang cepat

c. penempatan presisi

Kelemahan :

a. Tangan harus pindah dari keyboard

b. Memakan tempat di meja

c. Kabelnya mengganggu

d. Harus di angkat dan di letakkan kembali untuk pergerakan panjang

e. Harus berlatih untuk bisa menguasai

2. Track ball

3. Joystick

4. Track point

5. Touchpad

6. Tayangan gambar dan video

H. Piranti Keluaran

Piranti yang menampilkan hasil pengolahn hasil pemasukan data atau perintah pada layar komputer.

Terdiri dari :

a. Monitor

Perbandingan kelebihan dan kekurangan monitor jenis CRT dan LCD adalah :

- Ukuran fisik

- Warna

- Resolusi

- Kecerahan

- Sudut Pengliihatan

- Pemaksaan Daya dan emisi radiasi

- Harga

b. Printer

- dot-matrix printer

- inkjet printer

- Thermal Printer

- Layer Printer

- Plutter

I. Gaya Interaksi

Gaya suatu sistem yang di buat untuk menampilkan hasil rancangannya kepada pengguna.

- Pesan Kesalahan

- Rancangan Nonart ropomorfik

- Perancangan Layar

- Metrik Kompleksitas Tampilan

- Warna

Sumber: Sini

Read More

Mempercantik Blog Anda

Mempercantik Blog Anda

Siapa sih yang nga pengen blognya terlihat cantik? Tentu semua orang menginginkannya. Apalagi untuk menarik perhatian pengunjung agar sering-sering berkunjung ke web kita.

Membuat blog kita terlihat menarik adalah pekerjaan yang mengasikkan. Kita bisa bereksperimen dengan berbagai macam widgetz yang telah disediakan.

Berikut ini 50 more great widgets untuk blog anda :

1. MyBlogLog’s Recent Readers – Widget ini memperlihatkan avatar dari pengunjung blog Anda.Dengan kepopuleran widget ini manajemen MyBloglog mampu meyakinkan Yahoo untuk membeli sahamnya, anda harus mempunyai account yahoo untuk mendapatkan widget ini.

2. Mashable – Widget ini menyediakan semacam news reel (headline news) dalam element blogger yang memberikan cuplikan berita/postingan dari sosial networking. Ada pilihan warna yang bisa disesuaikan dengan layout blog Anda.

3. Flickr Flash Photo Stream Badge –Menampilkan photo-photo dari profil flickr dengan sentuhan flash. Untuk mendapatkan widget ini Anda memerlukan account yahoo.

4. Preview Anywhere – bagi pengguna blogger disebut snapshots untuk wordpress widget ini tersedia di pengaturan. Fungsinya untuk melihat preview link keluar dengan tampilan small popup ketika pengunjung mengarahkan mouse pada teks atau banner yang “mengandung” link.

5. Twitter Badge – Jika kehidupan Anda banyak hal-hal menarik serta ingin agar orang lain tahu kegiatan apa yang sedang anda lakukan setiap saat, anda bisa menampilkan cuplikan kalimat-kalimat pendek ‘satu paragraf misalnya’ Maka widget ini cocok untuk dipasang pada blog Anda.Widget ini akan menampilkan “tweet” terbaru Anda.

6. Digg News – Manampilkan Link terakhir yang masuk ke Digg (sebuah sosial bookmarking) dengan pilihan theme dan mudah untuk diatur sesuai dengan template blog Anda.

7. FEEDJIT – Menampilan real time data pengunjung blog secara langsung, yang bisa dipasang di sidebar blog anda.

8. LineBuzz – inline komentar untuk Blog Anda. Sangat support untuk blog dengan frekuensi tinggi diatas 900 mhz diskusi/komentar yang berkepanjangan.

9. Flixn – Jika laptop Anda terpasang webcam, maka widget ini bisa menampilkan/ memperlihatkan ekspresi Anda langsung melalui blog Anda .Jadi pengunjung blog tidak hanya membaca postingan Anda tapi bisa menyaksikan ‘konser’ Anda didepan monitor, mirip webcam yahoo.

10. 3Jam – Pengunjung blog dapat berinteraksi dengan Anda dengan mengirimkan SMS pada handphone Anda,tanpa mereka tahu nomor HP Anda.

11. Jaxtr – Seperti halnya widget 3jam di atas, dengan widget Jaxtr ini, pengunjung blog bisa menghubungi HP Anda tanpa mereka tahu nomor HP Anda, nomor HP Anda dijamin kerahasiaannya.

12. LinkedInABox – Menampilkan profile Anda di LinkedIn. Dan widget ini sangat cocok untuk personal blog.

13. Box Widget – Dengan widget ini, memudahkan pengunjung blog Anda untuk mengupload file ke tempat penyimpanan online box.net melalui widget box.net pada blog Anda.

14. Price of gas – Menampilkan harga bahan bakar kendaraan bermotor secara online (US$), “sangat cocok” dipasang untuk blog yang membahas masalah traffic/traveling (caranya tidak perlu mendaftar hanya mengcopas script yang disediakan Gas-Cost.Net)

15. iBegin Weather Widget – Menampilkan informasi laporan cuaca di sidebar blog anda. Seperti widget Price of Gas, widget ini hanya cocok untuk blog yang memang membahas masalah yang sama.

16. ClockLink – Menampilkan jam dalam berbagai macam daerah waktu dengan sentuhan flash yang bagus.

17. Film Loops – Menampilkan kesimpulan film terakhir yang Anda tonton melalui account FilmLoops Anda.

18. Daily Painters – menampilkan lukisan-lukisan dari pelukis terkenal di dunia di blog anda.

19. WhoLinked – Memperlihatkan kepada pengunjung blog Anda situs-situs yang telah melink pada blog Anda,tidak perlu mengupdate karena WhoLinked ini otomatis mengupdate sendiri web/blog yang melink blog Anda.

20. Criteo AutoRoll – memperlihatkan link menuju blog-blog yang serupa dengan blog Anda.

21. Bitty Browser – Menampilkan mini web browser pada sidebar blog Anda.

22. Leafletter – Widget ini membuat mini website dan menyimpannya pada blog Anda.

23. WikiSeek – Menampilkan widget untuk pencarian pada Wikipedia.

24. FeedCount – Menampilkan jumlah pengunjung blog Anda melalui banner kecil dan widget ini berhubungan dengan account feedburner Anda.

25. Technorati Link Count – Menampilkan reaksi jumlah link yang menuju blog Anda dari salah satu directory blog terbesar dan terpopuler.

26. MyPageRank – Inilah cara lain untuk menunjukkan betapa hebat dan bermanfaatnya blog Anda dengan menampilkan Ranking Google atau Google PageRank (PR). Penilaian PR google dihitung berdasarkan rangking 1 sampai 10, semakin besar berarti blog anda semakin populer.

27. CheckPageRank – Pilihan lain untuk menampilkan PR blog Anda, namun kelebihannya widget ini menampilkan juga ranking Alexa anda.

28. BlinkxIt – Menampilkan banner kecil dibawah setiap postingan blog Anda, ketika banner BlikxIt itu di klik maka keluar mini popup seperti snapshot dan menampilkan video yang berhubungan dengan postingan blog Anda.

29. Skype button – Seperti widget yang menampilkan status online YM pada blog Anda, widget ini hampir sama cuma bedanya status online/offline pada accountskype Anda yang ditampilkan.

30. RockYou Horoscope – Widget ini menampilkan primbon/ramalan dan dirancang bagus didalam kotak penuh warna, Tidak menganjurkan/sebaiknya widget ini tidak dipasang pada blogger muslim.

31. del.icio.us Tagometer – Widget ini menampilkan berapa banyak pengguna del.icio.us membookmark blog Anda.

32. del.icio.us Linkrolls – Widget ini menampilkan bookmarks terakhir Anda dari del.icio.us.

33. Timelines – Perlu membuat timeline untuk blog Anda? Maka widget ini cukup mudah digunakan, hanya perlu memasukan RSS blog Anda lalu memasukkan ukuran lebar dan tingginya.

34. PollDaddy – PollDaddy memberikan Anda kemudahan membuat sebuah poling atau survey interaktif dengan theme yang sangat cantik dan menampilkannya dib log anda.

35. Vizu – Pilihan widget lain untuk membuat poling pada blog Anda, kelebihannya widget ini cocok dengan platform blog manapun.

36. AnswerTips – Menampilkan jawaban dari Answers.com untuk berbagai macam istilah yang terdapat pada blog Anda.

37. AnswerBoxes – Masih widget dari Answer.Com hanya saja widget ini memberikan kesempatan pada pengunjung blog Anda untuk memasukan istilah yang tidak dimengerti dan memperoleh jawaban dari Answer.Com.

38. Now Playing – Jika Anda ingin sharing playlist musik yang sedang Anda dengarkan dan ingin agar pengunjung blog Anda juga mendengarkan,Signamp yang akan melakukan triknya bagaimana hal itu bisa terjadi.

39. BuzzBoost – Menampilkan headline dari RSS FeedBurner blog Anda, atau blog lainnya.

40. LibraryThing – memperlihatkan buku terakhir yang telah Anda baca.

41. Plaxo Address Book – Izinkan pengunjung setia Anda untuk mengakses buku tamu mereka langsung dari blog Anda.

42. AuctionAds – Widget yang menampilkan pelelangan barang dari eBay, dan memberi anda persentase dari harga yang dibayar jika suatu saat ada yang membeli barang.

43. aStore – Serupa dengan AuctionAds di atas, hanya saja widget ini datangnya dari Amazon. Buat ’toko online sederhana’ di blog anda, anda akan mendapatkan bonus jika sesorang membeli barang melalui toko online anda.

44. Plazes – Widget ini menampilkan peta dimana posisi Anda berada sekarang.

45. Stockalicious – Perlihatkan portfolio Anda dengan widget ini, dan sharing dengan blogger lain. Biar semua orang tahu berapa banyak dana yang telah Anda keluarkan untuk ngeblog.

46. Yahoo! For Good – Widget ini untuk membuat ‘kotak amal’ dan akan didonasikan kepada yang berhak menerimanya.

47. Giftspace –Teman anda tidak pernah tahu apa yang akan dibelinya untuk hadiah ulang tahunmu? Nah melalui widget ini biarkan mereka tahu kado apa yang sebenarnya Anda inginkan.

48. MixMap – Melihat dimana pengunjung profile MySpace Anda dari sebuah Peta.

49. Google Map Widget – Menampilkan pencarian pada peta google dari blog Anda.

50. Google Video Search – Menampilkan form pencarian video dari video pilihan pada blog Anda.

51. Shoutbox – Fungsi shoutbox adalah untuk menampung pesan singkat teman atau para blogger yang tengah blogwalking.

52. This Day in History – Widget ini menampilkan cuplikan bahwa hari ini ada sejarah apa pada masa lalu.

53. Headline News – Seperti widget mashable, widget ini pun menampilkan cuplikan headline berita dari situs-situs di seluruh penjuru dunia.

54. Calendar – meskipun di platform wordpress widget calender sudah tersedia, namun widget ini masih bisa dipasang baik di wordpress maupun blogger.

55. Counter Statistic – Bagi Anda yang ingin melihat jumlah pengunjung Anda sehari-hari, maka widget ini adalah salah satu yang menyediakan fasilitas tersebut.

56. Histats.Com web counter – Widget ini memungkinkan Anda bisa melacak pengunjung datang dari mana saja, dan menghitung berapa jumlah pengunjung blog Anda sehari-hari, melihat IP Address pengunjung blog Anda dan lain-lain.

57. Bravenet Horoscope – Seperti halnya widget RockYou Horoscope, bravenetpun menyediakan widget horoscope untuk blog Anda.

58. Deal of The Day – Masih dari Amazon.com, merupakan widget paling baru yang direlease amazon.com. Yang menarik dari widget ini adalah diskon besar-besaran yang ditawarkan untuk pengunjung blog Anda.

Bagaimana cara memasang widgetz yang telah disebutkan di atas?

Masuk ke Dashboard, pilih Tata Letak kemudian pilih Add Gadget. Dan pilih widgetz yang ingin Anda masukan ke dalam blog Anda.

Selain widgetz yang disediakan, ada juga situs yang menyediakan widgetz secara gratis. Yaitu widgetindex

Sumber: Mashable’s 50 Great Widgets

Read More