Human-Computer Interaction (HCI)

Assalammualaikum. Hari ini pada tarikh 25.6.2015 hari Khamis, saya dan rakan-rakan saya telah mempelajari tentang Human-Computer Interaction. Jadi saya akan berkongsi apa yang telah saya pelajari hari ini.

Definisi Human-Computer Interaction (HCI) :

·         Interaksi manusia dan komputer adalah disiplin ilmu yang mempelajari hubungan antara manusia dan komputer yang meliputi perancangan, evaluasi dan implementasi antaramuka pengguna komputer agar mudah digunakan oleh manusia. Sedangkan interaksi manusia dan komputer sendiri adalah serangkaian proses, dialog dan kegiatan yang dilakukan oleh manusia untuk berinteraksi dengan komputer secara interaktif dengan melaksanakan dan menyelesaikan tugas yang diinginkan.

Tujuan :

·         Sistem yang bermanfaat (usable) dan aman (safe), ertinya sistem tersebut dapat berfungsi dengan baik. Sistem tersebut untuk mengembangkan dan meningkatkan keamanan (safety), utilitas (utility), kebolehgunaan (usability), efektifitas (efectiveness) dan efisiensinya (eficiency). Sistem yang dimaksud konteksnya tidak hanya pada periangkat keras dan perangkat lunak, tetapi juga mencakup lingkungan secara keseluruhan, baik itu lingkungan organisasi masyarakat kerja atau lingkungan keluarga. Sedangkan kebolehgunaan (usability) disini dimaksudkan bahwa sistem yang dibuat tersebut mudah digunakan dan mudah dipelajari baik secara individu ataupun kelompok. Utilitas mengacu kepada fungsionalitas sistem atau sistem tersebut dapat meningkatkan efektifitas dan efesiensi kerjanya.

                               

Matlamat Human-Computer Interaction :

Matlamat HCI adalah untuk menghasilkan sistem yang boleh digunakan dengan selamat, serta sistem yang boleh berfungsi. Dalam usaha untuk menghasilkan sistem komputer dengan kebolehgunaan  yang baik,pemaju mesti cuba :

·         Kaedah untuk mereka bentuk antara muka komputer dengan sekali gus mengoptimumkan reka bentuk untuk hartanah yang diingini.

·         Kaedah untuk melaksanakan antara muka

·         Kaedah untuk menilai dan membandingkan antara muka berkenaan dengan kegunaan mereka

·         Perspektif yang kritikal memikirkan nilai-nilai yang menjadi asas reka bentuk komputer, penggunaan komputer dan amalan penyelidikan HCI

Manusia (pengguna)

·         Pengguna individu atau pengguna sekumpulan berkerja bersama-sama. Penghargaan sistem deria cara rakyat (penglihatan, pendengaran, sentuhan) menyampaikan maklumat adalah penting. Selain itu, pengguna yang berbeza membentuk konsep yang berlainan atau model mental tentang interaksi mereka dan mempunyai cara yang berbeza untuk belajar dan menyimpan pengetahuan. Perbezaan budaya dan negara juga memainkan peranan.

Computer :

·         Komputer merujuk kepada mana-mana teknologi yang terdiri daripada desktop komputer untuk sistem yang berskala besar. Peranti seperti telefon bimbit atau VCR juga boleh dianggap “komputer”.

Interaction :

  ·        Interaksi (HCI) cuba untuk memastikan bahawa kedua-dua mereka mendapatkan di antara satu sama lain dan berinteraksi dengan jayanya. Dalam usaha untuk mencapai sistem yang boleh digunakan, anda perlu memohon apa yang anda tahu tentang manusia dan komputer, dan berbincang dengan pengguna mungkin sepanjang proses reka bentuk. Dalam sistem sebenar, jadual dan bajet adalah penting, dan ia adalah penting untuk mencari keseimbangan antara apa yang akan menjadi ideal untuk pengguna dan apa yang boleh dilaksanakan dalam realiti.

Cara membuat gambar menjadi besar

Assalammualaikum, hari ini pada 23/04/2015 pensyarah saya meminta untuk mencari Kod HTML untuk membuat gambar yang biasa boleh bergerak dan besar bila disentuh.

Cara-cara melakukannya :

• Log in pada Blogger

• Selepas log in, pilih Templete > Edit Html

• Kemudian cari kode </head> dan copy kod berikut dengan tepat di atas kode </head>

<style>#sundaboy img{-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out;} #sundaboy img:hover{ -o-transform: scale(1.5) rotate(360deg); -moz-transform: scale(1.5) rotate(360deg); -webkit-transform: scale(1.5) rotate(360deg);}</style>

• Selesai sahaja copy kod tersebut ikut format yang dibawah

<div id="sundaboy">

<a href="http://novanpeace.blogspot.com/"><img src="KODE GAMBAR" /></a></div>

Selesai sahaja copy kod tersebut cuba sentuh pada gambar yang dah dimasukkan itu. Semoga berjaya :)

Mobafire (Mirzan)

Alamat : https://mobafire.com

Pengenalan Tentang Mobafire

• Mobafire adalah laman web tentang league of legends. Ia berfungsi mencari maklumat tentang league of legends. Aplikasi ini ditubuh pada tahun 2009 dan ia sejenis game online bagi seluruh dunia. Selain itu, Mobafire ada 4 jenis maklumat iaitu Builds and guild, Database, Tournament, Community, and watch league. Musim 1 Championship pada bulan Jun 2011, yang telah diadakan di Dreamhack di Sweden,dan telah dipaparkan US $ 100,000 dalam hadiah. Parnassus Eropah Fnatic mengalahkan pasukan dari Eropah, Amerika Syarikat, dan Asia untuk memenangi kejohanan ini dan menerima US $ 50,000 dalam hadiah money. Over 1.6 juta penonton yang menonton siaran yang dialirkan acara itu, dengan puncak lebih daripada 210,000 penonton serentak dalam satu setengah perlawanan akhir. Ia sangat bertuah sesiapa yang memenangi pertandinganya. 

Kaedah Penggunaan Mobafire

• Mencari maklumat
• Mengepostkan gambar
• Dapat menengok league of legends secara live
• Dapat berkogsi maklumat dengan rakan

Kaedah Menggunakan Mobafire

• Masuk ke laman web mobafire
• Daftar masuk jika ada akaun untuk upload maklumat/tidak perlu jika mau baca, atau daftar jika mahu berbincang.
• Jika tidak ada akaun, anda perlu sign up, cara sign up seperti berikut : masukkan nama, email dan password
• Selepas daftar, sahkan akaun melalui email
• Selepas pengesahan anda boleh memberi maklumat dengan menekan edit di artikel tertentu.
• Sesetengah artikel tidak boleh diedit.

Kebaikan Mobafire

• Boleh tengok league of legends di Mobafire
• Boleh memasuki tournament di Mobafire
• Mencari maklumat tentang champion itu seperti, kuasa, barang sesuai untuk champion itu dan kulitnya

Keburukan Mobafire

• Kebanyakkan comment yang tidak sesuai
• Mengepost gambar yang tidak elok
• Tidak semua artikel boleh diubah

9GAG (Meor Hariz)

Alamat : https://www.9GAG.com

Pengenalan Kepada 9GAG

• Aplikasi 9GAG.Inc telah beroperasi platform dalam talian dan laman web sosial. Pengguna juga memuat naik dan boleh berkongsi imej dan video. 9GAG.Inc telah berpusat di Mountain View, California. Ia telah dilancarkan pada 23 April 2008 dan telah berkembang maju dengan mencapai lebih daripada 20 juta Facebook dan 3 juta pengikut Twitter pada pertengahan bulan September 2014.

• Aplikasi ini telah menjadi pengasas pada tahun 2008 oleh Universiti Hong Kong. Dan pelajar yang menjayakan ialah Chris Chan dengan mewujudkan platform alternatif dalam talian emel dimana pengguna mudah berkongsi gambar atau video yang menarik.

Garena.com (Shafiq)

Alamat : https://www.garena.com

Pengenalan kepada Garena.com

• Website ini diberi nama Garena ( Connecting world games ) . Website ini mempunyai beberapa jenis games .Ia mempunyai lapan jenis games antaranya ialah Blackshot, League Of Legend, Fifa Online 3, Horn dan banyak lagi . Kebanyakkan games ini telah disediakan oleh Garena kini disanjung tinggi oleh pemain-pemain games online diseantero dunia.

• Aplikasi ini bukan sahaja menyediakan game yang menarik. Ia juga menyediakan beberapa aplikasi yang memudahkan kita berkomunikasi bersama rakan kita ketika pengguna sedang berada di dalam game. Aplikasi tersebut dinamakan “G-Talk” atau “Garena Talk”. Ia memudahkan pengguna berhubung dalam bentuk suara atau melalui pesanan . Ia juga boleh dimasuki ramai orang tetapi kebiasaannya ia akan dimasuki 5 orang sahaja. Hal ini demikian kerana game yang disediakan kebanyakkannya berlawan secara 5 lawan 5 seperti game League Of Legend ( LOL ).

• Selain itu , aplikasi ini juga menyediakan aplikasi Garena Plus bagi memudahkan kita menambah rakan baru dan menghantar pesanan ringkas kepada rakan secara privasi. Kebiasaannya orang akan menggunakan aplikasi ini di komputer ataupun laptop kerana ingin terus bermain game. Pengguna juga boleh memiliki aplikasi ini di telefon . Ia diberi nama GAS . Ia boleh dimiliki oleh pengguna Apple  atau Android. Ia membenarkan pengguna berhubung dengan rakan tetapi tidak boleh bermain game seperti yang boleh dilakukan di komputer atau laptop

Google Plus (Shahril)

Alamat : https://www.googleplus.com

Pengenalan Bagi Google Plus

• Laman sosial Google Plus adalah laman sesawang rangkaian sosial yang berada di talian dan dikendalikan oleh google. Ia secara rasminya ditubuhkan pada 22 Jun 2011. Pengguna yang mempunyai rakan berumur 18 tahun ke atas layak menyertai laman sosial ini. Menurut eksekutif syarikat googlr, vic gundotra perkhimatan google plus ini telah lama dihentikan dalam masa yang singkat kerana mendapat permintaan yang terlalu banyak daripada pengguna.
• Google Plus ini direka dengan laman sosial seperti google profiles dan google bizz. Ia memperkenalkan ciri-ciri baru rangkaian sosial seperti cicles, hangout, spark, huddle dan merupakan cubaan yang pertama terbesar syarikat google dan kini bersaing dengan facebook.

Google profiles

• Merupakan satu akaun yang boleh mengakses website-website tertentu seperti blogger.

Hangout

• Tempat yang digunakan untuk perbualan video

Huddle

• Membolehkan para pengguna menguruskan kenalan mereka dan berhubung melalui telefon pintar

Instant upload

• Pengguna yang mempunyai peranti mudah alih android untuk memuat naik dan menyimpan gambar atau video dalam  album peribadi sendiri.

Spark

• Digunakan untuk carian google untuk mencari tajuk yang mereka sukai dan berkongsi mengenainya

Stream

• Pengguna boleh melihat ruangan kemas kini daripada kenalan 

Tubidy (Zarul)

Alamat : http://tubidy.mobi/

Pengenalan Bagi Tubidy

• Laman web tubidy ini adalah sebuah laman web yang dibina untuk semua orang. Ia digunakan oleh pengguna untuk mendownload lagu samada dalam bentuk video atau audio.

Register

• Jika pengguna ingin download video pengguna tidak perlu register. Jika pengguna yang ingin upload video sendiri perlulah sendiri.
• Bagi pengguna yang belum mendaftar pengguna perlulah sign up.

Cara Untuk Register 

• Bagi pelanggan yang sudah sign up, klik pada button log in yang berada di bahagian header. Pengguna perlulah isi ruangan sign up dengan mengisi username dan password pada ruangan yang disediakan.
• Bagi pengguna yang belum sign up, klik pada button log in yang berada di bahagian header. Pengguna haruslah mengisi ruangan sign up dengan mengisi username, password, gender, age, dan validation code.

Kelebihan Laman Web Tubidy

• Langkah download yang mudah (tidak merumitkan pengguna)
• Susunanuntuk download yang teratur.
• Saiz coading yang rendah membolehkan pengguna mudah untuk mengakses laman web tersebut.

Kekurangan Laman Web Tubidy.

• Tidak diselenggara dengan baik.
• Stop update (pemberhentian update)