ads

Membuat Site Definition di Dreamweaver CS5

Dreamweaver CS5 menyediakan settingan yang lebih mudah dalam membuat Site Definition. Berikut adalah langkah-langkah mudahnya:
  • Klik Site > New Site
  • Isi Site Name, dalam latihan ini Site Name diisi Websiteku.
  • Local site folder, silakan klik icon folder pada Local Site Folder dan buatlah folder baru di dalam folder C:\xampp\htdocs\ dengan nama folder Websiteku, sehingga akan muncul C:\xampp\htdocs\Websiteku\. Klik Open > Select.
  • Klik Server pada list di sebelah kiri. Hal ini akan membuka panel dimana Anda dapat menyetting jenis pengetesan di Local Server ataupun Remote Server.
  • Klik tanda plus (+) untuk menambah Server baru guna pengetesan website dinamis yang akan kita buat.
  • Pada menu Basic, klik pada Connect Using: Local/Network
  • Untuk selanjutnya, gunakan settingan berikut ini:
  • Server Name: Websiteku
  • Connect using: Local/Network
  • Server Folder: ,klik icon folder untuk menemukan folder Websiteku yang tadi telah Anda buat atau dengan mengetikkan C:\xampp\htdocs\Websiteku (hal ini bisa berbeda tergantung dari setinggan computer Anda).
  • Web URL: http://localhost/Websiteku/ (hal ini juga bisa berbeda tergantung dari setinggan computer Anda). Hal ini member tahu Dreamweaver bahwa website Anda berada dalam document root dengan sub folder bernama Websiteku.
  • Klik tombol Advanced pada sisi atas dari panel, lalu dari pop-up menu, pilih PHP MySQL sebagai Server Model untuk pengetesan website Anda.
  • Pilih Save untuk menyimpan settingan dari website yang telah kita buat tadi. Secara default, Dreamweaver CS5 akan member tanda centang (check) pada Remote testing server.
  • Hilangkan tanda centang (uncheck) pada Remote tadi dan klik (beri tanda check) pada Testing. Hal ini sangat penting. http://localhost/ adalah local server tempat kita melakukan pengetesan atas website yang kita buat. Jika Anda menggunakan MAMPP dengan Operating System Mac, maka Anda harus menggunakan alamat localhost http://localhost:8888/Websiteku/. Penambahan 8888 adalah keharusan jika Anda menggunakan Apache dan MySQL secara default.
  • Klik Save. Dreamweaver CS5 secara otomatis akan menutup Site Setup Dialog dan akan segera membuat Site Cache. Anda dapat melihat site yang baru saja Anda buat telah tampil di File Anda.
  • Lakukan pengetesan di browser Anda dengan membuka http://localhost/Websiteku. Maka akan muncul tampilan kosong seperti ini. Hal ini terjadi karena kita belum membuat file sama sekali.

Upload File dengan cPanel File Manager

  1. Masuk ke cPanel dan klik icon File Manager seperti di gambar.
  2. cPanel akan menanyakan lokasi yang ingin dibuka. Pilih Web root dan Show Hidden Files lalu klik Go.
  3. cPanel akan membuka Window baru (pastikan Pop-up blocker anda non-aktif). Setelah tampilan berganti, anda telah masuk ke folder /public_html. Arahkan cursor mouse anda ke atas dan klik Upload.
  4. Klik Browse untuk mulai memilih file yang ingin di-upload.
  5. Pilih file yang ingin di-upload, lalu klik Open. Ulangi untuk setiap file yang ingin di-upload.
  6. File-file yang anda upload akan langsung dapat dilihat. Dalam contoh ini misalnya, file yang diupload ke /public_html adalah logo.png, maka langsung bisa dibuka di http://website-anda/logo.png.

Cara Membuat Form Daftar, Login dan Logout dengan PHP MySQL

Cara Membuat Form Daftar, Login dan Logout dengan PHP MySQL – Dalam pembuatan website tentunya memerlukan sebuah form, baik untuk menentukan member atau admin.

Membuat Database MySQL dengan phpMyAdmin

Terlebih dahulu buatlah database, dalam contoh ini saya menggunakan phpMyAdmin.
  • Buat database dengan nama latihan”.
    Cara Membuat Form Daftar, Login dan Logout dengan PHP MySQL
  • Buat tabel dengan nama “user” dan isikan 3 untuk jumlah kolom yang akan dibuat.
    Cara Membuat Form Daftar, Login dan Logout dengan PHP MySQL
  • Kemudian isikan ke 3 kolom yang telah dibuat tadi seperti berikut :
    Gambar Cara Membuat Form Daftar, Login dan Logout dengan PHP MySQL
  • Jika sudah silahkan tekan tombol save untuk menyimpan field yang telah kita isikan.
Apabila langkah diatas telah dilalui berati database telah selesai dibuat dan siap digunakan. Langkah berikutnya adalah membuat form dan proses PHP ke database MySQL.
Disini diperlukan beberapa file yang harus dibuat.
  1. koneksi.php
  2. index.php
  3. daftar.php
  4. prosesdaftar.php
  5. login.php
  6. proseslogin.php
  7. logout.php
Sebelum ke pembuatan form daftar dan login saya minta untuk membuat file koneksi.php untuk menghubungkan ke database, dengan kode dibawah ini.
<?php
$host = "localhost";
$user = "root";
$pass = "";
$db = "latihan";
$konek = mysql_connect($host, $user, $pass) or die ('Koneksi Gagal! ');
mysql_select_db($db);
?>

Pertama buatlah file dengan nama index.php dimana file ini akan ditampilkan ketika login sukses, isikan dengan kode dibawah :
<?php
session_start();
if(!isset($_SESSION['username'])) {
header('location:login.php'); }
else { $username = $_SESSION['username']; }
require_once("koneksi.php");

$query = mysql_query("SELECT * FROM user WHERE username = '$username'");
$hasil = mysql_fetch_array($query);
?>
<html>
<head>
<title>Halaman Sukses Login</title>
</head>
<body>
<center>
<?php
echo "<h2>Selamat Datang, $username </h2>";
?>
<a href="logout.php"><b>Logout</a>
</center>
</body>
</html>

Buatlah file dengan nama daftar.php dan isikan dengan code dibawah ini.
<?php
session_start();
if(isset($_SESSION['username'])) {
header('location:index.php'); }
?>
<html>
<head>
<title>Form Pendaftaran</title>
</head>
<body>
<center>
<form action="prosesdaftar.php" method="post">
<table>
<tr><td colspan="2" align="center"><h1>Daftar Baru</h1></td></tr>
<tr><td>Username</td><td> : <input type="text" name="username"></td></tr>
<tr><td>Password</td><td> : <input type="password" name="password"></td></tr>
<tr><td colspan="2" align="right"><input type="submit" value="Daftar"> <input type="reset" value="Batal"></td></tr>
<tr><td colspan="2" align="center">Sudah Punya akun ? <a href="login.php"><b>Login</b></a></td></tr>
</table>
</form>
</center>
</body>
</html>



Sekarang buat file prosesdaftar.php untuk melakukan proses yang diminta pada file daftar.php.
<?php
require_once("koneksi.php");
$username = $_POST['username'];
$pass = $_POST['password'];
$cekuser = mysql_query("SELECT * FROM user WHERE username = '$username'");
if(mysql_num_rows($cekuser) <> 0) {
echo "Username Sudah Terdaftar!<br/>";
echo "<a href='daftar.php'>&amp;amp;laquo; Back</a>";
} else {
if(!$username || !$pass) {
echo "Masih ada data yang kosong!<br/>";
echo "<a href='daftar.php'>&amp;amp;laquo; Back</a>";
} else {
$simpan = mysql_query("INSERT INTO user(username, password) VALUES('$username','$pass')");
if($simpan) {
echo "Pendaftaran Sukses, Silahkan <a href='login.php'>Login</a>";
} else {
echo "Proses Gagal!";
}
}
}
?>



Selanjutnya adalah membuat file login.php dengan kode dibawah.
<?php
session_start();
if(isset($_SESSION['username'])) {
header('location:index.php'); }
require_once("koneksi.php");
?>
<html>
<head>
<title>Form Login</title>
</head>
<body>
<center>
<form action="proseslogin.php" method="post">
<tr><td colspan="2" align="center"><h1>Masuk</h1></td></tr>
<table>
<tr><td>Username</td><td> : <input type="text" name="username"></td></tr>
<tr><td>Password</td><td> : <input type="password" name="password"></td></tr>
<tr><td colspan="2" align="right"><input type="submit" value="Login"> <input type="reset" value="Batal"></td></tr>
<tr><td colspan="2" align="center">Belum Punya akun ? <a href="daftar.php"><b>Daftar</b></a></td></tr>
</table>
</form>
</center>
</body>
</html&gt
;
Agar file login dapat berjalan buatlah file proseslogin.php dengan kode dibawah.
<?php
session_start();
require_once("koneksi.php");
$username = $_POST['username'];
$pass = $_POST['password'];
$cekuser = mysql_query("SELECT * FROM user WHERE username = '$username'");
$jumlah = mysql_num_rows($cekuser);
$hasil = mysql_fetch_array($cekuser);
if($jumlah == 0) {
echo "Username Belum Terdaftar!<br/>";
echo "<a href='login.php'>&amp;amp;laquo; Back</a>";
} else {
if($pass <> $hasil['password']) {
echo "Password Salah!<br/>";
echo "<a href='login.php'>&amp;amp;laquo; Back</a>";
} else {
$_SESSION['username'] = $hasil['username'];
header('location:index.php');
}
}
?>

Dan yang terakhir adalah membuat file logout.php untuk menghapus session yang telah digunakan, isi dengan kode dibawah.
<?php
session_start();
unset($_SESSION['username']);
?>
<center>
<h2>Anda telah berhasil logout..</h2>
Silahkan klik <b>disini</b> untuk login kembali
</center>

Cara membuat database mysql di cpanel hosting

Untuk membuat database mysql, berikut langkah-langkah di cpanel hosting anda :
Login ke cpanel website anda di jendela baru :
http://www.yourdomain.com/cpanel
ganti yourdomain dengan nama domain anda.
Setelah masuk ke cpanel anda lakukan langkah-langkah dibawah :
Bila anda belum membuat MySQL user, dan database di cpanel. ikuti langkah berikut:
1. Klik pada menu ‘MySQL database’
2. isikan username dan password pada pilihan ‘Add New User’ dan kemudian klik ‘Create User’
Secara otomatis user mysql yang terbentuk akan diawali dengan user cpanel dan diikuti nama user mysql yang anda masukan. seperti contoh:
usercpanel_namausermysql
3. Masukkan nama database yang ingin anda buat di ‘new database’ dan klik ‘Create Database’
Secara otomatis database mysql yang terbentuk akan diawali dengan user cpanel dan diikuti nama database mysql yang anda masukan. seperti contoh:
usercpanel_databasemysql
4. Tambahkan user ke database yang telah anda buat dengan memilih ‘Add User To Database’ dan klik ’submit’
5. Pilih ALL PRIVILEGES dan klik ‘Make changes’
Dari hasil diatas dapat kita catat 2 konfigurasi penting yang diperlukan untuk koneksi ke database:
1. nama database: usercpanel_databasemysql
2. user database : usercpanel_namausermysql
Catatan:
* Database mysql, username dan password yang telah terbentuk agar DICATAT, karena akan diperlukan untuk koneksi ke database anda.
* Mysql Server/database host gunakan localhost
`
Download with Vixy | YouTube to MP3 `

cara Membuat Form Sign Up / Register, Login Dan Logout di website

Membuat Form Sign Up/Register, Login dan Logout untuk pembangunan sebuah web dengan berbasiskan member saat ini sudah menjadi tren bagi para webmaster yang ingin membangun web yang "look professional". Pada artikel ini akan dijelaskan tutorial untuk membuat form sign up dan login serta logout yang masih berbentuk sederhana. Untuk selanjutnya, anda dapat membuat sendiri pengembangan dari script ini.
membuat form register, login dan logout
Langkah pertama, anda harus membuat file  "Config.php". File ini berfungsi menghubungkan script yang anda buat dengan database. Isi dari file "config.php" ini dapat anda lihat di bawah
<?php$server = "localhost"; // server web anda.$database = "mydata"; // nama dari database yang anda buat.$db_user = "myusername"; // username dari mysql anda.$db_pass = "mypassword"; // password untuk mengakses mysql anda tersebut.$table = "users"; //nama table yang akan dibuat di database.?>

Simpan file tersebut di root web anda. Setelah selesai, anda dapat melanjutkan pada tahap yang kedua.

Buat file dengan nama "create.php". File ini berfungsi menjalankan perintah query database dalam pembuatan table signup dan login ini. Isi dari file ini dapat anda lihat dibawah.
<?phpinclude ("config.php");// konek ke server MYSQL$link = mysql_connect($server, $db_user, $db_pass)or die ("Could not connect to mysql because ".mysql_error());// pilih databasemysql_select_db($database)or die ("Could not select database because ".mysql_error());// bikin tabel di database$create = "create table $table (id smallint(5) NOT NULL auto_increment,username varchar(30) NOT NULL,password varchar(32) NOT NULL,PRIMARY KEY (id),UNIQUE KEY username (username));";mysql_query($create)or die ("Could not create tables because ".mysql_error());echo "Mangstabs!!sekarang lanjut ke tahap yang ketiga";?> 
Sekarang anda perlu membuat form yang digunakan pengunjung untuk sign up dan berikan nama "register.html". File yang anda buat ini boleh berupa halaman HTML biasa yang nantinya akan terhubung pada script php yang nantinya anda akan buat. Untuk percobaan yang sederhana, anda dapat meng-copy script di bawah pada halaman baru Dreamweaver.
<html><head><title>REGISTRASI MEMBER</title></head><body><form action="register.php" method="post">Pilih Username: <input type="text" name="username" size="20"><br>Pilih Password: <input type="password" name="password" size="20"><br><input type="submit" value="Sign Up"></form></body></html>
Setelah itu buat file dengan nama "register.php". File ini akan berfungsi sebagai perantara yang menghubungkan file register.html diatas dengan database yang sudah anda buat. Untuk isi dari file "register.php dapat anda lihat dibawah.
<?phpinclude("config.php");// konek ke server MYSQL$link = mysql_connect($server, $db_user, $db_pass)or die ("Could not connect to mysql because ".mysql_error());// pilih databasemysql_select_db($database)or die ("Could not select database because ".mysql_error());// cek kesamaan username
$qry = mysql_query($check) or die ("Could not match data because ".mysql_error());
$num_rows = mysql_num_rows($qry);
if ($num_rows != 0) {
echo "Maaf, username $username sudah ada yang punya<br>";
echo "<a href=register.html>Anda belum beruntung, silakan dicoba kembali</a>";
exit;
} else {
// masukkan data
$insert = mysql_query("insert into $table values (’NULL’, '".$_POST['username']."',
'".$_POST['password']."')")
or die("Could not insert data because ".mysql_error());
// tampilkan pesan sukses
echo "Akun Anda Telah Selesai Dibuat!<br>";
echo "Sekarang anda bisa <a href=login.html>Login sebagai member web Cyber4rt</a>";
}
?>

  • Sekarang anda perlu membuat form member untuk Login. Beri file ini dengan nama "login.html". Isi dari file ini yaitu sebagai berikut :

    <html><head>
    <title>MEMBER LOGIN</title>
    </head><body>
    <form action="login.php" method="post">
    Username: <input type="text" name="username" size="20"><br>
    Password: <input type="password" name="password" size="20"><br>
    <input type="submit" value="Log In">
    </form>
    </body></html>
  • Sekarang anda perlu membuat file yang akan menghubungkan file login.html dengan database, berikan nama file ini dengan "login.php". Script-nya dapat anda lihat dibawah.

    <?php
    include("config.php");
    // konek ke server MYSQL
    $link = mysql_connect($server, $db_user, $db_pass)
    or die ("Could not connect to mysql because ".mysql_error());
    // pilih database
    mysql_select_db($database)
    or die ("Could not select database because ".mysql_error());
    $match = "select id from $table where username = '".$_POST['username']."'
    and password = '".$_POST['password']."';";
    $qry = mysql_query($match)
    or die ("Could not match data because ".mysql_error());
    $num_rows = mysql_num_rows($qry);
    if ($num_rows <= 0) {
    echo "Maaf, tidak ada username $username dengan password tersebut.<br>";
    echo "<a href=login.html>Coba lagi</a>";
    exit;
    } else {
    setcookie("loggedin", "TRUE", time()+(3600 * 24));
    setcookie("mysite_username", "$username");
    echo "Anda telah login!<br>";
    echo "Lanjutkan ke <a href=members.php>member</a> area.";
    }
    ?>
Perhatikan file tersebut pad baris ketiga paling bawah, disana berisi <a href=members.php>members.php ini adalah sebuah area yang hanya bisa dilihat oleh para member. Anda dapat membuat file members.php dengan kreasi sendiri. Sekarang saya akan menjelaskan script yang digunakan untuk mengecek cookie, apakah orang tersebut sudah login atau tidak. Simpan scipt ini di seluruh area members. Script-nya sebagai berikut :
<?php if (!isset($_COOKIE['loggedin'])) die("Anda sedang tidak login! Silakan login terlebih dahulu");$mysite_username = $HTTP_COOKIE_VARS["mysite_username"];echo "Anda login sebagai $mysite_username."; ?>
Akhirnya script yang terakhir yaitu script untuk logout. Script ini dapat dihubungkan dengan link pada html biasa. Link ini diletakkan pada area member. Lihat isi script-nya di bawah ini :
<?php// masa aktif cookiesetcookie ("loggedin", "", time() - 3600);echo "Anda sudah logout.<br>";echo "<a href=\"login.html\">Login</a>.";?>
Untuk peng-aplikasi-an dari script-script yang saya jelaskan di atas, dapat anda kreasikan sendiri. Selamat berkreasi.!!!! 

Copyright © MySQL

Sponsored By: Free For Download Template By: Fast Loading Seo Friendly Blogger Template