stifler's Blog

« METODE PENOGRAMAN HTML DAN PHP | Beranda | CARA BELAJAR XAMPP PADA MYSQL UNTUK PHP »

BELAJAR PERTAMA PENGGUNAAN DREAMAVER8 DENGAN MYSQL

Internet merupakan salah satu fenomena paling berpengaruh dalam beberapa dekade terakhir ini, baik bagi perkembangan teknologi itu sendiri maupun bagi perkembangan disiplin ilmu lain, seperti ekonomi, politik, sosial dan budaya. Perkembangan internet juga berpengaruh langsung terhadap perkembangan situs web. Dalam kaitannya dengan situs web dan layanan di dalamnya tidak lepas dari teknologi di baliknya, yaitu pemrograman web, desain web dan database. Salah satu bahasa pemrograman yang banyak digunakan untuk membangun suatu situs web adalah php dengan MySQL

MySQL merupakan singkatan dari Structured Query Language. SQL atau juga sering disebut sebagai query merupakan suatu bahasa (language) yang digunakan untuk mengakses database

Modul praktek pemograman web :
  1. Buatlah folder di htdocs dan beri  nama sesuai kalian .
  2. Form sederhana bagian 1

Ketikan form berikut , dan simpan dengan nama form.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>latihan satu</title>

<link href=”style.css” rel=”stylesheet” />

</head>

<body>

<h3 align=”center”>Latihan form sederhana </h3>

<form method=”post” action=”form-action.php”>

<table width=”52%” height=”202″ border=”0″ align=”center” cellpadding=”2″ cellspacing=”0″>

<tr>

<th width=”29%”>Name</th>

<td width=”71%”><input size=”30″></td>

</tr>

<tr>

<th>Gender</th>

<td><input value=”Male”>

Male

<input value=”Female”>

Female</td>

</tr>

<tr>

<th>Interests</th>

<td><select size=”3″ multiple=”multiple” >

<option value=”Music” selected=”selected”>Music</option>

<option value=”Books”>Books</option>

<option value=”Outdoor Activities”>Outdoor Activities</option>

</select>      </td>

</tr>

<tr>

<th>Hair Color </th>

<td><select >

<option value=”Black” selected=”selected”>Black</option>

<option value=”Brown”>Brown</option>

<option value=”Blonde”>Blonde</option>

<option value=”Readhead”>Redhead</option>

</select></td>

</tr>

<tr>

<th>I agree to terms and conditions </th>

<td><input value=”1″></td>

</tr>

<tr>

<td>&nbsp;</td>

<td><input value=”Submit”></td>

</tr>

</table>

</form>

</body>

</html>
<tr>

<th>Interests</th>

<td><select size=”3″ multiple=”multiple” >

<option value=”Music” selected=”selected”>Music</option>

<option value=”Books”>Books</option>

<option value=”Outdoor Activities”>Outdoor Activities</option>

</select>  </td>   </tr>

<tr>

<th>Hair Color </th>

<td><select >

<option value=”Black” selected=”selected”>Black</option>

<option value=”Brown”>Brown</option>

<option value=”Blonde”>Blonde</option>

<option value=”Readhead”>Redhead</option>

</select></td> </tr>

<tr>

<th>I agree to terms and conditions </th>

<td><input value=”1″></td>

</tr>

<tr>

<td>&nbsp;</td>

<td><input value=”Submit”></td>

</tr>

</table>

</form>

</body><html>

Buat satu file css dan beri nama dengan style.php

body {

font: 14px Verdana, Arial, Helvetica, sans-serif;

color: #333333;

margin: 0px;

padding: 20px 10px 0px;

}

.textfield {

font-size: 12px;

color: #333333;

background: #F7F7F7;

border: 1px solid #CCCCCC;

padding-left: 1px;

}

h1

{

color: #99CC00;

margin: 0px 0px 5px;

padding: 0px 0px 3px;

font: bold 18px Verdana, Arial, Helvetica, sans-serif;

border-bottom: 1px dashed #E6E8ED;

}

a {

color: #2D3954;

font-size: 11px;

}
a:hover {

color: #99CC00;

}

.judul {

font-size: 24px;

color: #333333;

background: #FFFFFF;

border: 0px solid #CCCCCC;

padding-left: 0px;

}

a {

color: #2D3954;

font-size: 11px;

}

a:hover {

color: #99CC00;

}

.err {

color: #FF9900;

}

th {

font-weight: bold;

text-align: left;

}

Ketikan kode berikut lalu simpan dan beri nama  form-action.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>Simple Form</title>

<link href=”style.css” rel=”stylesheet” />

</head>

<body>

<h3 align=”center”>Latihan form sederhana </h3>

<table width=”46%” height=”218″ border=”0″ align=”center” cellpadding=”2″ cellspacing=”0″>

<tr>

<th width=”33%” height=”31″>Name</th>

<td width=”67%”><?php echo $_POST[‘pname’]; ?></td>

</tr>

<tr>

<th height=”32″>Gender</th>

<td><?php echo $_POST[‘gender’]; ?></td>

</tr>

<tr>

<th height=”30″>Interests</th>

<td><?php echo join(“, “, $_POST[‘interests’]); ?></td>

</tr>

<tr>

Lanjutan :

<th height=”31″>Hair Color </th>

<td><?php echo $_POST[‘hair’]; ?></td>

</tr>  <tr>

<th height=”47″>I agree to terms and conditions </th>

<td><?php echo $_POST[‘terms’]; ?></td>

</tr> <tr>

<td height=”47″>&nbsp;</td>

<td><FORM>

<INPUT VALUE=”Go Back”>

</FORM>

</td>  </tr>

</table>

<p>&nbsp;</p>

</body>

</html>

Latihan form 2 :

Ketikan kode berikut :

<?php

// inisiasi variable yang digunakan

// nama peralatan

$alat_geordi1 = “Phaser”;

$alat_geordi2 = “Tricorder”;

$alat_geordi3 = “Visor”;

$alat_geordi4 = “Analyzer Photonik”;

// harga per unit peralatan

$harga_alat_geordi1 = 7500;

$harga_alat_geordi2 = 12500;

$harga_alat_geordi3 = 16000;

$harga_alat_geordi4 = 2300;

$jumlah_alat_geordi2 = 5;

$jumlah_alat_geordi3 = 1;

$jumlah_alat_geordi4 = 3;
// jumlah peralatan yang ada

$jumlah_alat_geordi1 = 2;

$jumlah_alat_geordi2 = 5;

$jumlah_alat_geordi3 = 1;

$jumlah_alat_geordi4 = 3;

// total harga per jenis peralatan

$total_alat_geordi1 = “$jumlah_alat_geordi1” * “$harga_alat_geordi1”;

$total_alat_geordi2 = “$jumlah_alat_geordi2” * “$harga_alat_geordi2”;

$total_alat_geordi3 = “$jumlah_alat_geordi3” * “$harga_alat_geordi3”;

$total_alat_geordi4 = “$jumlah_alat_geordi4” * “$harga_alat_geordi4”;

// hitung grand total nilai peralatan Geordi

$total = “$total_alat_geordi1” + “$total_alat_geordi2” + “$total_alat_geordi3” + “$total_alat_geordi4”;

// besar diskon untuk Geordi

$diskon = 5;

// jumlah total diskon yang diberikan kepada Geordi

$nilai_diskon = ($diskon * $total)/100;

// jumlah yang harus dibayar Geordi

$total_harga_dibayar = $total – $nilai_diskon;

?>
<html>

<head>

<title>Geordi dan Daftar Peralatan Yang Dibeli</title>

</head>

<body>

<center>

<table border=”1″ cellspacing=”0″ cellpadding=”3″>

<tr>

<td colspan=”4″ align=”center” valign=”middle”>

<b>Daftar Pemesanan Peralatan Geordi La Forge – NCC1701D</b>

</td>

</tr>

<tr>

<td><b>Nama Peralatan</b></td>

<td><b>Jumlah</b></td>

<td><b>Harga Satuan</b></td>

<td><b>Jumlah Harga</b></td>

</tr>

<?php

// Mulai untuk mengisi tabel daftar dengan data yang ada

?>

<tr>

<td align=”left”><?php echo $alat_geordi1; ?></td>

<td align=”right”><?php echo $jumlah_alat_geordi1; ?></td>

<td align=”right”><?php echo $harga_alat_geordi1; ?></td>

<td align=”right”><?php echo $total_alat_geordi1; ?></td>

</tr>

<tr>

<td align=”left”><?php echo $alat_geordi2; ?></td>
<td align=”right”><?php echo $jumlah_alat_geordi2; ?></td>

<td align=”right”><?php echo $harga_alat_geordi2; ?></td>

<td align=”right”><?php echo $total_alat_geordi2; ?></td>

</tr><tr>

<td align=”left”><?php echo $alat_geordi3; ?></td>

<td align=”right”><?php echo $jumlah_alat_geordi3; ?></td>

<td align=”right”><?php echo $harga_alat_geordi3; ?></td>

<td align=”right”><?php echo $total_alat_geordi3; ?></td>

</tr><tr>

<td align=”left”><?php echo $alat_geordi4; ?></td>

<td align=”right”><?php echo $jumlah_alat_geordi4; ?></td>

<td align=”right”><?php echo $harga_alat_geordi4; ?></td>

<td align=”right”><?php echo $total_alat_geordi4; ?></td>

</tr><tr>

<td colspan<?php echo $nilai_diskon; ?>=”3″ align=”right”>Total Harga</td>

<td align=”right”><?php echo $total; ?></td>

</tr><tr>

<td colspan=”3″ align=”right”>

Diskon <?php echo “( $diskon % )”; ?></td>

<td align=”right”></td>

</tr><tr>

<td colspan=”3″ align=”right”>Jumlah harus dibayar</td>

<td align=”right”><?php echo $total_harga_dibayar; ?></td>

</tr></table>

</center>

</body></html>

internet merupakan salah satu fenomena paling berpengaruh dalam beberapa dekade terakhir ini, baik bagi perkembangan teknologi itu sendiri maupun bagi perkembangan disiplin ilmu lain, seperti ekonomi, politik, sosial dan budaya. Perkembangan internet juga berpengaruh langsung terhadap perkembangan situs web. Dalam kaitannya dengan situs web dan layanan di dalamnya tidak lepas dari teknologi di baliknya, yaitu pemrograman web, desain web dan database. Salah satu bahasa pemrograman yang banyak digunakan untuk membangun suatu situs web adalah php dengan MySQL

MySQL merupakan singkatan dari Structured Query Language. SQL atau juga sering disebut sebagai query merupakan suatu bahasa (language) yang digunakan untuk mengakses database

Modul praktek pemograman web :

Tampilan pertama :

Hasil tampilan :

  1. Buatlah folder di htdocs dan beri  nama sesuai kalian .
  2. Form sederhana bagian 1

Ketikan form berikut , dan simpan dengan nama form.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>latihan satu</title>

<link href=”style.css” rel=”stylesheet” />

</head>

<body>

<h3 align=”center”>Latihan form sederhana </h3>

<form method=”post” action=”form-action.php”>

<table width=”52%” height=”202″ border=”0″ align=”center” cellpadding=”2″ cellspacing=”0″>

<tr>

<th width=”29%”>Name</th>

<td width=”71%”><input size=”30″></td>

</tr>

<tr>

<th>Gender</th>

<td><input value=”Male”>

Male

<input value=”Female”>

Female</td>

</tr>

<tr>

<th>Interests</th>

<td><select size=”3″ multiple=”multiple” >

<option value=”Music” selected=”selected”>Music</option>

<option value=”Books”>Books</option>

<option value=”Outdoor Activities”>Outdoor Activities</option>

</select>      </td>

</tr>

<tr>

<th>Hair Color </th>

<td><select >

<option value=”Black” selected=”selected”>Black</option>

<option value=”Brown”>Brown</option>

<option value=”Blonde”>Blonde</option>

<option value=”Readhead”>Redhead</option>

</select></td>

</tr>

<tr>

<th>I agree to terms and conditions </th>

<td><input value=”1″></td>

</tr>

<tr>

<td>&nbsp;</td>

<td><input value=”Submit”></td>

</tr>

</table>

</form>

</body>

</html>
<tr>

<th>Interests</th>

<td><select size=”3″ multiple=”multiple” >

<option value=”Music” selected=”selected”>Music</option>

<option value=”Books”>Books</option>

<option value=”Outdoor Activities”>Outdoor Activities</option>

</select>  </td>   </tr>

<tr>

<th>Hair Color </th>

<td><select >

<option value=”Black” selected=”selected”>Black</option>

<option value=”Brown”>Brown</option>

<option value=”Blonde”>Blonde</option>

<option value=”Readhead”>Redhead</option>

</select></td> </tr>

<tr>

<th>I agree to terms and conditions </th>

<td><input value=”1″></td>

</tr>

<tr>

<td>&nbsp;</td>

<td><input value=”Submit”></td>

</tr>

</table>

</form>

</body><html>

Buat satu file css dan beri nama dengan style.php

body {

font: 14px Verdana, Arial, Helvetica, sans-serif;

color: #333333;

margin: 0px;

padding: 20px 10px 0px;

}

.textfield {

font-size: 12px;

color: #333333;

background: #F7F7F7;

border: 1px solid #CCCCCC;

padding-left: 1px;

}

h1

{

color: #99CC00;

margin: 0px 0px 5px;

padding: 0px 0px 3px;

font: bold 18px Verdana, Arial, Helvetica, sans-serif;

border-bottom: 1px dashed #E6E8ED;

}

a {

color: #2D3954;

font-size: 11px;

}
a:hover {

color: #99CC00;

}

.judul {

font-size: 24px;

color: #333333;

background: #FFFFFF;

border: 0px solid #CCCCCC;

padding-left: 0px;

}

a {

color: #2D3954;

font-size: 11px;

}

a:hover {

color: #99CC00;

}

.err {

color: #FF9900;

}

th {

font-weight: bold;

text-align: left;

}

Ketikan kode berikut lalu simpan dan beri nama  form-action.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>Simple Form</title>

<link href=”style.css” rel=”stylesheet” />

</head>

<body>

<h3 align=”center”>Latihan form sederhana </h3>

<table width=”46%” height=”218″ border=”0″ align=”center” cellpadding=”2″ cellspacing=”0″>

<tr>

<th width=”33%” height=”31″>Name</th>

<td width=”67%”><?php echo $_POST[‘pname’]; ?></td>

</tr>

<tr>

<th height=”32″>Gender</th>

<td><?php echo $_POST[‘gender’]; ?></td>

</tr>

<tr>

<th height=”30″>Interests</th>

<td><?php echo join(“, “, $_POST[‘interests’]); ?></td>

</tr>

<tr>

Lanjutan :

<th height=”31″>Hair Color </th>

<td><?php echo $_POST[‘hair’]; ?></td>

</tr>  <tr>

<th height=”47″>I agree to terms and conditions </th>

<td><?php echo $_POST[‘terms’]; ?></td>

</tr> <tr>

<td height=”47″>&nbsp;</td>

<td><FORM>

<INPUT VALUE=”Go Back”>

</FORM>

</td>  </tr>

</table>

<p>&nbsp;</p>

</body>

</html>

Latihan form 2 :

Ketikan kode berikut :

<?php

// inisiasi variable yang digunakan

// nama peralatan

$alat_geordi1 = “Phaser”;

$alat_geordi2 = “Tricorder”;

$alat_geordi3 = “Visor”;

$alat_geordi4 = “Analyzer Photonik”;

// harga per unit peralatan

$harga_alat_geordi1 = 7500;

$harga_alat_geordi2 = 12500;

$harga_alat_geordi3 = 16000;

$harga_alat_geordi4 = 2300;

$jumlah_alat_geordi2 = 5;

$jumlah_alat_geordi3 = 1;

$jumlah_alat_geordi4 = 3;
// jumlah peralatan yang ada

$jumlah_alat_geordi1 = 2;

$jumlah_alat_geordi2 = 5;

$jumlah_alat_geordi3 = 1;

$jumlah_alat_geordi4 = 3;

// total harga per jenis peralatan

$total_alat_geordi1 = “$jumlah_alat_geordi1” * “$harga_alat_geordi1”;

$total_alat_geordi2 = “$jumlah_alat_geordi2” * “$harga_alat_geordi2”;

$total_alat_geordi3 = “$jumlah_alat_geordi3” * “$harga_alat_geordi3”;

$total_alat_geordi4 = “$jumlah_alat_geordi4” * “$harga_alat_geordi4”;

// hitung grand total nilai peralatan Geordi

$total = “$total_alat_geordi1” + “$total_alat_geordi2” + “$total_alat_geordi3” + “$total_alat_geordi4”;

// besar diskon untuk Geordi

$diskon = 5;

// jumlah total diskon yang diberikan kepada Geordi

$nilai_diskon = ($diskon * $total)/100;

// jumlah yang harus dibayar Geordi

$total_harga_dibayar = $total – $nilai_diskon;

?>
<html>

<head>

<title>Geordi dan Daftar Peralatan Yang Dibeli</title>

</head>

<body>

<center>

<table border=”1″ cellspacing=”0″ cellpadding=”3″>

<tr>

<td colspan=”4″ align=”center” valign=”middle”>

<b>Daftar Pemesanan Peralatan Geordi La Forge – NCC1701D</b>

</td>

</tr>

<tr>

<td><b>Nama Peralatan</b></td>

<td><b>Jumlah</b></td>

<td><b>Harga Satuan</b></td>

<td><b>Jumlah Harga</b></td>

</tr>

<?php

// Mulai untuk mengisi tabel daftar dengan data yang ada

?>

<tr>

<td align=”left”><?php echo $alat_geordi1; ?></td>

<td align=”right”><?php echo $jumlah_alat_geordi1; ?></td>

<td align=”right”><?php echo $harga_alat_geordi1; ?></td>

<td align=”right”><?php echo $total_alat_geordi1; ?></td>

</tr>

<tr>

<td align=”left”><?php echo $alat_geordi2; ?></td>
<td align=”right”><?php echo $jumlah_alat_geordi2; ?></td>

<td align=”right”><?php echo $harga_alat_geordi2; ?></td>

<td align=”right”><?php echo $total_alat_geordi2; ?></td>

</tr><tr>

<td align=”left”><?php echo $alat_geordi3; ?></td>

<td align=”right”><?php echo $jumlah_alat_geordi3; ?></td>

<td align=”right”><?php echo $harga_alat_geordi3; ?></td>

<td align=”right”><?php echo $total_alat_geordi3; ?></td>

</tr><tr>

<td align=”left”><?php echo $alat_geordi4; ?></td>

<td align=”right”><?php echo $jumlah_alat_geordi4; ?></td>

<td align=”right”><?php echo $harga_alat_geordi4; ?></td>

<td align=”right”><?php echo $total_alat_geordi4; ?></td>

</tr><tr>

<td colspan<?php echo $nilai_diskon; ?>=”3″ align=”right”>Total Harga</td>

<td align=”right”><?php echo $total; ?></td>

</tr><tr>

<td colspan=”3″ align=”right”>

Diskon <?php echo “( $diskon % )”; ?></td>

<td align=”right”></td>

</tr><tr>

<td colspan=”3″ align=”right”>Jumlah harus dibayar</td>

<td align=”right”><?php echo $total_harga_dibayar; ?></td>

</tr></table>

</center>

</body></html>

Tinggalkan komentar