Website Informasi dan Pemesanan Jasa Ekspedisi.

(1)

i

Universitas Kristen Maranatha

ABSTRAK

Jasa ekspedisi adalah suatu perusahaan yang bergerak di bidang jasa

pengiriman barang. Di Indonesia banyak perusahaan jasa ekspedisi untuk

mengantarkan barang pelanggan dengan pelayanan yang baik dan mudah dalam

proses pengiriman barang. Tugas akhir ini membuat Website Informasi dan

Pemesanan Jasa Ekspedisi, dengan tujuan untuk memberikan kemudahan dalam

bertransaksi secara online (pick up order), serta memberikan informasi yang

dibutuhkan oleh pelanggan. Website ini dibuat dengan menggunakan PHP. Setiap

pelanggan dapat melakukan pick up order dengan registrasi terlebih dahulu.

Website ini dibuat semenarik mungkin untuk menarik perhatian pelanggan.

(2)

ii

Universitas Kristen Maranatha

ABSTRACT

(3)

iii

Universitas Kristen Maranatha

DAFTAR ISI

ABSTRAK ... i

ABSTRACT ... ii

DAFTAR ISI ... iii

DAFTAR TABEL ... viii

DAFTAR GAMBAR ... ix

BAB I PENDAHULUAN ... 1

1.1

Latar Belakang ... 1

1.2

Rumusan Masalah ... 2

1.3

Tujuan ... 2

1.4

Batasan Masalah ... 2

1.5

Sistematika ... 2

BAB II LANDASAN TEORI ... 4

2.1

HTML ... 4

2.1.1

Struktur Dasar HTML ... 4

2.1.2

Format Teks ... 6

2.1.3

Dekorasi Teks... 7

2.2

PHP ... 8

2.2.1

Penulisan PHP ... 8

2.2.2

Variabel PHP ... 9

2.2.3

Operator PHP ... 10

2.3

Database (Basis Data) ... 12

2.3.1

Pengertian Database (Basis Data) ... 12

(4)

iv

Universitas Kristen Maranatha

2.3.3

Rancangan Database (Basis Data) ... 13

2.3.3.1 Normalisasi Data ... 13

2.3.3.2 Langkah-langkah Normalisasi Data ... 14

2.4

DFD (Data Flow Diagram)

...

14

2.4.1

Pengertian DFD ... 14

2.4.2

Komponen DFD ... 15

2.4.2.1 Komponen Terminator ... 15

2.4.2.2 Komponen Proses ... 15

2.4.2.3 Komponen Data Store ... 16

2.4.2.3 Komponen Alur Data ... 16

2.4.3

Levelisasi DFD ... 16

2.5

MySQL ... 17

2.6

XAMPP ... 19

2.7

Adobe Dreamweaver CS 4 ... 20

BAB III PERANCANGAN ... 21

3.1

Site Maps ... 21

3.1.1

Site Maps Website User ... 21

3.1.2

Site Maps Website Admin ... 22

3.2

DFD (Data Flow Diagram) ... 22

3.2.1

DFD Level 0 ... 23

3.2.2

DFD Level 1 ... 24

3.2.3

DFD Level 2 Proses 1 ... 25

3.2.4

3.2.5

3.2.6

3.2.7

3.2.8

3.2.9

(5)

v

Universitas Kristen Maranatha

3.3

Perancangan Website User ... 32

3.3.1

Perancangan Index ... 32

3.3.2

Perancangan Registrasi Customer ... 34

3.3.3

Perancangan Login Customer ... 35

3.3.4

Perancangan Pick Up Order... 36

3.3.5

Perancangan Tracking ... 37

3.4

Perancangan Website Admin ... 37

3.4.1

Perancangan Login Admin... 37

3.4.2

Perancangan Halaman Admin ... 38

3.5

Perancangan Database ... 39

3.5.1

Membuat Database di phpmyadmin dengan XAMPP

...

39

3.5.2

Tabel Relasi ... 42

3.5.3

Perancangan Tabel ... 43

3.5.3.1 Tabel Admin ... 43

3.5.3.2 Tabel Customer ... 43

3.5.3.3 Tabel Network ... 44

3.5.3.4 Tabel Paket ... 45

3.5.3.5 Tabel Tariff ... 45

3.5.3.6 Tabel Tracking ... 46

3.5.3.7 Tabel Trackinghistory ... 46

3.5.3.8 Tabel Transaction... 47

3.5.3.9 Tabel Transaksi ... 48

BAB IV PENGAMATAN DATA DAN ANALISA ... 50

4.1

Tampilan Website User ... 50

4.1.1

Home ... 50

4.1.2

About Us ... 52

4.1.3

Networks ... 53

4.1.4

Products ... 54

(6)

vi

Universitas Kristen Maranatha

4.1.6

Registrasi Customer ... 56

4.1.7

Login Customer ... 57

4.1.8

Tracking ... 58

4.1.9

Contact Us ... 59

4.1.10 Prohibited ... 59

4.1.11 Terms and Conditions ... 60

4.1.12 Frequently Ask Questions ... 61

4.2

Tampilan Website Admin ... 62

4.2.1

Login Admin ... 62

4.2.2

Registrasi Admin ... 63

4.3

Uji Coba Website User ... 64

4.3.1

Uji Coba Network ... 64

4.3.2

Uji Coba Tariff ... 65

4.3.3

Uji Coba Registrasi ... 66

4.3.4

Uji Coba Pick Up Order ... 67

4.3.5

Uji Coba Tracking ... 69

4.4

Uji Coba Website Admin ... 70

4.4.1

Uji Coba Login Admin ... 70

4.4.2

Uji Coba Transaksi Pengiriman Barang ... 72

4.4.3

Uji Coba Data Customer ... 73

4.4.4

Uji Coba Data Admin ... 74

4.4.5

Uji Coba Data Network ... 75

4.4.6

Uji Coba Data Pick Up Order ... 76

4.4.7

Uji Coba Data Tracking ... 77

4.4.8

Uji Coba Data Tracking History ... 78

4.4.9

Uji Coba Data Transaksi Pengiriman Barang ... 79

BAB V KESIMPULAN DAN SARAN ... 80

5.1

Kesimpulan ... 80

(7)

vii

Universitas Kristen Maranatha

DAFTAR PUSTAKA ... 81

(8)

viii

Universitas Kristen Maranatha

DAFTAR TABEL

Tabel 2.1 Dekorasi Teks ... 7

Tabel 2.2 Karakter Spesial ... 8

Tabel 2.3 Operator Aritmatika

... 10

Tabel 2.4 Operator Logika ... 11

Tabel 2.5 Operator Bitwise ... 11

Tabel 2.6 Operator Lain ... 12

Tabel 3.1 Tabel Admin ... 43

Tabel 3.2 Tabel Customer ... 44

Tabel 3.3 Tabel Network ... 44

Tabel 3.4 Tabel Paket ... 45

Tabel 3.5 Tabel Tariff ... 45

Tabel 3.6 Tabel Tracking ... 46

Tabel 3.7 Tabel Trackinghistory ... 47

Tabel 3.8 Tabel Transaction ... 48

(9)

ix

Universitas Kristen Maranatha

DAFTAR GAMBAR

Gambar 2.1 Komponen DFD ... 15

Gambar 2.2 XAMPP Control Panel v3.1.0.3.1.0 ... 19

Gambar 3.1 Site Maps Website User... 21

Gambar 3.2 Site Maps Website Admin ... 22

Gambar 3.3 DFD Level 0 ... 23

Gambar 3.4 DFD Level 1 ... 24

Gambar 3.5 DFD Level 2 Proses 1... 25

Gambar 3.7 DFD Level 2 Proses 4... 27

Gambar 3.13 Perancangan Header ... 33

Gambar 3.14 Perancangan Body ... 33

Gambar 3.15 Perancangan Footer... 34

Gambar 3.16 Perancangan Registrasi Customer ... 34

Gambar 3.17 Perancangan Login Customer... 35

Gambar 3.18 Perancangan Pick Up Order ... 36

Gambar 3.19 Perancangan Tracking ... 37

Gambar 3.20 Perancangan Login Admin ... 37

Gambar 3.21 Perancangan Halaman Admin... 38

Gambar 3.22 Control Panel XAMPP ... 39

Gambar 3.23 Halaman Phpmyadmin ... 40

Gambar 3.24 Menu Databases ... 40

Gambar 3.25 Menu Create Table ... 41

(10)

x

Universitas Kristen Maranatha

Gambar 3.27 Tabel Relasi ... 42

Gambar 4.1 Halaman Home ... 50

Gambar 4.2 Header ... 51

Gambar 4.3 Body ... 51

Gambar 4.4 Footer ... 52

Gambar 4.5 Halaman About Us ... 53

Gambar 4.6 Halaman Networks ... 54

Gambar 4.7 Halaman Products ... 55

Gambar 4.8 Halaman Tariff ... 56

Gambar 4.9 Halaman Registrasi Customer ... 57

Gambar 4.10 Halaman Login Customer... 58

Gambar 4.11 Halaman Tracking ... 58

Gambar 4.12 Halaman Contact Us ... 59

Gambar 4.13 Halaman Prohibited ... 60

Gambar 4.14 Halaman Terms and Conditions ... 61

Gambar 4.15 Halaman Frequently Ask Questions ... 62

Gambar 4.16 Halaman Login Admin ... 63

Gambar 4.17 Halaman Registrasi Admin ... 64

Gambar 4.18 Uji Coba Network ... 64

Gambar 4.19 Hasil Uji Coba Network ... 65

Gambar 4.20 Uji Coba Tariff ... 65

Gambar 4.21 Hasil Uji Coba Tariff ... 65

Gambar 4.22 Uji Coba Registrasi ... 66

Gambar 4.23 Konfirmasi Registrasi Customer ... 67

Gambar 4.24 Login Customer ... 67

Gambar 4.25 Uji Coba Pick Up Order... 68

(11)

xi

Universitas Kristen Maranatha

Gambar 4.27 Uji Coba Tracking ... 69

Gambar 4.28 Hasil Uji Coba Tracking ... 70

Gambar 4.29 Uji Coba Login Admin... 70

Gambar 4.30 Halaman Administrator ... 71

Gambar 4.31 Uji Coba Transaksi Pengiriman Barang ... 72

Gambar 4.32 Konfirmasi Transaksi Pengiriman Barang ... 73

Gambar 4.33 Edit Customer ... 73

Gambar 4.34 Data Admin ... 74

Gambar 4.35 Uji Coba Data Network ... 75

Gambar 4.36 Uji Coba Pick Up Order... 76

Gambar 4.37 Uji Coba Tracking ... 77

Gambar 4.38 Uji Coba Tracking History ... 78

(12)

A-1

(13)

A-2

SOURCE CODE

1. Index.php

<?php

include "koneksi.php"; ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>NATIONS TRANS | Jasa Ekspedisi</title> </head>

<body>

<ul>

<li class="selected"><a href="index.php"><span>home</span></a></li> <li><a href="aboutus.php"><span>about us</span></a></li>

<li><a href="network.php"><span>Network</span></a></li> <li><a href="products.php"><span>products</span></a></li> <li><a href="tariff.php"><span>tariff</span></a></li>

<li><ahref="pickuporder.php"><span>PickUpOrder</span></a></li> <li><a href="tracking.php"><span>Tracking</span></a></li>

<li><a href="contactus.php"><span>Contact Us</span></a></li> </ul>

</div>

</ul>

<marquee direction="left" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="5" ><b><font size="2">Selamat Datang di Website Nations Trans Domestic Sevice !!! Hari kerja : Senin-Sabtu : 08.00 - 21.00 WIB, Hari Libur: Minggu dan Libur Nasional. <a href="pickuporder.php"><font

color="#003366">Registrasi</font></a></font></b></marquee> </div>

</div>

(14)

A-3

<div class="section"><a href="pickuporder.php">Pick Up Order<img src="images/pickup.jpg" width="150" height="150" /></a></div>

<b>Selamat Datang di Nations Trans</b><br /><br /> <p>Nations Trans dengan jasa dan pelayanan yang lengkap, mulai dengan memberikan layanan pengiriman tujuan Dalam Negeri (Domestik). Jaringan global Nations Trans yang telah menjangkau seluruh Indonesia, akan memberikan kemudahan pengiriman dokumen serta paket ke berbagai tujuan secara cepat, aman dan efisien. Beragam klien kami dari berbagai bidang usaha dan industri telah menikmati layanan kami. Percayakan kebutuhan pengiriman Anda pada kami Nations Trans. </p><font size="1"><b>Ekspedisi terpercaya.</b></font>

</div> </div>

<a href="tracking.php">Tracking<img src="images/tracking.jpg" width="150" height="150" /></a>

</div> </div>

<div>

<h3>Kantor Pusat</h3> <ul>

<font size="1"><li>Jl. Sukajaya No 12</li> <li> Bandung 41421 </li>

<li>kpnationstrans@nationstrans.com</li></font> </ul>

</div> <div>

<h3>Kantor layanan konsumen</h3> <ul>

<font size="1"><li>Jl. Suria Sumantri No 12</li> <li> Bandung 41423 </li>

<li>csnationstrans@nationstrans.com</li></font> </ul>

</div> <div>

<h3>Kantor operasional</h3> <ul>

<li>Jl. Suria Sumantri No 34</li> <li> Bandung 41423 </li> <li>(022) 453-567-21</li>

<li>opnationstrans@nationstrans.com</li></font> </ul>

(15)

A-4

<h3>Ask Nations</h3> <ul>

</ul> </div> <div>

<h3>follow us:</h3>

<a class="facebook" href="http://facebook.com/" target="_blank">facebook</a>

<a class="twitter" href="http://twitter.com/" target="_blank">twitter</a> </div>

</div> <div>

<p><a href="prohibited.php">Prohibited </a>|<a href="terms.php"> Terms & Conditions</a> | <a href="faq.php">F.A.Q</a></p>

</div> </body> </html>

2. Aboutus.php

<head>

<ul>

<li class="selected"><a href="aboutus.php"><span>about us</span></a></li> <li><a href="network.php"><span>Network</span></a></li>

<li><a href="products.php"><span>products</span></a></li> <li><a href="tariff.php"><span>tariff</span></a></li>

<li><ahref="pickuporder.php"><span>PickUpOrder</span></a></li> <li><a href="tracking.php"><span>Tracking</span></a></li> <li><a href="contactus.php"><span>Contact Us</span></a></li>

</ul> </div>

(16)

A-5

<div><h3>Nations Trans mengawali bisnisnya tahun 2012 di Bandung. Berbekal pengalaman itu kami mendapatkan guru terbaik untuk terus</h3>

<h3> berkomitmen dan meningkatkan kualitas layanan bagi konsumen. Di tunjang dengan jaringan yang tersebar luas di Indonesia dengan</h3>

<h3> lebih dari 50 kantor perwakilan National Trans di seluruh pelosok nusantara sebagai bukti nyata bahwa National Trans terus berupaya </h3>

<h3>memberikan yang terbaik kepada konsumen. Kami juga menjelajahi dengan kualitas prima dan harga bersaing. Sektor penjualan juga</h3>

<h3> mendorong dan memberikan kemudahan kepada konsumen secara penuh untuk melakukan melakukan pengiriman . Sistem kerja yang</h3>

<h3> modern dengan teknologi komputer memudahkan untuk memonitor mulai dari awal pengiriman, tracking hingga status penerima, </h3>

<h3>semuanya berlangsung sangat mudah, aman dan nyaman. Team yang ramah, terampil dan professional siap melayani apapun </h3>

<h3>kebutuhan konsumen dengan baik dan sempurna. Kami tidak akan berhenti berinovasi sebelum anda puas, karena kesuksesan diukur</h3>

<h3> dari kesempurnaan kami dalam melayani konsumen.</h3> <center><img src="images/topbrand.jpg" width="307" height="200" /></center>

</div> </div> </div>

<div>

</div> <div>

</div> <div>

(17)

A-6

<div>

</ul> </div> <div>

<h3>follow us:</h3>

</div> <div>

3. Network.php

<?php

<head>

</head> <body>

<ul>

<li><a href="index.php"><span>home</span></a></li> <li><a href="aboutus.php"><span>about us</span></a></li>

<li class="selected"><a href="network.php"><span>Network</span></a></li> <li><a href="products.php"><span>products</span></a></li>

<li><a href="tariff.php"><span>tariff</span></a></li>

(18)

A-7

<li><a href="tracking.php"><span>Tracking</span></a></li> <li><a href="contactus.php"><span>Contact Us</span></a></li>

</ul> </div>

<div class="module"> <h1>Networks</h1> <div> <center>

<strong> Silahkan Ketikkan Kota !! </strong> </td>

</tr>

</table> </form> </center> </div>

</div> </div>

<div>

</div> <div>

</div> <div>

(19)

A-8

<li> Bandung 41423 </li> <li>(022) 453-567-21</li>

</div> <div>

</ul> </div> <div>

<h3>follow us:</h3>

</div> <div>

4. Network_cari.php

<?php

<head>

</head> <body>

<ul>

<li><a href="index.php"><span>home</span></a></li> <li><a href="aboutus.php"><span>about us</span></a></li>

(20)

A-9

</ul> </div>

<div class="module"> <h1>Networks</h1> <div> <font size="2"> <center>

<?php

$Kota= $_POST['Kota']; //get the nama value from form

$q = "SELECT * from network where Kota like '%$Kota%' "; //query to get the search result

$result = mysql_query($q); //execute the query $q

echo "<center>"; echo "<h2> Hasil</h2>";

echo "<table border='0' cellpadding='1' cellspacing='1'>"; echo "

<tr bgcolor='#09C'> <td>Nama</td> <td>Alamat</td> <td>Telepon</td> <td>Kota</td> </tr>";

while ($hasil = mysql_fetch_array($result)) { //fetch the result from query into an array

echo "

<tr bgcolor ='#BBB'> <td>".$hasil['Nama']."</td> <td>".$hasil['Alamat']."</td> <td>".$hasil['Telepon']."</td> <td>".$hasil['Kota']."</td> </tr>";

}

echo "</table>";

?> </center> </font>

</div>

</div> </div>

(21)

A-10

<div>

</div> <div>

</div> <div>

</div> <div>

</ul> </div> <div>

<h3>follow us:</h3>

</div> <div>

(22)

A-11

5. Products.php

<?php

include("koneksi.php"); ?>

<head>

</head> <body>

<<div id="header">

<ul>

<li><a href="index.php"><span>home</span></a></li> <li><a href="aboutus.php"><span>about us</span></a></li> <li> <a href="network.php"><span>Network</span></a></li> <li class="selected"> <li><a

href="products.php"><span>products</span></a></li> <li><a href="tariff.php"><span>tariff</span></a></li>

</ul> </div>

<div class="module"> <h1>Products</h1> <div>

Kesadaran akan kebutuhan kiriman yang cepat dan efektifitas biaya bagi pelanggan, telah menginspirasi Nations Trans untuk

menyediakan berbagai produk kiriman.<br>

<br> Nikmati keunggulan varian produk dalam melayani pengiriman

dokumen dan barang ke berbagai wilayah di Indonesia serta penyampaian yang tepat waktu sesuai kebutuhan Anda.

(23)

A-12

Hari ini paket Anda kami kirimkan dan paket akan segera tiba keesokan harinya. <br></td></tr></tbody></table><br>

<b>TDS (Two Days Services)</b><br>

Waktu pengiriman paket hanya membutuhkan 2 (dua) hari saja untuk tiba di tempat tujuan.*

<b>REG (Regular)</b><br>

Produk regular menjangkau seluruh Indonesia hanya dalam waktu kurang dari 7 hari kerja, paket Anda akan segera tiba.

<div>

</div> <div>

</div> <div>

</div> <div>

</ul> </div> <div>

(24)

A-13

</div> <div>

6. Tariff.php

<?php

<head>

</head> <body>

<ul>

<li><a href="index.php"><span>home</span></a></li> <li><a href="aboutus.php"><span>about us</span></a></li> <li><a href="network.php"><span>Network</span></a></li> <li><a href="products.php"><span>products</span></a></li>

<li class="selected"><a href="tariff.php"><span>tariff</span></a></li> <li><ahref="pickuporder.php"><span>PickUpOrder</span></a></li> <li><a href="tracking.php"><span>Tracking</span></a></li> <li><a href="contactus.php"><span>Contact Us</span></a></li>

</ul> </div>

<div class="module"> <h1>Tariff</h1> <div> <center>

(25)

A-14

<td height="25" colspan="3"> <strong> Cek Tariff </strong> </td>

</tr>

<td></td> <tr> <td> Kota Tujuan</td>

</table> </form> </center> </div>

</div> </div>

</div> <div>

</div> <div>

(26)

A-15

<div>

</ul> </div> <div>

<h3>follow us:</h3>

</div> <div>

7. Tariff_cari.php

<?php

<head>

</head> <body>

<ul>

<li><a href="index.php"><span>home</span></a></li> <li><a href="aboutus.php"><span>about us</span></a></li> <li><a href="network.php"><span>Network</span></a></li> <li><a href="products.php"><span>products</span></a></li>

(27)

A-16

</div>

<div class="module"> <h1>Tariff</h1>

<div> <font size="2"><center> <?php

$KotaAsal= $_POST['KotaAsal']; //get the nama value from form $KotaTujuan= $_POST['KotaTujuan']; //get the nama value from form $q = "SELECT * from tarriff where KotaAsal like '%$KotaAsal%' and KotaTujuan like '%$KotaTujuan%'"; //query to get the search result

$result = mysql_query($q); //execute the query $q

echo "<center>"; echo "<h2> Tariff</h2>";

echo "<table border='0' cellpadding='1' cellspacing='1'>"; echo "

<tr bgcolor='#09C'> <td>Kota Asal</td> <td>Kota Tujuan</td> <td>Nama Paket</td> <td>Harga</td> </tr>";

while ($hasil = mysql_fetch_array($result)) { //fetch the result from query into an array

echo "

<tr bgcolor ='#BBB'> <td>".$hasil['KotaAsal']."</td> <td>".$hasil['KotaTujuan']."</td> <td>".$hasil['NamaPaket']."</td> <td>".$hasil['Harga']."</td> </tr>";

}

echo "</table>";

echo "<h3>*harga ditentukan per-kilogram</h3>"; ?>

</center></font> </div>

</div> </div>

<div>

(28)

A-17

</div> <div>

</div> <div>

</div> <div>

</ul> </div> <div>

<h3>follow us:</h3>

</div> <div>

8. Daftarcustomer.php

<?php

(29)

A-18

<body>

<ul>

<li><a href="index.php"><span>home</span></a></li> <li><a href="aboutus.php"><span>about us</span></a></li> <li><a href="network.php"><span>Network</span></a></li> <li><a href="products.php"><span>products</span></a></li> <li><a href="tariff.php"><span>tariff</span></a></li>

<li><a href="pickuporder.php"><span>PickUpOrder</span></a></li> <li><a href="tracking.php"><span>Tracking</span></a></li>

</div>

<h1>REGISTRASI</h1> <div><h3>

<td width="30%" height="40"> Nama lengkap:

</td> <td>

<input type="text" name="NamaCust" size="40" value="" class="inputbox required" maxlength="50" /> *

</td> </tr> <tr>

<td width="30%" height="40"> Alamat Lengkap:

</td> <td>

<input type="text" name="AlmtCust" size="40" value="" class="inputbox required" maxlength="50" /> *

</td> </tr> <tr>

<td width="30%" height="40"> Kota:

</td> <td>

(30)

A-19

<?php

$net = mysql_query("SELECT * FROM `network`"); while($nett = mysql_fetch_array($net)){

echo "<option value='$nett[Kota]'>$nett[Kota]</option>"; }

?> </select>* </td> </tr> <tr>

<td width="30%" height="40"> No telp/Handphone:

</td> <td>

<input type="text" name="Phone" size="40" value="" class="inputbox required" maxlength="50" /> *

</td> </tr> <tr>

<td width="30%" height="40"> Email:</td>

<td>

<input type="text" name="Email" size="40" value="" class="inputbox required validate-username" maxlength="100" />*

</td>

</tr> <tr>

<td height="40"> Jenis Kelamin: </td>

<option value="Laki-laki"> Laki-Laki </option> <option value="Perempuan"> Perempuan </option> </select>

* </td> </tr> <tr>

<td height="40"> Username: </td> <td>

* </td> </tr> <tr>

(31)

A-20

<input class="inputbox required validate-password" type="password" name="Password" size="40" value="" /> *Berupa angka atau huruf, maksimal 8

</td> </tr> <tr>

<td height="40"> Ulangi Password: </td>

<td>

<input class="inputbox required validate-password" type="password" name="Password2" size="40" value="" /> *Berupa angka atau huruf, maksimal 8 </td>

</tr> <tr>

Kolom yang ditandai dengan tanda bintang (*) harus diisi. </td>

</tr>

</table>

<button class="button validate" type="submit">Register</button>

</form></h3>

<div>

</div> <div>

</div> <div>

(32)

A-21

</div> <div>

</ul> </div> <div>

<h3>follow us:</h3>

</div> <div>

9. Registerberhasil.php

<?php

<head>

</head> <body>

<ul>

(33)

A-22

<li><a href="pickuporder.php"><span>PickUpOrder</span></a></li> <li><a href="tracking.php"><span>Tracking</span></a></li>

</div>

<div class="module"> <h1> <?php

$NamaCust = $_POST['NamaCust']; $AlmtCust = $_POST['AlmtCust']; $Kota = $_POST['Kota'];

$Phone = $_POST['Phone']; $Email = $_POST['Email'];

$JenisKelamin = $_POST['JenisKelamin']; $Username = $_POST['Username']; $Password = ($_POST['Password']); $Password2 =($_POST['Password2']); if($Password != $Password2)

{

echo "<script>alert('Konfirmasi password harus sama!'); javascript:history.go(-1);</script>";

exit; }

if((!empty($NamaCust)) && (!empty($AlmtCust)) &&(!empty($Kota)) && (!empty($Phone)) && (!empty($Email))&& (!empty($JenisKelamin)) && (!

empty($Username))&& (!empty($Password)) && (!empty($Password2))) {

$query = mysql_query("INSERT INTO customer (NamaCust, AlmtCust, Kota, Phone, Email, JenisKelamin, Username, Password, Password2)

VALUES('$NamaCust', '$AlmtCust', '$Kota', '$Phone', '$Email', '$JenisKelamin', '$Username', '$Password', '$Password2')");

echo "Anda berhasil mendaftar<br><a href=pickuporder.php>BACK</a>";

} else {

echo "<script>alert('Maaf, tidak boleh ada field yang kosong !'); javascript:history.go(-1);</script>";

} ?>

</h1> <div> </div> </div> </div>

(34)

A-23

<div>

</div> <div>

</div> <div>

</div> <div>

</ul> </div> <div>

<h3>follow us:</h3>

</div> <div>

(35)

A-24

10. Pickuporder.php (Login)

<?php

include("koneksi.php"); session_start();

if(isset($_SESSION['id'])) {

header("location:transaksi.php"); }

?>

<head>

</head> <body>

<ul>

<li><a href="index.php"><span>home</span></a></li> <li><a href="aboutus.php"><span>about us</span></a></li> <li><a href="network.php"><span>Network</span></a></li> <li><a href="products.php"><span>products</span></a></li> <li><a href="tariff.php"><span>tariff</span></a></li> <li class="selected"> <a

href="pickuporder.php"><span>PickUpOrder</span></a></li> <li><a href="tracking.php"><span>Tracking</span></a></li> <li><a href="contactus.php"><span>Contact Us</span></a></li>

</ul> </div>

<h1>Pick Up Order</h1> <div>

<center><h2>Silahkan Anda Login terlebih dulu sebelum melakukan transaksi</h2>

<tr>

<td width="100"><span style="font-weight:bold";>Username</span></td> <td width="4">:</td>

(36)

A-25

<tr>

<td><span style="font-weight:bold";>Password</span></td> <td>:</td>

<tr>

<td colspan="2"><input type="submit" name="Submit" value="Login"> <span style="font-size:12px;"><a

href="daftarcustomer.php">registrasi</a></span></td> </tr> </form>

</table>

<span

style="font-size:12px;">                        &nbs p;            &nb sp;   </span>

</center>

</div> </div>

</div>

<div>

</div> <div>

</div> <div>

(37)

A-26

<div>

</ul> </div> <div>

<h3>follow us:</h3>

</div> <div>

11. Login_proses.php

<?php

<head>

<body>

<ul>

(38)

A-27

</ul> </div>

<h1>PICK up order</h1> <div>

<h3> <?php

session_start();

$username=$_REQUEST['username']; $password= ($_REQUEST['password']);

$seleksi=mysql_query("select * from customer where Username='$username' and Password='$password'"); //seleksi dari tabel customer

$jumlah=mysql_num_rows($seleksi); if($username=="" or($password=="")) {

echo "Mohon isi Username dan Password anda. <a href='pickuporder.php' OnClick='history.go(-1)'>Kembali</a>";

}

else if($jumlah==1) // proses login sukses karena username dan password yg sesuai ada 1 yg cocok.

{ ob_start();

$r = mysql_fetch_array($seleksi); $_SESSION['id'] = $r['IdCust'];

header("location:transaksi.php"); // langsung diredirect ke halaman user ob_end_flush();

} else {

echo "Maaf Anda Salah memasukkan Password atau Username. Silahkan <a href='pickuporder.php' OnClick='history.go(-1)'>Kembali</a>";

} ?>

</h3>

<div>

</div> <div>

(39)

A-28

<ul>

</div> <div>

</div> <div>

</ul> </div> <div>

<h3>follow us:</h3>

</div> <div>

12. Logout.php

<?php

include("koneksi.php"); session_start(); session_destroy();

(40)

A-29

13. Transaksi.php (Pick up order)

<?php

include "koneksi.php"; session_start(); $id = $_SESSION['id'];

$q = mysql_query("SELECT * FROM `customer` WHERE `IdCust`='$id'"); $r = mysql_fetch_array($q);

?>

<head>

<title>NATIONS TRANS | Jasa Ekspedisi</title> <script language="javascript" type="text/javascript"> function getTarif(url){

xmlhttp=GetXmlHttpObject(); if(xmlhttp==null){

alert("Tidak mendukung AJAX"); return;

}

xmlhttp.onreadystatechange=function(){

if(xmlhttp.readyState==4 || xmlhttp.readyState=="complete"){

document.getElementById('tarif').innerHTML = xmlhttp.responseText; }

}

xmlhttp.open("GET", url, true); xmlhttp.send(null);

}

function GetXmlHttpObject(){ var xmlhttp = null; try{

xmlhttp = new XMLHttpRequest(); }catch(e){

try{

xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); }catch(e){

xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); }

}

return xmlhttp; }

</script> </head>

<body>

(41)

A-30

<ul>

href="pickuporder.php"><span>PickUpOrder</span></a></li> <li><a href="tracking.php"><span>Tracking</span></a></li> <li><a href="contactus.php"><span>Contact Us</span></a></li>

</ul> </div>

<h1>PICK UP ORDER</h1> <div>

<h3>

<?php echo "Selamat Datang $r[NamaCust]"?>    <a href="logout.php">Logout</a><br /><br /><br />

<center> SILAHKAN MELAKUKAN TRANSAKSI</center><br />

<td width="30%" height="40">Tanggal: </td>

<td>

<?php date_default_timezone_set("Asia/Jakarta"); echo date("j F Y, H:i ");?>

</td> </tr> <tr>

<td width="30%" height="40"> Tanggal Pick Up:

</td> <td> <?php

//array yang digunakan pada ComboBox bulan

$bln=array(1=>"Januari","Februari","Maret","April","Mei", "Juni","July","Agustus","September","Oktober",

"November","Desember");

//membuat tanggal 1-31 pada ComboBox echo "<select name='tanggal'>

<option value=01 selected>01</option>";

for($tgl=2; $tgl<=31; $tgl++){$tgl_leng=strlen($tgl); if ($tgl_leng==1) $i="0".$tgl;

else $i=$tgl;

(42)

A-31

//membuat bulan ComboBox echo "<select name='bulan'>

<option value=Januari selected>Januari</option>"; for($bulan=2; $bulan<=12; $bulan++){

echo "<option value=$bulan>$bln[$bulan]</option>";} echo "</select>";

//Membuat tahun 2000 sampai sekarang pada ComboBox $now=date("Y");

echo "<select name='tahun'>

<option value=$now selected>$now</option>"; //for($thn=$now; $bulan<=$now; $thn++){ //echo "<option value=$thn</option>"; echo "</select>";

?>* </td> </tr> <tr>

<td width="30%" height="40"> Jam Pick Up:

</td> <td> <?php

//membuat jam 00-24 pada ComboBox echo "<select name='jam'>

<option value=00 selected>00</option>"; for($jam=1; $jam<=24; $jam++){

$jam_leng=strlen($jam); if ($jam_leng==1)

$i="0".$jam; else

$i=$jam;

echo "<option value=$i>$i</option>";} echo "</select>";

?>:

<?php

//membuat menit 00-60 pada ComboBox echo "<select name='menit'>

<option value=00 selected>00</option>"; for($menit=1; $menit<=59; $menit++){ $menit_leng=strlen($menit);

if ($menit_leng==1) $i="0".$menit; else

$i=$menit;

echo "<option value=$i>$i</option>";} echo "</select>";

(43)

A-32

<tr>

<td width="30%" height="40"> Nama Pengirim:

</td> <td>

<?php echo $r['NamaCust']; ?>

</tr> <tr>

<td width="30%" height="40"> Alamat Pengirim:

</td> <td>

<?php echo $r['AlmtCust']; ?>

</td> </tr> <tr>

<td width="30%" height="40"> Kota Pengirim:</td>

<td>

<?php echo $r['Kota']; ?>

</td>

</tr> <tr>

<td width="30%" height="40"> Nama Penerima:

</td> <td>

<input type="text" name="NamaPen" size="40" value="" class="inputbox required" maxlength="50" />*

</td> </tr> <tr>

<td w