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

Mobafire ( Mijann)

MOBAFIRE

Mobafire ialah sebuah laman web yang berinformasikan maklumat tentang permainan online yang bertajuk "League of Legends" .Laman web ini membantu pemain-pemain baru belajar cara bermain permainan ini secara betul tanpa mengecas apa-apa kos kepada penggunanya .

Google Plus (Sharil)

Google Plus

Google plus merupakan sebuah laman web social yang berjalan dibawah syarikat Google.Google plus dilancarkan pada 2011 .Google plus berjalan dibawah syarikat Google Inc .Antara kemudahan disediakan ialah kebolehan untuk mengepost gambar , status dan pelbagai lagi.

                                         Gambar menunjukkan Antaramuka Google Plus

Ciri-ciri google+

Google profiles

Google profiles merupakan satu akaun yang boleh mengakses website-website tertentu seperti youtube dan blogger

Hangout

Hangout adalah servis yang ditawarkan untuk perbualan video.

Huddle

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

Instant upload

-Membolehkan  pengguna yang mempunyai peranti mudah alih android untuk memuat naik dan menyimpan gambar atau video dalam  album peribadi mereka

Spark

Menggunakan carian google untuk mencari tajuk yang mereka sukai dan berkongsi mengenainya

Stream

-Para pengguna boleh melihat ruang kemas kini daripada kanalan .ini menyerupai suapan berit

Blogger ( INA)

BLOGGER

Blogger adalah perkhidmatan penerbitan blog yang membolehkan blog berbilang pengguna dengan penyertaan ditanda masa.Laman web ini dicipta pada 23 Ogos 1999 oleh Pyra Labs dan dibeli oleh Google pada tahun 2003 .Blogger terdapat dalam pelbagai Bahasa seperti Arab , Bengali dan lain-lain lagi .

Contoh Blog di dalam Laman Web Blogger

9Gag (Harizz)

9Gag

9GAG, Inc. beroperasi platform dalam talian dan laman web media sosial. Pengguna memuat naik dan berkongsi imej "dijana pengguna" dan video. 9GAG, Inc berpusat di Mountain View, California.

Laman web ini dicipta pada 2008 di Universiti Hong Kong oleh Chris Chan.Laman web ini pada asalnya 

hanya sebuah "side project" ketika Facebook tidak tersedia di Hong Kong.

Fakta Kecil

• Pengguna 9Gag selalunya dipanggil 9Gaggers .
• Kebanyakan trafik pengguna 9Gag datang dari sekolah dan tempah pekerjaan.

Youtube (Azreen) - becky

YOUTUBE

YouTube ialah laman web perkongsian video yang beribu pejabat di San Bruno, California. Perkhidmatan ini telah dicipta oleh tiga bekas pekerja PayPal pada Februari 2005. Pada bulan November 2006, ia telah dibeli oleh Google untuk AS $ 1.65 bilion.YouTube kini beroperasi sebagai salah satu daripada anak Google. Laman web ini membolehkan pengguna untuk memuat naik, melihat , dan berkongsi video, dan ia menggunakan Adobe Flash Video dan teknologi HTML5 untuk memaparkan pelbagai dijana pengguna dan media korporat video. Kandungan yang tersedia termasuk klip video, klip TV, video muzik, dan kandungan lain seperti video blog, video pendek, dan video pendidikan.

Kebanyakan kandungan di YouTube telah dimuat naik oleh individu, tetapi syarikat-syarikat media termasuk CBS, BBC, Vevo, Hulu, dan organisasi lain menawarkan beberapa bahan mereka melalui YouTube, sebagai sebahagian daripada program perkongsian YouTube.Pengguna tidak berdaftar boleh menonton video, dan pengguna berdaftar boleh memuat naik video ke saluran mereka. Video dianggap mengandungi kandungan yang mungkin menyinggung perasaan disediakan hanya untuk pengguna berdaftar mengesahkan diri mereka untuk sekurang-kurangnya berumur 18 tahun

(kredit to becky)

Brainly ( Irfah )

BRAINLY

Brainly merupakan sebuah laman sosial untuk Pendidik dan Pelajar .Laman ini terdapat dalam 13 bahasa yang berbeza dimana laman web ini dilawati oleh 40 Juta orang daripada 35 buah negara seluruh dunia.Brainly dikhaskan untuk pelajar dari sekolah rendah , menengah rendah dan menengah tinggi dan juga Guru-guru mahupun pendidik yang lain.Misi brainly ialah untuk memberi inspirasi kepada pelajar untuk belajar dan meneroka ilmu dalam masyarakat yang berkerjasama.

Skype (Farez)

SKYPE

Skype ialah sebuah laman web aplikasi telekomunikasi yang membenarkan pengguna untuk video call dari gajet-gajet seperti komputer , tablet dan smartphone dengan menggunakan internet.

Pengguna juga boleh menghantar mesej , fail-fail , gambar , mesej video dan juga mengadakan panggilan persidangan .Servis skype ini pertama kalinya dikeluarkan pada 2003 oleh Dane Janus Friis dan Niklas Zenstorm dengan kerjasama Estonian Ahti Heinla , Prit Kasesalu dan Jaan Tallin.

Pada tahun 2005 eBay membeli Skype dengan harga 2.6 Billion Dollar kemudiannya dibeli pula oleh Microsoft pada tahun 2011 dengan harga 8.5 Billion Dollar .

Vimeo (Rafiqi)

Vimeo

Vimeo ialah sebuah laman web dimana pengguna boleh menonton , dan berkongsi video seperti Youtube.Laman web ini di asaskan pada 2004 oleh Jake Lodwick dan Zack Klein.Nama Vimeo dicipta oleh Zack Klein hasil dari mencantumkan perkataan video dan me .

Pada tahun 2007 , Vimeo memperkenalkan resolusi video 1280x720(HD) dan menjadi laman web pertama di dunia yang membenarkan pengguna mengupload video beresolusi tinggi .

Instagram (Zyra)

Instagram 

Instagram ialah Laman Sosial yang digunakan untuk berkongsi video atau gambar 

Instagram merupakan sebuah perkhidmatan perkongsian fakta dan rangkaian sosial secara atas talian yang mebolehkan penggunannya mengambil gambar, meletakkan penapis digital dan menyebarkannya ke dalam pelbagai bentuk perkhidmatan rangkaian sosial. Instagram diasaskan oleh Kevin Systrom and Mike Krieger dan dilancarkan pada October 2010.

            Perkhidmatan ini cepat mendapat populariti dengan lebih 100 juta pengguna aktif pada April 2010. Manakala pada Disember 2014, populariti Instagram manaik dengan lebih dari 300 juta pengguna. Instagram diedarkan melalui AppStore, google play and windows store. Sokongan untuk aplikasi yang boleh didapati untuk iPhone, iPod Touch dan telefon Android/Smartphone.

            Perkhidmatan ini telah dibeli facebook pada bulan April 2012, kira-kira AS $ 1Billion dalam bentuk wang tunai dan saham. Pada tahun 2013, instagram populariti dan pengguna instagram meningkat sebanyak 23%. Istagram memulakan pembangunan di San Francisco, Amerika Syarikat (AS) apabila Systrom dan Brazil Krieger memilih untuk menumpukan perhatoan kepada perkara lain.

            Nama Instagram adalah singkatan untuk ‘kamera segera’ dan ‘telegram’. Pada mulanya instagram hanya membenarkan penggunanya berkongsi gambar sahaja. Pada 2012, pengasas instagran telah maniktararkan instagram dengan membolehkan penggunanya berkongsi video, selain gambar.

Soundclouad (Haikal)

S

Soundcloud

“Soundcloud” merupakan sebuah platform muzik secara di atas talian. Dengan menggunakan website ini boleh anda boleh berkolabrasi,mempromosi dan mendistribusi muzik. Soundcloud dicipta di Stockholm,Sweeden. Namun begitu, website ini didirikan di Berlin,Jerman pada bulan Ogos,2007 oleh Designer,Alex Ljung dan pemuzik EricWahlfross. Pereka tersebut telah mendapat inspirasi bagaimana pemuzik berkongsi muzik antara  mereka. Oleh Sebab itu, Pereka ‘Soundcloud’ membina website tersebut untuk mengalakkan pemuzik untuk berkongsi muzik mereka dengan lebih senang.

Apple.com (Syarifuddin)

Apple.com

Apple store merupakan sebuah kedai online dimana terdapat gajet-gajet berjenama Apple dijual. Syarikat Apple mempunyai 180 buah kedai menjual gajet-gajetnya di Amerika Syarikat, Jepun, United Kingdom, Kanada dan Itali. Apple kini menggaji melebihi 200,000 pekerja tetap dan pekerja sampingan di seluruh dunia. Jualan tahunan Apple di seluruh dunia pada tahun 2006 (berakhir pada 30 September) ialah 19.3 Billion Dollar. Produk-produk perkakasan syarikat yang paling terkenal termasuk barisan komputer peribadi Mac dan peranti-peranti persisian berkait, barisan pemain media mudah alih iPod, serta iPhone yang dikeluarkan pada pertengahan tahun 2007. Diperbadankan pada 3 Januari 1977 , syarikat in mula-mulanya dikenali sebagai Apple Computer, Inc. selama 30 tahunnya yang pertama. Pada 9 Januari 2007, syarikat ini menggugurkan perkataan "Computer" daripada nama korporatnya agar membayangkan bahawa Apple yang pada suatu ketika terkenal untuk produk-produk komputer, kini membekalkan berbagai-bagai produk elektronik pengguna. Pertukaran nama yang menyusul pengumuman Apple tentang smartfon iPhone dan sistemvideo digital Apple TVnya membayangkan peluasan berterusan syarikat ke dalam pasaran elektronik pengguna, selain daripada tumpuan tradisionalnya dalamkomputer peribadi.

4Shared (Afiqah)

4Shared

4shared merupakan sebuah laman web perkhidmatan yang membenarkan seseorang pengguna memuat turun dan memuat naik fail .Laman web perkongsian fail ini ditubuhkan pada 2005 oleh Alex Lunkov dan Sergey Chudnovsky.Sehingga pada hari ini laman perkongsian fail ini merekodkan 5 juta pengguna , 11 juta lawatan harian ,940TB fail yang dihoskan dan 317TB pemindahan fail setiap hari.

Penggunaan 4shared

4shared membenarkan pengguna-pengguna untuk muat naik dan muat turun fail-fail dengan sebarang pelayar web. Pendaftaran yang biasa membenarkan pengguna-pengguna untuk muat naik 10240 MB ke akaun mereka. Pengesahan pendaftaran melalui emel mengembangkan ruang penyimpanan sehingga 15 GB. Pengguna-pengguna Premium akan diberi ruangan 100 GB untuk menyimpan fail-fail.

Selepas sesuatu muat naik yang berjaya, pengguna akan diberi URL yang unik yang akan membenarkan orang lain untuk muat turun fail. Fail-fail yang telah dimuat naik akan disimpan sehingga pengguna-pengguna memasuki akaun mereka sekurang kurangnya setiap 30 hari atau sekurang-kurangnya satu daripada fail itu dimuat turun setiap 30 hari. Akaun-akaun premium tidak mempunyai masa tamat tempoh sehingga pengguna meneruskan sebagai pengguna premium. 

Fungsi Interface pengguna adalah sama dengan fungsi standard windows explorer.

Penguna-pengguna yang belum didaftar perlu menunggu 20 saat didalam barisan muat turun

(CAPTHCA tidak perlu disempurnakan) dan boleh memulakan beberapa muat turun secara serentak

Pengenalan kepada Wikipedia

Wikipedia ialah sebuah website yang seringkali digunakan untuk mencari maklumat tentang suatu perkara.
Laman web ini dilancarkan pada 15 Januari 2001 oleh Jimmy Wales dan Larry Sanger .
Laman web ini mempunyai banyak maklumat hasil dari kerjasama komuniti yang luas.
Setiap orang boleh mengubah sesetengah artikal demi kebaikan tetapi perlu menunggu pengesahan dari pihak tertentu supaya versi yang diubah boleh dikenalpasti sebagai artikel yang sah bukannya vandalisma semata-mata.


Kebaikan dan keburukan wikipedia ditentukan oleh faktor yang sama iaitu bahawa wikipedia sebuah laman web maklumat yang bebas .Kadangkala ianya di edit oleh orang yang berpengalaman dan berilmu tetapi ia juga boleh menyebabkan sesorang itu menyikut fahaman sendiri dan melakukan pengubahan artikel secara  melulu mengikut fahaman sendiri .

Di wikipedia juga terdapat pelbagai bahasa yang boleh dipilih mahupun Bahasa Melayu...

Artikel wikipedia juga boleh di gunakan tanpa mendapatkan sebarang kebenaran dari mana-mana pihak tetapi dengan syarat2 tertentu ...