Thursday, 3 September 2015

Front and Back End

Istilah "front end" dan "back end" adalah perbezaan yang merujuk kepada pemisahan antara lapisan persembahan dan lapisan akses data masing-masing.

Front end adalah antaramuka diantara pengguna dan back end. The front and back ends boleh diagihkan antara satu atau lebih sistem. Dalam seni bina perisian, mungkin ada banyak lapisan di antara perkakasan dan pengguna akhir. Hadapan (Front) adalah abstrak, yang memudahkan komponen asas dengan menyediakan antara muka mesra pengguna.


Dalam reka bentuk perisian, seperti seni bina model-view-controller menyediakan depan dan belakang berakhir untuk pangkalan data, pengguna dan komponen pemprosesan data. Pemisahan sistem perisian ke depan (front end) dan hujung belakang (back end) memudahkan pembangunan dan memisahkan penyelenggaraan.

Tuesday, 18 August 2015

Responsive web design

Responsif reka bentuk web (RWD) adalah satu pendekatan reka bentuk web yang bertujuan menyediakan tontonan optimum dan interaksi pengalaman mudah membaca dan navigasi dengan sekurang-kurangnya saiz semula, panning, dan boleh merentasi pelbagai peranti (dari komputer desktop monitor untuk telefon mudah alih).

Konsep fluid grid memerlukan elemen halaman saiz berada dalam unit relatif seperti peratusan, dan bukannya unit mutlak seperti mutlak.

Imej fleksibel juga bersaiz dalam unit relatif, untuk menghalangnya daripada memaparkan luar kandungan element mereka.

Media queries membolehkan halaman untuk menggunakan peraturan gaya CSS yang berbeza berdasarkan ciri-ciri peranti tapak sedang dipaparkan pada, biasanya pelayar lebar.

Reka bentuk web Responsif menjadi lebih penting kerana jumlah trafik mudah alih kini mencakupi lebih separuh daripada jumlah trafik internet. Trend ini begitu berleluasa sehinggakan Google telah mula meningkatkan penarafan laman web yang mudah alih jika carian itu dibuat daripada peranti.

Monday, 17 August 2015

CSS

Cascading Style Sheets


Ia adalah gaya bahasa yang ditugaskan untuk menentukan susur atur dokumen HTML. ia meliputi objek seperti background untuk colour, image dan sebagainya.

Ia adalah halaman Web yang diperolehi daripada pelbagai sumber dengan arahan yang ditetapkan keutamaannya di mana-mana takrifan percanggahan unsur gaya. The Cascading Style Sheet, tahap 1 (CSS1) cadangan dari World Wide Web Consortium (W3C), yang dilaksanakan dalam versi terbaru Netscape dan Microsoft pelayar Web, menyatakan lembaran gaya yang mungkin atau kenyataan-kenyataan yang boleh menentukan berapa elemen yang diberikan dibentangkan dalam laman Web.

CSS memberikan lebih kawalan ke atas penampilan laman Web kepada pencipta halaman daripada pereka pelayar atau penonton.

Monday, 27 July 2015

BOOTSTRAP

Bootstrap adalah koleksi alat percuma dan sumber terbuka untuk membina laman web dan aplikasi web. Ia mengandungi HTML- dan template reka bentuk berasaskan CSS untuk tipografi, borang, butang, pelayaran dan komponen antara muka lain, serta JavaScriptextensions pilihan. Ia bertujuan untuk memudahkan pembangunan laman web dinamik dan aplikasi web.

Bootstrap, pada asalnya dinamakan Twitter Blueprint, telah dibangunkan oleh Mark Otto dan Yakub Thornton di Twitter sebagai rangka kerja untuk menggalakkan konsisten di seluruh alat dalaman. Sebelum Bootstrap, pelbagai perpustakaan telah digunakan untuk pembangunan antara muka, yang membawa kepada percanggahan dan beban penyelenggaraan yang tinggi.

Selepas beberapa bulan pembangunan oleh sekumpulan kecil, banyak pemaju di Twitter mula menyumbang kepada projek itu sebagai sebahagian daripada Hack Minggu, seminggu gaya hackathon untuk pasukan pembangunan Twitter. Ia telah dinamakan semula dari Twitter Rangka Tindakan untuk Bootstrap, dan dikeluarkan sebagai satu projek sumber terbuka pada 19 Ogos, 2011. Ia terus dikekalkan oleh Mark Otto, Yakub Thornton, dan sekumpulan kecil pemaju teras, serta komuniti besar pencarum

Pada 31 Januari, 2012, Bootstrap 2 diumumkan. Siaran akhbar ini menambah susun atur dua belas tiang grid dan komponen reka bentuk responsif, serta perubahan kepada banyak komponen yang sedia ada. Pembebasan Bootstrap 3 diumumkan pada 19 Ogos, 2013, berpindah ke pendekatan pertama mudah alih dan menggunakan yang reka bentuk reka.
Pada 23 April 2015, Mark Otto mengumumkan Bootstrap 4 adalah dalam pembangunan.
Bootstrap serasi dengan versi terbaru Google Chrome, Firefox, Internet Explorer, Opera, dan pelayar Safari, walaupun sesetengah penyemak imbas ini tidak disokong di semua platform.

Sejak versi 2.0 ia juga menyokong responsif reka bentuk web. Ini bermakna susun atur laman web menyesuaikan dinamik, dengan mengambil kira ciri-ciri peranti yang digunakan (desktop, tablet, telefon bimbit).
Bermula dengan versi 3.0, Bootstrap mengamalkan falsafah reka bentuk mudah alih pertama, menekankan reka bentuk responsif secara lalai.

Bootstrap adalah sumber terbuka dan boleh didapati GitHub. Pemaju digalakkan untuk mengambil bahagian dalam projek itu dan memberi sumbangan mereka sendiri untuk platform.

Tuesday, 30 June 2015

Jenis-jenis antara muka (user interface)

Antara muka baris arahan ( Command-line Interface / CLI )
  • CUI  juga adalah satu cara untuk berinteraksi dengan program komputer di mana pengguna ( atau pelanggan) mengeluarkan arahan dengan menaip arahan pada papan kekunci kepada program ini dalam bentuk baris berturut-teks (baris arahan).
  • Kemudian sistem bertindak memaparkan teks pada monitor komputer.CLI adalah cara utama untuk interaksi dengan sistem komputer yang paling berkesan. 

Antara muka grafik ( Graphical User Interface )
  • Antara muka grafik menerima input melalui peranti seperti papan kekunci komputer dan tetikus dan menyediakan output grafik pada monitor komputer.
  • 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.
Antara muka berpandukan menu ( Menu-driven User Interfaces )
  • Antara muka menu yang direka dengan baik adalah mudah untuk digunakan, dan hanya ikut arahan serta membuat pilihan anda.
  • Antara muka ini membolehkan anda berinteraksi/mencapai arahan dengan komputer atau peranti dengan melalui satu siri skrin atau menu.
Antara Segera ( Prompt User Interface )
  • Ia 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.
Antara muka Melalui Suara ( Voice User Interface / VUI )
  • Membolehkan interaksi dilakukan diantara manusia dengan komputer melalui platform suara / ucapan untuk memulakan perkhidmatan automatik atau proses. VUI adalah antara muka kepada mana-mana pengguna untuk bersuara.
  • Ia adalah fiksyen sains yang dapat mengawal mesin dengan hanya bercakap dalam masa yang singkat. 
Antara muka Pelbagai Modal Pengguna ( Multi-modal User Interfaces )
  • Merujuk kepada interaksi dengan persekitaran maya dan fizikal melalui komunikasi kaedah semula jadi. ia melibatkan lima deria manusia.
  • Ini menunjukkan bahawa interaksi pelbagai mod membolehkan komunikasi yang lebih bebas dan semula jadi, muka pengguna dengan sistem automatik dalam kedua-dua input dan output. 
  • Secara  khusus, sistem multimodal boleh menawarkan sistem fleksibel, cekap dan boleh digunakan untuk pelbagai persekitaran yang membolehkan pengguna untuk berinteraksi melalui kaedah input dan output.

Human-Computer Interaction

(HCI) adalah kajian tentang bagaimana manusia berinteraksi dengan computer.
Penyelidikan tentang Interaksi manusia-komputer (HCI) adalah rekabentuk dan penggunaan teknologi computer, dengan tumpuan khusus kepada antara muka antara manusia (pengguna) dan computer.

Para penyelidik mendapati manusia boleh berinteraksi dengan computer menggunakan cara yang baru.

Matlamat Interaksi manusia-komputer (HCI)  menghasilkan sistem yang boleh digunakan dan selamat, serta berfungsi (berguna). Pengguna mesti mencuba dan usaha untuk menghasilkan sistem computer dengan kebolehgunaan yang baik.

Tujuan HCI

  • Menghasilkan sistem yang bermanfaat (usable) dan aman (safe).
  • Sistem tersebut boleh meningkatkan keselamatan (safety), utility (utility), penggunaan (usability), efektif (effectiveness) dan efisien (efficiency).
  • Mencipta sistem yang mempunyai alat dan teknik yang sesuai.

Manusia
Manusia adalah pengguna (user) yang menggunakan komputer. Ia dikenali sebagai interaksi antara computer dan manusia. Manusia memanfaatkan dan menggunakan teknologi (komputer)untuk menjalankan tugas-tugas yang relevan atau berkaitan dengan pekerjaan mereka atau tujuan pribadi.

Computer
komputer ialah perkakasan (hardware) yang digunakan oleh manusia (pengguna) untuk melakukan sesuatu yang memerlukan penggunaan teknologi seperti perisian.

Interaksi
Saat pengguna menggunakan computer ialah saat pengguna berinteraksi dengan computer. Diwaktu pengguna memberi arahan atau perintah, kemudian komputer menjalankanya sehingga selesai merupakan interaksi. Contoh alat untuk interaksi dengan komputer ialah keyboard, mouse dan banyak lagi.


Wednesday, 15 April 2015

BLOG oleh Ina

Blog boleh dilihat sebagai satu bentuk perkhidmatan rangkaian sosial. Malah, penulis blog tidak hanya menghasilkan kandungan untuk posting di blog mereka, tetapi juga membina hubungan sosial dengan pembaca dan penulis blog yang lain.

Pada 16 februari 2011, terdapat lebih 156 juta blog awam dalam kewujudan. Pada 20 februari 2014, terdapat sekitar 172 juta tumblr dan 75800000 wordpress blog wujud di seluruh dunia. Menurut pengkritik dan penulis blog lain, blogger adalah perkhidmatan blog yang paling popular yang digunakan hari ini

Kegunaan :
  • Berkongsi cerita / perkara yang boleh dibaca
  • Mengisi masa lapang
  • Menulis catatan harian / diari harian
  • Menjadikan website untuk berniaga
Kelebihan

  • Boleh berkenalan dengan ramai irang
  • Dapat mengumpul pelbagai maklumat
  • Boleh chat di chatbox