BAB III ANALISA DAN PEMBAHASAN III-1

BAB III
ANALISA DAN PEMBAHASAN

3.1. ANALISIS
3.1.1. Procedure kasus
a. Prosedur Pendaftaran Anggota
Halaman sign up merupakan halaman daftar member
anggota baru di website toko buku komik online. Di dalam halaman
ini user diminta untuk memasukkan user id, password, nama
lengkap, email, nomor telepon dan alamat rumah sebagai tempat
pengiriman buku yang dipesan. Bila user sudah mengisi field
dengan benar, maka user tekan tombol kirim agar data yang
diinput masuk ke database toko buku. Tombol reset disediakan
bila user membatalkan pendaftaran menjadi member baru.

b. Prosedur Pemesanan Buku

Untuk memesan buku, user diharuskan melakukan login.
user yang sudah melakukan Sign in, dapat menekan tombol pesan
untuk memasukkan buku ini ke dalam keranjang belanja, Halaman
keranjang belanja di desain untuk menyimpan data buku yang
dipesan oleh user. Di dalam keranjang belanja, user dapat
menambah jumlah buku yang dipesan. terdapat juga tombol hapus
untuk menghapus buku yang dipesan. Untuk melanjutkan membeli
buku, user dapat mengklik lanjutkan belanja dan klik checkout
untuk mengakhiri belanja buku. Setelah melakukan checkout data,
user akan mendapatkan konfirmasi pembelian buku dan data
pribadi user yang merupakan alamat user dimana buku tersebut
akan dikirimkan
 BAB III ANALISA DAN PEMBAHASAN III-2

c. Prosedur Pembayaran Buku

Setelah melakukan checkout data, user dapat melakukan
pembayaran melalui transfer ke nomor rekening yang tertera pada
website toko buku Headmaster, yang kemudian bukti transfer
tersebut dikirimkan melalui faximile kepada toko buku headmaster
sebagai bukti pembayaran, dan setelah pihak toko buku tersebut
menerima bukti transfer barulah pihak toko buku menghubungi
user untuk mengkonfirmasi alamat pengiriman buku.

3.2 PERANCANGAN SISTEM

3.2.1 Busines Actor
Business Actor mendefinisikan entitas eksternal dan orang
yang berinteraksi dengan sistem bisnis. Sebuah Business Actor
dapat berupa orang, namun sebuah sistem informasi yang
berinteraksi dengan sistem bisnis juga bisa berperan sebagai
sebuah business actor.
Dalam website ini, secara generik hanya terdapat 3 buah
business actor, yaitu :
1. Administrator, sebagai pengelola serta pengontrol
segala kegiatan yang terjadi di dalam situs ini.
2. User, merupakan pengguna umum yang tidak dapat
melakukan perubahan terhadap isi situs melainkan hanya
dapat menggunakan fasilitas – fasilitas yang diberikan oleh
administrator saja.
3. Member, berperan sama seperti user namun member
mempunyai keistimewaan yaitu dapat menggunakan fasilitas
BAB III ANALISA DAN PEMBAHASAN III-3

pembelian buku jika sudah mendaftar menjadi member dari

situs ini

3.2.2 Busines Use-case

Business Use-Case digunakan untuk menyatakan
fungsionalitas yang disediakan oleh suatu organisasi secara
keseluruhan dan digunakan secara intensif untuk menghimpun
konteks sistem dan membentuk dasar pembuatan use-case.
kegiatan yang digambarkan oleh Business Use-Case adalah :

1. Login. Kegiatan ini dilakukan untuk masuk kedalam

ruang admin agar dapat mengolah data informasi ataupun
data-data masukan yang terjadi.
2. Manajemen Data. Kegiatan ini dilakukan untuk
menghapus member, menambah katalog buku, menghapus
pesanan buku member, dan menghapus kirim pesan yang
dikirimkan oleh user.
3. Validasi Data. Kegiatan ini hanya dapat dilakukan
oleh admin yaitu memvalidasikan data-data inputan yang
nantinya akan disimpan..

3.2.3 Busines Object Model

Merupakan penjelasan lebih lanjut atau rinci dari diagram
use-case yang bertujuan untuk mengidentifikasi proses dan
interaksi yang terjadi dalam setiap prosesnya. Berikut ini
merupakan kegiatan dalam sistem website yang digambarkan
dalam Bussiness Object Model.
BAB III ANALISA DAN PEMBAHASAN III-4

3.2.4 Busines Worker dan Entity

1. Use Case Diagram

Home

Katalog Buku
Login

<<include>>

user
Keranjang Belanja admin
<<extend >>

<<include >>
Pembayaran Buku

Pemesanan Buku

member F.A.Q

About US

Gambar III.1 Usecase Diagaram Toko Buku Komik Komik Online

use case diatas menggambarkan pemesanan buku komik.

Terdapat 3 aktor, yaitu Member, Admin dan bagian keuangan dan
barang. Member dapat menggagalkan transaksi begitu juga admin.
BAB III ANALISA DAN PEMBAHASAN III-5

Selain itu, member memesan buku komik akan dimasukkan ke

dalam keranjang belanja. Admin dapat melihat buku apa yang
dipesan oleh member. Setelah memesan buku, member akan
melakukan pembayaran sesuai dengan perjanjian sebelumnya,
yaitu melakukan transfer ke ATM yang dimaksud kemudian
mengirimkan bukti pembayaran melalui fax, kemudian Admin
melakukan pengecekan bukti transfer dan pengiriman barang
pesanan member. Admin dapat melihat transaksi yang sudah
dilakukan oleh member.

a. Pendaftaran Anggota

Database Anggota

<< include>>

Pendaftaran
Anggota

user << extend>>

Form Iput Data

Anggota

Gambar III.2 Usecase Diagram prosedur pendaftaran anggota

Dari Gambar di atas terlihat bahwa use case melakukan pengisian

Form input data anggota. Stereotype <<include>> digunakan untuk
memvalidasi Form input data anggota, setiap kali Form input data
BAB III ANALISA DAN PEMBAHASAN III-6

anggota tersebut dimasukkan. Stereotype <<extend>> digunakan

untuk menunjukkan bahwa use case merupakan tambahan dari
yang lain jika kondisi atau syarat tertentu dipenuhi.
b. Pembelian Buku

Data Pemesanan
Buku

<< include>>

Pemesanan Buku

Member
<< extend>> Admin

Form Pemesanan B uku

Gambar III.3 Usecase Diagram prosedur pembelian buku

Dari Gambar di atas terlihat bahwa use case melakukan

pemesanan buku . Stereotype <<include>> digunakan untuk
memvalidasi Form pemesanan buku setiap kali Form pemesanan
buku tersebut dimasukkan. Stereotype <<extend>> digunakan
untuk menunjukkan bahwa use case merupakan tambahan dari
yang lain jika kondisi atau syarat tertentu dipenuhi.
BAB III ANALISA DAN PEMBAHASAN III-7

c. Pembayaran

Data Rekening

<< extend>>

Pembayaran

Member

<< include >>

<< include >>

Bukti Transfer Transfer Uang

Admin

Gambar III.4 Usecase Diagram prosedur pembayaran

Dari Gambar di atas terlihat bahwa use case melakukan

pembayaran. Stereotype <<include>> digunakan untuk Transfer
Uang dan Bukti Transfer setiap kali Transfer Uang dan Bukti
Transfer tersebut dimasukkan. Stereotype <<extend>> digunakan
BAB III ANALISA DAN PEMBAHASAN III-8

untuk menunjukkan bahwa use case merupakan tambahan dari

yang lain jika kondisi atau syarat tertentu dipenuhi.

2. Class Diagram
Class diagram adalah sebuah spesifikasi yang jika
diinstansikan akan menghasilkan sebuah objek dan merupakan inti
dari pengembangan dan desain berorientasi objek.
BAB III ANALISA DAN PEMBAHASAN III-9

toko _admin
1 1
id
1 user 1
pass
sesi 0..
aktif
1 1
counter
id
0.. 0..
toko _buku toko _member
id
1
mid
tanggal user 0..
hit _pesan pass
hit _lihat sesi
bk _jumlah nama
bk _judul alamat 1
bk _penulis
bk _kategori
0.. 1 email
tgl _daftar 1
bk _penerbit tgl _login
bk _tglterbit telepon toko _lupapass
bk _jmlhal hp email
bk _harga online 1
bk _path hostname
bk _sinopsis
bk _diskon
isbn 1 toko _guestbook
1 0..
id
0.. tanggal
toko _belanja nama
bid email
katid address
or _user isi
0.. or _judul
or _harga
or _qty
0.. orIII.5
Gambar _total
or _tgl class diagram
or _pesan

3. Statechart diagram
a. Statechart diagram pendaftaran anggota
BAB III ANALISA DAN PEMBAHASAN III-10

Data belum
lengkap Isi ulang
Pendaftaran Anggota
data anggota

Data
Data anggota
Lengkap anggota
Lengkap

Pengirimn data
ke database

Gambar III.6 statechart diagram pendaftaran anggota

Deskripsi Gambar : Seorang user mengisi data anggota baru, lalu

sistem mengecek kelengkapan data yang akan dikirim, jika data
belum lengkap maka sistem akan memberikan peringatan dan
user harus melengkapi data, setelah itu data dapat terkirim ke
database.

b. Statechart diagram pemesanan buku

BAB III ANALISA DAN PEMBAHASAN III-11

tambah
pesanan buku
Pemesanan Buku Lanjutkan Belanja

Selesai Selesai
memesan buku
memesan buku

checkout

Gambar III.7 statechart diagram pemesanan buku

Deskripsi Gambar : Seorang member memesan buku dan dapat

pula menambah jumlah buku yang di pesan dengan mengklik
lanjutkan belanja dan klik checkout untuk mengakhiri belanja buku
yang setelah itu data dapat terkirim ke database.

4. Activity Diagram
Activity diagrams menggambarkan berbagai alir aktivitas
dalam sistem yang sedang dirancang, bagaimana masing-masing
alir berawal, decision yang mungkin terjadi, dan bagaimana
mereka berakhir. Activity diagram juga dapat menggambarkan
proses paralel yang mungkin terjadi pada beberapa eksekusi.
Penulis memasuki tahapan pemesanan. Maka tahapan
pemesanan yang dirancang penulis adalah start menuju
homepage. Pada halaman awal user dapat mengakses lihat
katalog kemudian halaman memesan buku. Untuk memesan buku,
BAB III ANALISA DAN PEMBAHASAN III-12

user diharuskan melakukan login. Bila user tidak bisa login, maka
user harus mendaftar terlebih dahulu. Setelah melakukan
pendaftaran, user dapat melakukan login dan dapat mengakses
keranjang belanja.

Halaman keranjang belanja ini user dapat menghapus pesanan

dan menambah pesanan. Bila user menambah buku yang dipesan
maka akan tampil halaman konfirmasi pesanan atau lebih dikenal
dengan halaman check out.

Terdapat fork untuk menyatukan kembali data kemudian disimpan

di dalam database. Setelah data tersimpan, user dapat melakukan
logout untuk mengakhiri pemesanan buku komik.

a. Activity Diagram
BAB III ANALISA DAN PEMBAHASAN III-13

in d e x p /hhpo m e M e m esa n bu ku

d a fta r
b u[ k a n m e m] b e r
[m e m b] e r

lo g in
B u ku ta m u F orum L ih a t k a ta lo g

K e r a n ja n g b e la n ja

is i b u k u ta m u A c tio n S ta
2 te r e p ly to p ik

H a p u s p e sa n aTna m b a h p e s a n a n

[y a]

tid a ]k [

K o n fir m a s i p e s a n a n

S im p a n d a ta lo g o u t

Gambar III.8 activity diagram toko buku online

b. Activity Diagram Pendaftaran Member

BAB III ANALISA DAN PEMBAHASAN III-14

member admin

Sign Up

isi FormPendaftaran

Data lengkap
Melihat Data Member Baru

Data belum
lengkap

Lengkapi FormPendaftaran

Gambar III.9 activity diagram Pendaftaran Member

c. Activity Diagram Pemesanan Buku

BAB III ANALISA DAN PEMBAHASAN III-15

member admin

Memilih menu
Katalog buku

Add to cart

Pesan buku
Melihat data pesanan member

Tidak pesan
buku

detail pesanan buku

Keterangan tidak pesan buku

Gambar III.10 activity diagram Pemesanan Buku

d. Activity Diagram pembayaran Buku

 BAB III ANALISA DAN PEMBAHASAN III-16
member admin

menerima konfirmasi
komfirmasi pembelian buku
pesanan buku

tidak
membatalkan pembellian

ya

menerima bukti transfer

transfer uang

menerima pesanan buku pengiriman buku

Gambar III.11 activity diagram Pembayaran Buku

5. Sequence Diagram
Sequence diagram menggambarkan interaksi antar objek di
dalam dan di sekitar sistem (termasuk pengguna, display, dan
sebagainya) berupa message yang digambarkan terhadap waktu.
Sequence diagram terdiri atar dimensi vertikal (waktu) dan dimensi
horizontal (objek-objek yang terkait).
Sequence diagram biasa digunakan untuk menggambarkan
skenario atau rangkaian langkah-langkah yang dilakukan sebagai
respons dari sebuah event untuk menghasilkan output tertentu.
Diawali dari apa yang men-trigger aktivitas tersebut, proses dan
perubahan apa saja yang terjadi secara internal dan output apa
yang dihasilkan.
BAB III ANALISA DAN PEMBAHASAN III-17

a. Sequence diagram daftar member

Form Isi
CTRL _ Pendaftaran T_Pendaftaran
_
User Pendaftaran

OPEN
Input user _ID

Input password

Input Konfirmasi password

Input nama lengkap

Input email

Input No telepon

Input No HP
Input Alamat lengkap

Kirim () Kirim () Kirim ()

Reset () Reset () Reset ()

Gambar III.12 sequence diagram daftar member

b. Sequense diagram login user

BAB III ANALISA DAN PEMBAHASAN III-18

Form Isi
member CTRL _ member T_mem
__ ber
Login member

OPEN
Input user

Input password

Login () Login () Login ()

()

Gambar III.13 sequence diagram login user

c. sequence diagram katalog buku

Form Isi
member CTRL _katalog buku T_katalog
_ buku
Katalog buku

view judul
OPEN
view harga

Edit jumlah pesanan

ubah () ubah () ubah ()

hapus () hapus () hapus ()

Gambar III.14 sequence diagram katalog buku

BAB III ANALISA DAN PEMBAHASAN III-19

d. Sequence diagram tambah katalog

Fo r m Is i
a dm in C T R L_ta m b a h k a ta log T_ta m b a h k a ta lo g
T a m ba h k a ta lo g

OPE N
Inp u t IS B N

Inp u t jud u l
Inp ut p e nu lis
In pu t k a te go r i
In pu t pe ne r b it
Inp utju m la h b uk u

In p ut b ula/ta
n h un t e r b it
Inp ut ju m la h h a la m a n

In pu t ha r ga
(a n g k )a
Inp u t d is k o n

G e t file g a m ba r
D is p la y file g a m b a r

Inp ut s in op s is

up lo a d () u ploa d () u ploa d (())

r e s e t(( ) r e s e t()
() r e s e t()
()

Gambar III.15 sequence diagram tambah katalog

BAB III ANALISA DAN PEMBAHASAN III-20

6. Collaboration Diagram
Collaboration diagram juga menggambarkan interaksi antar
objek seperti sequence diagram, tetapi lebih menekankan pada
peran masing-masing objek dan bukan pada waktu penyampaian
message.
:

F.A.Q :
Add, Edit & View

About Us
Keranjang belanja
Add, Edit & View
Add, Edit & View

Add, Edit & View

Admin

Katalog buku View

Login

Open View View

Index Admin
Admin Browser

Open
view :

view
Index : User
User Browser view
View, add
Katalog buku

FAQ
Login

: About Us

view

Katalog buku : Member

view
View, add

View, add

About us
Keranjang belanja
-

FAQ

Gambar III.16 collaboration diagram

BAB III ANALISA DAN PEMBAHASAN III-21

7. Component Diagram
Component diagram menggambarkan struktur dan hubungan
antar komponen piranti lunak, termasuk ketergantungan
(dependency) diantaranya.

Simpan ke database

Kirim

Isi Data

Login

Browsing
Gambar III.17 component diagram
BAB III ANALISA DAN PEMBAHASAN III-22

8. Deployment Diagram
Deployment diagram menggambarkan detil bagaimana
komponen di-deploy dalam infrastruktur sistem, dimana komponen
akan terletak pada mesin , server , dan piranti keras lainnya.

Client Browser Web Server

Page request

Database request

Database Server

Gambar III.18 Deployment diagram

BAB III ANALISA DAN PEMBAHASAN III-23

9. Package Diagram
Sebuah bentuk pengelompokkan yang memungkinkan
untuk mengambil sebuah bentuk di UML dan mengelompokkan
elemen-elemennya dalam tingkatan unit yang lebih tinggi.
Kegunaan package yang paling umum adalah untuk
mengelompokkan class.
Berikut adalah Package diagram admin yang ada pada sistem
Dept Store Sarinah :

Update

Validasi

Index /
homepage
Upload
D ata

Gambar III.19 Package Diagram Admin

3.3 Pembahasan
Membangun sebuah situs internet sekarang ini sangatlah
mudah. Ketika kita membuat halaman web atau website dalam
Dreamweaver MX 8, ini tidak secara otomatis muncul dalam
web. Kita perlu mempublish atau mengupload file kita ke web.
Ketika ini kedengarannya sulit, kebetulan Dreamweaver MX 8
datang dengan fitur publishing didalamnya yang mengijinkan
kita untuk menaruh file kita pada web dengan mudah.
BAB III ANALISA DAN PEMBAHASAN III-24

3.3.1 Struktur Database

Dalam web took buku ini terdapat database sebagai
tempat penyimpanan data yang bersifat dinamis, database
tersebut bernama tokoonline, dalam database ini terdapat 7 tabel
yaitu :

a. Tabel counter
Tabel ini berfungsi untuk menghitung jumlah user yang
mengunjungi website ini, yang terdiri dari id tabel ini juga
digunakan untuk login ke halaman admin :
Element
No Akronim Type Width Deskripsi
Data
Jumlah
1 id int 4
pengunjung

Tabel III.1 Tabel counter

b. Tabel Administrator
Tabel admin digunakan untuk menyimpan data administrator.
Dimana data administrator adalah username dan password untuk
membuka halaman home administrator yang ada di situs ini.
Berikut adalah struktur tabel admin :.

No Element Data Akronim Type Width Deskripsi

Primary
1 Id admin id int 4
Key
Nama user
2 user varchar 10
admin
Password
3 pass varchar 100
admin
BAB III ANALISA DAN PEMBAHASAN III-25

Enskripsi
4 sesi varchar 100
password
Tingkat
5 aktif enum ‘0’,’1’
Pengguna

Tabel III.2 Tabel Administrator

c. Table Belanja
Tabel ini merupakan tempat penyimpanan data transaksi yang
dilakukan oleh member. Struktur tabel belanja sebagai berikut :

Element
No Akronim Type Width Deskripsi
Data
Primary
1 Id belanja bid int 10
key
Nama user
2 katid int 10
admin
User
3 or_user varchar 255
member

4 Judul buku or_judul varchar 255

5 Harga buku or_harga decimal 13,0

Jumlah
6 or_qty decimal 13,0
pesan
Total
7 or_total decimal 13,0
pembelian
Tanggal
8 or_tgl varchar 50
pesan
Tingkat
9 or_pesan enum ‘0’,’1’,’2’
pesanan
BAB III ANALISA DAN PEMBAHASAN III-26

Tabel III.3 Tabel Belanja

d. Tabel buku
Tabel buku merupakan tabel untuk menyimpan data – data buku
yang dimasukkan oleh admin di dalam situs ini. Untuk membuat
tabel buku, menggunakan struktur sebagai berikut.
Element
No Akronim Type Width Deskripsi
Data
Primary
1 Id buku id int 11
key
Tanggal
2 tanggal varchar 50
upload
Jumlah
3 hit_pesan int 10
pesanan
Banyak lihat
4 hit_lihat int 10
buku
Jumlah stok
5 bk_jumlah int 5
buku
6 Judul buku bk_judul varchar 255
Nama
7 bk_penulis varchar 255
penulis
Kategori
8 bk_kategori varchar 255
buku
Nama
9 bk_penerbit varchar 255
penerbit
Tanggal
10 bk_tglterbit varchar 100
terbit
Jumlah
11 bk_jmlhal varchar 50
halaman
12 Harga buku bk_harga decimal 15,0
Lokasi
13 bk_path varchar 155
gambar
14 Sinopsis bk_sinopsis text
BAB III ANALISA DAN PEMBAHASAN III-27

buku
15 Diskon buku bk_diskon int 2
16 Kode buku isbn varchar 10

Tabel III.4 Tabel Buku

e. Tabel Guest Book

Tabel guestbook merupakan tabel untuk menyimpan data user
yang mengirimkan pesan kepada administrator. Di dalam tabel ini
menggunakan struktur tabel sebagai berikut.

No Element Data Akronim Type Width Deskripsi

Primary
1 Id guest id int 10
Key
Tanggal
2 tgl varchar 200
guestbook
Nama
3 nama varchar 200
pengirim
Email
4 email varchar 255
pengirim
Alamat
5. address varchar 255
pengirim

6. Isi Komentar isi text

Tabel III.5 Tabel Guest Book

f. Tabel member
Tabel ini berfungsi untuk menyimpan data user yang mendaftar
menjadi member di dalam situs ini. Untuk membuat tabel
member, struktur yang digunakan adalah sebagai berikut.
BAB III ANALISA DAN PEMBAHASAN III-28

No Element Data Akronim Type Width Deskripsi

Primary
1 id member mid int 4
Key
2 user member user varchar 10
password
3 pass varchar 12
member

4 enskripsi pass sesi varchar 100

5 nama member nama varchar 20

alamat
6 alamat varchar 255
member

7 email member email varchar 100

8 tanggal daftar tgl_daftar varchar 50

tanggal login
9 tgl_login varchar 50
akhir

10 nomor telepon telepon varchar 12

nomor
11 hp varchar 16
handphone
status
12 online enum ‘0’,’1’
member

13 hostname hostname varchar 100

Tabel III.6 Tabel member

g. Tabel Lupa Password

BAB III ANALISA DAN PEMBAHASAN III-29

Tabel ini berfungsi untuk membantu member yang pada saat

login, lupa dengan id atau password nya, dan data akan
dikonfirmasi melalui email. struktur yang digunakan adalah
sebagai berikut.

No Element Akronim Type Width Deskripsi

Data
1 Email email varchar 255
member

Tabel III.7 Tabel Lupa Password

3.3.2 Membuat tampilan website

Home /
Index

Katalog
Sign Up
Buku
F.A.Q About Us Sign In

Profile Cara Jadi Cara Keranjang

Buku Anggota Belanja Belanja

Pesan Buku

Lanjutkan
Belanja

Check Out

Close
BAB III ANALISA DAN PEMBAHASAN III-30

a. Halaman Home User

Halaman index.php user merupakan homepage dari situs ini. dapat
dilihat bahwa kita dapat melakukan pencarian kemudian terdapat
menu navigasi home, katalog buku,keranjang belanja, FAQ serta
About Us. Di dalam halaman home ini user dapat melakukan
pencarian buku, SignIn bila sudah mendaftar menjadi member,
SignUp untuk mendaftar menjadi member baru dan fasilitas kirim
pesan untuk mengirim pesan kepada administrator.

Home Katalog Belanja FAQ About Sign in

Cari

Signup
pesan Banner
Buku
Terbaru

Lupa
Password TEXT
Buku
Terlaris
Situs Lain
BAB III ANALISA DAN PEMBAHASAN III-31

Gambar III.20 Rancangan halaman index

b. Halaman Katalog Buku

Di dalam halaman katalog buku, user dapat memilih untuk melihat
jenis kategori buku, judul buku, penulis,serta penerbit buku yang
tersedia di dalam toko buku online. Bila user ingin melihat lebih
lengkap atau membaca resensi buku, maka dapat menekan tulisan
Detail. Untuk user yang sudah login menjadi member maka dapat
menekan tulisan pesan dan buku yang dipesan akan langsung
masuk kedalam katalog belanja.

FA Sign
Home Katalog Belanja About
Q in
Cari Katalog Buku
Signup Novel Komik
pesan Banner
Judul Buku
Penulis
Kategori Buku
Penerbit Terbaru

Detail Pesan
Lupa
Password Judul Buku
Penulis Buku
Kategori Terlaris
Situs Lain Penerbit

Detail Pesan
BAB III ANALISA DAN PEMBAHASAN III-32

Gambar III.21 Rancangan Halaman Katalog Buku

c. Halaman Keranjang Belanja

Halaman keranjang belanja di desain untuk menyimpan data buku
yang dipesan oleh user. Di dalam keranjang belanja, user dapat
menambah jumlah buku yang dipesan kemudian klik ubah untuk
mendapatkan total harga. Terdapat juga tombol hapus untuk
menghapus buku yang dipesan. Untuk melanjutkan membeli buku,
user dapat mengklik lanjutkan belanja dan klik checkout untuk
mengakhiri belanja buku.
F Sign
Home Katalog Belanja About
AQ in
Cari

Signup Belanja Buku

pesan Banner
ubah hapus Buku
Terbaru
Judul :
Harga :
Lupa Jumlah Pesan :
hapus hapus
Password

Judul : Buku
Harga : Terlaris
Situs Lain Jumlah Pesan :
Total harga :
Lanjutkan belanja Checkout
BAB III ANALISA DAN PEMBAHASAN III-33

Gambar III.22 Rancangan Halaman Keranjang Belanja

d. Halaman F A Q
F.A.Q merupakan singkatan frequency answear question yang
berisi pertanyaan - pertanyaan dasar penggunaan situs ini.
BAB III ANALISA DAN PEMBAHASAN III-34

Halaman FAQ menyediakan petunjuk menjadi member baru serta

cara pembelian buku pada Toko buku online.

F Sign
Home Katalog Belanja About
AQ in
Cari

Signup
pesan Banner
Buku
Terbaru

Lupa
Password
Buku
Situs Terlaris
Lain

Gambar III.23 Rancangan halaman FAQ

e. Perancangan Halaman Home Administrator
Halaman administrator hanya dapat dimasuki oleh admin saja.
Karena keberadaan halaman ini terpisah dengan halaman untuk
BAB III ANALISA DAN PEMBAHASAN III-35

user. Ketika pertama kali halaman ini dibuka atau diakses,

halaman yang ditampilkan adalah halaman Login. Setelah admin
melakukan login, halaman home admin terbuka atau dapat
diakses.

Home
Admin

Member Lihat Lihat Lihat

Tambah Lihat
Lupa Pesanan Daftar Buku Log Out
Password Buku Katalog Katalog
Member Baru

Di halaman home admin terdapat menu home, lihat data pesanan,

lihat member, tambah katalog buku, lihat katalog buku, lihat kirim
pesan dan logout. Halaman home admin berisi statistik dan
informasi – informasi yang dibutuhkan oleh administrator. Selain
itu, halaman admin ini juga dapat melihat pesan dari member yang
lupa akan password atau username dengan mengklik member
lupa password.

Banner
Member
Lupa Password

Home Data Lihat Member Tambah Lihat Lihat Log out

Pesanan katalog Katalog krmp
sn
BAB III ANALISA DAN PEMBAHASAN III-36

IMAGE
TEXT

Gambar III.24 Rancangan Halaman Home Administrator

3.3.3 Mengakses website

Pada saat mengakses website bisa dengan
menggunakanan browser yang telah banyak tersedia seperti
BAB III ANALISA DAN PEMBAHASAN III-37

mozila firefox, internet explorer, goeglecrome, dan yang lainnya.

Caranya hanya dengan mengetikan alamat website yang dituju ke
dalam adrees bar yang terdapat pada browser yang digunakan.

a. Perangkat Keras
Perangkat keras yang dimaksud disini adalah seperangkat
alat atau elemen elektronik yang dapat membantu system yang
diusulkan sehingga program yang diusulkan oleh penulis dapat
bekerja dengan baik. Perangkat keras yang dibutuhkan dibagi atas
dua bagian, yaitu perangkat keras untuk web server dan perangkat
keras client.
Adapun perangkat keras minimal yang diperlukan oleh server
adalah sebagai berikut :
a. Processor : Pentium IV 2.4 Mhz
b. Memory Size (RAM) : 1 GB (DDRAM)
c. Monitor : SVGA Colour 15”
d. Harddisk : 80 GB
e. Keyboard : 107 Keys
f. Mouse : Standard Mouse
Adapun perangkat keras minimal yang diperlukan oleh client.
adalah sebagai berikut :
a. Processor : Pentium III-400 Mhz
b. Memory Size (RAM) : 256 MB (DDRAM)
c. Monitor : SVGA Colour 15”
d. Harddisk : 20 GB
e. Keyboard : 107 Keys
f. Mouse : Standard Mouse
g. Printer : Deskjet
BAB III ANALISA DAN PEMBAHASAN III-38

b. Perangkat Lunak
Perangkat lunak adalah suatu rangkaian atau susunan
instruksi yang harus benar dengan urutan-urutan yang benar.
Keberadaan perangkat lunak selalu menyertai perangkat keras
yang ada. Perangkat lunak yang dibutuhkan dibagi atas dua
bagian, yaitu perangkat lunak untuk web server dan perangkat
lunak untuk client.

Adapun perangkat lunak minimal yang diperlukan untuk web

server adalah sebagai berikut :

a. Operating System : Windows XP Profesional

b. Bahasa Program : PHP
c. Interpreter : PHP4 Engine versi 4.3.1
d. Database Server : MySQL Server versi 5.051a
e. Web Server : Apache versi 1.3.27
(for Windows)
f. Database Tools : PhpMyAdmin versi 2.1.14

Adapun perangkat lunak minimal yang diperlukan untuk

client adalah sebagai berikut :
a. Operating System : Windows 9x/ ME / 2000/ XP
b. Browser : Mozilla Firefox 3.01

Selain komponen system perangkat keras dan perangkat

lunak yang telah disebutkan sebelumnya ada komponen tambahan
yang dibutuhkan untuk mendukung pembuatan website ini yang
berbasis web menggunakan PHP dan MySQL. Perangkat lunak
lainnya tersebut diantara lain :
BAB III ANALISA DAN PEMBAHASAN III-39

1. Macromedia Dreamweaver 8, berfungsi sebagai media untuk

menuliskan scripts PHP. Contoh text editor yaitu Notepad,
PHPCoder, PHP Editor, Macromedia Dremweaver 8 dan lain
sebagainya. Dalam penulisan skrispi ini, digunakan
Macromedia Dreamweaver 8, karena sangat membantu
dalam penggunaan menuliskan perintah-perintah PHP yang
sulit.
2. Browser, berfungsi untuk melihat tampilan perintah-perintah
PHP yang telah dijalankan di web server. Contoh browser
yaitu: Internet Explorer, Netscape Navigator, Opera, Firefox,
dan lain-lain. Dalam hal ini penulis menggunakan Mozilla
Firefox.
3. Photo Editor, berfungsi untuk membuat ataupun mengubah
gambar. Dalam hal ini penulis menggunakan Adobe
Photoshop 7.0.

C. Nama Domain
Nama domain (domain name) adalah nama unik yang
diberikan untuk mengidentifikasi nama server komputer seperti
web server atau email server di jaringan komputer ataupun
internet. Nama domain berfungsi untuk mempermudah
pengguna di internet pada saat melakukan akses ke server,
selain juga dipakai untuk mengingat nama server yang
dikunjungi tanpa harus mengenal deretan angka yang rumit
yang dikenal sebagai IP address. Nama domain ini juga
dikenal sebagai sebuah kesatuan dari sebuah situs web
seperti contohnya "www.nusamandiri.ac.id". Nama domain
kadang-kadang disebut pula dengan istilah URL, atau alamat
BAB III ANALISA DAN PEMBAHASAN III-40

website. Untuk itu nama domain sebaiknya berbentuk IP atau

bias didaftarkan dengan nama domain yang sesuai dengan
kebutuhan.
D. Kapasitas Hosting dan Analisa Biaya
Hosting adalah jasa layanan internet yang menyediakan
server-server untuk disewakan sehingga memungkinkan
organisasi atau individu menempatkan informasi di internet.
Kapasitas hosting yang ditawarkan penyedia jasa hosting pun
cukup beragam. Melihat kebutuhan storage database pada
web ini tidak terlalu besar, maka kemungkinan kapasitas
hosting dari web ini adalah sebesar 100 mb. Strorage sebesar
itu akan sangat cukup untuk menangani database yang ada.
Untuk analisa biaya perusahaan harus membayar nama
domain dan biaya hosting. Kedua biaya tersebut akan sangat
tergantung pada hosting yang dipilih, sebagai contoh di salah
satu penyedia jasa hosting www.webiihost.com :

Tabel III.8 Tabel Analisa Biaya

PAKET HOSTING Premium1

Space 100 MB
Bandwidth 4 GB
Total web/domain yang dapat di host dalam 1
5
account
Per bulan (Rp) 25.000
Per 3 bulan (Rp) 75.000
Per 6 bulan (Rp) 150.000
125.000
Per 12 bulan (Rp) 300.000
250.000
BAB III ANALISA DAN PEMBAHASAN III-41

Min. Pembayaran 3 bln

Domains
Multi Domain (Domain Add-On)
Domain Alias Premium1
Subdomain 4
Email 4
POP 3 Accounts Unlimited
Mailing List
Web Mail Premium1
WAP Mail Unlimited
Email Forwarders 5
Email Autoresponder
SMTP
Email Blocking Unlimited
Modifikasi MX Unlimited
Trace Email Address
Catch All Email
Spam Protection
File Tansfer
24/7 FTP Access
FTP Account
Anonymous FTP
Web based file manager Premium1
Backup Manager
Database unlimited
MySQL
phpMyAdmin
BAB III ANALISA DAN PEMBAHASAN III-42

Security
Hot Link Protection
IP Deny Manager Premium1
Password Protected directories Unlimited
Statistic Tools
AwStats Statistic
Subdomain Statistic Premium1
Latest Visitor
Bandwidth Usage Viewer
Disk Usage Viewer Unlimited
Error Log
Features Premium1
Control Panel
99% uptime guarantee
PHP
CGI - Bin
WAP support
htaccess support

Dari tabel biaya yang ditawarkan oleh www.webiihost.com,

maka Toko Buku Komik Headmaster hanya tinggal memilih
biaya dilakukan perbulan, pertiga bulan, perenam bulan
ataupun pertahun.