Responsive web design (RWD) is an approach to web design
aimed at craftingsites to provide an optimal viewing and interaction experience—easy
reading and navigation with a minimum of resizing, panning, and
scrolling—across a wide range of devices (from desktop computer monitors to
mobile phones).
Thursday 3 September 2015
Jenis Jenis HCI
JENIS-JENIS HCI
1) Antara
muka baris arahan ( Commandline Interface / CLI )
Pengguna
menyediakan input dengan menaip satu arahan pada papan kekunci komputer
dan sistem
bertindak dengan memaparkan teks pada monitor computer.
2) 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.
3) Antaramuka
berpandukan menu ( Menudriven User Interfaces )
Antaramuka
berpandukan menu membenarkan pengguna untuk mencapai arahan melalui
menu.
4) 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.
5) 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.
6) Antaramuka
Pelbagai Modal Pengguna ( Multimodal 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
lainlain.
Tuesday 25 August 2015
CSS
CSS is an acronym for Cascade Syle Sheet often used along
side with HTML.
CSS is a style language that defines layout of HTML
documents. For example, CSS covers fonts, colours, margins, lines, height,
width, background images, advanced positions and many other things. Just wait
and see! HTML can be (mis-)used to add layout to websites.
CSS was a revolution in the world of web design.
The benefits of CSS
include:
control layout of many documents from one single style
sheet;
more precise control of layout;
apply different layout to different media-types (screen,
print, etc.);
numerous advanced and sophisticated techniques.
Saturday 1 August 2015
What is bootstrap
Bootstrap is a free and open-source collection of tools for creating websites and web applications. It contains HTML- and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. It aims to ease the development of dynamic websites and web applications.
Bootstrap is a front end framework, that is, an interface for the user, unlike the server-side code which resides on the "back end" or server.
Bootstrap is a front end framework, that is, an interface for the user, unlike the server-side code which resides on the "back end" or server.
What is HCI
HCI (human-computer interaction) is the study of how people interact with computers and to what extent computers are or are not developed for successful interaction with human beings. A significant number of major corporations and academic institutions now study HCI. Historically and with some exceptions, computer system developers have not paid much attention to computer ease-of-use. Many computer users today would argue that computer makers are still not paying enough attention to making their products "user-friendly." However, computer system developers might argue that computers are extremely complex products to design and make and that the demand for the services that computers can provide has always out driven the demand for ease-of-use.
One important HCI factor is that different users form different conceptions or mental models about their interactions and have different ways of learning and keeping knowledge and skills (different "cognitive styles" as in, for example, "left-brained" and "right-brained" people). In addition, cultural and national differences play a part. Another consideration in studying or designing HCI is that user interface technology changes rapidly, offering new interaction possibilities to which previous research findings may not apply. Finally, user preferences change as they gradually master new inteface
One important HCI factor is that different users form different conceptions or mental models about their interactions and have different ways of learning and keeping knowledge and skills (different "cognitive styles" as in, for example, "left-brained" and "right-brained" people). In addition, cultural and national differences play a part. Another consideration in studying or designing HCI is that user interface technology changes rapidly, offering new interaction possibilities to which previous research findings may not apply. Finally, user preferences change as they gradually master new inteface
Thursday 23 April 2015
Cara untuk menggunakan html bagi imej/gambar atau gif di blogger ..
Asslammualaikum dan salam sejahtera kepada pembaca sekalian.Pada hari ini saya akan menunjukkan cara bagi menggunakan html bagi imej/gambar atau gif di blogger ...
1.Buka blogger anda .
2.Di bahagian dashboard blogger anda klik anak panah ini
rajah 1.0
3.Kemudian klik pada layout
4.Kemudian anda kan sampai ke bahagian layout seterusnya klik add a gadget bagi menambah gambar menggunakan html.
5.Selepas menekan add a gadget sebuah window baru yang kecil akan keluar seperti berikut
6.skroll kebawah didalam new window tersebut dan klik HTML/JavaScript
7.Klik pada butang tambah di bahagian atas sebelah kanan paparan tersebut .
8.Paparan berikut akan muncul
9.Untuk meletak imej kod nya dimulakan dengan ![](sumber imej)
10.Gantikan "sumber imej dengan link atau punca gambar yang anda ingin gunakan .
11.Selesai
Subscribe to:
Posts (Atom)