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.

Pelanggan dapat memanfaatkan fasilitas yang diberikan melalui website dengan

kemudahan-kemudahan yang menguntungkan pihak pelanggan.

(2)

ii

Universitas Kristen Maranatha

ABSTRACT

Expedition Services is a company engaged in the service delivery. Many

forwarding services company in Indonesia, deliver the goods customer with the

good and easy in the delivery process. This thesis makes an Information and

Courier Booking Website in order to provide convenience in online transaction

(pick up order), as well as provide information needed by customer. This website

is built using PHP. Each customer register to can pick up order. This website is

made as attractive as possible to attract the attention of customer. Customer can

take advantage of the facilities that is provided by the website, which has easiness

that value the customer.

(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)

...

₁₄

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 DFD Level 2 Proses 3 ... 26

3.2.5 DFD Level 2 Proses 4 ... 27

3.2.6 DFD Level 2 Proses 5 ... 28

3.2.7 DFD Level 3 Proses 1 ... 29

3.2.8 DFD Level 3 Proses 3 ... 30

3.2.9 DFD Level 3 Proses 4 ... 31

(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

...

₃₉

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

LAMPIRAN ... A-1

(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.6 DFD Level 2 Proses 3... 26

Gambar 3.7 DFD Level 2 Proses 4... 27

Gambar 3.8 DFD Level 2 Proses 5... 28

Gambar 3.9 DFD Level 3 Proses 1... 29

Gambar 3.10 DFD Level 3 Proses 3... 30

Gambar 3.11 DFD Level 3 Proses 4... 31

Gambar 3.12 DFD Level 3 Proses 5... 32

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>

</div> <div>

(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

<!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>

<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>

<div class="module"> <h1>About Us</h1>

(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>

<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>

(17)

A-6

<div>

<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>

3. Network.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>

</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>

<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>

(19)

A-8

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

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

</div> <div>

<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>

4. Network_cari.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>

</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

<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>

<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>

<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>

</div> <div>

<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>

(22)

A-11

5. Products.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>

</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>

<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>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.

Varian produk tersebut meliputi:<br><br> <b>ONS (Over Night Services)</b><br />

(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>

<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>

</div> <div>

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

</ul> </div> <div>

(24)

A-13

<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>

6. Tariff.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>

</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>

<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>

(26)

A-15

<div>

<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>

7. Tariff_cari.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>

</head> <body>

<ul>

<li class="selected"><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>

(27)

A-16

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

</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>

<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>

(28)

A-17

</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>

</div> <div>

<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>

8. Daftarcustomer.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">

(29)

A-18

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

<body>

<ul>

<li><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>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>

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

(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>

<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>

(32)

A-21

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

</div> <div>

<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>

9. Registerberhasil.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>

</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>

(33)

A-22

<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>

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

</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>

<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>

</div> <div>

<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>

(35)

A-24

10. Pickuporder.php (Login)

<?php

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

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

header("location:transaksi.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>

</head> <body>

<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>

<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>

<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>

(37)

A-26

<div>

<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>

11. Login_proses.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>

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>

(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>

<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>

(39)

A-28

<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>

</div> <div>

<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>

12. Logout.php

<?php

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

header("location:pickuporder.php"); ?>

(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);

<!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> <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 />

<tr>

<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;

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

(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>";

?> * </td> </tr>

(1)

6

Universitas Kristen Maranatha Halaman Registrasi Customer

Gambar 8 Halaman Registrasi Customer

Halaman registrasi customer (gambar 8) merupakan halaman bagi customer yang belum terdaftar dapat melakukan registrasi dengan mengisi form yang telah disediakan. Setelah customer melakukan registrasi maka akan muncul halaman yang berisi konfirmasi pendaftaran (gambar 9).

Gambar 9 Konfirmasi Pendaftaran

Halaman Login Customer

Gambar 10 Halaman Login Customer

Gambar 10 merupakan halaman login customer. Customer terlebih dahulu melakukan login dengan menuliskan username dan password. Setelah login

(2)

7

Universitas Kristen Maranatha berhasil, maka akan muncul halaman pick up order, seperti yang terlihat pada gambar 11.

Gambar 11 Halaman Pick Up Order

Gambar 11 merupakan halaman pick up order. Customer melakukan pick up

order dengan mengisi form yang telah disediakan. Setelah customer melakukan pick up order maka akan muncul halaman yang berisi konfirmasi pick up order,

seperti yang terlihat pada gambar 12.

Gambar 12 Konfirmasi Pick Up Order

Gambar 12 merupakan halaman konfirmasi pick up order. Customer akan menerima konfirmasi berupa pesan bahwa transaksi pick up order telah berhasil. Setelah itu customer akan menerima sms dari admin. Sms tersebut sebagai pemberitahuan bahwa pick up order telah diproses dan akan diambil sesuai dengan waktu yang telah ditentukan customer.

(3)

8

Universitas Kristen Maranatha Halaman Tracking

Gambar 13 Halaman Tracking

Gambar 13 merupakan halaman tracking. Customer dapat mengetahui keberadaan barang saat melakukan pengiriman dengan memasukkan kata kunci berupa no resi yang didapatkan setelah customer melakukan transaksi pick up

order ataupun pengiriman barang. Setelah itu akan muncul hasil tracking berupa no

resi, nama pengirim, kota pengirim, nama penerima, kota penerima, tanggal, jam,

tracking, status.

Halaman Login Admin

Gambar 14 Halaman Login Admin

Gambar 14 merupakan halaman login admin. Admin yang sudah terdaftar dapat login sesuai dengan username dan password masing-masing, untuk dapat masuk ke halaman administrator, seperti pada gambar 15.

(4)

9

Universitas Kristen Maranatha Gambar 15 Halaman Admin

Gambar 15 merupakan halaman administrator dengan terdapat identitas diri

admin berupa id admin, nama, dan kota. Di bagian ini, admin dapat melihat,

mengubah, menambahkan, dan menghapus data yang tersimpan dalam database untuk ditampilkan di website user.

Halaman Tracking Admin

Gambar 16 Halaman Tracking Admin

Gambar 16 merupakan halaman admin untuk melihat data tracking, memberikan informasi tracking dan status tracking. Pada bagian ini, admin tiap daerah yang berwajib memberikan informasi tersebut.

(5)

10

Universitas Kristen Maranatha V. Kesimpulan dan Saran

Berdasarkan data pengamatan dan analisa data dapat diambil kesimpulan sebagai berikut :

1. Website informasi dan pemesanan jasa ekspedisi telah berhasil dibuat.

2. Transaksi Pick Up Order dapat dilakukan setelah customer melakukan registrasi terlebih dahulu melalui website ini.

3. Transaksi pengiriman barang langsung dilakukan oleh customer yang mengantarkan barangnya ke kantor jasa ekspedisi.

4. Sistem Tracking dapat dilakukan setelah customer menerima no resi pada saat pengambilan barang pada pick up order oleh jasa kurir dan pada saat transaksi pengiriman barang.

Saran yang diberikan agar dapat dikembangkan lebih lanjut adalah sebagai berikut :

1. Mengembangkan website informasi dan pemesanan jasa ekspedisi dengan tampilan yang lebih menarik perhatian user dan mudah digunakan

2. Mengembangkan website khusus untuk perangkat mobile.

3. Membuat halaman testimonial untuk customer dapat memberikan testimoninya mengenai jasa ekspedisi.

VI. Referensi

Bertha., Pohan, Husni. 2002. Pemrograman Web dan HTML. Bandung:

Informatika.

Dwiartara, Loka. 2010. Menyelam dan Menaklukan Samudera PHP. Retrieved Juni 25, 2012, from http://www.ilmuwebsite.com/ebook.

Gilmore, W Jason. 2008. Beginning PHP and MySQL (3rd ed.). United States of America : Apres.

Hakim, Lukmanul. 2009. Trik Rahasia MASTER PHP Terbongkar Lagi. Yogyakarta: Lokomedia.

http://digitalfreeweb.blogspot.com/2011/11/mengenal-adobe-dreamweaver-cs4.html, 10 juni 2013, jam 18.40.

http://kolom-koding.blogspot.com/2012/07/istilah-istilah-dalam-database.html, 21 juni 2013, jam 11.25

http://krida85.wordpress.com/2008/04/16/pengertian-basis-data, 22 Juni 2012. http://rizkyramadhansttg.wordpress.com/2008/07/15/dekorasi-teks-html-4/, 10 Juni

2012.

Sidarta, Lani. 1995. Pengantar Sistem Informasi Bisnis. Jakarta: PT Elex Media Komputindo.

http://trik-tips-tutorial.blogspot.com/2010/02/karakter-khusus-pada-kode-html.html, 10 Juni 2012.’

(6)

81

Universitas Kristen Maranatha