Scribd Logo
Unggah

Selamat datang di Scribd!

  • Membuat Form Signup Dan Login Web Dengan Dream Weaver

    Diunggah oleh

    2111091014
    505 tayangan4 halaman

    Hak Cipta

    © Attribution Non-Commercial (BY-NC)

    Format Tersedia

    DOC, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini

    Hak Cipta:

    Attribution Non-Commercial (BY-NC)
    Unduh sebagai DOC, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    505 tayangan4 halaman

    Membuat Form Signup Dan Login Web Dengan Dream Weaver

    Diunggah oleh

    2111091014

    Hak Cipta:

    Attribution Non-Commercial (BY-NC)
    Unduh sebagai DOC, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 4

    MEMBUAT FORM SIGNUP DAN LOGIN WEB DENGAN

    DREAMWEAVER

    Untuk membuat Form sign up dan Login 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 saya akan menjelaskan
    tutorial untuk membuat form sign up dan login yang masih berbentuk sederhana. Untuk
    selanjutnya, anda dapat membuat sendiri pengembangan dari script ini.
    1. 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.
    2. 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.
    <?php
    include (”config.php”);
    // connect to the mysql server
    $link = mysql_connect($server, $db_user, $db_pass)
    or die (”Could not connect to mysql because “.mysql_error());
    // select the database
    mysql_select_db($database)
    or die (”Could not select database because “.mysql_error());
    // create table on 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 “Mantap!!sekarang lanjut deh ke tahap yang ketiga”;
    ?>
    3. 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 mengkopi script di bawah pada halaman baru
    dreamweaver .
    <html><head>
    <title>User Registration</title>
    </head><body>
    <form action=”register.php” method=”post”>
    Pick a Username: <input type=”text” name=”username” size=”20″><br>
    Pick a Password: <input type=”password” name=”password” size=”20″><br>
    <input type=”submit” value=”Sign Up”>
    </form>
    </body></html>
    4. 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.
    <?php
    include(”config.php”);
    // connect to the mysql server
    $link = mysql_connect($server, $db_user, $db_pass)
    or die (”Could not connect to mysql because “.mysql_error());
    // select the database
    mysql_select_db($database)
    or die (”Could not select database because “.mysql_error());
    // check if the username is taken
    $check = “select id from $table where username = ‘”.$_POST['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 ye, username $username sudah keduluan diambil orang.<br>”;
    echo “<a href=register.html>Kata Wiswakarma, tidak boleh menyerah, coba lagi
    deh..</a>”;
    exit;
    } else {
    // insert the data
    $insert = mysql_query(”insert into $table values (’NULL’, ‘”.
    $_POST['username'].”‘,
    ‘”.$_POST['password'].”‘)”)
    or die(”Could not insert data because “.mysql_error());
    // print a success message
    echo “Akun Anda Telah Selesai Dibuat!<br>”;
    echo “Sekarang anda bisa <a href=login.html>Login sebagai member web
    Wiswakarma</a>”;
    }
    ?>
    5. Sekarang anda perlu membuat form member untuk Login. Beri file ini dengan nama
    ”login.html”. Isi dari file ini yaitu sbb.
    <html><head>
    <title>User Registration</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>
    6. Sekarang anda perlu membuat file yang akan menghubungkan file login.html dengan
    database, berikan nama file ini dengan ”login.php”. Scriptnya dapat anda lihat dibawah.
    <?php
    include(”config.php”);
    // connect to the mysql server
    $link = mysql_connect($server, $db_user, $db_pass)
    or die (”Could not connect to mysql because “.mysql_error());
    // select the 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 “Sorry, there is no username $username with the specified password.<br>”;
    echo “<a href=login.html>Try again</a>”;
    exit;
    } else {
    setcookie(”loggedin”, “TRUE”, time()+(3600 * 24));
    setcookie(”mysite_username”, “$username”);
    echo “You are now logged in!<br>”;
    echo “Continue to the <a href=members.php>members</a> section.”;
    }
    ?>
    7. perhatikan file tersebut pad baris ketiga paling bawah, disana berisi <a
    href=members.php> members.php ini adlah 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. Scriptnya sbb;
    <?php if (!isset($_COOKIE['loggedin'])) die(”You are not logged in!
    log in”);
    $mysite_username = $HTTP_COOKIE_VARS["mysite_username"];
    echo “you are logged in as $mysite_username.
    “; ?>
    8. Fiuuuhhh…akhirnya script yang terakhir yaitu script untuk logout. Script ini dapat
    dihubungkan dengan link pada html biasa. Link ini diletakkan pada area member. Untuk
    isi scriptnya dapat anda lihat sbb:
    <?php
    // expire cookie
    setcookie (”loggedin”, “”, time() - 3600);
    echo “You are now logged out.<br>”;
    echo “<a href=\”login.html\”>Log in</a>.”;
    ?>
    Untuk pengaplikasian dari script-script yang saya jelaskan di atas, dapat anda kreasikan
    sendiri. Selamat berkreasi.!!!!
    Diposkan oleh Evil Homz

    Anda mungkin juga menyukai