1374 BD2 007 Studi Kasus 010 Web Toko Buku Online

SKRIPSI

APLIKASI THREE-TIER MANAJEMEN

DATABASE PADA SISTEM TOKO BUKU

ONLINE

THREE-TIER APPLICATION OF DATABASES MANAGEMENT ON THE BOOKSTORE ONLINE SYSTEM

Disusun oleh :

Nama : Eni Kadarwati

No. Mhs : 00. 05. 1663

JURUSAN TEKNIK INFORMATIKA

FAKULTAS TEKNOLOGI INDUSTRI

INSTITUT SAINS & TEKNOLOGI AKPRIND

YOGYAKARTA

2004

DFD (Data Flow Diagram)

DFD Level 0

DFD Level 1

Gambar 3.2 DFD Level 1. Alur Proses Sistem

DFD Level 2

a. Pengujian kesalahan DFD

Kerelasian Antar Tabel Database

Desain Client Application (Front Tier)

HIPO (Hierarchy Input-Proses-Output)HIPO Level 0

HIPO Level 1

Mengumpulkan data yang akan ditampilkan

Proses Pembuatan Home page

Pemasangan Home page di server

Merancang Homepage

Membuat Dokumen Web

Publikasi

1

Tentang Kami

2

Basket

3

Buku Tamu

4

Mn.Tambahan

0

HOME

5

Cari

2.1

Cara Bayar

2.2

Cara Belanja

2.3

Login

2.4

Shopping Basket

2

BASKET

HIPO Level 1Submenu Mn Tambahan

Desain Dialog

Desain Halaman Utama Website

1.Gambar Gambar

Header Animasi

PILIHAN MENU

KATEGORI

POLLING

FORUM

PRODUK

Link ke halaman lain

4.1

Berita

4.2

Polling

4.3

Forum

4.4

Pengarang

4.5

Penerbit

4.6

Kontak

4

Mn Tambahan

Katalog

Halaman Kategori Produk

Halaman Deskripsi Produk

Bagian Pencarian Produk

Halaman Header

Halaman Footer

CARI

PENCARIAN

Bagian Header

Daftar produk berdasarkan kategori yang dipilih

Pilihan Kategori

GAMBAR BUKU

Judul :

Harga :

Pengarang :

Penerbit :

SINOPSIS BUKU

Shopping Chart

Gambar 3.18 Struktur Website Bagian Shopping Chart

Shopping Basket

a. Halaman Checkout dan Pemesanan

Halaman Checkout berisi form isian untuk input username dan

password dari pengunjung. Hal ini dilakukan untuk memverifikasikan

apakah pengunjung tersebut sudah login atau belum. Jika belum maka

akan ditampilkan pesan bahwa ia tidak berhak untuk melakukan transaksi

pemesanan produk dan akan diarahkan ke halaman regristrasi. Jika

SHOPPING BASKET

CHECKOUT

PEMESANAN

Kode Buku JudulHarga SatuanJumlahHargaUbahHapusPajakTotal Harga

Halaman Header

Halaman Footer

Lanjut BelanjaCheckout

sudah melakukan login,maka akan dimunculkan halaman login, sehingga

cukup mengisi username dan password yang telah dimasukkan

sebelumnya. Kemudian akan menuju ke halaman selanjutnya yang akan

menampilkan semua produk yang telah dipesan, dan terdapat bagian :

a. Link Pembayaran, untuk mengetahui cara pembayaran dari

produk yang telah dipesan.

b. Link Kontak, akan menuju halaman yang menyediakan form

untuk menuliskan permasalahan ataupun pertanyaan kepada

pihak manajemen.

c. Link Home, menuju kehalaman utama dan

dapat mencoba menu-menu yang lain.

d. Link Logout. Setelah melakukan proses transaksi maka user

dapat melakukan logout, dimana user sudah tidak memiliki hak

untuk transaksi atau username yang digunakan tidak aktif

sebelum melakukan proses Login kembali.

Gambar 3.20 Desain Halaman Checkout

Cara Bayar

Halaman Header

Halaman Footer

TANGGAL PESAN

NO. PESAN

DAFTAR PRODUK YANG TELAH DIPESAN

Ucapan terima Kasih

LOGOUT

Pada bagian ini berisi tentang tata cara pembayaran setelah

pengunjung merasa yakin akan membeli produk yang sudah dipilihnya.

Gambar 3.21 Desain Halaman Cara Bayar

Cara Belanja

Seperti pada halaman cara bayar, halaman ini menjelaskan

bagaimana cara pemesanan produk yang ada.

Gambar 3.22 Desain Halaman Cara Belanja

Pendaftaran/ Regristrasi Pengunjung

Bagian ini berisi bagaimana seorang pembeli mendaftarkan diri

atau melakukan regristrasi untuk dapat melakukan proses Login. Untuk

bagian ini masih terbagi menjadi 2 bagian, yaitu pendaftaran member dan

penghapusan data member.

a. Pendaftaran Member

Struktur halaman bagian pendaftaran member:

Halaman Header

CARA PEMBAYARAN

Halaman Header

CARA BELANJA

DAFTAR KONFIRMASI DAFTAR

Gambar 3.23 Struktur Halaman Bagian Pendaftaran Member

Didalam bagian pendaftaran member, pengunjung mengisikan

formulir pendaftaran dengan benar. Jika halaman form pendaftaran telah

di “DAFTAR” maka akan ditampilkan halaman konformasi member. Jika

form pengisian ada yang masih kosong atau ada kesalahan format

penulisan, maka akan muncul kesalahan bahwa data yang dimasukkan

belum terisi semua. Apabila data yang dimasukkan sudah benar, maka

langsung menuju halaman yang meminta username dan password yang

telah dimasukkan.Di halaman ini berisi username dan password yang

telah diisikan oleh member untuk digunakan sebagai login setiap kali

akan melakukan pemesanan produk.

Gambar 3.24 Desain halaman pendaftaran member

Desain untuk konfirmasi login dapat digambarkan sebagai berikut:

Gambar 3.25 Desain Halaman Konfirmasi login

PASSWORD

Halaman Header

USERNAME

Halaman Header

FORM ISIAN (FORMULIR PENDAFTARAN)

Daftar Hapus Form

b. Penghapusan Data Member

Pada bagian ini, data yang telah dimasukkan dapat dihapus

dengan mengklik “Hapus Form”. Apabila pengunjung batal melakukan

regristrasi, maka bagian ini dapat digunakan untuk menghapusnya.

Berita

Pada halaman ini berisi berita lengkap yang dapat langsung di baca

oleh pengunjung.

Gambar 3.26 Desain Halaman Berita

Pengarang

Disediakan informasi beberapa nama pengarang dan profilnya dalam

menu ini, dan diambil dari database yang digunakan.

Gambar 3. 27 Desain Halaman Pengarang

Penerbit

Dalam menu penerbit ini, akan ditampilkan nama dan deskripsi

penerbit

Gambar 3.28 Desain Halaman Penerbit

Tentang Kami

Pada bagian ini akan ditampilkan profil perusahaan. Informasi

dimulai profil perusahaan, visi dan misi perusahaan tersebut

Daftar Judul Berita

BERITA LENGKAP

Halaman Header

Pilihan Link Deskripsi Pengarang

Halaman Header

Pilihan Link Deskripsi Penerbit

Halaman Header

Gambar 3.29 Desain Tentang Kami

3.1Desain Aplikasi Administrator ( Middle tier)

Di bagian inilah seorang Admin melakukan proses manipulasi

database.

3.1.1 HIPO (Hierarchy Input Process Output )

a. HIPO Level 0

Gambar 3. 30 HIPO Level 0 Sistem Pengelolaan Data Toko Buku Online

Pada HIPO Level 0 ini, dapat diterangkan bahwa terdapat

beberapa menu aplikasi, antara lain:

1. Menu Produk, menu ini akan berisikan submenu ynag berhubungan

dengan produk buku, seperti menu item produk, kategori buku,

pengarang maupun penerbit buku.

2. Menu Transaksi, berhubungan dengan proses transaksi ynag

melibatkan submenu user, item produk dan transaksi user.

3. Menu Tambahan, berisi submenu yang merupakan menu

tambahan aplikasi yang dapat diakses secara langsung oleh user,

seperti polling, forum, berita serta form pengisian buku tamu.

Halaman Header

Sekilas Visi dan Misi

0

Sistem Pengelolaan Data Toko Buku Online

1

Menu Produk

2

Menu Transaksi

3

Menu Tambahan

4

Laporan

5

Tools

6

About

4. Laporan, digunakan sebagai arsip dari proses aplikasi. Laporan

yang dapat disajikan dari aplikasi ini antara lain laporan data user,

laporan transaksi user, laporan dari Menu Produk dan laporan dari

Menu Tambahan

5. Tools, merupakan fasilitas admin yang didalamnya terdiri dari

submenu BackUp dan Restore Data dan juga fasilitas Ubah

Password Admin.

6. About, didalammya terdapat submenu Tentang Program dan juga

Profil.

a. HIPO Level 1

Gambar 3.31 HIPO Level 1 Submenu Menu Produk

Menu Produk ini memiliki beberapa submenu,antara lain:

1. Buku, dalam submenu ini akan ditampilakn data buku yang telah

disediakan oleh database, seperti id_buku, judul buku, halaman,

harga dan lain-lain.

2. Kategori, akan ditampilkan data kategori yang mengadung dua

field yaitu id_kategori dan keterangan kategori.

3. Pengarang , menampilkan data pengarang buku, seperti

id_pengarang, nama dan sedikit profil dari pengarang tersebut.

4. Penerbit, juga akan menampilkan data mengenai penerbit seperti

nama, alamat dan juga profil penerbit yang ada.

1.1

Buku

1.2

Kategori

1.3

Pengarang

1.4

Penerbit

1

Menu Produk

2

Menu Transaksi

2.2

Order

2.1

User

Gambar 3. 32 HIPO Level 1 Submenu Menu Transaksi

Pada Menu Transaksi terdapat submenu yaitu:

1. Submenu User yang menampilkan data user yang telah

masuk ke dalam database.

2. Submenu Order, menampilkan data pesanan dari transaksi

yang telah dilakukan user setelah melakukan Login.

Gambar 3.33 HIPO Level 1 Submenu Menu Tambahan

Menu Tambahan terdiri dari:

1. Submenu Berita, yang menyajikan berita-berita yang telah dimuat.

2. Submenu Forum, juga menampilkan judul forum di sisi user.

3. Submenu Tamu, menampilkan data tamu yang telah masuk.

4. Submenu Polling, menampilkan pilihan serta jawaban polling.

Gambar 3. 34 HIPO Level 1 Submenu Laporan

i. Laporan Data Buku, menampilkan data buku yang tedapat dalam

database.

3

Menu Tambahan

3.1

Berita

3.2

Forum

3.3

Tamu

3.4

Polling

4.1

Data Buku

4.2

Data Tambahan

4.3

Data Pengarang

4.4

Data Penerbit

4.5

Data User

4

Laporan

4.6

Transaksi

ii. Laporan Data Tambahan, diambil dari Menu Tambahan.

iii. Laporan Data Pengarang, menampilkan data pengarang.

iv. Laporan Data Penerbit, menampilkan data penerbit.

v. Laporan Data User, menampilkan data user yang telah melakukan

transaksi.

vi. Laporan Transaksi, akan menampilkan nama-nama pesanan /

order yang diperoleh setelah user melakukan transaksi.

Gambar 3.35 HIPO Level 1 Submenu Tools

Dalam Menu Tools terdapat fasilitas:

1. BackUp data, untuk mem-BackUp data secara otomatis.

2. Restore data, untuk mengembalikan data yang sudah diBackUp

3. Ubah Password, digunakan untuk mrngubah password Admin.

Gambar 3.36 HIPO Level 1 Submenu Help

Menu About terdiri dari:

i. Submenu Tentang Program, digunakan sebagai

petunjuk pemakaian program aplikasi.

ii. Submenu Profil, menampilkan profil dari pembuat

program.

3.1.2 Desain Input

a. Input Data Buku

5.3

Restore Data

5.4

UbahPassword

5.2

Backup Data

5

Tools

5

About

5.1

Tentang Program

5.2

Profil

Bagian input data buku digunakan untuk melakukan manipulasi

data yang ada dalam tabel buku. Terdapat fasilitas Edit,Hapus, Tambah

dan fasilitas Cari untuk pencarian berdasarkan jenis fieldnya.

Gambar 3.37 Desain Input Data Buku

b. Input Data Kategori

Bagian ini digunakan untuk melakukan Input, Edit maupun

penghapusan data kategori kedalam tabel ketegori yang sudah tersedia,

terdapat button Cari untuk pencarian kategori.

Gambar 3.38 Desain Input Data Kategori

c. Input Data Pengarang

Data pengarang yang telah dimasukkan dapat dilihat maupun diedit

dalam bagian ini. Menu Hapus dan Cari juga disediakan.

Input Data Pengarang

Id Pengarang : XXXXXX

Nama Pengarang : XXXXXXXXXXXXXXXXXXXX

Deskripsi : XXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Tambah Simpan Edit Batal Cetak Keluar Hapus

Input Data Buku

Id Buku : XXXXXJudul : XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXKategori : XXXXXXXXXXXXXXXXXXXId Pengarang : XXXXXId Penerbit : 9999Tahun Terbit : 9999ISBN : XXXXXXXXXXXXXHalaman : 999Harga : 9999999Deskrips :XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXImage : XXXXXXXXXXXXXXXXXXXX


Cari

Input Data Kategori

Kategori : XXXXXXXXXXXXXXXXXXX

Keterangan : XXXXXXXXXXXXXXXXXXX

Image : XXXXXXXXXXXXXXXXXXXXXXXXXXXXX


Cari

Cari

Gambar 3. 39 Desain Input Data Pengarang

d. Input Data Penerbit

Digunakan untuk memasukkan data-data penerbit ke dalam database.

Gambar 3.40 Desain Input Data Penerbit

e. Input Data Berita

Berita yang akan ditampilkan ke jendela user dapat diinputkan di

bagian ini. Menu Tambah dan Hapus data juga disediakan.

Gambar 3. 41 Desain Input Data Berita

f. Input Data Forum

Bagian ini menyediakan fasilitas Tambah, Edit dan Hapus data

forum yang akan ditampilkan ke jendela user.

Gambar 3. 42 Desain Input Data Forum

Input Data Berita

Id Berita : XXXXXXXXXX

Tanggal Kirim : XXXXXXXXXX

Pukul Kirim : XXXXXXXX

Judul : XXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Isi Berita : XXXXXXXXXXXXXXXXXXXXXXXXXXXXX


Input Data Forum

Id Forum : XXXXXXXXX

Judul Forum : XXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Keterangan : XXXXXXXXXXXXXXXXXXXXXXXXXXXXX


Input Data Penerbit

Id Penerbit : XXXXX

Nama Penerbit : XXXXXXXXXXXXXXXXXXXX XXXX

Alamat : XXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Deskripsi : XXXXXXXXXXXXXXXXXXXXXXXXXXXXX


g. Input Data Polling

Data polling juga dapat diinputkan atau dapat dihapus melalui

bagian ini.

Gambar 3.43 Desain Input Data Polling

3.1.3 Desain Output (Laporan)

a. Laporan Data Buku

Laporan ini menampilkan data buku yang terdapat dalam tabel buku.

Disertai dengan image buku apabila diinginkan.

DATA BUKU

Gambar 3.44 Desain Laporan Data Buku

b. Laporan Data Pengarang

Data pengarang-pengarang buku dapat ditampilkan dalam laporan

ini.

DATA PENGARANG

Id

PengarangNama Pengarang Deskripsi

Id Buku :XXXXX

Judul :XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Kategori :XXXXXXXXXXXXXXXXXXX

Id Pengarang :XXXXXX

Id Penerbit :XXXX

Tahun terbit :9999

ISBN :XXXXXXXXXXXXXX

Halaman :999

Harga :9999999

Deskripsi :XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Image :XXXXXXXXXXXXXXXXXXX

Input Data Polling

Id Polling : XXXXX

Judul Polling : XXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Pilihan : XXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Jawaban : XXXXXXXXXXXXXXXXXXXXXXXXXXXXX


XXXXXX XXXXXXXXXXXXXXXX XXXXXXXXXXXXXXXXXXX





Gambar 3.45 Desain Laporan Data Pengarang

c. Laporan Data Penerbit

Laporan ini akan menampilkan semua data penerbit yang ada

dalam database.

DATA PENERBIT

Id Penerbit Nama Penerbit Alamat Deskripsi

XXXXXX XXXXXXXXXX XXXXXXXXXXX XXXXXXXXXXXX





Gambar 3. 46 Desain Laporan Data Penerbit

d. Laporan Data User

Data dari user yang telah melakukan regristrasi dengan mengisi

data pada form yang telah disediakan juga dapat ditampilkan dalam

format laporan sebagai arsip dari perusahaan.

DATA USERUsername : XXXXXXXXXX

Password : XXXXXXXXXX

Nama : XXXXXXXXXXXXXXXXXXXX XXXXXXXXXX

Alamat : XXXXXXXXXXXXXXXXXXXX

Kode pos : 99999

Kota : XXXXXXXXXX

Propinsi : XXXXXXXXXXXXXXXXXXXX

No.Telepon : 9999999999

Email : XXXXXXXXXXXXXXXXXXXX

Gambar 3.47 Desain Laporan Data User

e. Laporan Transaksi

Laporan transaksi akan menampilkan semua pesanan dari

transaksi yang telah dilakukan oleh para user setelah melakukan proses

Login. Lapora ini dapat diperoleh dengan melakukan query antara tabel

buku, tabel pesan dan tabel pesan_akhir.

DATA TRANSAKSI

Gambar 3. 48 Desain Laporan Transaksi User

3.2Desain Database (Back Tier)

3.2.1 Struktur Tabel Database

Username : XXXXXXXXXX

No.Urut : 99

Tanggal Pesanan : dd/mm/yyyy

Id Buku : XXXXX

Judul Buku : XXXXX XXXXXXXXXXXXXXXXXXXXXXXXX

Kategori Buku : XXXXX XXXXXXXXXXXXXXX

Harga : 9999999

Jumlah Pesanan : 999999999

Jumlah Harga : 99999999

Total Harga : 999999999

Pajak : 999999999

Total Harga Keseluruhan : 999999999

Sistem pemesanan buku online menggunakan satu kesatuan

database. Secara umum database yang akan diimplementasikan pada

pemesanan buku online terdiri dari beberapa tabel yang membentuk satu

kesatuan sitem

a. Tabel Buku

Primary Key : Id_buku

Tabel 3.1 Tabel Buku

No Field Name Type Width keterangan

1. Id_buku * Varchar 5 Id tiap-tiap buku

2. Judul Varchar 50 Judul buku

3. Id_kategori Varchar 10 Kategori buku

4. Id_pengarang Varchar 6 Id pengarang buku

5. Id_penerbit Varchar 5 Id penerbit buku

6. Thn_terbit Integer 4 Tahun terbit buku

7. ISBN Varchar 13 Nomor isbn buku

8. Halaman Integer 3 Jumlah halaman buku

9. Harga Integer 8 Harga buku

10. Deskripsi Text Deskripsi buku

11. Image Varchar 20 Gambar sampul buku

b. Tabel Kategory

Primary Key :Id_kategori

Tabel 3.2 Tabel Kategory


1. Id_kategori * Varchar 10 Id Kategori buku

2. Keterangan Varchar 20 Keterangan kategori

buku

3. Image Varchar 60 Gambar Kategori

c. Tabel Penerbit

Primary Key : Id_penerbit

Tabel 3.3 Tabel Penerbit


1. Id_penerbit * Varchar 5 Id tiap penerbit

2. Nama_penerbit Varchar 25 Nama penerbit buku

3. Alamat Varchar 30 Alamat penerbit

4. Deskripsi Text Deskripsi penerbit

d. Tabel Pengarang

Primary Key : Id_pengarang

Tabel 3.4 Tabel Pengarang


1. Id_pengarang * Varchar 6 Id pengarang buku

2. Nama_pengarang Varchar 20 Nama pengarang buku

3.Deskripsi Text

Deskripsi tiap

pengarang

e. Tabel Pesan

Composit Key : Id_pesan

Tabel 3.5 Tabel Pesan


1. Id_pesan Int 11 Id pesan pembeli

2. No_urut Int 2 No urut pembeli

3. Id_buku Varchar 5 Id tiap-tiap buku

4. Tanggal Date Tanggal pemesanan

5. Jumlah Int 11 Jumlah produk pesanan

f. Tabel User

Primary Key : Username

Tabel 3.6: Tabel User

No Field Name Type Width Keterangan

1. Username * Varchar 10 Username pengunjung

2. Password Varchar 10 Password

3. Nama Varchar 30 Nama pembeli

4. Alamat Varchar 20 Alamat User

5. Kodepos Varchar 5 Kodepos wilayah

6. Kota Varchar 10 Nama kota

7. Propinsi Varchar 20 Nama Propinsi

8. Telp Varchar 12 Nomor telepon

9. Email Varchar 20 Alamat email

g. Tabel Pesan_akhir

Primary Key : Id_pesan

Tabel 3.7: Tabel Pesan_akhir


1. Id_pesan * Integer 11 Id pesan

2. Username Varchar 10 Username pengunjung

3. Status_pesan Char 3 Status pesanan

4. Totalbayar Double Total pembayaran

5. Tanggal Date Tanggal Transaksi

h. Tabel Forum

Primary Key : Id_forum

Tabel 3.8 : Tabel Forum


1. Id_forum* Integer 11 Id foum

2. Judul Varchar 50 Judul forum

3. Ket Text Keterangan forum

i. Tabel Topik

Primary Key : Id_topik

Tabel 3.9: Tabel Topik


1. Id_topik * Integer 11 Id topik

2. Id_forum Integer 11 Id forum

3. Judul_topik Varchar 50 Judul topik

j. Tabel Tekstopik

Primary Key : Id_teks

Tabel 3.10: Tabel tekstopik


1. Id_teks * Integer 11 Id teks

2. Id_topik Integer 11 Id topik

3. Id_forum Integer 11 Id forum

4. Pengirim Varchar 30 Nama pengirim

5. Teks Text Teks topik

k. Tabel Tamu

Primary Key : Id

Tabel 3.11: Tabel Tamu


1. Id * Integer 5 Id pengunjung

2. Nama Varchar 20 Nama pengunjung

3. Email Varchar 20 Alamat email pengunjung

4. Alamat Varchar 30 Alamat pengunjung

5. Pesan Text Pesan yang ditulis

6. Tglkirim Date Tanggal pengiriman

7. Pklkirim Time Pukul pengiriman

l. Tabel Admin

Primary Key : Username

Tabel 3.12: Tabel Admin


1. Username* Varchar 10 Username pengunjung

2. Password Varchar 10 Password

m. Tabel Polling

Primary Key : Id

Tabel 3.13: Tabel Polling


1. Id* Integer 5 Id polling

2. Judul Varchar 50 Judul polling

3. Pilihan Varchar 100 Pilihan jawaban

4. Jawaban Varchar 30 Jawaban

n. Tabel Berita

Primary Key : Id

Tabel 3.14: Tabel Berita


1. Id* Integer 11 Id berita

2. Tglkirim Date Tanggal kirim berita

3. Pukulkrm Time Pukul kirim

4. Judul Varchar 50 Judul berita

5. Isiberita Text Isi berita

n. Tabel Counter

Primary Key : Id

Tabel 3.15: Tabel Counter


1. Id * Integer 11 Id counter

o. Tabel Kontak

Primary Key : -

Tabel 3.16: Tabel Kontak


1. Nama Varchar 20 Nama pengunjung

2. Email Varchar 15 Alamat email

3. Judul Varchar 40 Judul pesan

4. Pesan Text Pesan yang dikirim

p. Tabel Validasi

Nama Tabel :Validasi

Tabel 3.17: Tabel Validasi


1 a Text Penampung username admin

2. b Text Penampung password admin

1374 BD2 007 Studi Kasus 010 Web Toko Buku Online

Documents

Transcript of 1374 BD2 007 Studi Kasus 010 Web Toko Buku Online