Terkait dengan tampilan cPanel 11 X3 theme yang bagi sebagian masih sedikit membingungkan, kali ini kami membahas cara membuat database di server. Langkah pertama tentunya adalah masuk ke cPanel dulu, silahkan login dengan username dan password yang telah kami berikan sebelumnya. Pilih menu atau icon MySQL Database seperti yang terlihat di bawah.
Anda akan diarahkan ke halaman baru, yaitu halaman MySQL Database. Silahkan Anda membuat database pada form Create New Database, misalnya anda membuat database “blog”. Setelah itu silahkan buat user untuk database pada form Add New User, masukan user database yang diinginkan, misalnya “root” dan password “root01″. Karena layanan hosting yang Anda gunakan adalah shared hosting yang artinya dalam satu server digunakan secara bersama-sama dengan user lain, maka untuk membedakan antara user satu dengan yang lainnya, nama database dan user yang telah dibuat akan diawali dengan user cPanel misalnya nama database menjadi “dhyar_blog” dan untuk databasenya menjadi “dhyar_root”.
Setelah membuat database dan user database, langkah selanjutnya adalah menghubungkan antara database dan usernya. Silahkan scrol kebawah lagi cpanel Anda. Anda akan menemukan bagian Add User to Database, disana terdapat menu dropdown nama database dan user database. Silahkan Anda pilih “dhyar_blog” dan dibagian user pilih “dhyar_root” lalu klik tombol submit.
Anda akan diarahkan ke halaman berikutnya, yaitu Manage User Privilage(hak akses untuk user yang dihubungkan). Yang perlu Anda lakukan adalah mencentang checkbox All Privilage(semua centang) Lalu Klik Make Change
setelah itu klik Go Back. Database Anda telah terbuat :).
Web template memudahkan kita membuat website dengan hanya beberapa disain web layout untuk banyak tampilan content web. Kenapa sedikit layout untuk banyak tampilan? Hal ini untuk memudahkan disain ulang web, jadi hanya beberapa layout saja yang perlu dirubah. Sekaligus dengan mekanisme template, sebuah website akan mudah dipelajari, karena kode program (PHP) dan disain layout web (HTML, JavaScript, dan CSS) dipisahkan, atau tidak dijadikan satu file atau bagian.
Continue reading »
Apakah para pengembang web memahami berapa lama orang akan mengunjungi websitenya?
Apakah kita adalah internet newbie atau pemasar berpengalaman, kita perlu memahami hal terbaik tentang website, disain menjadi bagian yang menyangkut sukses kenyamanan.
Berikut tips untuk kesuksesan sebuah web:
1. Navigasi
Kita pernah bahas bagian ini pada artikel merancang navigasi website
Ketika orang datang ke website kita mereka pada umumnya mencari sesuatu yang khusus.Misal resep untuk diet rendah, sehat dan mencarinya serta menyiapkannya kurang dari beberapa menit atau apa yang merupakan bisnis terbaik untuk dimulai secara online.
Apapun yang pengunjung inginkan, kita harus mempunyai jawaban untuk itu. Maka tanyakan pada diri kita,kenapa orang-orang datang ke website kita? Ketika kita mengetahuinya kemudian kita harus membuatnya gampang untuk mereka temukan apa yang mereka cari. Continue reading »
Warna merupakan pertimbangan emosional, karena variasi warna dapat menyebabkan
emosi yang berbeda pada tiap orang. Kita semua tahu bahwa hijau adalah
simbol uang (mata duitan), tapi apakah kita tahu juga bahwa hijau merupakan simbol
ketamakan, iri hati, dan kecemburuan? Pilihan warna akan mendapat efek langsung dari pengunjung tentang persepsi perusahaan atau produk kita tawarkan. Ini menjadi rumit dengan adanya fakta bahwa penggunaan warna pada web sekarang tak terbatas: perkembangan teknologi membolehkan kita membuat jutaan kombinasi warna.
Jadi bagaimana dengan pilihan kita? Artikel ini akan membantu mempermudah memahami dasar-dasar dari pemilihan warna.
Ini penting untuk dimengerti bahwa setiap warna ditentukan positif dan negatif dari
emosi yang menghubungkannya dgn itu, mungkin bisa disebut dengan ‘makna warna’. Maksudnya adalah bahwa warna akan mempengaruhi emosional customer bagi perusahan, merek atau produk yang ditawarkan. Jadi ketika memilih skema warna untuk website, atau tipe media lain, anda perlu yakin dengan pemberian warna pada perusahaan atau produk dengan warna-warna yang mengajak audiens untuk selalu memilih web perusahaan atau produk kita Continue reading »
Artikel ini, mengajak anda menjelajahi dua pilihan utama dari format
gambar yang dapat dipakai dalam Web untuk menggambarkan graphic sederhana
berupa skema atau logo.
GIF
Graphics Interchange Format (GIF) dikembangkan pada tahun 1980 dan semakin
meluas penggunaanya.
Format GIF adalah format yang mengompress/memperkecil ukuran filenya
menggunakan algoritma yang disebut LZW Continue reading »
CSS bekerja sebagai pelengkap pada HTML. Jika anda baru mempelajari HTML, maka cobalah untuk sekaligus belajar CSS. Dan anda akan terkejut dengan hasilnya..!!
CSS memungkinkan web developer untuk memisahkan HTML dari aturan-aturan untuk membentuk tampilan sebuah website. Tapi terkadang, banyak orang yang baru belajar HTML, menganggap remeh kekuatan dan fleksibilitas dari sebuah css.
Lalu apa sih style sheet (css) itu sebenarnya? apa kegunaan sebenarnya? dan bagaimana cara menggunakannya?
CSS (Cascading Style Sheet) digunakan untuk melengkapi file HTMl, dan tugas utamanya adalah menetapkan aturan tampilan/style yang akan digunakan pada sebuah website. Continue reading »
Macromedia Flash adalah salah satu tools yang dapat digunakan untuk membuat website. Tapi kebanyakan orang salah menduga, dan berpikiran bahwa website yang menggunakan flash akan susah sekali untuk di-update..
Salah besar..!!
Sebelum kita menghistung user online, mari kita coba membuat sebuah dynamic flash terlebih dahulu..
Software yang digunakan adalah Macromedia Flash MX.
*Buka Flash dan buat file baru (shortcut : Ctrl+N ). Setelah file baru keluar, buat text area dengan ukuran 310 x 120.
Nilai untuk ukurannya, bisa dimasukkan dibagian properties text area tadi.
*Masih di bagian propertiesnya text area. Ganti text yang akan digunakan menjadi dynamic text, dan dan masukkan ‘count’ pada kolom var.
Selesai deh untuk text area nya, gampang kan.. Lanjuut
* Sekarang kita akan membuat tombol, yang akan memanggil dynamic text.
Buat sebuah kotak (gunakan Rectangle Tool). Kotak ini bakal jadi background dari tombol yang kita buat. Ukurannya? Warnanya? Ya tergantung selera masing-masing dong.
Setelah itu, seleksi kotaknya dan tekan F8. Ganti name si kotak menjadi ‘button’ dan set behaviour : button. Kalau udah, tekan ok
Cara lain untuk convert to symbol : pilih objek yang akan diubah simbolnya, klik kanan, lalu pilih ‘convert to symbol’..
*Selanjutnya, kita beri tulisan diatas tombol kotak tadi.
Seleksi kotaknya, trus klik Edit -> Edit Selected. Nah, baru deh kita taruh tulisan diatas kotaknya. Gunakan text tool, lalu tulis ‘update’, dan letakkan di tengah kotak.
Jangan lupa, tulisannya di set ke static text yah.
* Terus pilih frame ‘over’ dan tekan F6 (bisa juga dengan klik kanan pada frame ‘over’, trus pilih insert keyframe).
* Pilih background dari tombol tadi, lalu ganti warnanya.
Lakukan hal yang sama pada frame ‘down’. Insert keyframe -> ganti warna background.
Catatan: usahakan warna tombol pada tiap2 frame dibuat berbeda.
Tekan Ctrl+E untuk kembali ke dokumen utama.
* Seleksi tombol, lalu paste kode dibawah ini pada bagian action – button
on (release) {
loadVariablesNum(”data.txt?RND=”+random(999), 0);
}
Penjelasan kode:
RND digunakan sebagai variabel acak, dan memaksa flash nge-load file yang sudah di attach. Sangat penting menggunakan variabel ini dalam setiap pembuatan movie pada flash.
Kode tersebut ‘mengambil’ isi dari file data.txt. Nah, sekarang coba simpan file flash-nya dengan nama data.fla. Kemudian tekan Ctrl+F12 (akan membuka web browser dengan animasi flash yang sudah dibuat tadi.
Jika sudah selesai di simpan, berarti saatnya kita buka notepad, dan paste kode di bawah ini ke dalam notepad tsb.
Count=Hello World
Lalu simpan di dalam folder yang sama dengan data.fla, dan beri nama data.txt.
Jadi deh dynamic movie kita.. Masih kebuka kan web browsernya? Coba tekan tombol ‘update’ yang sudah kita buat tadi..
Hasilnya sama kan dengan yang dibawah ini?
Menghitung user online
Prinsipnya, user yang berkunjung si website kita, akan dilihat alamat IP-nya. Dan jika alamt IP tersebut sudah ada di database (dalam rentang waktu 20 detik terakhir) maka tidak akan dianggap dihitung sebagai kunjungan baru.
Kali ini kita akan mencoba membuat sebuah aplikasi untuk menghitung user online, dengan menggunakan dynamic flash.
Tapi sebelumnya, persiapkan dulu “alat-“alat†yang nanti kita butuhkan :
1. Macromedia Flash
2. Dynamic server side language.. Untuk yang sekarang, kita akan pakai PHP (sudah berkenalan kan sebelumnya?)
3.MySQL database
4. web server
Kalau sudah tersedia semua, yuk langsung kita praktekkan
* Buat database usersOnline. Menggunakan MySQL tentunya
biar lebih mudah, kita bisa juga kok ngakses MySQL melalui phpmyadmin (kalau sudah tersedia di localhost)
jika sukses, maka seharusnya sudah ada 1 tabel di dalam database usersOnline
* Nah, sekarang kita akan membuat file php, dan kita beri nama count.php dan disimpan di web server.. (atau direktori yang jadi localhost)
Coding-nya:
< ?php
$dbServer = “localhost”;
$dbName = “usersOnline”;
$dbUser = “root”;
$dbpass = “”;
// Tambah user ke database
global $HTTP_SERVER_VARS;
define(”SESSION_LENGTH”, 20);
$userIP = $HTTP_SERVER_VARS[”REMOTE_ADDR”];
$sConn = @mysql_connect($dbServer, $dbUser, $dbPass);
$dbConn = @mysql_select_db($dbName, $sConn);
$timeMax = time() - (60 * SESSION_LENGTH);
$result = @mysql_query(”select count(*) from usersOnline where unix_timestamp(dateAdded) >= ‘$timeMax’ and userIP = ‘$userIP’”);
$recordExists = mysql_result($result, 0, 0) > 0 ? true : false;
if(!$recordExists)
{
// Tambah record buat user
@mysql_query(”insert into usersOnline(userIP) values(’$userIP’)”);
}
// Hitung user
$result = mysql_query(”select count(*) from usersOnline where unix_timestamp(dateAdded) >= ‘$timeMax’”);
$usersOnline = mysql_result($result, 0, 0);
// Flash variable
echo ‘Count=’ . $usersOnline;
?>
Kalau script ini dijalankan, maka akan muncul tulisan Count = 1
Database sudah selesai, PHP juga sudah jadi.. berarti tinggal dynamic movie-nya deh..
* Buat file flash baru, dengan ukuran 200×80 kemudian simpan di web server (localhost tadi, satu folder dengan count.php) dengan nama count.fla.
* Lalu, tulis ‘active user’ dengan menggunakan text tool, dan buat sebuah text area disebelahnya.
Pada tulisan ‘active user’ set propertiesnya menjadi static text, dan untuk text area, ganti menjadi dynamic text.
Kemudian pada timeline nya, pilih frame 1
Lalu pada action box, masukkan kode berikut ini.
loadVariablesNum(”count.php?RND=”+random(999), 0);
File yang di load sekarang adalah file count.php yang akan menghitung jumlah user yang online..
Yang terakhir kita butuhkan adalah membuat loop dengan menggunakan timeline. Prinsipnya, kita harus me-reload file count.php setiap 20 detik. Dan karena 1 detik itu = 12 frame, maka kita butuh frame sebanyak 240 untuk melakukan reload selama 20 detik.
Caranya,
pilih frame 240 pada timeline kemudian buat keyframe baru di frame 240 tsb. Nah, pada bagian action-nya, tambahkan script berikut:
gotoAndPlay(1);
nah selesai deh.. untuk mencobanya, pastikan file count.php, count.html, count.swf berada pada folder yang sama di web server.
Selamat mencoba..!!
Padding atau space kosong cukup besar pengaruhnya untuk sebuah layout desain web. Ruang kosong mampu memberikan penonjolan pada content di dalam ruang kosong tersebut. Dalam ilmu komunikasi visual, istilah ruang kosong yang dinamakan whitespace adalah ruang dimana pembaca dapat mengistirahatkan indera visual sejenak atau “bernafas lega” dan melihat content di dalam whitespace secara lebih terkonsentrasi.
Sebuah analogi yang paling mirip adalah ketika kita berada di ruangan yang penuh sesak dengan barang. Kita akan merasa terhimpit, sesak, dan tidak nyaman. Akan sangat berbeda rasanya jika barang - barang tersebut tersusun dengan rapi, tidak terlalu sesak, dan seolah - olah kita masih dapat bernafas dengan lega di dalamnya. Continue reading »
Navigasi pada sebuah website yang tertampil pada menu dan links adalah petunjuk bagi pengunjung terhadap halaman - halaman yang terdapat dalam website. Pengunjung akan semakin mudah menemukan halaman - halaman dalam website Anda jika menu - menu dan link yang ada tampil secara terstruktur. Sudah pasti pengunjung akan kesal apabila tidak mendapatkan halaman website yang ia cari gara - gara navigasi yang ruwet. Continue reading »
Desain web dan kecepatan akses website terkadang menjadi dua hal yang kontradiktif. Web yang sarat dengan image berukuran besar tentu tampilannya akan lebih lambat daripada web yang hanya mengandung unsur text singkat. Padahal menurut survey yang dilakukan oleh Zona research (April, 1999) menyatakan bahwa 80% pengunjung akan menutup browser (atau memindahkan Address/URL ?) bila halaman Web yang ia buka tidak tampil dalam 7-8 detik.
Untuk mengakalinya biasanya webmaster biasanya men-slice image (image slicing) menjadi dimensi yang lebih kecil. Pada artikel ini akan dijelaskan tentang apa itu image slicing. Continue reading »