Responsive Web Design

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).

Jenis Jenis HCI

JENIS-JENIS HCI

1) 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.

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 ( Menu­driven 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 ( 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.

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.

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.

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

Gambar membesar

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

10.Gantikan "sumber imej dengan link atau punca gambar yang anda ingin gunakan .

11.Selesai