BAB V IMPLEMENTASI

5.1

Langkah Langkah Instalasi Untuk menjalankan aplikasi ini di komputer maka diperlukan beberapa

langkah 1. Install XAMPP yang merupakan aplikasi untuk menyimpan database dan membuka web secara offline. Setelah XAMPP berhasil diinstal maka jalankan / start Apache dan Mysql pada XAMPP Control Panel 2. Install Web browser seperti Mozilla, IE, Opera, Google Chrome, dll. Tapi untuk aplikasi ini kami menyarankan untuk menggunakan Google Chrome. 3. Install Noteped ++ yang dapat digunakan untuk mengedit source code dan design dari Sistem Informasi Perpustakaan berbasis web ini 4. Copy folder yang merupakan folder kumpulan source code dan image pada tampilan admin ke directori C://xampp/htdocs yang berada di computer yang sebelumnya telah diinstalkan XAMPP. 5. Copy folder yang merupakan folder database Sistem Informasi Reservasi ke direktori C://xampp/appserv/mysql/data. 6. Untuk membuka atau melakukan segala proses kegiatan di reservasi admin tinggal mengetikkan localhost/namafolder pada kolom untuk menuliskan alamat di web browser pada computer admin.

5.2

Pembuatan Database Perintah SQL-nya: CREATEDATABASE db_tugas;

5.2.1

Pembuatan Tabel Tabel Halaman (#id_hal,rincian,detail,tanggal)

39

Perintah SQL-nya: CREATE TABLE banner (id_hal bigint primary key not null, rincian varchar(300) not null, detail text, tanggal date);

Struktur Tabelnya sebagai berikut :

Contoh Perintah SQL yang digunakan : SQL insert INSERT INTO halaman (id_hal, rincian, detail, tanggal) values('1', 'Selamat Datang', 'kami menyediakan.', ' 2013-0129'); SQL edit UPDATE halaman SET tanggal=2013-06-23 WHERE id_hal = 1; SQL hapus DELETE FROM SQL tampil : SELECT * FROM halaman; halaman WHERE id_hal = 1;

40

Screenshoot Tabel Halaman

Tabel Pelanggan (via, nama, e_mail, tgl_lhr, #hp, alamat, komentar) Perintah SQL-nya: CREATE null, TABLE nama pelanggan varchar(50) not primary null, key (via not not varchar(50) null, null, date, not hp e_mail alamat

varchar(50) bigint(20)

tgl_lhr

varchar(50) not null, komentar text );

Struktur tabelnya

Contoh Perintah SQL yang digunakan : SQL insert INSERT INTO pelanggan (via, nama, e_mail, tgl_lhr, hp, alamat, komentar) values('Tiki', 'widi', 'widi@yahoo.co.id', '

41

2012-10-03', 0823333332627, raha, yeah!!); SQL edit UPDATE pelanggan SET via=Jne WHERE hp = 085343598141; SQL hapus DELETE FROM pelanggan WHERE hp = 085343598141; SQL tampil : SELECT * FROM pelanggan;

Sreenshoot Tabel Pelanggan

Tabel Pengunjung (nama, #e_mail, komentar) CREATE TABLE pengunjung (nama varchar(50) NULL, e_mail varchar(50) primary key, komentar text);

Struktur Tabel

Contoh Perintah SQL yang digunakan : SQL insert

42

INSERT INTO pengunjung (nama, e_mail, komentar) values('hastuti', , 'Luar Biasa '); SQL edit UPDATE pengunjung SET komentar=Lanjutkan WHERE e_mail = 'tuti@yahoo.co.id'; SQL hapus DELETE FROM pengunjung WHERE e_mail = 'tuti@yahoo.co.id'; SQL tampil : SELECT * FROM pengunjung;

Screenshot Tabel Pengunjung

Tabel Produk (id_produk, nama_produk, harga_produk, gambarnya, #id_skateboard) Perintah SQL-nya : CREATE TABLE produk (id_produk int(20) not null, nama_produk varchar(50), harga_produk int(20), gambarnya varchar(50), id_skateboard bigint(20) primary key) Struktur Tabelnya

43

Contoh Perintah SQL yang digunakan : SQL insert INSERT INTO produk (id_produk, nama_produk, harga_produk, gambarnya, id_skateboard)values ('1', Sky Skateboard, 450000, sepuluh7.jpg, '2); SQL edit UPDATE produk SET harga_produk=500000 WHERE id_skateboard = '2'; SQL hapus DELETE FROM '2'; SQL tampil : SELECT * FROM produk; produk WHERE id_skatebooard =

44

Screenshot Tabelnya

Tabel Produk_Komentar (nama, komentar) CREATE TABLE produk_komentar (nama varchar(50), komentar text);

Struktur Tabel Produk_Komentar

45

Contoh Perintah SQL yang digunakan : SQL insert INSERT INTO produk_komentar (nama, komentar)values ('tuti', met nah); SQL edit UPDATE produk_komentar SET komentar=met eee WHERE nama =tuti; SQL hapus DELETE FROM tuti SQL tampil : SELECT * FROM produk_komentar; produk_komentar WHERE nama =

Screenshot Tabelnya

Tabel User (#id, username, password) CREATE TABLE user(id int(11) primary key not null, username varchar(25) not null, password varchar(300) not null);

Struktur Tabelnya

46

Contoh Perintah SQL yang digunakan : SQL insert INSERT INTO user (id, username, password)values ('1',nina', MD5('rahayu')); SQL edit UPDATE user SET password=MD5(irna) WHERE id =1; SQL hapus DELETE FROM SQL tampil : SELECT * FROM user; user WHEREid = 1;

Screenshot Tabelnya :

Tabel temp2 (#hp, id_skateboard, jumlah) CREATE TABLE (hp bigint(20) primary key not null, id_skateboard bigint(20) not null, jumlah bigint(20) not null);

Struktur Tabelnya

47

5.1.Tampilan Halaman Administrator Tampilan Halaman Login Administrator Halaman ini adalah halaman login administrator untuk masuk ke halaman administrator. Masukkan username dan password Anda dengan benar.

Tampilan Home Administrator Halaman utama administrator adalah halaman utama administrator untuk Mengolah data yang ada di website ini.

48

 Tampilan Data Halaman Data Halaman adalah Semua kata penyegar pada setiiap halaman yang ada di website.

49

 Halaman Data Pelanggan Data pelanggan adalah Kumpulan data dari semua pelanggan yang pernah membeli barang yang ada di website ini.

Halaman Data Pengunjung

50

Data pengunjung adalah data-data para pengunjung yang pernah melihat website ini dan membarikan komentar serta alamat email mereka, walaupun tidak membeli.

Halaman Data Produk Data produk merupakan kumpulan data semua produk yang dijual di website ini, yang disertakan dengan harga dan detail barang yang dijual.

51

 Halaman Data Produk Spesial Data produk spesial adalah kumpulan beberapa produk yang dijual karena mempunyai keistimewaan tersendiri dan juga.

Halaman Data Pesanan Data Pesanan adalah kumpulan data dari pelanggan yang telah memesan barang beserta dengan jumlah barang yang dipesan.

52

5.4

Tampilan Halaman Utama Halaman utama website Skateboard Online adalah halaman yang menyediakan segala informasi yang dibutuhkan pelanggan yang berkaitan dengan skateboard, di halaman ini juga pelanggan dapat melakukan pemesanan secara online.

Tampilan Halaman Utama Halaman utama adalah halaman awal yang akan terbuka saat pertama kali mengakses website Skateboard Online, dihalaman hanya ditampilkan sekilas mengenai produk ini.

Tampilan Halaman Produk Shop

53

Halaman ini menyediakan produk-produk skateboard yang akan dijual di website ini

Tampilan Halaman Perusahaan Halaman ini menampilkan profile mengenai perusahaan ini dimana perusahaan ini, serta kapan perusahaan ini didirikan.

54

 Tampilan Halaman Mengenai Produk Halaman ini hanya menampilkan detail dari semua produk , tidak menampilkan content untuk pemesanan barang.

55

 Tampilan Halaman Contact Us Halaman ini memmuat sebuah form, dimana pengunjung yang mengunjungi website ini dapat berkomentar atau member saran.

Tampilan Halaman Limited Edition Halaman inihampir sama seperti halaman Produk shop, hanya saja di halaman ini hanya disediakan skateboard dengan keistimewaan tersendiri dan jumlahnya pun terbatas.

56

 Tampilan Halaman Proses Transaksi Pada halaman ini akan terlihat barang yang kita pesan serta berapa total biaya yang harus dikeluarkan.

57

 Tampilan Halaman Pendaftaran Customer Pada halaman ini merupakan proses yang pemting dalam

proses pemesanan barang, karena pada prosses ini customer akan memasukan data mereka dengan benar.

Tampilan Halaman Validasi Dimana pada halaman ini adalah proses terakhir dalam pemesanan produk. Di halaman ini dicantumkan data customer yang telah diinput tadi dan meminta konfirmasi dari customer apakah data yang diinputkan telah benar atau masih salah.

58

59