bab iii pembahasan...25 bab iii pembahasan 3.1. tinjauan perusahaan 3.1.1. sejarah perusahaan toko...

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


Cara Pembelian Contact Dteail

Footer


Gambar III.4

Rancangan Antar Muka Cara Pembelian

d. Halaman Cart

Logo Perusahaan

Kotak Pencarian

Shopping Chart


Footer


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


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


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


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


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 File : bank

Akronim : bank

Fungsi : Untuk mengetahui jenis bank yang digunakan

Tipe File : File master


Akses File : Random



Kunci Field : id

Software : Mysql

41

Tabel III.2

Spesifikasi File Tabel bank


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 File : banner

Akronim : banner

Fungsi : Untuk mengolah tampilan iklan



Akses File : Random



Kunci Field : id

Software : Mysql

42

Tabel III.3

Spesifikasi File Tabel Banner

4. Spesifikasi File Table Customer


Nama File : customer

Akronim : cutomer

Fungsi : Untuk data customer



Akses File : Random



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


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 -


6 Telpon Telpon Varchar 20

7 Id_kota Id_kota Int 5

5.Spesifikasi File Table Download


Nama File : download

Akronim : download

Fungsi : Untuk mendownload suatu data



Akses File : Random



Kunci Field : id

Software : Mysql

Tabel III.5

Spesifikasi File Tabel Download


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 File : header

Akronim : header

Fungsi : Untuk membuat tampilan atas di website



Akses File : Random



Kunci Field : id

Software : Mysql

Tabel III.6

Spesifikasi File Tabel Header


1 Id_header Id_header Int 5 Primary key

2 Judul Judul Varchar 100

3 url url Varchar 100


5 Deskripsi Deskripsi Varchar 200


7. Spesifikasi File Table Kategori


Nama File : Kategori

45

Akronim : kategori

Fungsi : Untuk membedakan kategori batik



Akses File : Random



Kunci Field : id

Software : Mysql

Tabel III.7

Spesifikasi File Tabel Kategori


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 File : komentar

Akronim : komentar

Fungsi : Untuk mengetahui komentar dari customer



Akses File : Random


46


Kunci Field : id

Software : Mysql

Tabel III.8

Spesifikasi File Tabel Komentar


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 File : konfirmasi

Akronim : konfirmasi

Fungsi : Untuk memberi konfirmasi ke pelanggan



Akses File : Random



Kunci Field : id

47

Software : Mysql

Tabel III.9

Spesifikasi File Tabel Konfirmasi


1 Id_hubungi Id_hubungi Int 5 Primary key

2 Nama Nama Varchar 50


4 Subjek Subjek Varchar 100

5 Pesan Pesan Text -

6 Tanggal Tanggal Date -

10. Spesifikasi File Table kota


Nama File : kota

Akronim : kota

Fungsi : Untuk mengetahui data alamat pelanggan



Akses File : Random



Kunci Field : id

Software : Mysql

48

Tabel III.10

Spesifikasi File Tabel Kota


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 File : mainmenu

Akronim : mainmenu

Fungsi : Untuk membuat menu dari sebuah website



Akses File : Random



Kunci Field : id

Software : Mysql

Tabel III.11

Spesifikasi File Tabel Mainmenu


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 File : modul

Akronim : modul

Fungsi : Untuk menambahkan fungsionalitas ke database



Akses File : Random



Kunci Field : id

Software : Mysql

Tabel III.12

Spesifikasi File Tabel Modul

13. Spesifikasi File Table Orders



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 -


6 status Status Text -

50

Nama File : orders

Akronim : orders

Fungsi : Untuk mengetahui data order pelanggan



Akses File : Random



Kunci Field : id

Software : Mysql

Tabel III.13

Spesifikasi File Tabel orders

14. Spesifikasi File Table Orders_detail


Nama File : order_detail

Akronim : order_detail

Fungsi : Untuk menjelaskan detail dari suatu produk



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


Akses File : Random



Kunci Field : id

Software : Mysql

Tabel III.14

Spesifikasi File Tabel Orders_detail

15. Spesifikasi File Table Orders_temp


Nama File : order_temp

Akronim : order_temp

Fungsi : Untuk data order sementara



Akses File : Random



Kunci Field : id

Software : Mysql


1 Id_orders Id_orders Int 5


3 Jumlah Jumlah Int 5 Foreign key

52

Tabel III.15

Spesifikasi File Tabel Orders_temp

16. Spesifikasi File Table Poling


Nama File : Poling

Akronim : Poling

Fungsi : Untuk mengetahui jumlah pengujung di website



Akses File : Random



Kunci Field : id

Software : Mysql


1 Id_orders_temp Id_orders_temp Int 5 Primary key


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 File : produk

Akronim : produk

Fungsi : Untuk mengetahui produk batik solo



Akses File : Random



Kunci Field : id

Software : Mysql

Tabel III.17

Spesifikasi File Tabel Produk


1 Id_poling Id_poling Int 5 Primary key

2 Pilihan Pilihan Varchar 100

3 Status Status Varchar 20

4 Rating Rating Int 5


1 Id_produk Id_produk Int 5 Primary key

54

18. Spesifikasi File Table Sekilasinfo


Nama File : sekiasinfo

Akronim : sekilasinfo

Fungsi : Untuk mengetahui info atau suatu berita



Akses File : Random



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 File : shop_pengiriman

Akronim : shop_pengiriman

Fungsi : Untuk mengetahui data pengiriman produk



Akses File : Random



Kunci Field : id

Software : Mysql


1 Id_sekilas Id_sekilas Int 5 Primary key

2 Info Info Varchar 100


4 gambar gambar varchar 100

56

Tabel III.19

Spesifikasi File Tabel Shop_pengiriman

20. Spesifikasi File Table Statistik


Nama File : statistik

Akronim : statistik

Fungsi : Untuk menganalisa data



Akses File : Random



Kunci Field : id

Software : Mysql

Tabel III.20

Spesifikasi File Tabel Statistik


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


57

21. Spesifikasi File Table Submenu


Nama File : submenu

Akronim : submenu

Fungsi : Untuk membuat menu di website



Akses File : Random



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


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 File : subproduk

Akronim : subproduk

Fungsi : gambaran produk yang ada di website



Akses File : Random



Kunci Field : id

Software : Mysql

Tabel III.22

Spesifikasi File Tabel Subproduk

23. Spesifikasi File Table tag


Nama File : tag

Akronim : tag

Fungsi : Untuk membuat tabel



1 Id_subproduk Id_subproduk Int 5 Primary key



59


Akses File : Random



Kunci Field : id

Software : Mysql

Tabel III.23

Spesifikasi File Tabel tag

24. Spesifikasi File Table users


Nama File : users

Akronim : users

Fungsi : Untuk mengetahui data pelanggan



Akses File : Random



Kunci Field : id


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 File : ym

Akronim : ym

Fungsi : Untuk masuk ke yahoo messenger



Akses File : Random



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


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


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


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

bab iii pembahasan...25 bab iii pembahasan 3.1. tinjauan perusahaan 3.1.1. sejarah perusahaan toko...

Documents