Cara Membuat Form Sign Up dan Form Login Pada Web Design dengan Menggunakan Macromedia

Selasa, Januari 15, 2013
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 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. 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. 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 Mengaplikasian dari script-script yang saya jelaskan di atas, dapat anda kreasikan sendiri. Selamat berkreasi.!!!!  :)

* * *

sumber : kang aries

30 komentar:

  1. Balasan
    1. Cara Membuat Form Sign Up Dan Form Login Pada Web Design Dengan Menggunakan Macromedia
      ~
      Ayti Copast >>>>> Download Now

      >>>>> Download Full

      Cara Membuat Form Sign Up Dan Form Login Pada Web Design Dengan Menggunakan Macromedia
      ~
      Ayti Copast >>>>> Download LINK

      >>>>> Download Now

      Cara Membuat Form Sign Up Dan Form Login Pada Web Design Dengan Menggunakan Macromedia
      ~
      Ayti Copast >>>>> Download Full

      >>>>> Download LINK fR

      Hapus
  2. saya kan mau buat login untuk admin dan member, bisa gak databasenya disatukan, jadi kalau mau login itu tetep masuk, tetapi misalnya login untuk admin, otomatis masuk ke admin, dan untuk login ke member, masuk ke member itu sendiri, dan jika ada member lagi, itu id n pass menimpa member lain gak.

    BalasHapus
  3. @cynthia : databasesnya anda buat sendiri, kalo udah, tinggal ganti2 aja di dalem script itu username, localhost, password, sama $tabel nya.

    @rachmadinata : bisa kok , kalo yg seperti anda maksud itu, namanya login multi user, jadi dalam 1 form, bisa untuk login 2 atau lebih type akseslevelnya..
    tidak akan menimpa kok, karna pada id nya, sudah otomatis membuat sendiri id yg baru.


    maaf saya jarang online, untuk lebih lengkap nya lagi tutorial lainnya,
    anda coba saja berkunjung ke www,ilmuwebsite,com atau www,tutorial-webdesign,com :-)

    BalasHapus
  4. Good POST

    http://tik-lebihdekat.blogspot.com/

    BalasHapus
  5. ini 1 ID 1 Pengguna kan?
    maksudnya kalo 1 ID itu OL yg lain ga bs pke ID yg sama

    BalasHapus
  6. ini gag pakek session yaaa.........????

    BalasHapus
  7. @admin hikaru : ini masih pake 1 id tapi masih bisa di buka di tempat lain meskipun belum di logout, dan belum saya pasang sesion start nya.

    @software enginers : iya gan,, session start nya bikin sendiri aja yaa :D hehehe..
    udah terlalu banyak di goolge

    BalasHapus
  8. joint website gratis tanpa syarat,dan website anda akan muncul di berbagai website http://www.situs-internet.com/

    BalasHapus
  9. Terimakasih atas kebaikan hati membagikan ilmu pengetahuan ini. Ilmu ini bagi saya bagaikan emas dan permata, dan anda telah memberikannya. TUHAN memberkati hidup dan masa depanmu

    BalasHapus
  10. tp kenapa kolow buka link lain tetap masuk gak buka login, misal saya punya link toolsarief.hol.es itu buka login,,, tp pada saat saya buka toolsarief.hol.es/members.php itu langsung membuka tanpa ada login,,, tolong bantuannya

    BalasHapus
  11. @arief : maksudnya gimana gan ?? tolong di perjelas lagi pertanyaannya ?? -_-

    mungkin maksud ente itu setiap login, ke halaman members.php, dia bisa masuk gitu tanpa login ke halaman utama tempat login ??

    ente membuat filter check nya dulu dong gan :D
    di google banyak kok kodingannya tinggal search aja.

    misalnya : cek.php, isi kodingannya adalah untuk mengetahui apakah session start dari password dan username nya udah sama atau belom yg ada di databases nya

    kalom sama, dia akan melanjutkan sessi, ke ruang members.php,
    tapi jiika username dan password nya tidak sama dengan yg select pada databasesnya. maka dia tidak mau ke halaman members.php, tetapi akan tetap pada halaman utama Login nya :)

    BalasHapus
  12. Maaf bisa di kasi conoh untuk buat databasenya dulu ??

    BalasHapus
  13. @aditya fadhil : pertama, agan buat dulu databases nya, pada halaman config.php, agan lihat ada tulisan :



    nah, berarti ente buat database, namanya "mydata",
    kemudian buat table dengan nama "users"

    nah untuk membuat field-field nya, agan lihat yg ada di create.php.
    lihat ada kodingan seperti ini :

    id smallint(5) NOT NULL auto_increment,
    username varchar(30) NOT NULL,
    password varchar(32) NOT NULL,

    nah, berarti field yg ente buat di tabel, ada 3, yaitu id, username, dan password.

    - id --> jenisnya "SMALLINT / INT" --> size'nya 5
    - username --> jenisnya "VARCHAR" --> size'nya 30
    - password --> jenisnya "VARCHAR" --> size'nya 32.

    lalu centang checkbox gambar kunci (primary key) pada pojokan kanan fields "id", dan centang checkbox gambar huruf U (unique key) pada pojokan kanan fields "username".

    ^_^

    BalasHapus
  14. id dalam database di isi apa ?

    BalasHapus
  15. @krisna madani : ga usah di isi juga dia nanti nampil sendiri kok pas di create . atau dia juga gak munculin id nya. otomatis bikin penomoran sendiri. di situ kan udah di buat auto_increment kaka ^_^

    BalasHapus
  16. mohon izin untuk mengembangkannya yh boz

    BalasHapus
  17. mohon izin untuk mengembangkannya yh boz

    BalasHapus
  18. Wahh mesti banyak belajar sama master Harist Vanila nih. Ijin pelajari yah Master

    BalasHapus
  19. Gan cara buat Web Root gmn?

    BalasHapus
  20. Inikan pake dreamwver yah , gimana kalau pake mysql nyah bukan dilocalhost , biar login nya bisa sukse apa yang harus diperbaki sama ogut gan
    thank ..infonya sangat bermafaat

    BalasHapus
  21. mohon izin copas bang, mksh.
    for sulteng

    BalasHapus
  22. Itu di buat di notepad apa dimana gan ? Selain itu , cara membuat web root gimana ? Ditunggu jawabannya

    BalasHapus
  23. masih lier maklum msh awam banget gan

    BalasHapus
  24. @mRaiH Ilmu : ssiippp.. semoga lancar dan berkembang dengan baik kakak... hehehe

    @River-X : Ampuuuuuuunnn Kaka,, aku bukan mastah,, aku Lammer yg lemah :-V

    @Rizky : WE X-root silahkan search sendiri gan di google,, maaf ane gak faham

    @Sef Arsyi : untuk sukses atau tidak loginnya, tergantung username pada saat pertama kali agan instal phpmyadmin nya gan.
    username nya apa, passwordnya apa , dan itu masuk di config.php

    @masrianto : terima kasih atas kunjungan anda di blog ini,, semoga bermanfaat

    @rama slow : kurang ngerti kalo pake notepad gan,, ane masih newbies,, mungkin ente bsa minta bantuan om google gan.

    @rokidin : iya gapapa gan,, nanti lama lama juga bsa,, saya juga belajar PHP belum sepenuhnya hafal kode pemrogaman,,, masih di dampingin buku atau modul yg sewaktu-waktu ane liat kalo udah puyeng dan mentok koneksiin kodenya

    BalasHapus
  25. bikin halaman masuk google gan,,yang biasa ada foto nya

    BalasHapus
    Balasan
    1. ini yg dasarnya aja gan.
      silahkan di utak atik oprak oprek sendiri yaa hehee

      Hapus
  26. Bagaimana cara membuat form otomatis setelah pengunjung web login..?

    BalasHapus
  27. Cara Membuat Form Sign Up Dan Form Login Pada Web Design Dengan Menggunakan Macromedia
    ~
    Ayti Copast >>>>> Download Now

    >>>>> Download Full

    Cara Membuat Form Sign Up Dan Form Login Pada Web Design Dengan Menggunakan Macromedia
    ~
    Ayti Copast >>>>> Download LINK

    >>>>> Download Now

    Cara Membuat Form Sign Up Dan Form Login Pada Web Design Dengan Menggunakan Macromedia
    ~
    Ayti Copast >>>>> Download Full

    >>>>> Download LINK qA

    BalasHapus

Terima Kasih telah melihat dan membaca artikel di atas.
Jika ada yang kurang dimengerti, silahkan tinggalkan komentar anda dengan bahasa yang baik dan bijak. bukan SARA, SPAM, SAMPAH, dan berbau PORNOGRAFI..

Anda Juga dapat memberikan kritik dan saran kepada blog ini demi terciptanya kemajuan dan perkembangan blog ini

Semoga Bermanfaat.

Arsip Blog

Kunjungan Negara

Free counters!

Teman