Responsive Web Design

Responsive Web Design adalah sebuah teknik yang digunakan untuk membuat layout website menyesuaikan diri dengan paparan pada device pengguna, baik ukuran mahupun saiznya. Jadi paparan yang berada di desktop komputer dengan paparan yang diakses melalui SmartPhone akan berbeza. Responsive Web Design Untuk menampilkan paparan yang menggunakan teknik Responsive tersebut tidak harus mengaksesnya melalui mobile device ataupun device lain, namun cukup dengan meminimize browser saja ke dalam ukuran mobile device yang diinginkan, kita sudah dapat melihat tampilan website kita pada layar mobile device.

Front End and Back End

Front End

1.  For software applications, front end is the same as user interface.

2.  In client/server applications, the client part of the program is often called the front end and the srver part is called the back end.

3. Compilers, the programs that translate source code into object code, are often composed of two parts: a front end and a back end. The front end is responsible for checking syntax and detecting errors, whereas the back end performs the actual translation into object code.

Back End

The back-end has three parts to it: server, application, and database.

To better explain how all of this works, let’s use the example of a customer trying to purchase a plane ticket using a website. Everything that the customer sees on the webpage is the front-end, as we have explained before, but once that customer enters all of his or her information, such as their name, billing address, destination, etc, the web application stores the information in a database that was created previously on the server in which the website is calling for information.

The web application creates, deletes, changes, renames, etc items in the database. For example, when a customer purchases a ticket, that creates an item in the database, but when they have a change in their order or they wish to cancel, the item in the database is changed.

A server, in the simplest form, is a computer accessed remotely that runs software to fulfill requests from clients. In our example, the server the customer’s browser is communicating with is where the database is stored and modified.

In short, when a customer wants to buy a ticket, the backend operation is the web application communicating with the server to make a change in a database stored on said server. Technologies like PHP, Ruby, Python, and others are the ones backend programmers use to make this communication work smoothly, allowing the customer to purchase his or her ticket with ease.

Cascading Style Sheet (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 bertanggungjawab 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.

Jenis-Jenis Human Computer Interaction (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.

Human Computer Interaction

Human Computer Interaction

Interaksi manusia-komputer (HCI) adalah merupakan penyelidikan tentang  reka bentuk dan penggunaan teknologi komputer, dengan tumpuan khusus antara muka kepada manusia (pengguna) dan komputer.Para penyelidik dalam bidang HCI  memerhatikan cara-cara manusia berinteraksi dengan komputer danteknologi dengan menggunakan reka bentuk yang membolehkan manusia berinteraksi dengan komputerdengan pelbagai cara.
Tujuan adalah untuk manusia beinteraksi dengan mesin komputer secara berkesan dan mudah digunakan. Matlamat HCI adalah untuk menghasilkan system yang boleh digunakan dan selamat serta system boleh berfungsi. Dalam usaha untuk menghasilkan system komputer dengan kebolehgunaan yang baik.

Ø  Memahami faktor-faktor yang menentukan bagaimana orang menggunakan teknologi.
Ø  Membangunkan alat dan teknik untuk membolehkan membina system yang sesuai.
Ø  Mencapai interaksi yang cekap, berkesan dan selamat
Ø  Mengutamakan pengguna

What IS Bootstrap

What Is Bootstrap

Bootstrap is a powerful front-end framework for faster and easier web development. It includes HTML and CSS based design templates for common user interface components like Typography, Forms, Buttons, Tables, Navigations, Dropdowns, Alerts, Modals, Tabs, Accordion, Carousel and many other as well as optional JavaScript extensions.

Bootstrap also gives you ability to create responsive layout with much less efforts.

Gambar Bergerak