bab iii pembahasan...25 bab iii pembahasan 3.1. tinjauan perusahaan 3.1.1. sejarah perusahaan toko...
TRANSCRIPT
-
25
BAB III
PEMBAHASAN
3.1. Tinjauan Perusahaan
3.1.1. Sejarah Perusahaan
Toko Batik Solo adalah sebuah toko yang menjual berbagai macam batik
yang berlokasi di jalan tuparev no 97 yang secara resmi berdiri pada bulan
oktober 1984. Pemilik Toko yaitu ibu Lie Diana, beliau mempunyai 6 orang
pekerja dan mempercayakan Toko Batik Solo kepada 6 orang pekerjanya.
Meskipun tergolong dalam perusahaan kecil, namun dengan usaha yang
keras dan kerjasama semua anggota pekerjanya. Toko Batik Solo mampu
bersaing secara kompetitif dengan toko batik lainnya.
1. Identitas Perusahaan
Nama Perusahaan : Toko Batik Solo
Awal Beroperasi : 10 Oktober 1984
Jenis usaha : Penjualan Batik
Alamat : Jalan Tuparev No.97
Telepon : (0267) 410336
Pemilik Toko : ibu Lie Diana
-
26
Visi dan Misi Toko Batik Solo yaitu:
a. Visi
Menjadikan Toko Batik yang terpercaya dengan mengutamakan kualitas,
kejujuran, keramahan, dan kerjasama yang berorientasi pada kepuasan
pelanggan.
b. Misi
Memberikan pelayanan terbaik bagi konsumen dan menjalin kerjasama
secara profesional, jujur dan tepat waktu dalam setiap kegiatan usaha dan
mengutamakan kualitas kinerja, produk dan hasil.
3.1.2. Struktur Organisasi
Owner
Adminisrasi
PenjualanGudang
Sumber: Toko Batik Solo (1984)
Gambar III.1
Strukture Organisasi Toko Batik Solo
-
27
Fungsi dari tiap-tiap bagian adalah sebgai berikut:
1. Owner
a. Memiliki wewenang sebagai pengambil keputusan setiap kegiatanya di
Toko Batik Solo.
b. Menerima dan mengevaluasi laporan dari bawahan.
2. Administrasi
a. Mengelola keluar masuknya uang dan membuat kwitansi biaya analisa.
b. Membuat pertanggung jawaban keuangan dalam buku kas harian.
c. Membuat laporan pertanggung jawaban perbulan dan menyimpan bukti
pembelian dan penjualan.
d. Mengetahui jumlah stok barang yang tersedia.
3. Gudang
a. Menyiapkan barang sesuai permintaan pelanggan.
b. Memberikan barang sesuai permintaan pelanggan
c. Mengetahui jumlah stok barang yang tersedia.
4. Penjualan
a. Memberikan penjelasan tentang produk, harga, dan kualitas kepada
pelanggan.
b. Bertanggung jawab atas penjualan produk.
3.2. Analisa Kebutuhan
3.2.1. Analisa Kebutuhan Pengunjung
1. Kebutuhan Pengunjung sebagai berikut:
a. Pengunjung dapat melihat halaman Home.
-
28
b. Pengunjung dapat melihat halaman Barang.
c. Pengunjung dapat melihat halaman cara pembelian..
d. Pengunjung dapat melihat cart / keranjang belanja
e. Pengunjung dapat melihat kontak kami
2. Kebutuhan member sebagai berikut:
a. Member bisa melakukan login dan log out
b. Pengunjung dapat mendaftar sebagai member baru
c. Setelah melakukan pembelian bisa mencetak struk pembelian.
d. Pengunjung dapat menambahkan produk yang telah dipilihnya.
3. Kebutuhan Admin sebagai berikut:
a. Admin dapat melakukan login dan logout
b. Admin dapat mengelola data admin seperti mengubah cara pembelian,
mengubah pasword, mengubah kategori produk, mengubah produk,
mengubah jasa pengiriman, mengubah ongkos kirim, mengubah rekening
bank.
c. Admin dapat mengelola data laporan order masuk dari pelanggan dan
apabila pelanggan sudah melakukan konfirmasi pembayaran dapat dilihat
di laporan transaksi order masuk.
3.2.2. Analisa Kebutuhan Sistem
Sistem yang baik adalah sistem yang dapat dan mampu mengikuti
kemajuan teknologi sesuai kebutuhan yang ada, jika suatu sistem mengalami
perubahan, tentu saja sistem tersebut akan menjadi ketinggalan zaman.
Kelemahan sistem yang ada pada Toko Batik Solo adalah sistem penjualan
-
29
barang yang masih bersifat manual, sehingga apabila pelanggan ingin membeli
barang harus mendatangi Toko Batik Solo langsung.
Dari kelemahan yang ada, maka penulis dapat mencari solusi dari
kelemahan tersebut dengan dibuatnya sistem penjualan batik berbasis website.
Website tersebut akan memudahkan pelanggan untuk melakukan transaksi jual
beli, sehingga pelanggan tidak harus mendatangi Toko Batik solo langsung tetapi
hanya dengan membuka website Toko Batik Solo pelanggan bisa berbelanja
sepuasnya. Dalam analisa kebutuhan sistem ini pengguna sistem adalah Admin
dan user yang akan dijelaskan sebagai berikut:
1. Admin
Admin dapat mengelola data admin, mengubah cara pembelian, mengubah
pasword, mengubah produk, mengubah kategori produk, mengubah ongkos
kirim, mengubah order masuk, dan mengubah transaksi order masuk.
2. User
User dapat dengan mudah mendapatkan informasi mengenai produk dan
penjualan pada website tersebut. Melalui website ini pula pelanggan yang jauh
dari Toko Batik Solo dapat memperoleh informasi dengan mudah
3.3. Perancangan Perangkat Lunak
3.3.1. Rancangan Antar Muka
1. Rancangan Tampilan Website Untuk Pengunjung
-
30
a. Halaman Beranda
Ucapan Selamat Pagi Siang Malam Halo Pengunjung Tombol Login
Logo Perusahaan
Kotak Pencarian
Shopping Chart
Home I Batik Pria I Batik Wanita I Cara Pembelian I Chart I Contact
Gambar Slider
Gambar Dan
Harga
Gambar Dan
Harga
Gambar Dan
Harga
Gambar Dan
Harga
Gambar Dan
Harga
Footer
Produk Baru
Gambar III.2
Rancangan Antar Muka Beranda User
b. Halaman Batik Pria
Logo Perusahaan
Kotak Pencarian
Shopping Chart
Home I Batik Pria I Batik Wanita I Cara Pembelian I Cart I Contact
Show by Kategori Gambar ProdukCart Icon / Beli Harga Produk
Footer
Ucapan Selamat Pagi Siang atau Malam Halo Pengunjung Tombol Login
Keterangan
Gambar III.3
Rancangan Antar Muka Batik Pria
-
31
c. Halaman Cara Pembelian
Logo Perusahaan
Kotak Pencarian
Shopping Chart
Home I Batik Pria I Batik Wanita I Cara Pembelian I Cart I Contact
Cara Pembelian Contact Dteail
Footer
Ucapan Selamat Pagi Siang atau Malam Halo Pengunjung Tombol Login
Gambar III.4
Rancangan Antar Muka Cara Pembelian
d. Halaman Cart
Logo Perusahaan
Kotak Pencarian
Shopping Chart
Home I Batik Pria I Batik Wanita I Cara Pembelian I Cart I Contact
Footer
Ucapan Selamat Pagi Siang atau Malam Halo Pengunjung Tombol Login
No. Nama Barang Quantity Diskon Unit Price Price Hapus
1 xxxxxx 99 99 99 99 Hapus
Check Out Belanja Lagi
Total
Ppn 10%
Gambar III.5
Rancangan Antar Muka Halaman Cart
-
32
e. Halaman Contact
Logo Perusahaan
Kotak Pencarian
Shopping Chart
Home I Batik Pria I Batik Wanita I Cara Pembelian I Cart I Contact
Footer
Ucapan Selamat Pagi, Siang atau Malam Halo Pengunjung Tombol Login
Nama...........
Email...........
Subjek...........
Chapchta
Pesan Anda
Sumbit
LOCATION MAP
Gambar III.6
Rancangan Antar Muka Halaman Contact
f. Halaman Form Data ( BeliBarang )
Logo Perusahaan
Kotak Pencarian
Shopping Chart
Home I Batik Pria I Batik Wanita I Cara Pembelian I Cart I Contact
Footer
Ucapan Selamat Pagi, Siang atau Malam Halo Pengunjung Tombol Login
Daftar Member Baru
Nama Lengkap.........
User Name..............
Password Anda.......
Alamat Lengkap......
Telepon..................
Pilih Kota
Captha
Daftar
Email......................
Nama Lengkap
User Name
Password
Alamat Pengiriman
Telepon
Email
Kota Tujuan
( Masukan 6 Kode Diatas )
Gambar III.7
Rancangan Antar Muka Form Data
-
33
2. Rancangan Tampilan Website Untuk Admin
a. Halaman Login Admin
Username
Password
LOGIN
ADMINISTRATOR
Gambar III.8
Rancangan Antar Muka Login Admin
b. Halaman Index Admin
Hallo Administator
Logout
Menu
Cara Pembelian
Ganti Password
Input Kategori
Input Produk
Jasa Pengirimin
Ongkos Kirim
Rekening Bank
Menu Transaksi
Order Masuk
Laporan Transaksi
Kalender
Selamat Datang Admin
Gambar III.9
Rancangan Antar Muka Index Admin
-
34
c. Halaman Cara Pembelian
Hallo Administator
Logout
Menu
Cara Pembelian
Ganti Password
Input Kategori
Input Produk
Jasa Pengirimin
Ongkos Kirim
Rekening Bank
Menu Transaksi
Order Masuk
Laporan Transaksi
Cara Pembelian
Tinymce
Xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Update
Gambar III.10
Rancangan Antar Muka Cara Pembelian
d. Halaman Ganti Password
Hallo Administator
Logout
Menu
Cara Pembelian
Ganti Password
Input Kategori
Input Produk
Jasa Pengirimin
Ongkos Kirim
Rekening Bank
Menu Transaksi
Order Masuk
Laporan Transaksi
Masukan Password Lama
Masukan Password Baru
Update
Kalender
Masukan Lagi Password Baru
Ubah Password Admin
Gambar III.11
Rancangan Antar Muka Ganti Password
-
35
e. Halaman Kategori
Hallo Administator
Logout
Menu
Cara Pembelian
Ganti Password
Input Kategori
Input Produk
Jasa Pengirimin
Ongkos Kirim
Rekening Bank
Menu Transaksi
Order Masuk
Laporan Transaksi
Input Kategori Baru
Data Kategori
Show Search
No. Nama Kategori Kategori SEO Aksi
1
Xxxxxxxxxxx Xxxxxxxxxxxxx EDIT I HAPUS
Showing 1 to 5 of xx Enties First Previous 1 2 3 Next Last
Gambar III.12
Rancangan Antar Muka Halaman Kategori
f. Halaman Produk
Hallo Administator
Logout
Menu
Cara Pembelian
Ganti Password
Input Kategori
Input Produk
Jasa Pengirimin
Ongkos Kirim
Rekening Bank
Menu Transaksi
Order Masuk
Laporan Transaksi
Input Kategori Baru
Data Kategori
Show Search
Nama Produk Stok Aksi
Xxxxxxxxxxx
999999999 EDIT I HAPUS
Showing 1 to 5 of xx Enties First Previous 1 2 3 Next Last
9999999
Harga
Gambar III.13
Rancangan Antar Muka Halaman Produk
-
36
g. Halaman Jasa Pengiriman
Hallo Administator
Logout
Menu
Cara Pembelian
Ganti Password
Input Kategori
Input Produk
Jasa Pengirimin
Ongkos Kirim
Rekening Bank
Menu Transaksi
Order Masuk
Laporan Transaksi
Input Jasa Kirim Baru
Data Jasa Kirim
Show Search
Nama Perusahaan Gambar i Aksi
Xxxxxxxxxxx
xxxxxxxxxxx
EDIT I HAPUS
Showing 1 to 5 of xx Enties First Previous 1 2 3 Next Last
xxxxxxxxx
Alias
Gambar III.14
Rancangan Antar Muka Halaman Jasa Pengiriman
h. Halaman Ongkos Kirim
Hallo Administator
Logout
Menu
Cara Pembelian
Ganti Password
Input Kategori
Input Produk
Jasa Pengirimin
Ongkos Kirim
Rekening Bank
Menu Transaksi
Order Masuk
Laporan Transaksi
Input Ongkos Kirim Baru
Data Ongkos Kirim
Show Search
Nama Kota Ongkos Kirim Aksi
Xxxxxxxxxxx
xxxxxxxxxxx
EDIT I HAPUS
Showing 1 to 5 of xx Entries First Previous 1 2 3 Next Last
xxxxxxxxx
Nama Perusahaan
Gambar III.15
Rancangan Antar Muka Halaman Ongkos Kirim
-
37
i. Halaman Rekening Bank
Hallo Administator
Logout
Menu
Cara Pembelian
Ganti Password
Input Kategori
Input Produk
Jasa Pengirimin
Ongkos Kirim
Rekening Bank
Menu Transaksi
Order Masuk
Laporan Transaksi
Input Bank Baru
Data Bank
Nama Bank Pemilik Aksi
Xxxxxxxxxxx
xxxxxxxxxxx
EDIT I HAPUS xxxxxxxxx
Nomor Rekening Gambar
xxxxxxxxxxx
Gambar III.16
Rancangan Antar Muka Halaman Rekening Bank
j. Halaman Order Admin
Hallo Administator
Logout
Menu
Cara Pembelian
Ganti Password
Input Kategori
Input Produk
Jasa Pengirimin
Ongkos Kirim
Rekening Bank
Menu Transaksi
Order Masuk
Laporan Transaksi
Order Masuk
No. Order Tgl.Order Aksi
99
dd/mm/yyyy
Baca I Hapus xxxxxxxxx
Nama Konsumen Jam
sh:mm:ss
Status
Lunas/Terkirim
Hal: 1 I
Gambar III.17
Rancangan Antar Muka Halaman Order Admin
-
38
3.3.2. Rancangan Basis Data
A. Entity Relationship Diagram
Gambar III.18
Entity Relationship Diagram
OrdersMelakukanCustomer
Id_customer
Password
Nama_lengkap
alamat
email
telpon
Mengerjakan
Konfirmasi
Id_konfirmasi
nama
email
subjek
pesan
tanggal
Memiliki Orders_detail
Id_orders
Jumlah
Mempunyai
Produk
Status_order Jam_order
Id_customer
Id_produk
Nama_produk
Produk_seo
deskripsi
hargastok
berat
Tgl_masuk
1 1 1 N
N
Tgl_order
Id_orders
1
1
1
Id_customer
Id_produk
Id_orders
-
39
B. Logical Record Strukture (LRS)
Pk id_customer
Password
Nama_lengkap
Alamat
Email
Telpon
Customer
Pk id_orders
Status_order
Tgl_order
Jam_order
Id_customer
Orders
Jumlah
Order_detail
Pk Id_konfirmasi
Nama
Email
subjek
pesan
tanggal
Konfirmasi
Pk Id_produk
Nama_produk
Produk_seo
Deskripsi
Harga
Stok
Berat
Tgl_masuk
Produk
N
N
1
1
1
1
1
1
Gambar III.19
Logical Record Strukture
C. Spesifikasi File
1. Spesifikasi File Tabel admins
Nama Database : batiksolo
Nama File : admins
Akronim : admins
Fungsi : Untuk mengelola data admin
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
-
40
Panjang Record : 320 karakter
Media Field : Hard Disk
Kunci Field : username
Software : Mysql
Tabel III.1
Spesifikasi File Tabel Admins
No. Elemen Data Nama Field Tipe Data Panjang Keterangan
1 Username Username Varchar 50 Primary key
2 Password Password Varchar 50
3 Nama lengkap Nama lengkap Varchar 100
4 Email Email Varchar 100
5 No Telp No Telp Varchar 20
2. Spesifikasi File Table Bank
Nama Database : batiksolo
Nama File : bank
Akronim : bank
Fungsi : Untuk mengetahui jenis bank yang digunakan
Tipe File : File master
Organisasi File : Indexed Sequential
Akses File : Random
Panjang Record : 405 karakter
Media Field : Hard Disk
Kunci Field : id
Software : Mysql
-
41
Tabel III.2
Spesifikasi File Tabel bank
No. Elemen Data Nama Field Tipe Data Panjang Keterangan
1 Id bank Id bank Int 5 Primary Key
2 Nama bank Nama bank Varchar 100
3 No rekening No rekening Varchar 100
4 Pemilik Pemilik Varchar 100
5 Gambar Gambar Varchar 100
3. Spesifikasi File Table Banner
Nama Database : batiksolo
Nama File : banner
Akronim : banner
Fungsi : Untuk mengolah tampilan iklan
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Panjang Record : 305 karakter
Media Field : Hard Disk
Kunci Field : id
Software : Mysql
-
42
Tabel III.3
Spesifikasi File Tabel Banner
4. Spesifikasi File Table Customer
Nama Database : batiksolo
Nama File : customer
Akronim : cutomer
Fungsi : Untuk data customer
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Panjang Record : 280 karakter
Media Field : Hard Disk
Kunci Field : id
Software : Mysql
Tabel III.4
Spesifikasi File Tabel Customer
No. Elemen Data Nama field Tipe Data Panjang Keterangan
1 Id_customer Id_customer Int 5 Primary Key
2 password password Varchar 50
No. Elemen Data Nama Field Tipe Data Panjang Keterangan
1 Id_banner Id_banner Int 5 Primary Key
2 Judul Judul Varchar 100
3 gambar Gambar Varchar 100
4 Tgl_posting Tgl_posting Varchar 100
-
43
3 Nama_lengkap Nama_lengkap Varchar 100
4 Alamat Alamat Text -
5 Email Email Varchar 100
6 Telpon Telpon Varchar 20
7 Id_kota Id_kota Int 5
5.Spesifikasi File Table Download
Nama Database : batiksolo
Nama File : download
Akronim : download
Fungsi : Untuk mendownload suatu data
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Panjang Record : 205 karakter
Media Field : Hard Disk
Kunci Field : id
Software : Mysql
Tabel III.5
Spesifikasi File Tabel Download
No. Elemen Data Nama field Tipe Data Panjang Keterangan
1 Id_download Id_download Int 5
2 judul judul Varchar 100
3 Nama_file Nama_file Varchar 100
4 Tgl_posting Tgl_posting Date -
-
44
6.Spesifikasi File Table Header
Nama Database : batiksolo
Nama File : header
Akronim : header
Fungsi : Untuk membuat tampilan atas di website
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Panjang Record : 505 karakter
Media Field : Hard Disk
Kunci Field : id
Software : Mysql
Tabel III.6
Spesifikasi File Tabel Header
No. Elemen Data Nama field Tipe Data Panjang Keterangan
1 Id_header Id_header Int 5 Primary key
2 Judul Judul Varchar 100
3 url url Varchar 100
4 Gambar Gambar Varchar 100
5 Deskripsi Deskripsi Varchar 200
6 Tgl_posting Tgl_posting Date -
7. Spesifikasi File Table Kategori
Nama Database : batiksolo
Nama File : Kategori
-
45
Akronim : kategori
Fungsi : Untuk membedakan kategori batik
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Panjang Record : 205 karakter
Media Field : Hard Disk
Kunci Field : id
Software : Mysql
Tabel III.7
Spesifikasi File Tabel Kategori
No. Elemen Data Nama field Tipe Data Panjang Keterangan
1 Id_kategori Id_kategori Int 5 Primary key
2 Nama_kategori Nama_kategori Varchar 100
3 Kategori_seo Kategori_seo Varchar 100
8. Spesifikasi File Table komentar
Nama Database : batiksolo
Nama File : komentar
Akronim : komentar
Fungsi : Untuk mengetahui komentar dari customer
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Panjang Record : 210 karakter
-
46
Media Field : Hard Disk
Kunci Field : id
Software : Mysql
Tabel III.8
Spesifikasi File Tabel Komentar
No. Elemen Data Nama field Tipe Data Panjang Keterangan
1 Id_komentar Id_komentar Int 5 Primary key
2 Id_produk Id_produk Int 5
3 Nama_komentar Nama_komentar Varchar 100
4 url url Varchar 100
5 Isi_komentar Isi_komentar Text -
6 tgl Tgl Date -
7 Jam_komentar Jam_komentar Time -
9.Spesifikasi File Table konfirmasi
Nama Database : batiksolo
Nama File : konfirmasi
Akronim : konfirmasi
Fungsi : Untuk memberi konfirmasi ke pelanggan
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Panjang Record : 255 karakter
Media Field : Hard Disk
Kunci Field : id
-
47
Software : Mysql
Tabel III.9
Spesifikasi File Tabel Konfirmasi
No. Elemen Data Nama field Tipe Data Panjang Keterangan
1 Id_hubungi Id_hubungi Int 5 Primary key
2 Nama Nama Varchar 50
3 Email Email Varchar 100
4 Subjek Subjek Varchar 100
5 Pesan Pesan Text -
6 Tanggal Tanggal Date -
10. Spesifikasi File Table kota
Nama Database : batiksolo
Nama File : kota
Akronim : kota
Fungsi : Untuk mengetahui data alamat pelanggan
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Panjang Record : 123 karakter
Media Field : Hard Disk
Kunci Field : id
Software : Mysql
-
48
Tabel III.10
Spesifikasi File Tabel Kota
No. Elemen Data Nama field Tipe Data Panjang Keterangan
1 Id_kota Id_kota Int 3 Primary key
2 Id_perusahaan Id_perusahaan Int 10
3 Nama_kota Nama_kota Varchar 100
4 Ongkos_kirim Ongkos_kirim Int 10
11. Spesifikasi File Table mainmenu
Nama Database : batiksolo
Nama File : mainmenu
Akronim : mainmenu
Fungsi : Untuk membuat menu dari sebuah website
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Panjang Record : 155 karakter
Media Field : Hard Disk
Kunci Field : id
Software : Mysql
Tabel III.11
Spesifikasi File Tabel Mainmenu
No. Elemen Data Nama field Tipe Data Panjang Keterangan
1 Id_main Id_main Int 5 Primary key
2 Nama_menu Nama_menu Varchar 50
3 link Link varchar 100
-
49
12. Spesifikasi File Table Modul
Nama Database : batiksolo
Nama File : modul
Akronim : modul
Fungsi : Untuk menambahkan fungsionalitas ke database
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Panjang Record : 255 karakter
Media Field : Hard Disk
Kunci Field : id
Software : Mysql
Tabel III.12
Spesifikasi File Tabel Modul
13. Spesifikasi File Table Orders
Nama Database : batiksolo
No. Elemen Data Nama field Tipe Data Panjang Keterangan
1 Id_modul Id_modul Int 5 Primary key
2 Nama_modul Nama_modul Varchar 50
3 Link Link Varchar 100
4 Stastic_content Stastic_content Text -
5 Gambar Gambar Varchar 100
6 status Status Text -
-
50
Nama File : orders
Akronim : orders
Fungsi : Untuk mengetahui data order pelanggan
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Panjang Record : 60 karakter
Media Field : Hard Disk
Kunci Field : id
Software : Mysql
Tabel III.13
Spesifikasi File Tabel orders
14. Spesifikasi File Table Orders_detail
Nama Database : batiksolo
Nama File : order_detail
Akronim : order_detail
Fungsi : Untuk menjelaskan detail dari suatu produk
Tipe File : File Master
No. Elemen Data Nama field Tipe Data Panjang Keterangan
1 Id_orders Id_orders Int 5 Primary key
2 Status_order Status_order Varchar 50
3 Tgl_order Tgl_order Date -
4 Jam_order Jam_order Time -
5 Id_customer Id_customer Int 5 Foreign key
-
51
Organisasi File : Indexed Sequential
Akses File : Random
Panjang Record : 15 karakter
Media Field : Hard Disk
Kunci Field : id
Software : Mysql
Tabel III.14
Spesifikasi File Tabel Orders_detail
15. Spesifikasi File Table Orders_temp
Nama Database : batiksolo
Nama File : order_temp
Akronim : order_temp
Fungsi : Untuk data order sementara
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Panjang Record : 120 karakter
Media Field : Hard Disk
Kunci Field : id
Software : Mysql
No. Elemen Data Nama field Tipe Data Panjang Keterangan
1 Id_orders Id_orders Int 5
2 Id_produk Id_produk Int 5
3 Jumlah Jumlah Int 5 Foreign key
-
52
Tabel III.15
Spesifikasi File Tabel Orders_temp
16. Spesifikasi File Table Poling
Nama Database : batiksolo
Nama File : Poling
Akronim : Poling
Fungsi : Untuk mengetahui jumlah pengujung di website
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Panjang Record : 130 karakter
Media Field : Hard Disk
Kunci Field : id
Software : Mysql
No. Elemen Data Nama field Tipe Data Panjang Keterangan
1 Id_orders_temp Id_orders_temp Int 5 Primary key
2 Id_produk Id_produk Int 5
3 Id_session Id_session Varchar 100
4 jumlah Jumlah Int 5
5 Tgl_order_temp Tgl_order_temp Date
6 Jam_order_temp Jam_order_temp Time
7 Stok_temp Stok_temp Int 5
-
53
Tabel III.16
Spesifikasi File Tabel Poling
17. Spesifikasi File Table produk
Nama Database : batiksolo
Nama File : produk
Akronim : produk
Fungsi : Untuk mengetahui produk batik solo
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Panjang Record : 360 karakter
Media Field : Hard Disk
Kunci Field : id
Software : Mysql
Tabel III.17
Spesifikasi File Tabel Produk
No. Elemen Data Nama field Tipe Data Panjang Keterangan
1 Id_poling Id_poling Int 5 Primary key
2 Pilihan Pilihan Varchar 100
3 Status Status Varchar 20
4 Rating Rating Int 5
No. Elemen Data Nama field Tipe Data Panjang Keterangan
1 Id_produk Id_produk Int 5 Primary key
-
54
18. Spesifikasi File Table Sekilasinfo
Nama Database : batiksolo
Nama File : sekiasinfo
Akronim : sekilasinfo
Fungsi : Untuk mengetahui info atau suatu berita
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Panjang Record : 205 karakter
Media Field : Hard Disk
Kunci Field : id
2 Id_kategori Id_kategori Int 5
3 Nama_produk Nama_produk varchar 100
4 Produk_seo Produk_seo varchar 100
5 Deskripsi Deskripsi Text -
6 harga Harga Int 20
7 Stok Stok Int 5
8 Berat Berat decimal 5,2
9 Tgl_masuk Tgl_masuk Date -
10 gambar Gambar varchar 100
11 Dibeli Dibeli Int 5
12 diskon Diskon Int 5
13 Status Status varchar 10
-
55
Software : Mysql
Tabel III.18
Spesifikasi File Tabel Sekilasinfo
19. Spesifikasi File Table shop_pengiriman
Nama Database : batiksolo
Nama File : shop_pengiriman
Akronim : shop_pengiriman
Fungsi : Untuk mengetahui data pengiriman produk
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Panjang Record : 310 karakter
Media Field : Hard Disk
Kunci Field : id
Software : Mysql
No. Elemen Data Nama field Tipe Data Panjang Keterangan
1 Id_sekilas Id_sekilas Int 5 Primary key
2 Info Info Varchar 100
3 Tgl_posting Tgl_posting Date -
4 gambar gambar varchar 100
-
56
Tabel III.19
Spesifikasi File Tabel Shop_pengiriman
20. Spesifikasi File Table Statistik
Nama Database : batiksolo
Nama File : statistik
Akronim : statistik
Fungsi : Untuk menganalisa data
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Panjang Record : 285 karakter
Media Field : Hard Disk
Kunci Field : id
Software : Mysql
Tabel III.20
Spesifikasi File Tabel Statistik
No. Elemen Data Nama field Tipe Data Panjang Keterangan
1 Id_perusahaan Id_perusahaan Int 10 Primary key
2 Nama_perusahaan Nama_perusahaan Varchar 100
3 Alias Alias Varchar 100
4 gambar Gambar varchar 100
No. Elemen Data Nama field Tipe Data Panjang Keterangan
-
57
21. Spesifikasi File Table Submenu
Nama Database : batiksolo
Nama File : submenu
Akronim : submenu
Fungsi : Untuk membuat menu di website
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Panjang Record : 160 karakter
Media Field : Hard Disk
Kunci Field : id
Software : Mysql
Tabel III.21
Spesifikasi File Tabel Submenu
1 Ip Ip Varchar 20 Primary key
2 Tanggal Tanggal Date -
3 Hits Hits Int 10
4 online Online varchar 255
No. Elemen Data Nama field Tipe Data Panjang Keterangan
1 Id_sub Id_sub Int 5 Primary key
2 Nama_sub Nama_sub Varchar 50
3 Link_sub Link_sub Varchar 100
4 Id_main Id_main Int 5
-
58
22. Spesifikasi File Table subproduk
Nama Database : batiksolo
Nama File : subproduk
Akronim : subproduk
Fungsi : gambaran produk yang ada di website
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Panjang Record : 210 karakter
Media Field : Hard Disk
Kunci Field : id
Software : Mysql
Tabel III.22
Spesifikasi File Tabel Subproduk
23. Spesifikasi File Table tag
Nama Database : batiksolo
Nama File : tag
Akronim : tag
Fungsi : Untuk membuat tabel
Tipe File : File Master
No. Elemen Data Nama field Tipe Data Panjang Keterangan
1 Id_subproduk Id_subproduk Int 5 Primary key
2 Id_produk Id_produk Int 5
3 Gambar Gambar Varchar 200
-
59
Organisasi File : Indexed Sequential
Akses File : Random
Panjang Record : 210 karakter
Media Field : Hard Disk
Kunci Field : id
Software : Mysql
Tabel III.23
Spesifikasi File Tabel tag
24. Spesifikasi File Table users
Nama Database : batiksolo
Nama File : users
Akronim : users
Fungsi : Untuk mengetahui data pelanggan
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Panjang Record : 722 karakter
Media Field : Hard Disk
Kunci Field : id
No. Elemen Data Nama field Tipe Data Panjang Keterangan
1 Id_tag Id_tag Int 5 Primary key
2 Nama_tag Nama_tag Varchar 100
3 Tag_seo Tag_seo varchar 100
4 count Count Int 5
-
60
Software : Mysql
Tabel III.24
Spesifikasi File Tabel users
25. Spesifikasi File Table Ym
Nama Database : batiksolo
Nama File : ym
Akronim : ym
Fungsi : Untuk masuk ke yahoo messenger
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Panjang Record : 316 karakter
No. Elemen Data Nama field Tipe Data Panjang Keterangan
1 Username Username varchar 50 Primary key
2 Password1 Password1 varchar 50
3 Password Password varchar 50
4 Nama_lengkap Nama_lengkap varchar 100
5 alamat Alamat varchar 200
6 Email Email Varchar 100
7 Aktivasi Aktivasi Int 6
8 Cek_aktivasi Cek_aktivasi Int 6
9 No_telp No_telp varchar 20
10 Id_kota Id_kota Int 2
11 level varchar 20 20
12 blokir Blokir - -
13 Id_session Id_session varchar 100
-
61
Media Field : Hard Disk
Kunci Field : id
Software : Mysql
Tabel III.25
Spesifikasi File Tabel ym
3.3.3. Rancangan Struktur Navigasi
1. Rancangan Struktur Navigasi Pengunjung
Index
Home Barang Login Beli Kontak kami Keranjang
Gambar III.20
No. Elemen Data Nama field Tipe Data Panjang Keterangan
1 Id Id Int 11 Primary key
2 nama Nama varchar 255
3 Username Username varchar 50
-
62
Rancangan Struktur Navigasi Pengunjung
2. Struktur Navigasi User
Daftar
Home Produk Order Logout
Login
Member
Gambar III.21
Rancangan Struktur Navigasi User
3. Struktur Navigasi Admin
Index Login
Cara pembelian
Ganti Password
Input produk
Input kategori
Jasa pengiriman
Ongkos Kirim
Rekening Bank
Menu Transaksi
Komentar
Gambar III.22
Rancangan Struktur Navigasi Admin
-
63
3.4. Implementasi dan Pengujian Unit
3.4.1. Implementasi
A. Implementasi Rancangan Antar Muka
Implementasi rancangan antar muka pada aplikasi penjualan batik
berdasarkan hasil rancangan antar muka adalah sebagai berikut:
1. Implementasi Antar Muka Pengunjung
a. Tampilan Halaman Beranda
Halaman Beranda ini akan muncul pertama kali saat pengunjung
mengakses website. Halaman Beranda mempunyai tampilan sebagai
berikut:
Gambar III.23
Tampilan Halaman Beranda
-
64
b. Tampilan Halaman Batik Pria
Dari halaman barang ini seorang pengunjung dapat melihat produk-
produk yang ingin dibeli dan dapat juga melihat harga, detail barang.
Halaman batik pria mempunyai tampilan sebagai berikut:
Gambar .III.24
-
65
Tampilan Halaman Batik Pria
c. Tampilan Halaman Cara Pembelian
Dari halaman cara pembelian ini pengunjung dapat melihat cara
pembelian terutama untuk pelanggan yang belum memahami bagaimana
tahap-tahap untuk membeli di website Toko Batik Solo. Halaman cara
pembelian mempunyai tampilan sebagai berikut:
Gambar .III.25
Tampilan Cara Pembelian
-
66
d. Tampilan Halaman Cart
Halaman keranjang belanja berisi dimana pengunjung bisa membeli lebih
dari satu barang. Halaman keranjang belanja mempunyai tampilan
sebagai berikut:
Gambar .III.26
Tampilan Halaman Cart
-
67
e. Tampilan Halaman Contact
Halaman contact berisi tentang informasi alamat, nomor telefon, dan
contact with us agar memudahkan pelanggan berkomunikasi langsung
dengan Toko Batik Solo. Halaman Contact mempunyai tampilan
sebagai berikut:
Gambar .III.27
Tampilan Halaman Contact
-
68
2. Implementasi Antar Muka Admin
a. Halaman Login Admin
Halaman login admin adalah halaman untuk memasukan username dan
password untuk membuka halaman admin. Rancangan tampilan halaman
login admin adalah sebagai berikut:
Gambar .III.28
Tampilan Login Admin
-
69
b. Halaman Beranda Admin
Halaman beranda admin adalah halaman pertama kali muncul setelah
melakukan login. Rancangan halaman beranda admin adalah sebagai
berikut:
Gambar .III.29
Tampilan Beranda Admin
-
70
c. Halaman Ganti Password
Halaman ganti password adalah halaman untuk mengganti password
yang ada di login admin. Rancangan tampilan ganti password adalah
sebagai berikut:
Gambar .III.30
Tampilan Halaman Ganti Password
-
71
d. Halaman Input Produk
Halaman input produk berfungsi untuk mengedit, menghapus, dan
menginput produk, terutama untuk produk baru yang akan di input.
Rancangan tampilan input produk adalah sebagai berikut:
Gambar .III.31
Tampilan Halaman Input Produk
-
72
e. Halaman Ongkos Kirim
Halaman ongkos kirim berfungsi untuk menghapus, mengedit: nama
kota, nama perusahaan pengiriman, dan ongkos kirim. Rancangan
tampilan ongkos kirim adalah sebagai berikut:
Gambar .III.32
Tampilan Halaman Ongkos Kirim
-
73
f. Halaman Order Masuk
Halaman order produk ini berfungsi untuk mengetahui jika
pelangganggan sudah melakukan order maka akan masuk ke halaman
order masuk sehingga admin mengetaui jika ada order masuk. Tampilan
Halaman order masuk sebagai berikut:
Gambar .III.33
Tampilan Halaman Order Masuk
-
74
g. Halaman Komentar / Testiomoni
Halaman testimoni dimana admin bisa melihat, mengedit, dan menghapus
testimoni dari pengunjung atau pembeli, rancangan testimoni adalah
sebagai berikut:
Gambar .III.34
Tampilan Halaman Testimoni
-
75
B. Spesifikasi Sistem Komputer
Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak yang
dibutuhkan untuk mengimplementasikan aplikasi ini adalah sebagai berikut:
1. Spesifikasi Perangkat Keras
a. Server
1) CPU
(a) Processor Intel R Platinum R minimum core 2 duo
(b) Minimal 200 MB
(c) Minimal 500 MB
2) Mouse
3) Keyboard
4) Monitor SGVA 14”
5) Koneksi internet dengan kecepatan 2 Mbps
b. Client
2) CPU
(a) Intel R Core TM i3 -2310M CPU @2. 10GHZ
(b) RAM 3GB
(c) Hard Disk 250 GB
-
76
2) Mouse
3) Keyboard
4) Monitor SGVA 14”
5) Koneksi internet dengan kecepatan 2 Mbps
2. Spesifikasi Perangkat Lunak
a. Server
1. Sistem Operasi yang digunakan: Minimal XP Windows 7
2. Aplikasi bundle web server yang digunakan: Aplikasi PhpMyAdmin
v3 dan Aplikasi MySql v5
3. Aplikasi web browser seperti: Mozila Firefox, Opera, Google
Chrome.
b. Client
1) Sistem operasi yang umum digunakan seperti: Windows 7
2) Aplikasi web browser seperti: Mozila Firefox, Opera, Google
Chrome.
3.4.2. Pengujian Unit
Pengujian unit terhadap program yang dibuat menggunakan blackbox
testing yang fokus terhadap proses masukan dan keluaran program
-
77
1. Pengujian Terhadap Login Admin
Tabel III.7
Hasil Pengujian Black Box Testing Halaman Login Admin
No
Skenario
Pengujian
Test Case
Hasil yang
diharapkan
Hasil
Pengujian
Kesimpulan
1 Username dan
password tidak
diisi kemudian
klik tombol
login.
Username:
(kosong)
Password:
(kosong)
Sistem akan
menolak dan
menampilkan
“Username
dan Password
masih kosong”
Sesuai
Harapan
Valid
2 Username diisi
dan password
tidak diisi
(kosong)
kemudian klik
tombol login
Username:
admin
Password:
Kosong
Sistem akan
menolak dan
akan
menampilkan
“Username
atau Password
anda salah
Sesuai
Harapan
Valid
3 Username tidak
diisi dan
password diisi
kemudian klik
tombol login
Username:
kosong
Password:
Admin
Sistem akan
menolak dan
akan
menampilkan
“Username
atau Password
anda salah
Sesuai
Harapan
Valid
-
78
4 Username diisi
dengan data
yang benar dan
password diisi
dengan data
yang salah
kemudian klik
tombol login
Username:
admin
Password:
12345
Sistem akan
menolak dan
akan
menampilkan
“Username
atau Password
anda salah
Sesuai
Harapan
Valid
5 Username diisi
dengan data
yang benar dan
Password diisi
dengan data
yang benar
kemudian klik
login
Username:
admin
Password:
Admin
Sistem
menerima
akses login
dan
menampilkan
“Selamat
datang admin-
batik solo
karawang
2. Pengujian Terhadap form Input Produk
Tabel III.8
Hasil Pengujian Black Box Testing Halaman Input Produk
No
Skenario
Pengujian
Test Case
Hasil yang
diharapkan
Hasil
Pengujian
Kesimpulan
1 Input data
produk baru
jika diisi
keseluruhan
Nama
produk:
Batik
motif
Sistem
menerima
akses, input
data baju
Sesuai
Harapan
Valid
-
79
dan klik
simpan
Kategori:
Batik Pria
Berat: 2.00
Harga:
80000
Diskon: 0
Stok: 20
Deskripsi:
Batik
motif
adalah
koleksi
batik baru
dengan
warna
yang
elegan
langsung
menampilkan
menu data
baju
2 Input data
produk baru
jika tidak diisi
keseluruhan
dan klik
simpan
Nama
produk:
Kosong
Kategori:
Kosong
Berat:
Kosong
Harga:
Kosong
Diskon:
Kosong
Stok:
Kosong
Deskripsi:
Batik
Data tidak
tersimpan
dan kembali
ke awal
Sesua
Harapan
Valid
-
80
motif
adalah
koleksi
batik baru
dengan
warna
yang
elegan