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

Pengenalan Google Plus

Assalamualaikum,

Harini 7 April,  saya akan menerangkan Laman Web Google Plus  yang telah diterangkan oleh kawan saya iaitu Muhammad Shahril.

Google+ atau Google Plus adalah jejaring sosial yang dioperasikan oleh Google Inc. Google+ diluncurkan pada 28 Jun 2011 dengan sistem undangan untuk diuji cuba. Di hari tersebut, pengguna Google+ dimulakan untuk mengundang pengguna di atas 18 tahun, untuk membuat akaun. Namun, ia segera dihentikan sehari kemudian setelah pembuatan akaun semakin membeludak.

Google+ mengintegrasikan layanan sosial seperti Google Profile dan Google Buzz, dan memperkenalkan layanan baru seperti Circles, Hangouts, Sparks, and Huddles. Google+ juga akan tersedia dengan berbagai aplikasi desktop dan aplikasi ponsel, tetapi hanya pada Android dan sistem operasi iOS. Media massa seperti The New York Times telah menyatakan bahwa Google+ adalah upaya terbesar Google untuk menyaingi jaringan sosial Facebook, yang telah mempunyai lebih dari 750 juta pengguna pada tahun 2011.

Pengenalan Youtube

Assalamualaikum,

 Harini 6 April,  saya akan menerangkan Laman Web Youtube  yang telah diterangkan oleh kawan saya iaitu Ain Azreen.

YouTube ialah laman perkongsian video yang popular untuk memuat naik, menonton dan berkongsi petikan video. YouTube kini menjadi satu bentuk media baharu Web2.0 yang popular. Satu artikel terbaru di Wired menyatakan bahawa sebanyak 65,000 video dimuat naik dan 100 juta video ditonton setiap hari di YouTube (Godwin-Jones2007).

Kandungan YouTube boleh merangkumi animasi, rakaman acara awam, rakaman peribadi rakan-rakan – hampir apa sahaja yang ingin disiarkan – kecuali kandungan yang menyalahi undang-undang atau yang menjelikkan dan berbentuk penghinaan. Rakaman video boleh berbentuk informasi, hiburan, pujukan atau peribadi semata-mata. Sebagai satu aplikasi sosial yang semakin dikenali, YouTube membolehkan pengguna menyiarkan dan memberikan tag kepada video, menonton video yang disiarkan oleh orang lain, menyiarkan komen dalam bentuk perbincanganberangkai, mencari kandungan melalui kata kunci atau kategori,  serta membina dan menyertai kumpulan semasa. YouTube boleh dihubungkan dengan aplikasi blog lain, dan ini memberi pengguna satu cara pantas untuk membuat blog mengenai sesuatu video dan menyertakan pautan kepadanya. Pengguna boleh membaca profil individu yang menyiarkan atau memberikan komen kepada sesuatu video, menonton video kegemaran mereka dan menghubungi individu tersebut.

Pengenalan SAPS

Assalamualaikum,

 Harini 5 April,  saya akan menerangkan Laman Web SAPS  yang telah diterangkan oleh kawan saya iaitu Intan Sofea.

Sistem SAPS ini merupakan sistem yang agak baru diperkenalkan. SAPS atau Sistem Analisis Peperiksaan Sekolah dirangka bagi menjalankan fungsi sebagai pusat pengumpul, penyimpan dan menganalisis data peperiksaaan dalaman setiap sekolah di seluruh Malaysia.

Sistem ini berfungsi hanya di atas talian ( online ) yang boleh dicapai oleh pihak tertentu seperti KPM, JPN, PPD dan sekolah. Penyediaan pusat data yang berpusat ini memberi kemudahan dan boleh digunakan oleh pihak KPM, JPN dan PPD untuk membuat perbandingan, analisis ataupun mengenalpasti kelemahan yang ada untuk diperbaiki.

Sistem ini juga direka bagi mengurangkan masalah dalam meminta data peperiksaan sekolah. SAPS ini juga boleh dijadikan penunjuk aras kepada pihak pengurusan melalui analisis TOV ( Take Of Value ), ETR ( Expected Target Result ) dan AR ( Actual Result ).

Pengenalan Sound Cloud

Assalamualaikum,

 Harini 4 April,  saya akan menerangkan Laman Web Sound Cloud  yang telah diterangkan oleh kawan saya iaitu Muhammad Haikal Mustaqim.

Soundcloud adalah sebuah platform distribusi suara secara online. Ia boleh kolabrasi, promosi dan distribusi oleh rakaman suara. Laman web ini direka di stokckholm, swedia akan tetapi ia didirikan di berlin, jerman pada bulan ogos 2007 oleh designer, alex ljung dan pemuzik eric wahlfross. Secara pereka tersebut mendapat inspirasi bagaimana pemuzik berkongsi muzik antara mereka. Disebabkan itu, pereka soundcloud membina website tersbut untuk menggalakkan pemuzik untuk berkongsi muzik mereka dengan lebih mudah.

Pengenalan Apple Store

Assalamualaikum,

Harini 3 April,  saya akan menerangkan Laman Web Apple Store  yang telah diterangkan oleh kawan saya iaitu Muhammad Sharifuddin.

Apple store adalah laman web yang mempunyai maklumat tentang gadjet berjenama apple dengan terperinci. Selain itu, syarikat apple mempunyai 180 buah kedai menjual barangan runcit berjenama apple di amerika syarikat, jepun, united kingdom, kanada dan itali. Apple kini menggaji pekerja  tetap melebihi 200,000 orang dan pekerja sampingan di seluruh dunia. Jualan tahunan apple di seluruh dunia pada tahun 2006 ialah a$$19.3 billion

Perkakasan syarikat yang paling terkenal termasuk barisan komputer peribadi mac dan peranti-peranti perisian, pemain media mudah alih ipod serta iphone yang dikeluarkan pada pertengahan tahun 2007.

 Pada mulanya syarikat ini dikenali sebagai apple computer,inc dan diperbadankan pada 3januari 1977. Manakal pada 9 januari 2007, syarikat ini menggugurkan perkataan 'computer' daripada nama korporatnya agar membayangkan bahawa apple yagn pada suatu ketika terkenal untuk produk-produk komputer kini membekalkan berbagai produk elektronik.

Pengenalan Twitter

Assalamualaikum,

Harini 2 April,  saya akan menerangkan Laman Web Twitter yang telah diterangkan oleh kawan saya iaitu Ain Mohamad.

Twitter adalah perkhidmatan rangkaian sosial yang membolehkan pengguna menghantar dan membaca mesej yang dipanggil tweet, iaitu pesanan teks sekurang-kurangnya 140 aksara yang dipaparkan dalam halaman profil penulisnya dan diutuskan kepada para pelanggan penulis yang dikenali sebagai "pengikut" (follower). Penghantar boleh mengehadkan utusan kepada lingkungan rakan-rakan, ataupun membenarkan capaian terbuka kepada semua pengguna web. Pengguna boleh menghantar dan menerima tweet melalui laman web Twitter, SMS atau mana-mana aplikasi luaran. Sungguhpun perkhidmatan Twitter sendiri adalah percuma, penggunaaannya melalui SMS boleh dikenakan yuran telekom.

Pengenalan Wikipedia

Assalamualaikum,

Harini 1 April,  saya akan menerangkan Laman Web Wikipedia yang telah diterangkan oleh kawan saya iaitu Syed Azri.

Laman web ini dilancarkan oleh Jimmy Wales dan Larry Sanger pada 15 Januari 2001 oleh Jimmy Wales dan Larry Sanger. ia mempunyai perlbagai maklumat, hasil dari kerjasama komuniti yang luas. Untuk mengubah sesetengah artikel, seseorang itu memerlukan pengesahan dari pihak tertentu terlebih dahulu untuk memastikan artikel yang diubah itu sah dan bukan vandalisme semata-mata. Semua orang boleh mengubah sesuatu artikel demi kebaikan dengan syarat ia adalah artikel yang sah dan mendapat pengesahan oleh pihak tertentu.Wikipedia merupakan sebuah ensiklopedia yang dikarang secara usaha sama oleh para penggunanya. Ia merupakan sejenis laman khusus yang direka untuk memudahkan kerjasama yang dipanggil sebagai sebuah wiki. Ramai pengguna sentiasa memperbaiki Wikipedia, dan membuat perubahan yang dicatat dalam sejarah rencana dan perubahan terkini. Untuk melihat satu projek yang terperinci, sila lihat mengenai Wikipedia.

Pengenalan Vimeo

Assalamualaikum,

Harini 31 March, saya akan menerangkan Laman Web Vimeo yang telah diterangkan oleh kawan saya iaitu Muhammad Rafiqi.

Vimeo adalah laman web untuk berkongsi video, dimana pengguna boleh memuat naik, berkongsi dan menonton video. Ia diasaskan oleh Jake Lodwick dan Zach Klein pada November 2004. Nama 'Vimeo' dicipta oleh Jake Lodwick. Kelebihan vimeo ialah mempunyai tetapan privasi yang tinggi. ia juga boleh berkongsi video dan menontotnya berulang kali. Akan tetapi viemo juga ada keburukannya seperti video yang tidak ditapis.

Pengenalan 4Shared

Harini 30 March, saya akan menerangkan Laman Web 4Shared yang telah diterangkan oleh kawan saya iaitu Nur Afiqah.

4shared ialah perkhidmatan penyimpanan dan perkongsian fail yang ditubuhkan oleh alex lunkov pada 2005 dan sergey chudnovsky. sekarang ia sudak mempunyai lebih 5juta pengguna, 11 juta lawatan harian dan banyak lagi.

4shared mmbenarkan pengguna-pengguna untuk memuat naik serta memuat turun fail-fail. Pengesahan pendaftaran melalui emel mengembangkan ruang penyimpanan sehingga 15 GB. Pengguna-pengguna Premium akan diberi ruangan 100 GB untuk menyimpan fail-fail.

Selepas Berjaya memuat naik, 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 tamat tempoh sehingga pengguna meneruskan sebagai pengguna premium.

Pengenalan Instagram

Harini 29 March, saya akan menerangkan Laman Web Instagram yang telah diterangkan oleh kawan saya iaitu Nur Hazirah.

Instagram adalah sebuah aplikasi untuk berbagi foto. Instagram resmi menjadi milik Facebook pada tanggal 9 April 2012 dengan nilai sekitar $1 Milliar. Aplikasi Instagram ini dapat digunakan untuk mengambil foto, mengedit foto, memberi effect dan membagikannya ke layanan jejaring sosial. Instagram dapat di download di Google Play Store daan digunakan untuk Smartphone berdasarkan Android.

Instagram hasil dari dua orang genius yaitu Kevin Systrom dan juga Mike Krieger. Didirikan pada tahun 2010 oleh perusahaan Burbn, Inc. Instagram adalah pengembangan aplikasi untuk Handphone. Fitur yang disediakan Instagram sendiri sangat beragam. Sobat bisa mencobanya sendiri dengan mendownloadnya dari Google Play atau App Apple.

Nama Instagram dari dua kata yaitu Insta berasal dari kata Instan yaitu sebutan populer untuk Kamera Polaroid. Instagram sebenarnya berbasis pada kamera polaroid, sehingga Instagram dapat menampilkan foto-foto secara instan. Sedangkan untuk kata gram, itu diambil dari nama alat jaman dahulu yaitu Telegram. Sebelum adanya telepon genggan, telegram merupaka alat yang bisa di gunakan untuk mengirim informasi dengan cepat. Sama dengan Instagram yang dapat mengambil gambar untuk membagikannya dengan orang lain secara cepat melalui akses internet. Sehingga Instagram itu berasal dari kata Instan dan Telegram.

Pengenalan We Heart

Assalamualaikum,

Harini 28 March, saya akan menerangkan laman web We Heart yang telah diterangkan oleh kawan saya iaitu Siti Nur Adeeba.

We Heart ditubuhkan oleh Fabio Giolito pada tahun 2008. Fabio Giolito berasal dari Belanda. Beliau memulakan laman web ini berdasarkan gambar 'hati' sebagai projek sampingan idea beliau dan ia membantu untuk berkongsi gambar dengan rakan-rakan.

Pengguna we heart boleh mengumpul  imej yang mereka suka dan berkongsi dengan rakan-rakan serta menyusunnya ke dalam lokasi album yang telah didaftar. We Heart juga digunakan untuk memasukkan gambar yang memberi maksud apabila pengguna lain melihatnnya dan ia biasanya digunakan oleh pengguna berasa seronok dan gemar melihat gambar-gambar.

Laman web ini boleh diakses melalui komputer atau aplikasi mudah alih seperti telefon dan sebagainya.

Pengenalan Google

Assalamualaikum,

 Hari ini 27 March saya akan terangkan Website Google yang telah kawan saya bentangkan iaitu Mohammad Azlan Bin Salleh .

Google bermula pada Januari 1996 sebagai projek penyelidikan oleh Larry Page dan Sergey Brin ketika mereka berdua merupakan pelajar PhD di Universiti Stanford di California.

Ketika sistem gelintir biasa mentakrif hasil dengan mengira berapa banyak kali istilah carian muncul pada laman, kedua mereka membuat teori mengenai sistem lebih baik yang menganalisa hubungan antara laman web. Mereka menggelar teknologi baru ini sebagai PageRank, di mana kepentingan tapak web ditentukan melalui bilangan laman, dan kepentingan halaman tersebut, yang dikait kembali kepada tapak asal.

Satu enjin gelintir kecil dikenali sebagai "RankDex" dari IDD Information Services direka oleh Robin Li yang, sejak 1996, telahpun mencuba strategi yang sama bagi menilai tapak dan kedudukan laman. Teknologi dalam RankDex akan dipaten dan kemudiannya digunakan kemudian apabila Li mengasaskan Baidu di China.

Page dan Brin pada asalnya mengelar enjin gelintar baru mereka "BackRub", kerana sistem memeriksa pautan balik bagi menilai kepentingan sesuatu tapak.

Akhirnya, mereka menukar nama kepada Google, berasal dari salah ejaan bagi perkataan "googol",nombor satu diikuti dengan seratus sifar, yang dipilih bagi melambangkan bahawa enjin gelintar ingin memberikan sejumlah besar maklumat bagi penggunannya. Pada asalnya, Google berjalan di laman web Universiti Stanford, dengan domain google.stanford.edu.

SKYPE #Presentation

Assalamualaikum,

 

Hari ini , kelas KPD303 dibimbing oleh pensyarah En. Zaifuzin mengarahkan semua pelajar web membuat presentation untuk laman web yang dipilih sendiri. Saya Fariz Redzuan Bin Monir telah membentangkan laman web Skype.

 

 

SKYPE :

 

Alamat: www.skype.com

 

Kegunaannya: Kegunaan laman web ini dapat menghubungkan dengan orang yang lebih jauh melalui 'webcam'.

 

Kelebihan : Laman web Skype ini kita dapat berhubung dengan orang yang jauh  dan dapat mendengar suara dan melihat muka dengan orang yg kita berhubung

 

Keburukan : Laman web Skype ini memerlukan internet yang laju , malah maklumat peribadi boleh terdedah seperti nombor telefon dan sebagainya.

 

Kaedah menggunakannya :-

• Download Skype daripada laman web rasmi.
• 'Install' dan daftar pada laman rasmi
• Lengkapkan butiran-butiran peribadi seperti tarikh lahir, nama penuh , jantina , email, dan sebagainya
• Sahkan akaun melalui email
• 'Log in 'melalui Skype yang telah dimuat turun
• Akhir sekali, anda boleh berhubung dengan sesiapa yang anda inginkan