10 Desain Web yang Baik dan Buruk

Assalamualaikum Warahmatullahiwabarakatuh

Pada kali ini saya akan menganalisis 10 desain web, yang diantaranya 5 desain web yang baik dan 5 desain web yang buruk.

Desain web yang baik

Sebuah web dikatakan baik apabila telah memenuhi kriteria sebagai berikut :

inovatif dan mudah dipahami, warna yang pas, font pas untuk dibaca, enak dilihat, dan sesuai dengan tujuan web tersebut.

berikut 5 contoh web yang baik:

1. w3school.com
   Web ini baik karena desain yang sederhana dan mudah dipahami, warna yang pas, font yang enak untuk dibaca, dan tujuan dari webnya jelas.


2. mediafire.com
   
   Tampilan pada web ini sangat simple, hanya ada tombol uploud yang berada di tengah tampilan. Itu memudahkan bagi user saat ingin menguploud file. Informasi tentang tujuan web jelas. Letak logo terletak di sebelah kiri atas, ini sesuai dengan kaidah desain web karena user lebih dahulu melihat web dari sebelah kiri atas.


3. malasngoding.com
   
   Tujuan dari web ini jelas yaitu tenteng memeberikan tutorial pemrograman. Warna yang digunakan pas. Terdapat icon yang dapat memudahkan user saat mencari sebuah tutorial yang ingin mereka cari.


4. tokopedia.com
   
   Desain web ini simple dan mudah di pahami bagi user, logo terletak di kiri atas, terdapat search yang terletak diatas yang dapat mempermudah user untuk menemukan barang, gambar barang yang tertata rapih, halaman ini memiliki whitespace atau ruang kosong yang cukup. Pada konsep Design halaman website, ruang kosong diperlukan untuk tempat beristirahatnya mata kita karena terlalu lama melihat layar.


5. uii.ac.id
   
   Tampilan web ini baik, warna yang digunakan pas dan sesuai dengan ciri khas UII yaitu biru dan kuning, logo terletak di kiri atas, dan terdapat menu bar diatas yang dapat mempermudah user.

Desain web yang buruk

Kali ini akan saya beri contoh 5 desain web yang buruk

1. ronoslund.com
   
   Pada web ini font konten yang digunakan terlalu kecil, struktur yang kurang rapih, background yang terlalu berlebihan, dan fungsi web yang tidak jelas.


2. arngren.net
   
   Desain web ini berantakan karena banyaknya barang dalam satu halaman dan tidak tersusun dengan rapih. Ini akan membuat user sulit dalam mencari barang.


3. pennyjuice.com
   
   Web ini menggunakan warna yang dominan cerah dalam satu halaman, fungsi web ini tidak jelas kita perlu scroll kebawah untuk menemukan 'what is pennyjuice' dengan ukuran font yang kecil.


4. thekennedys.nl
   
   Background yang digunakan terlalu banyak gambar, icon yang digunakan menyatu dengan gambar di background yang dapat membuat user mencoba satu-satu.


5. phat.distort.org
   
   Desain web ini tidak jelas mana header, menu, dan konten. Background yang digunakan pada web ini mengunakan animasi yang aneh dan membingungkan. Font yang digunakan pada konten terlalu kecil dan warnanya yang hampir sama dengan background yang membuat sulit untuk dibaca. Dan fungsi web ini yang tidak jelas.

Demikian artikel tenteng 10 desain web yang baik dan buruk, semoga dapat bermanfaat bagi kita semua.

Maaf bila ada kesalahan.

Wasalamualaikum warahmatullahiwabarakatuh.

Baca Selengkapnya »

Apa Itu Codeigniter + Cara Install

Assalamualaikum Warahmatullahibarakatuh

pada kali saya akan menjelaskan tentang pengertian Codeigniter dan bagaimana cara menginstallnya.

Pengertian Codeigniter

Codeigniter merupakan salah satu framework php yang bersifat open source dan sangat sederhana, ringan dan mudah untuk dipahami. Codeigniter bertujuan untuk mempermudah programer dalam membuat sebuah web dan membuat kode program menjadi lebih rapih karena menggunakan metode MVC (Model, View, Controller).

1. Model adalah bagian yang bertanggung jawab terhadap operasi database, baik itu create, read, update ataudelete. Ia berupa fungsi-fungsi operasional database yang dapat dipanggilkan oleh Controller.
2. View adalah bagian yang menangani tampilan. bagian inilah yang bertugas untuk mempresentasikan data kepada user. Ia berbentuk struktur HTML yang berisikan variabel data yang dikirimkan oleh Controller.
3. Controller adalah bagian yang mengatur hubungan antara Model dan View. Ia adalah otak dari kinerja aplikasi. Ia terdiri dari fungsi-fungsi yang bersifat operasional dan logikal. Saat ada request yang masuk, ia akan menangani dan memprosesnya untuk kemudian ditampilkan dalam View.

Kelebihan Codeigniter :

1. Ukuran yang kecil
2. mudah untuk menggunakannya
3. menyediakan fasilitas helper dan library
4. aturan coding yang tidak ketat

Cara Install Codeigniter

Alat-alat :

1. paket Webserver (XAMPP) >>Download Sini<<
2. codeigniter >>Download Sini<<

Langkah : 

1. install XAMPP
2. ekstrak file codeigniter pada c:/xampp/htdocs
3. akses folder menggunakan browser
4. jangan lupa nyalakan XAMPP dahulu
5. akses dengan url http://localhost/CodeIgniter-3.1.5/
6. jika sudah tampil Welcome to CodeIgniter berarti anda berhasil.

Demikian artikel dari saya, semoga bermanfaat bagi kita semua.

Maaf bila ada kesalahan.

Wasalamualaikum Warahmatullahiwabarakatuh.

Baca Selengkapnya »