Tentang WEB

TIPS MEMBUAT WEB MENJADI MENARIK

Jika saya ditanya apa tampilan web terbaik? saya pasti akan menjawab panjang lebar tentang tampilan web terbaik karena banyak faktor yang harus kita lihat, dan tentunya pasti ada tampilan web terbaik dan tampilan web terburuk, kali ini saya akan membahas mengenai bagaimanakah membuat tampilan web menjadi lebih menarik untuk di lihat semua kalangan terutama bagi yang telah mengetahui seluk beluk design web, oke gk perlu panjang lebar lagi saya akan jelaskan faktor - faktor apa saja yang di perlukan agar web kita menarik.

Banyak faktor untuk menilai tampilan web yang terbaik :

Tampilan Web Harus enak dipandang

 

Membuat tampilan web harus memandang dari sisi desain, baik warna, kombinasi gambar, tulisan sehingga pengunjung betah berlama-lama dan kembali lagi mengunjungi situs anda.

Tampilan Web harus cepat kalo diakses

 

Anda bisa bayangkan jika tampilanya sudah bagus, enak dipandang tapi ternyata untuk menampilkanya perlu beberapa menit menungu, ini otomatis akan mempengaruhi nilai keseluruhan web kita. Hal ini bisa dilakukan dengan optimalisasi tampilan melalui perampingan ukuran gambar, penggunaan kode html dan css yang tepat, penempatan hosting handal, dan bebeberapa cara lainya. Jika mau tau melakukan test kecepatan web anda bisa baca artikel Cara mudah melakukan testing kecepatan website atau blog yang sudah saya posting sebelumnya.

Tampilan web harus jelas

Yang saya maksud jelas disini bukan hanya jelas gambarnya, tapi jelas fungsi menunya, dan jelas susunan tampilanya. Misal Kita menaruh gambar mobil sebagai menu dalam website kita, jangan sampai setelah diklik isinya tidak sesuai.

 

 Tampilan web harus sesuai tema

 

Ini sangat penting untuk membangun identitas website kita, kecuali memang sebuah situs dirancang untuk keperluan umum seperti blog saya ini,  informasinya campuran tampilanya juga campuran. Beda jika kita membangun website kantor/perusahaan yang tentunya harus elegan mengambarkan kegiatan organisasinya.

Tampilan web harus seo friendly

 

Ini penting jika situs/web ingin populer di jaringan internet karena harus memudahkan mesin pencari menemukan informasi yang ditampilkan. Caranya agar seo friendly banyak bisa dengan memilih layout, pembuatan hyperlink yang benar, penulisan/memasukkan tag gambar yang benar, mengganti tabel dengan css, dan lainya.

 

 Konten Harus menarik

Ini poin terakhir yang harus dinilai untuk mengambil kesimpulan bahwa "tampilan web terbaik" adalah siapa? Percuma saja enak dipandang, cepat, sesuai tema, seo, tapi informasi yang ada kurang bermutu atau kata lain tidak dapat membantu pengunjung yang datang ke situs anda.

Tentunya jika anda ingin memiliki tampilan web terbaik harus memiliki point-poin yang saya jelaskan diatas.

Mungkin situs berikut ini membantu anda mencari jawaban "Tampilan web terbaik" :

100 Websites With Outstanding Artistic Design

Top 10 Best Designed Websites in the World

KOMBINASI WARNA PADA WEB

 

 Kombinasi warna pada desain website adalah salah satu komponen yang sangat penting. Seorang desainer yang sudah memiliki "jam terbang" cukup tinggi sangat mengetahui pentingnya kombinasi warna dan hati-hati dalam memilih warna. Akan tetapi, hal ini tentu sangat berbeda bagi mereka yang baru terjun dalam masalah desain. Warna apa yang cocok untuk website tertentu, bagaimana membuat kombinasi dari beberapa warna agar sesuai dengan tema yang dibuat, adalah sebagian dari banyak masalah warna.

Apa yang menjadi rahasia para desainer dalam pembuatan kombinasi warna yang baik terletak pada pemahaman mereka terhadap teori warna. Bagaimana membuat kombinasi warna bukanlah suatu rahasia yang tidak bisa dijabarkan. Setiap orang pasti dikaruniai kepekaan terhadap warna. Terbukti bahwa ketika kita memilih pakaian untuk dibeli, maka selalu warna akan disesuaikan dengan selera kita. Sedapat mungkin kalau ada warna yang menurut kita cocok, maka kita membeli pakaian tersebut dengan selera warna kita sendiri.

Dengan demikian, kombinasi warna yang digunakan pada sebuah website adalah mirip dengan memilih-milih warna pada saat seseorang membeli dan mengenakan pakaian, tergantung pada mood dan selera. Ketika kita menetapkan bahwa warna dominan pada website adalah biru muda, maka secara natural kita bisa membuat beberapa pilihan warna disesuaikan dengan warna dominannya.

Memang tidaklah mudah untuk memadupadankan warna tanpa mengetahui teori dasar warna. Jumlah warna yang sangat banyak (16 juta warna) menjadi kendala tersendiri untuk memilih dan memadupadankan warna. Oleh karena itu, dengan mempelajari teori dasar warna, maka pemahaman akan warna, pengelompokan warna, pencampuran warna, dan lain-lain, diharapkan akan menjadi lebih baik.

Warna adalah Persepsi

Kombinasi warna, bukanlah sesuatu yang harus "benar", mengingat tidak ada pedoman baku untuk menentukan warna apa yang harus dipilih untuk website tertentu. Sebuah website yang baik tetap saja memiliki kualitas yang sama meski ditampilkan dengan kombinasi warna yang berbeda.



Dengan demikian, kombinasi warna merupakan upaya yang kita lakukan agar website yang kita desain tampil dengan warna yang harmonis, seimbang. Sebisa mungkin jangan sampai menggunakan warna yang dipersepsikan secara salah oleh pengguna website (pengunjung).



kombinasi warna dengan kata lain adalah bagian penting dari website yang ditujukan untuk membentuk persepsi pengunjung website terhadap apa yang ingin kita sampaikan. Contohnya, untuk memberi kesan "sangar" sebuah website bisa menggunakan warna-warna gelap dan kusam. Sebuah blog tentang bayi tentu sangat cocok menggunakan nada warna yang lembut: merah muda, biru muda, hijau muda, kuning muda. Sebuah website tentang masalah remaja wanita sangat cocok menggunakan warna-warna feminin. Website berita dan informasi tentu lebih bagus jika menggunakan warna-warna yang netral. Website corporate menggunakan warna-warna kebanggaan dan identitas perusahaan yang biasanya bisa dilihat pada logo perusahaan tersebut. Demikian seterusnya.



kombinasi warna tidak lain adalah sumber kreativitas bagi seorang perancang. Sebagai akibatnya, seseorang yang sedang merancang website mungkin saja menghabiskan banyak waktu dalam membentuk kombinasi warna: kadang-kadang menjadi terlalu takut untuk memilih warna, berupaya semaksimal mungkin mengatur dan mengoreksi warna, menyeimbangkan warna, dan memperbaiki elemen-elemen lain pada website sambil jalan. Hal ini menjadikan pekerjaan merancang tersebut sangat memakan waktu, dan kadang-kadang menjadi pekerjaan yang melelahkan, apalagi jika masalah ini tetap mengganjal dan belum terpecahkan. Dibutuhkan solusi yang cepat dan tepat untuk mengatasi hal ini agar tidak berlarut-larut.



Oleh karena itu, daripada terus bergumul dengan masalah yang "itu-itu saja", lebih baik kita mencari sumber-sumber referensi mengenai kombinasi warna (color scheme) yang banyak tersedia di internet. Dengan memanfaatkan kombinasi warna yang cocok dan sesuai dengan persepsi kita, maka kita dapat mencoba menerapkan kombinasi warna tadi ke dalam website yang tengah kita rancang. Dengan demikian, pekerjaan merancang website diharapkan menjadi pekerjaan yang menyenangkan.



Contoh beberapa penerapan kombinasi warna bisa dilihat di

http://www.colorcombos.com/

http://www.colourlovers.com/

 

Read More

Cara Membuat Form Login Pada PHP

Secara sederhana, cara kerjanya adalah seperti :

1.) Ketika user memasukkan username beserta passwordnya, maka yang pertama kali dilakukan adalah mengeceknya dalam database apakah username telah terdaftar, jika telah terdaftar, dalam hal ini ada dalam database maka kita memerlukan satu variable yang mengindikasikan bahwa user tersebut ada.
2.) Setelah itu maka sang user akan diberi sebuah session yang diambil dari usernamenya jika pengecekan password sebelumnya oleh MD5 sukses dilakukan.
3.) Jika kesemuanya tidak sesuai maka sang user akan diredirect ke halaman login.html, sehingga terlihat seperti diam di tempat.

Untuk memulainya kita buat terlebih dahulu databasenya :
———————————————————–
create database userdb;
use userdb;
create table tbl_user(id int(3) primary key auto_increment,
username varchar(50), password varchar(50));
insert into tbl_user values(‘ ‘,’admin’,’21232f297a57a5a743894a0e4a801fc3′);
21232f297a57a5a743894a0e4a801fc3 –> ini adalah md5 hash dari ‘admin’
————————————————————
Pertama-tama kita membuat halaman loginnya terlebih dahulu
// login.html
<html><head><title>Halaman Login … </title></head>
<body>
<br><br><br><br><br><br><br><br><br><br><br>
<table border=1 align=center>
<form method=post action=cek.php>
<tr><td>username</td><td><input type=text name=username></tr>
<tr><td>password</td><td><input type=password name=password></tr>
<tr><td></td><td><input type=submit name=submit value=Enter></tr>
</form>
</table></body>
</html>
Kemudian halaman config.php
// config.php
<?php
$host = “localhost”;
$username = “root”;
$password = “”;
$databasename = “userdb”;
$connection = mysql_connect($host, $username, $password) or die(“Kesalahan Koneksi … !!”);
mysql_select_db($databasename, $connection) or die(“Databasenya Error”);
?>
Setelah itu kita buat halaman cek.php
// cek.php
<?php
session_start();
include “config.php” ;
$username = $_POST['username'];
$password = $_POST['password'];
$passwordhash = md5($password); // mengenkripsikannya untuk dicocokan dengan database
$perintahnya = “select username, password from tbl_user where username = ‘$username’ and password = ‘$passwordhash’”;
$jalankanperintahnya = mysql_query($perintahnya);
$ada_apa_enggak = mysql_num_rows($jalankanperintahnya);
if ($ada_apa_enggak >= 1 )
{
$_SESSION['username'] = $username;
header(“location: main.php”);
}
else
header(“location: login.html”);
?>
Kemudian kita buat intinya main.php
// main.php
<?php
session_start();
if (ISSET($_SESSION['username']))
{
print $_SESSION['username'];
print “<br><a href=logout.php?maukeluar=iya>logout</a>”;
}
else
header(“location: login.html”);
?>
Dan halaman logout.php …
// logout.php
<?php
session_start();
if ($_REQUEST['maukeluar'] == “iya”)
{
if(ISSET($_SESSION['username']))
{
UNSET($_SESSION['username']);
}
}
header(“location: login.html”);
session_destroy();
?>
Pembahasan Script
lihat bagian
session_start();
Penggunaan session harus dimulai dengan menggunakan fungsi ini.
Kemudian disana tertulis kalimat seperti ini …
$password = $_POST['password'];
$passwordhash = md5($password);
saya mengambil variable global $_POST['password'] kemudian menyisipkannya kedalam variable baru,
yakni $password. Karena didalam database sudah dalam bentuk enkripsi MD5 maka yang perlu dilakukan
untuk mencocokkan dengan yang ada dalam database adalah mengenkripsi variable global password tadi.
Cukup dimengerti.
Kemudian argumen selanjutnya adalah query SQL
$perintahnya = “select username, password from tbl_user where username = ‘$username’ and password = ‘$passwordhash’”;

Read More

Cara Koneksi Database PHP dan MySQL

PHP dan MySQL, sekarang ini tidak dapat di pisahkan, karena dua-duanya free dan mudah di gunakan, selain itu mudah juga di integrasikan. Dan bagaimana cara menghubungkan kedua Sistem tersebut, ya betul, kita membutuhkan suatu alat yang dapat menghubungkan kedua elemen itu.

Dalam hal ini, kita akan membuat file php untuk mengkoneksikan PHP dan database (MySQL).

Langsung saja, kita buka editor untuk membuat file PHP, bisa notepad, notepad++, dreamweaver, frontpage, dll deh. Lalu copy paste koding di bawah ini :

<?php

$host  = 'localhost';

$username    = 'root';

$password    = '';

$database    = 'iseng';

$koneksi = mysql_connect( $host, $username, $password )

or die ("Gagal Koneksi Database".mysql_error());

$db = mysql_select_db($database,$koneksi)

or die ("Gagal Membuka Database".mysql_error());

Read More