impress

home profile ask flavors contact +follow

❝ Front end & back end ❞

posted on Tuesday, 1 September 2015 @ 9/01/2015 06:52:00 pm | permalink

Assalammualaikum.

What is frontend?

So, basically frontend ni adalah jenis pembangun dimana ia digunakan oleh pengguna. Frontend permohonan adalah jelas manusia. Ia adalah apa yang pengguna melihat, sentuhan dan pengalaman. Dalam hal ini, empati adalah ciri-ciri yang diperlukan pemaju frontend yang baik. Frontend permohonan adalah kurang tentang kod dan lebih lanjut mengenai bagaimana pengguna akan mentafsir antara muka ke dalam pengalaman. Pengalaman yang boleh menjadi perbezaan antara syarikat bilion dolar dan keruntuhan lengkap. Sebagai contoh, jika anda adalah seorang pengguna MySpace pada tahun 2004, anda adalah mungkin berpuas hati dengan pengalaman. Tetapi apabila anda mula menggunakan Facebook, anda hampir pasti mempunyai pengalaman yang lebih baik. Anda menyedari bahawa anda boleh bersosial dengan reka bentuk yang lebih mudah, tiada iklan banner berkelip, mudah untuk mencari rakan-rakan, dan lain-lain Facebook dan MySpace mempunyai banyak perbezaan di bawah hood juga (belakang), tetapi sekurang-kurangnya sebahagian daripada kejayaan Facebook boleh boleh dikaitkan dengan suatu frontend dan pengalaman pengguna yang lebih baik.

Kemahiran teknikal yang diperlukan untuk menjadi pemaju frontend biasa termasuk:
• HTML

semua kod dalam aplikasi web akhirnya diterjemahkan ke HTML. Ia adalah bahasa yang pelayar web memahami dan menggunakan untuk memaparkan maklumat kepada pengguna. Pemahaman A pembangun web HTML adalah mirip kepada pemahaman yang tukang kayu pemutar skru. Ia amat penting dan perlu bahawa ia sering dianggap pekerjaan.

• CSS

dengan sendirinya, HTML adalah agak nyata. HTML tidak menyediakan pilihan gaya asas, tetapi untuk membina sebuah pemaju frontend yang baik mesti mempunyai pengalaman dengan CSS. CSS menyediakan cat, template, perhiasannya, butang, malai, lampu, dan banyak perkara lain yang boleh digunakan untuk meningkatkan penyampaian laman web. CSS begitu biasa digunakan yang bahasa telah dibina untuk membuat menulis CSS lebih mudah. Bahasa-bahasa ini - seperti Sass dan kurang - juga dikenali sebagai precompilers CSS, tetapi mereka hanya digunakan untuk menulis kod CSS yang lebih cekap dan terurus.

What is backend?

Front end biasanya terdiri daripada tiga bahagian: pelayan, aplikasi, dan pangkalan data. Jika anda menempah penerbangan atau membeli tiket konsert, anda biasanya membuka laman web dan berinteraksi dengan frontend itu. Setelah anda memasukkan maklumat tersebut, the application stores it in a database that was created on a server. Demi kesenangan, kita hanya berfikir tentang pangkalan data sebagai giant Excel spreadsheet pada komputer anda, tetapi komputer anda (server) disimpan di suatu tempat di Arizona.
Semua maklumat yang tetap pada pelayan jadi apabila anda log masuk ke dalam permohonan untuk mencetak tiket, semua maklumat itu masih ada dalam akaun anda.
Teknologi Backend biasanya terdiri daripada bahasa-bahasa seperti PHP, Ruby, Python, dan lain-lain Untuk membuat mereka lebih mudah untuk digunakan sedang mereka biasanya dipertingkatkan dengan rangka kerja seperti Ruby on Rails, Cake PHP, dan Kod penyala bahawa semua membuat pembangunan yang lebih cepat dan lebih mudah untuk bekerjasama dalam .
Ramai profesional web yang hanya masuk ke padang mungkin pernah mendengar ramai orang bercakap tentang WordPress.

❝ What is responsive web page? ❞

posted on @ 9/01/2015 06:34:00 pm | permalink

Assalammualaikum.

Responsive web page?

Ok, apa itu responsive web page? Web reka bentuk responsif adalah pendekatan yang menunjukkan bahawa reka bentuk dan pembangunan mesti kena respond kepada tingkah laku dan persekitaran pengguna berdasarkan saiz skrin, platform dan orientasi. The practice consists daripada campuran grid fleksibel dan susun atur, imej dan penggunaan CSS secara bijak berdasarkan permintaan media.

Sebagai suis pengguna dari laptop untuk iPad, laman web secara automatic berubah kepada menampung resolusi, saiz imej dan skrip kebolehan. Dalam erti kata lain, laman web itu perlu mempunyai teknologi untuk bertindak balas secara automatik untuk pilihan pengguna. Ini akan menghapuskan keperluan untuk reka bentuk yang berbeza dan fasa pembangunan bagi setiap alat baru di pasaran. Responsive juga akan membuatkan laman web kita kelihatan cantik, kemas walaupun di kecilkan skrin.

Responsive ini juga bukan sahaja akan respon apabila kita bukak mana-mana website di laptop atau computer, tetapi website yang responsive amat mudah dilayari di smartphone masakini. Anda dapat membaca content webpage tersebut tanpa perlu mengubah arah, ke kiri atau ke kanan kerana responsive nya web page tersebut.

CODING UNTUK RESPONSIVE (SIMPLE)

(ini adalah coding untuk sebelum <head>)

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <meta name="description" content="">

    <meta name="author" content="">

                        <title>HOME</title>

    

    <link href="bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">

    

    <link href="bower_components/metisMenu/dist/metisMenu.min.css" rel="stylesheet">

    

    <link href="dist/css/sb-admin-2.css" rel="stylesheet">

    

    <link href="bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">

(ini pula coding untuk diletakkan sebelum </body>)

❝ WHAT IS CSS? ❞

posted on @ 9/01/2015 06:07:00 pm | permalink

Assalammualaikum.

CSS? What is it?

CSS adalah sin Cascading Style Sheet.Helaian gaya merujuk kepada dokumen itu sendiri. Style sheet telah digunakan untuk reka bentuk dokumen bagi tahun. Mereka adalah spesifikasi teknikal untuk susun atur, sama ada cetak atau online. Pereka cetak menggunakan lembaran gaya untuk memastikan bahawa reka bentuk mereka dicetak tepat spesifikasi. Satu lembaran gaya untuk laman Web mempunyai tujuan yang sama, tetapi dengan fungsi tambahan juga memberitahu enjin melihat (pelayar web) bagaimana untuk menjadikan dokumen itu yang dilihat.

Cascade adalah bahagian yang khas. Sebagai contoh, web style sheet bertujuan untuk cascade melalui satu siri lembaran gaya, seperti air terjun.Contohnya, air di dalam sungai menolak semua batu-batu air terjun, tetapi hanya orang-orang yang di bahagian bawah menjejaskan tepat di mana air akan mengalir. Perkara yang sama adalah benar dalam web style sheet. Setiap halaman Web dipengaruhi oleh sekurang-kurangnya satu helaian gaya, walaupun pereka web tidak dikenakan apa-apa design style sheet merupakan pengguna gaya ejen lembaran - gaya lalai bahawa pelayar Web akan digunakan untuk memaparkan halaman jika tiada arahan lain disediakan.

Di mana CSS Digunakan?

CSS ni digunakan untuk mengayakan web page. Tetapi terdapat lebih dari itu. CSS digunakan untuk gaya XHTML dan XML markup. Ini bermakna bahawa mana-mana sahaja anda mempunyai XML markup (termasuk XHTML) anda boleh menggunakan CSS untuk menentukan bagaimana ia akan kelihatan.CSS juga digunakan untuk menentukan bagaimana halaman Web looks like apabila dilihat dalam media lain daripada pelayar Web. Sebagai contoh, anda boleh membuat cascade gaya cetak yang akan menentukan bagaimana Web perlu mencetak dan satu lagi cascade gaya untuk memaparkan halaman Web pada projektor untuk persembahan slaid.

Maka, itulah CSS.

❝ Boostrap ❞

posted on @ 9/01/2015 05:44:00 pm | permalink

Assalammualaikum.

Sem ni, belajar pasal boostrap, so :

WHAT IS BOOSTRAP?

Bootstrap adalah satu rangka kerja depan yang kuat untuk lebih cepat dan lebih mudah pembangunan web. Ia termasuk HTML dan CSS berdasarkan template reka bentuk untuk komponen antara muka pengguna biasa seperti Typography, Borang, Butang, Jadual, navigasi, Dropdowns, Isyarat, Modals, Tab, Accordion, Carousel dan banyak yang lain dan juga pilihan JavaScript sambungan.

Bootstrap juga memberi anda keupayaan untuk membuat susun atur responsif dengan lebih kurang usaha.

KELEBIHAN BOOSTRAP?

Kelebihan BootstrapKelebihan terbesar menggunakan Bootstrap adalah bahawa ia datang dengan set percuma alat untuk mewujudkan susun atur web fleksibel dan responsif serta komponen antara muka yang sama.

Selain itu, dengan menggunakan Bootstrap API data anda boleh membuat komponen antara muka maju seperti Scrollspy dan Typeaheads tanpa menulis satu baris JavaScript.Berikut adalah beberapa kelebihan yang lebih, mengapa seseorang itu perlu memilih BootstraP

Menjimatkan banyak masa - Anda boleh menjimatkan banyak masa dan usaha menggunakan Bootstrap reka bentuk yang telah ditetapkan template dan kelas dan menumpukan perhatian kepada kerja pembangunan yang lain.

Ciri-ciri responsif - Menggunakan Bootstrap anda boleh dengan mudah membuat reka bentuk responsif. Bootstrap ciri responsif membuat laman web anda muncul lebih sesuai pada peranti dan resolusi skrin yang berbeza tanpa apa-apa perubahan dalam markup.

reka bentuk konsisten - Semua komponen Bootstrap berkongsi template reka bentuk yang sama dan gaya melalui perpustakaan pusat, supaya reka bentuk dan susun atur laman web anda adalah konsisten di seluruh pembangunan anda.

Mudah untuk digunakan - Bootstrap adalah sangat mudah untuk digunakan. Sesiapa sahaja dengan pengetahuan kerja asas HTML dan CSS boleh memulakan pembangunan dengan Bootstrap.

Sesuai dengan pelayar - Bootstrap dicipta dengan pelayar moden dalam fikiran dan ia adalah serasi dengan semua pelayar moden seperti Mozilla Firefox, Google Chrome, Safari, Internet Explorer dan Opera.

Open Source - Dan yang lebih menarik ialah, ia adalah percuma untuk memuat turun dan digunakan.

p/s : Some CSS3 properties such as properties for rounded corners, gradients and shadows are used by the Bootstrap but not supported in older versions of the web browsers especially Internet Explorer 8 and earlier.

creds to here

SEKIAN.

❝ Types of user interface (Jenis-jenis HCI) ❞

posted on Monday, 27 July 2015 @ 7/27/2015 11:05:00 pm | permalink

Assalammualaikum.

Dibawah ini adalah jenis-jenis HCI (Human Computer Interaction).

. Command line user interface

Command line user interface adalah antara muka pengguna kepada sistem operasi komputer atau permohonan di mana pengguna memberi respons kepada satu pandangan segera dengan menaip pada arahan(command) pada baris yang ditetapkan, menerima respon dari sistem dan kemudian memasuki command yang lain, dan sebagainya. Sebagai contoh, MySQL.

. Graphical user interface

Perisian yang bekerja di titik hubungan (interface) di antara komputer dan pengguna, dan menggunakan elemen grafik (kotak dialog, ikon, menu, scroll bar) bukannya aksara teks untuk membolehkan pengguna memberi arahan kepada komputer atau untuk mengubah apa yang ada di skrin. Elemen GUI biasanya diakses melalui peranti penunjuk seperti tetikus, pen, atau stylus. Semua program berjalan di bawah GUI yang menggunakan satu set unsur-unsur grafik supaya apabila pengguna mendapat tahu antara muka yang tertentu, dia boleh menggunakan semua program pembelajaran tanpa arahan tambahan atau baru. “Pionnered” oleh Xerox dan dibangunkan oleh komputer Apple, GUI kini bekerja dengan semua sistem operasi moden dan program aplikasi.

. Menu-Driven user interface

Antara muka menu didorong biasanya digunakan pada mesin tunai (juga dikenali sebagai mesin juruwang automatik, atau ATM), mesin tiket dan kiosk maklumat (contohnya dalam muzium). Mereka menyediakan yang biasa dan mudah untuk menggunakan antara muka terdiri daripada satu siri menu dan sub-menu dimana pengguna mengakses dengan menekan butang, dan sering pada touch screen device.

. Prompt user interface

Antaramuka segera mempercepatkan pengguna untuk memasukkan input, meminta maklumat serta ke langkah yang seterusnya. Sebagai contoh, komputer meminta pengguna untuk memasukkan ID pengguna dan kata laluan untuk terus pergi ke antaramuka yang berikutnya.

Voice user interface

Antara muka pengguna suara (VUI) membuat interaksi manusia dengan komputer melalui platform suara / ucapan untuk memulakan perkhidmatan automatik atau proses. VUI adalah antara muka kepada mana-mana permohonan bersuara.

Multi-modal User Interfaces

Menyediakan pengguna dengan pelbagai cara berinteraksi dengan sistem. Antara muka multi modal menyediakan beberapa alat yang berbeza untuk input dan output data.

Sebagai contoh, sistem menjawab soalan mod menggunakan pelbagai kaedah (seperti teks dan gambar) di kedua-dua soalan (input) dan jawapan (output) peringkat.

❝ Human Computer interaction ❞

posted on Thursday, 25 June 2015 @ 6/25/2015 12:53:00 am | permalink

Assalammualaikum.

Post kalini akan diterangkan tentang dua perkara iaitu mendefinasi Human Computer Interaction dan juga menerangkan interaksi antara manusia dan computer (more to definition for each)

Untuk definisi, disini akan diterangkan apa itu Human Computer Interaction.

Definisi :

HCI adalah suatu proses atau aktiviti dimana, melalui HCI, pengguna boleh memanfaatkanya dan boleh berinteraksi antara dua muka (inteface) melalui medium (hardware) seperti komputer. Semasa HCI sedang dijalankan, sebenarnya kita sedang berinteraksi dengan komputer dan kita sendiri yang memberi arahan kepada komputer, dan sistem komputer menerima arahan tersebut dan terus melaksanakan arahan tersebut. Sistem komputer akan melaksanakan arahan sehingga selesai. HCI juga merupakan suatu perkara yang menekankan pada aspek rekabentuk, penilaian dan perlaksanaan daripada sistem komputer yang interaktif untuk kegunaan manusia dengan mengambil kira perkara yang terjadi disekeliling.

Tujuan HCI adalah membuatkan sistem lebih berguna (usabale), bebas dari gangguan pengguna luar (hacker), produktif, efektif, efisien dan mempunyai pelbagai fungsi.

Untuk yang kedua pula, akan diterangkan apa itu human, compute dan interaction.

HUMAN/PENGGUNA YANG MENGGUNAKAN HCI :

Manusia yang menggunakan HCI adalah pengguna/orang yang berinteraksi dengan komputer melalui sistem komputer dengan memberikan arahan serta merta sehingga dapat menyelesaikan kerja sehingga selesai. Manusia atau pengguna yang menggunakan HCI menggunakan hardware seperti komputer, tetikus (mouse) untuk memasukkan maklumat seprti rekabentuk, penilaian seseorang dan sebagainya. Tanpa manusia, HCI tidak dapat dijalankan dan dibangunkan.

COMPUTER :

Semua sudah maklum apa itu komputer. Jika yang baru mengenali dunia IT, komputer adalah hardware yang digunakan sebagai medium untuk manusia berinteraksi dengannya. Untuk menjalankan HCI, perkakasan seperti komputer amat diperlukan. Telefon bimbit juga merupakan perkakasan sama seperti komputer yang didalamnya terdapat “add gesture” “fingerprints” dan sebagainya. Dunia moden sekarang telah banyak mewujudkan komputer pelbagai jenis

INTERACTION :

Interaksi pula adalah sesuatu perkara yang membolehkan terjadinya sesuatu interaksi antara pengguna dan komputer. Interaksi adalah perkara yang menyampai maklumat melalu medium yang telah dinyatakan tadi dengan mudah. Bagaimana interaksi boleh terjadi? Interaksi merupakan proses dimana ianya memerlukan manusia (human) dan juga komputer (hardware) untuk berinteraksi untuk menyelesaikan sesuatu perkara dalam aspek rekabentuk, penilaian dan sebagainya. Tanpa kedua perkara tersebut, akan tidak wujud interaksi antara manusia dan computer kerana computer menerima arahan daripada pengguna yang dipanggil interaction.

Harap diterima. Sekian.