Jenis-Jenis HCI

JENIS-JENIS HCI

Jenis Jenis HCI

a) Antara muka baris arahan ( Command­line Interface / CLI )

Pengguna menyediakan input dengan menaip satu arahan pada papan kekunci komputer

dan sistem bertindak dengan memaparkan teks pada monitor computer.

b) Antara muka grafik ( Graphical User Interface )

Antara muka grafik digunakan untuk manipulasi ikon secara terus dengan menggerakkan

sesuatu peranti contohnya tetikus untuk melaksanakan tugas tertentu. Sebagai contoh,

memindahkan satu fail dari satu folder ke dalam folder yang lain dengan menggunakan

tetikus.

c) Antaramuka berpandukan menu ( Menu­driven User Interfaces )

Antaramuka berpandukan menu membenarkan pengguna untuk mencapai arahan melalui

menu.

d) Antaramuka Segera ( Prompt User Interface )

Antaramuka segera mempercepatkan pengguna untuk memasukkan input, meminta

maklumat serta pergi ke langkah yang seterusnya. Sebagai contoh, komputer meminta

pengguna untuk memasukkan ID pengguna dan kata laluan untuk terus pergi ke

antaramuka yang berikutnya.

e) Antaramuka Melalui Suara ( Voice User Interface / VUI )

Antaramuka melalui suara membenarkan pengguna berinteraksi dengan menggunakan

aplikasi bahasa percakapan. Segala rakaman atau ucapan yang telah disintesis

dimainkan kepada pengguna semasa dialog.

f) Antaramuka Pelbagai Modal Pengguna ( Multi­modal User Interfaces )

Antaramuka Pelbagai Modal Pengguna merujuk kepada interaksi antara maya dan

persekitaran fizikal melalui komunikasi mod semula jadi. Selain itu, kaedah output

juga dapat digunakan bagi tujuan ini seperti menggunakan ucapan yang disintesis, grafik

bijak dan lain­lain.

Apakah itu CSS?

APAKAH ITU CSS ? 

CSS  ialah  Cascading Style Sheet bermaksud sekumpulan kod pengprograman web yang berfungsi untuk mengendalikan beberapa komponen di dalam web sehingga menjadi seragam,berstruktur dan teratur.CSS inilah yang bertanggung jawab atas penampilan web anda dan  dimata pengunjung melalui browser internet.

CSS yang buruk boleh membuat pelawat website anda tidak tertarik dan  tidak berminat untuk mengunjungi mahupun melawat website anda lagi.

CSS adalah penting (khususnya) blog agar lebih seronok untuk di baca, di lihat oleh pelawat anda dan CSS mampu meringankan loading.

Responsive Web Page

Apakah itu Responsive Web Page?

Terdapat beberapa pengertian mengenai apa itu responsive web design,salah satunya dari situs terkemuka wikipedia.Nenurut wikipedia,Responsive web design adalah salah satu metode pendekatan dalam proses design web site yang bertujuan untuk menghadirkan kemudahan dalam membaca dan melakukan navigasi dengan meminimalisasi proses resize,panning dan scrolling baik saat website dilihat dari desktop(PC) ataupun perangkat mobile lainnya(tablet dan smartphone).Singkatnya sebuah website yang bersifat responsive(responsve web design) akan secara otomatis mengadaptasi terhadap resolusi(ukuran) layar dan orientasi(potrait/landscape).

Human Computer Interaction (HCI)

Apakah itu HCI ?
HCI (Human Computer Interaction) merupakan ilmu yang mempelajari tentang perancangan, evaluasi, dan implementasi sistem komputer interaktif untuk digunakan oleh manusia, serta studi fenomena-fenomena besar yang terkait dengannya. IMK terfokus kepada perancangan dan evaluasi antarmuka pemakai (user interface). User interface adalah bagian sistem komputer yang memungkinkan manusia berinteraksi dengan komputer. Jadi user interface merupakan jembatan komunikasi yang menjembatani user dengan komputer. User interface mencakup konsep, kebutuhan user untuk mengetahui sistem komputer, dan harus dibuat terintegrasi ke seluruh sistem. User interface tidak cukup hanya berpenampilan ‘bagus’ tetapi harus dapat mendukung tugas yang dilakukan manusia dan dibuat menghindari kesalahan-kesalahan kecil. Bagaimana manusia dan komputer secara interaktif melaksanakan dan menyelesaikan tugas/ task dan bagaimana sistem yang interaktif itu dibuat? HCI menerapkan desain grafis dalam pandangan Ilmu Komunikasi yang merupakan metode menyampaikan pesan visual berwujud teks dan gambar dari komunikator kepada komunikan. Dalam mendesain surat kabar misalnya, desainer grafis memerlukan pengetahuan tentang kebisaan pembaca media agar dengan mudah mendesain tata letak dan visual yang cocok. Motif ini digunakan agar pesan yang hendak disampaikan oleh media tersebut diterima dan sampai kepada pembaca.

Apakah itu Bootstrap?

Bootstrap
Bootstrap merupakan sebuah framework CSS, yang menyediakan kumpulan komponen-komponen antarmuka dasar pada web yang telah dirancang sedemikian rupa untuk digunakan bersama-sama. Selain komponen antarmuka, Bootstrap juga menyediakan sarana untuk membangun layout
halaman dengan mudah dan rapi, serta modifikasi pada tampilan dasar HTML untuk membuat seluruh halaman web yang dikembangkan senada dengan komponen-komponen lainnya. Tujuan Bootsstrap?
Mengutip pengembang yang menciptakan Bootstrap, Bootstrap dibuat untuk memberikan sekumpulan perangkat yang dapat digunakan untuk membangun website sederhana dengan mudah.

Human Computer Interaction

1.1.1 Definasi Human-Computer Interaction Interaksi manusia – komputer ialah berkenaan displin dengan kajian , reka bentuk , pembinaan dan pelaksanaan sistem komputer interaktif
manusia -centric. Antara muka pengguna, seperti GUI , adalah bagaimana manusia berinteraksi dengan komputer, dan HCI melampaui bentuk skrin dan menu yang
lebih mudah untuk digunakan dan mengkaji hujah di sebalik membina fungsi tertentu ke dalam komputer dan kesan-kesan jangka panjang sistem terhadap manusia.
1.1.2 Matlamat interaksi antara manusia dan komputer Matlamat HCI adalah untuk melahirkan sistem yang boleh digunakan dan selamat, serta sistem berfungsi. Untuk sistem komputer berhasil dengan kebolehgunaan yang baik
• Memahami faktor-faktor yang menentukan bagaimana orang menggunakan teknologi
• Membangunkan alat dan teknik untuk membolehkan membina sistem yang sesuai
• Mencapai interaksi yang cekap, berkesan dan selamat
• Mengutamakan manusia terlebih dahulu

GIF Posting

-------------------------------------------------------------------------------------------------


Pada hari ini, saya akan menunjukkan cara untuk post GIF .

1.Pertama sekali, cari "GIF" dengan search di mana mana browser
2. Pilih GIF yang anda suka kemudian klik ( butang kanan mouse) pada GIF tersebut.
3.Kemudian, klik pada 'Inspect Element'.Copy code yang sudah di Hightlight
4. Selepas itu, klik pada "New Post". Apabila anda berada tempat compose, klik pada HTML pada penjuru kiri screen anda dan paste code tersebut.
5. kemudian post
6. Selesai.