Praktikum Aplikasi E-Commerce 27 April 2011

Kali ini psot saya mengenai materi perkuliahan E-Commerce TA 2011.  Pemrosesan form-form html menggunakan script php dan query SQL untuk tujuan penggunaan database MySQL. Bagi mahasiswa peserta perkuliahan e-commerce tahun ajaran 2011 pada tanggal 27 April yang belum mempunyai file nya dikarenakan tidak sempat membawa media penyimpanan flashdisk pada saat perkuliahan, dapat menyimak ulang dari postingan asisten dosen berikut dan mengunduh file nya pada tautan yang berada di akhir posting.

DATABASE

— phpMyAdmin SQL Dump
— version 3.2.4
http://www.phpmyadmin.net

— Host: localhost
— Generation Time: May 03, 2011 at 11:23
— Server version: 5.1.41
— PHP Version: 5.3.1

SET SQL_MODE=”NO_AUTO_VALUE_ON_ZERO”;

/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8 */;


— Database: `user`

— ——————————————————–


— Table structure for table `login`

CREATE TABLE IF NOT EXISTS `login` (
`username` varchar(30) NOT NULL,
`password` varchar(32) NOT NULL
) ENGINE=MyISAM DEFAULT CHARSET=latin1;


— Dumping data for table `login`

— ——————————————————–


— Table structure for table `profiledata`

CREATE TABLE IF NOT EXISTS `profiledata` (
`nim` varchar(10) NOT NULL,
`nama` varchar(40) NOT NULL,
`jeniskelamin` varchar(10) NOT NULL,
`alamatasal` varchar(80) NOT NULL,
`alamattinggal` varchar(80) NOT NULL,
`tempatlahir` varchar(20) NOT NULL,
`tanggallahir` date NOT NULL,
`agama` varchar(20) NOT NULL
) ENGINE=MyISAM DEFAULT CHARSET=latin1;


— Dumping data for table `profiledata`

/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;

FILE_FILE PHP

File login.php

<html>
<head>
<title>Form Login</title>
</head>
<body>
<div align=”center”>
<form id=”form1″ name=”form1″ method=”post” action=”proseslogin.php”>
<h2>Form Login User</h2>
<table width=”200″ border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td width=”42%”>Username</td>
<td><label>
<input name=”username” type=”text” id=”username” size=”18″ maxlength=”18″ />
</label></td>
</tr>
<tr>
<td width=”42%”>Password</td>
<td><label>
<input name=”password” type=”password” id=”password” size=”18″ maxlength=”18″ />
</label></td>
</tr>
</table>
<p>
<label>
<input type=”submit” name=”Submit” value=”Submit” />
</label>
<label>
<input type=”reset” name=”Submit2″ value=”Reset” />
</label>
</p>
<p><a href=”register.php”>Belum Punya Akun? Daftar Baru.</a></p>
</form>
</div>
</body>
</html>

File proseslogin.php

<?php ob_start(); ?>
<html>
<head>
<title>Proses Login</title>
</head>
<body>
<?php
$username=$_POST[‘username’];
$password=$_POST[‘password’];
$encryptedpass=md5($password);
mysql_connect(‘localhost’,’root’,”);
mysql_select_db(‘user’);
$queryword = “SELECT * FROM login WHERE username = ‘$username'”;
$queryresult = mysql_query($queryword);
$arraydata = mysql_fetch_array($queryresult);
if ($encryptedpass==$arraydata[‘password’])
{
session_start();
$_SESSION[‘username’] = $username;
echo “<h1>Login Sukses<?h1>”;
echo “<h2>Anda login sebagai : “.$_SESSION[‘username’].”</h2>”;
echo “<p>[<a href=’inputprofiledata.php’>input data</a>][<a href=’dropdownlistmhs.php’>list mahasiswa</a>][<a href=’proseslogout.php’>logout</a>]</p>”;
}
else if ($password<>$arraydata[‘password’])
{
echo “Maaf login gagal, username dan password yang anda inputkan tidak cocok dengan satu pun data login pada database kami”;
}
?>
<a href=”login.php”>login kembali sebagai user</a>
</body>
</html>
<?php ob_flush(); ?>

File inputprofiledata.php

<html>
<head>
<title>Form Input Profile Mahasiswa</title>
</head>
<body>
<form name=”form1″ method=”post” action=”prosesinputprofiledata.php”>
<table width=”640″ border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td colspan=”2″ bgcolor=”#999999″><strong>Masukkan Data Mahasiswa </strong></td>
</tr>
<tr>
<td width=”30%”>NIM</td>
<td>:&nbsp;<label>
<input name=”nim” type=”text” size=”12″ maxlength=”12″>
</label></td>
</tr>
<tr>
<td width=”30%”>Nama Mahasiswa </td>
<td>:&nbsp;<label>
<input name=”nama” type=”text” size=”24″ maxlength=”24″>
</label></td>
</tr>
<tr>
<td width=”30%”>Jenis Kelamin </td>
<td>:&nbsp;<label>
<input name=”jeniskelamin” type=”radio” value=”Pria”>
</label>
<label>
Pria
<input name=”jeniskelamin” type=”radio” value=”Wanita”>
Wanita</label></td>
</tr>
<tr>
<td width=”30%”>Alamat Asal </td>
<td>:&nbsp;<label>
<input name=”alamatasal” type=”text” size=”40″ maxlength=”40″>
</label></td>
</tr>
<tr>
<td width=”30%”>Alamat Tinggal </td>
<td>:&nbsp;<label>
<input name=”alamattinggal” type=”text” size=”40″ maxlength=”40″>
</label></td>
</tr>
<tr>
<td width=”30%”>Tempat Lahir </td>
<td>:&nbsp;<label>
<input name=”tempatlahir” type=”text” size=”20″ maxlength=”20″>
</label></td>
</tr>
<tr>
<td width=”30%”>Tanggal Lahir </td>
<td>:&nbsp;<label>
<input name=”tanggal” type=”text” size=”4″ maxlength=”2″>
</label>

<label>
<input name=”bulan” type=”text” size=”4″ maxlength=”2″>
</label>

<label>
<input name=”tahun” type=”text” size=”8″ maxlength=”4″>
</label></td>
</tr>
<tr>
<td width=”30%”>Agama</td>
<td>:&nbsp;<label>
<input name=”agama” type=”radio” value=”Islam”>
</label>
<label>
Islam
<input name=”agama” type=”radio” value=”Kristen”>
</label>
<label>
Kristen
<input name=”agama” type=”radio” value=”Hindu”>
</label>
<label>
Hindu
<input name=”agama” type=”radio” value=”Budha”>
Budha</label></td>
</tr>
<tr>
<td width=”30%”>&nbsp;</td>
<td>:&nbsp;<label>
<input type=”submit” name=”Submit” value=”Submit”>
</label>
<label>
<input type=”reset” name=”Submit2″ value=”Reset”>
</label></td>
</tr>
</table>
</form>
</body>
</html>

File prosesinputprofiledata.php

<html>
<head>
<title>Proses Input Profile Mahasiswa</title>
</head>
<body>
<?php
$nim=$_POST[‘nim’];
$nama=$_POST[‘nama’];
$jeniskelamin=$_POST[‘jeniskelamin’];
$alamatasal=$_POST[‘alamatasal’];
$alamattinggal=$_POST[‘alamattinggal’];
$tempatlahir=$_POST[‘tempatlahir’];
$tanggal=$_POST[‘tanggal’];
$bulan=$_POST[‘bulan’];
$tahun=$_POST[‘tahun’];
$tanggallahir=$tahun.”-“.$bulan.”-“.$tanggal;
$agama=$_POST[‘agama’];
if (empty($nim) OR !is_numeric($nim))
{
echo “Ada kesalahan pada bagian pengisian NIM (Belum diisi/Non-integer)”;
}
else if (empty($nama))
{
echo “Ada kesalahan pada bagian pengisian Nama (Belum diisi)”;
}
else if (empty($alamatasal))
{
echo “Ada kesalahan pada bagian pengisian Alamat Asal (Belum diisi)”;
}
else if (empty($alamattinggal))
{
echo “Ada kesalahan pada bagian pengisian Alamat Tinggal (Belum diisi)”;
}
else if (empty($tempatlahir))
{
echo “Ada kesalahan pada bagian pengisian Tempat Lahir (Belum diisi)”;
}
else if (empty($tanggal) OR empty($bulan) OR empty($tahun))
{
echo “Ada kesalahan pada bagian pengisian Tanggal Lahir (Belum lengkap)”;
}
else if (!is_numeric($tanggal) OR !is_numeric($bulan) OR !is_numeric($tahun))
{
echo “Ada kesalahan pada bagian pengisian Tanggal Lahir (Non-integer)”;
}
else
{
mysql_connect(‘localhost’,’root’,”);
mysql_select_db(‘user’);
$queryword = “INSERT INTO profiledata (nim, nama, jeniskelamin, alamatasal, alamattinggal, tempatlahir, tanggallahir, agama) VALUES (‘$nim’, ‘$nama’, ‘$jeniskelamin’, ‘$alamatasal’, ‘$alamattinggal’, ‘$tempatlahir’, ‘$tanggallahir’, ‘$agama’)”;
mysql_query($queryword);
echo “<h2><b>Data berhasil disimpan</b></h2>”;
}
?>
<a href=”dropdownlistmhs.php”>tampilkan semua list mahasiswa</a><br>
<a href=’proseslogout.php’>logout</a>
</body>
</html>

FIle dropdownlistmhs.php

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
<html xmlns=”http://www.w3.org/1999/xhtml”&gt;
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />
<title>Untitled Document</title>
</head>
<body>

<div align=”center”>
<h2>SORRY FOR THE INCONVENIENCE
<br>THIS SITE STILL UNDER CONSTRUCTION</h2>
<p><img src=”underconstruction.jpg” width=”640″ height=”519″ /></p>
<p>&nbsp;</p>
</div>
</body>
</html>

File proseslogout.php

<?php ob_start(); ?>
<?php
session_start();
unset($_SESSION[‘username’]);
session_destroy();
header(“Location: login.php”);
?>
<?php ob_flush(); ?>

FIle register.php

<html>
<head>
<title>Form Login</title>
</head>
<body>
<div align=”center”>
<form id=”form1″ name=”form1″ method=”post” action=”prosesregister.php”>
<h2>Form Registrasi Akun Baru</h2>
<table width=”300″ border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td width=”60%”>Username Yang Diinginkan </td>
<td><label>
<input name=”username” type=”text” id=”username” size=”18″ maxlength=”18″ />
</label></td>
</tr>
<tr>
<td width=”60%”>Password Yang Diinginkan </td>
<td><label>
<input name=”password” type=”password” id=”password” size=”18″ maxlength=”18″ />
</label></td>
</tr>
</table>
<p>
<label>
<input type=”submit” name=”Submit” value=”Submit” />
</label>
<label>
<input type=”reset” name=”Submit2″ value=”Reset” />
</label>
</p>
<p><a href=”login.php”>Kembali Ke Menu Awal Login</a></p>
</form>
</div>
</body>
</html>

File prosesregister.php

<html>
<head>
<title>Proses Login</title>
</head>
<body>
<?php
$username=$_POST[‘username’];
$password=$_POST[‘password’];
$encryptedpass=md5($password);
if (empty($username))
{
echo “Ada kesalahan pada bagian pengisian Username (Belum diisi)”;
}
else if (empty($password))
{
echo “Ada kesalahan pada bagian pengisian Password (Belum diisi)”;
}
else
{
mysql_connect(‘localhost’,’root’,”);
mysql_select_db(‘user’);
$queryword = “INSERT INTO login (username, password) VALUES (‘$username’, ‘$encryptedpass’)”;
mysql_query($queryword);
echo “<h2><b>Data berhasil disimpan</b></h2>”;
echo “<a href=’login.php’>Lanjutkan Login</a>”;
}
?>
</body>
</html>

Dan berikut adalah screenshot pembuatan database dan pengujian nya.

Archive kumpulan file-file dalam posting kali ini dapat diunduh pada tautan ini. Konten didalamnya terdiri dari file-file php, gambar screeshot pembuatan database s.d. pengujian, dan bentuk SQL dari databasenya (untuk pengguna mysql yang sudah advance)

Sumber : Handout perkuliahan mata kuliah e-commerce tahun ajaran 2009

SEKIAN DAN TERIMA KASIH

  1. No trackbacks yet.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: