DAFTAR ISI... i. DAFTAR GAMBAR... iv. DAFTAR TABEL... vii. DAFTAR LAMPIRAN... ix BAB 1 PENDAHULUAN... 1

DAFTAR ISI DAFTAR ISI............................................................................................................................. i DAFTAR GAMBAR ................................................................................................................. iv DAFTAR TABEL ..................................................................................................................... vii DAFTAR LAMPIRAN............................................................................................................... ix BAB 1 PENDAHULUAN ......................................................................................................... 1 1.1

Latar Belakang ............................................................................................................ 1

1.2

Rumusan Masalah ....................................................................................................... 2

1.3

Tujuan......................................................................................................................... 2

1.4

Batasan Masalah ......................................................................................................... 3

1.5

Definisi Operasional .................................................................................................... 3

1.6

Metode Pengerjaan .................................................................................................... 4

1.7

Jadwal Pengerjaan ...................................................................................................... 6

BAB 2 TINJAUAN PUSTAKA................................................................................................... 7 2.1

Pengertian Jual Beli ..................................................................................................... 7

2.2

Perancangan Aplikasi .................................................................................................. 7

2.3

2.2.1

Flowchart ................................................................................................. 7

2.2.2

Use Case................................................................................................... 9

2.2.3

ERD (Entity Relationship Diagram) .......................................................... 10

Bahasa Pemograman Web ........................................................................................ 11 2.3.1

PHP ........................................................................................................ 11

2.3.2

HTML (Hyper Text Markup Language) .................................................... 12

2.3.3

Javascript ............................................................................................... 12

2.3.4

Cascading Style Sheets (CSS)................................................................... 13

2.4

Codeigniter ............................................................................................................... 13

2.5

Database ................................................................................................................... 14 2.5.1

2.6

MySQL.................................................................................................... 14

Xampp ...................................................................................................................... 15

i

2.6.1

Apache ................................................................................................... 15

BAB 3 ANALISIS DAN PERANCANGAN ................................................................................. 16 3.1

Gambaran Sistem Saat Ini ......................................................................................... 16 3.1.1

3.2

3.3

3.4

3.5

Flowchart Yang Berjalan ......................................................................... 16

Analisis Kebutuhan Sistem ........................................................................................ 24 3.2.1

Flowchart Yang Diusulkan....................................................................... 24

3.2.2

Analisis Kebutuhan Fungsionalitas .......................................................... 27

3.2.3

Use Case................................................................................................. 29

3.2.4

Diagram Class ........................................................................................ 48

3.2.5

Diagram Sequence ................................................................................. 49

Perancangan Basis Data ............................................................................................ 57 3.3.1

Entity Relational Diagram (ERD) ............................................................ 57

3.3.2

Skema Relasi .......................................................................................... 58

3.3.3

Struktur Tabel ........................................................................................ 58

Kebutuhan Perangkat Keras dan Perangkat Lunak ..................................................... 66 3.4.1

Pengembangan Sistem ........................................................................... 66

3.4.2

Implementasi Sistem .............................................................................. 67

Perancangan Antar Muka .......................................................................................... 69 3.5.1

Halaman Login ....................................................................................... 69

3.5.2

Halaman Admin...................................................................................... 69

3.5.3

Halaman Supervisor ............................................................................... 70

3.5.4

Halaman Data Toko ................................................................................ 70

3.5.5

Halaman Form Toko ............................................................................... 70

3.5.6

Halaman Form Supplier .......................................................................... 71

3.5.7

Halaman Form Petugas........................................................................... 71

3.5.8

Halaman Stok Toko Cabang .................................................................... 71

3.5.9

Halaman Transaksi Penerimaan .............................................................. 72

3.5.10

Halaman Transaksi Pengiriman ............................................................... 72

3.5.11

Halaman Transaksi Penjualan ................................................................. 72

3.5.12

Halaman Transaksi Pembelian ................................................................ 73

3.5.13

Halaman Laporan ................................................................................... 73

ii

BAB 4 IMPLEMENTASI DAN PENGUJIAN ............................................................................. 74 4.1

4.2

Implementasi ............................................................................................................ 74 4.1.1

Instalasi Perangkat Lunak ....................................................................... 74

4.1.2

Implementasi Halaman Web .................................................................. 75

Pengujian .................................................................................................................. 96 4.2.1

Memasukkan Data Toko ......................................................................... 96

4.2.2

Memasukkan Data Petugas .................................................................... 98

4.2.3

Memasukkan Data Barang .................................................................... 106

4.2.4

Memasukkan Data Supplier .................................................................. 108

4.2.5

Memasukkan Data Transaksi Penerimaan Barang ................................. 109

4.2.6

Memasukkan Data Transaksi Pengiriman Barang .................................. 111

4.2.7

Memasukkan Data Transaksi Penjualan Barang .................................... 112

4.2.8

Memasukkan Data Transaksi Pembelian Barang ................................... 113

4.2.9

Laporan ................................................................................................ 114

BAB 5 PENUTUP ............................................................................................................... 116 5.1

Kesimpulan ............................................................................................................. 116

5.2

Saran ...................................................................................................................... 116

DAFTAR PUSTAKA ............................................................................................................. 117 LAMPIRAN ........................................................................................................................ 119

iii

DAFTAR GAMBAR Gambar 1-1 Model Air Terjun (Waterfall) .......................................................................................... 4 Gambar 3-1 Flowchart Proses Penjualan Barang Toko Cabang Berjalan ........................................... 16 Gambar 3-2 Flowchart Proses Pembelian Barang Toko Cabang Berjalan .......................................... 18 Gambar 3-3 Flowchart Proses Pengadaan Barang Modern Silver Berjalan ........................................ 20 Gambar 3-4 Flowchart Proses Pelaporan Omset Toko Cabang Ke Kantor Pusat Berjalan .................. 22 Gambar 3-5 Flowchart Proses Penjualan Barang Toko Cabang Usulan ............................................. 24 Gambar 3-6 Flowchart Proses Pembelian Barang Toko Cabang Usulan ............................................ 25 Gambar 3-7 Flowchart Proses Pengadaan Barang Usulan................................................................. 26 Gambar 3-8 Use Case Diagram ........................................................................................................ 29 Gambar 3-9 Diagram Sequence Kelola Data Toko ............................................................................ 49 Gambar 3-10 Diagram Sequence Kelola Data Supplier ..................................................................... 50 Gambar 3-11 Diagram Squence Kelola Data Barang ......................................................................... 51 Gambar 3-12 Diagram Sequence Kelola Data Petugas ...................................................................... 52 Gambar 3-13 Diagram Sequence Kelola Data Transaksi penerimaan ................................................ 53 Gambar 3-14 Diagram Sequence Kelola Data Transaksi pengiriman ................................................. 54 Gambar 3-15 Diagram Sequence Kelola Data Transaksi Penjualan ................................................... 55 Gambar 3-16 Diagram Sequence Kelola Data Transaksi Pembelian .................................................. 56 Gambar 3-17 Entity Relational Diagram (ERD) ................................................................................ 57 Gambar 3-18 Skema Relasi .............................................................................................................. 58 Gambar 3-19 Perancangan Halaman Login ...................................................................................... 69 Gambar 3-20 Perancangan Halaman Admin..................................................................................... 69 Gambar 3-21 Perancangan Halaman Supervisor .............................................................................. 70 Gambar 3-22 Perancangan Halaman Data Toko ............................................................................... 70 Gambar 3-23 Perancangan Halaman Form Toko .............................................................................. 70 Gambar 3-24 Perancangan Halaman Form Supplier ......................................................................... 71 Gambar 3-25 Perancangan Halaman Form Petugas ......................................................................... 71 Gambar 3-26 Perancangan Halaman Stok Toko Cabang ................................................................... 71 Gambar 3-27 Perancangan Halaman Transaksi Penerimaan ............................................................. 72 Gambar 3-28 Perancangan Halaman Transaksi Pengiriman .............................................................. 72 Gambar 3-29 Perancangan Halaman Transaksi Penjualan ................................................................ 72

iv

Gambar 3-30 Perancangan Halaman Transaksi Pembelian ............................................................... 73 Gambar 3-31 Perancangan Halaman Laporan .................................................................................. 73 Gambar 4-1 Implementasi Halaman Login ....................................................................................... 75 Gambar 4-2 Implementasi Halaman Admin ..................................................................................... 76 Gambar 4-3 Implementasi Halaman Supervisor ............................................................................... 76 Gambar 4-4 Implementasi Halaman Data Toko ................................................................................ 76 Gambar 4-5 Implementasi Halaman Form Toko ............................................................................... 77 Gambar 4-6 Implementasi Halaman Form Edit Toko ........................................................................ 78 Gambar 4-7 Implementasi Halaman Data Petugas ........................................................................... 78 Gambar 4-8 Implementasi Halaman Form Petugas Supervisor ......................................................... 79 Gambar 4-9 Implementasi Halaman Form Petugas Layanan............................................................. 80 Gambar 4-10 Implementasi Halaman Form Edit Petugas Supervisor ................................................ 81 Gambar 4-11 Implementasi Form Edit Petugas Layanan .................................................................. 81 Gambar 4-12 Implementasi Halaman Data Supplier ......................................................................... 82 Gambar 4-13 Implementasi Halaman Form Supplier ........................................................................ 82 Gambar 4-14 Implementasi Halaman Form Edit Supplier ................................................................. 83 Gambar 4-15 Implementasi Halaman Data Barang........................................................................... 84 Gambar 4-16 Implementasi Halaman Form Barang .......................................................................... 84 Gambar 4-17 Implementasi Halaman Form Edit Barang ................................................................... 85 Gambar 4-18 Implementasi Halaman Stok Toko Cabang .................................................................. 85 Gambar 4-19 Implementasi Halaman Form Transaksi Penerimaan................................................... 86 Gambar 4-20 Implementasi Halaman Data Penerimaan Barang ....................................................... 86 Gambar 4-21 Implementasi Halaman Form Transaksi Pengiriman.................................................... 87 Gambar 4-22 Implementasi Halaman Data Pengiriman Barang ........................................................ 87 Gambar 4-23 Implementasi Tampilan Cetak Pengiriman Barang ...................................................... 88 Gambar 4-24 Implementasi Halaman Notifikasi Tambahan Stok Barang .......................................... 88 Gambar 4-25 Implementasi Tampilan Stok Toko Cabang ................................................................. 89 Gambar 4-26 Implementasi Halaman Form Transaksi Penjualan ...................................................... 89 Gambar 4-27 Implementasi Halaman Data Transaksi Penjualan ....................................................... 90 Gambar 4-28 Implementasi Tampilan Cetak Transaksi Penjualan ..................................................... 90 Gambar 4-29 Implementasi Halaman Form Transaksi Pembelian ..................................................... 91 Gambar 4-30 Implementasi Halaman Transaksi Pembelian Tidak Rusak ........................................... 91

v

Gambar 4-31 Implementasi Halaman Transaksi Pemelian Rusak Ringan .......................................... 92 Gambar 4-32 Implementasi Halaman Transaksi Pembelian Rusak Berat........................................... 92 Gambar 4-33 Implementasi Halaman Data Transaksi Pembelian ...................................................... 93 Gambar 4-34 Implementasi Tampilan Cetak Transaksi Pembelian .................................................... 93 Gambar 4-35 Implementasi Halaman Laporan Penjualan ................................................................. 94 Gambar 4-36 Implementasi Laporan Pembelian .............................................................................. 94 Gambar 4-37 Implementasi Laporan Omset..................................................................................... 95

vi

DAFTAR TABEL Tabel 1-1 Jadwal Pengerjaan ............................................................................................................. 6 Tabel 2-1 Jenis Kerusakan .................................................................................................................. 7 Tabel 2-2 Simbol Flowchart ............................................................................................................... 8 Tabel 2-3 Simbol Use Case ................................................................................................................. 9 Tabel 2-4 ERD (Entity Relationship Diagram).................................................................................... 11 Tabel 3-1 Deskripsi Use case ............................................................................................................ 30 Tabel 3-2 Skenario Use Case Login Admin ........................................................................................ 33 Tabel 3-3 Skenario Use Case Login Supervisor.................................................................................. 34 Tabel 3-4 Skenario Use Case Kelola Data Toko ................................................................................. 35 Tabel 3-5 Skenario Use Case Kelola Data Petugas ............................................................................ 36 Tabel 3-6 Skenario Use Case Kelola Data Barang .............................................................................. 37 Tabel 3-7 Skenario Use Case Pemberitahuan Kebutuhan Stok Barang .............................................. 39 Tabel 3-8 Skenario Use Case Cetak Struk Pengiriman Barang ........................................................... 39 Tabel 3-9 Skenario Use Case Pengiriman Data Stok Barang .............................................................. 40 Tabel 3-10 Skenario Use Case Penerimaan Data Stok Barang ........................................................... 41 Tabel 3-11 Skenario Use Case Tampilkan Stok Toko Cabang ............................................................ 42 Tabel 3-12 Skenario Use Case View Laporan Toko Cabang ............................................................... 42 Tabel 3-13 Skenario Use Case Input Transaksi Penjualan................................................................. 43 Tabel 3-14 Skenario Use Case Mencetak Struk Penjualan................................................................. 44 Tabel 3-15 Skenario Use Case Input Transaksi Pembelian ................................................................ 44 Tabel 3-16 Skenario Use Case Mencetak Struk Pembelian................................................................ 46 Tabel 3-17 Skenario Use Case Konfirmasi Stok Barang ..................................................................... 46 Tabel 3-18 Skenario Use Case Notifikasi Tambahan Stok Barang ...................................................... 47 Tabel 3-19 Skenario Use Case View Laporan .................................................................................... 48 Tabel 3-20 Toko ............................................................................................................................... 59 Tabel 3-21 Penerimaan.................................................................................................................... 59 Tabel 3-22 Petugas .......................................................................................................................... 60 Tabel 3-23 Supplier.......................................................................................................................... 60 Tabel 3-24 Detail Penerimaan Barang .............................................................................................. 61

vii

Tabel 3-25 Barang ........................................................................................................................... 61 Tabel 3-26 Kategori ......................................................................................................................... 62 Tabel 3-27 Pengiriman..................................................................................................................... 62 Tabel 3-28 Detail Pengiriman Barang ............................................................................................... 63 Tabel 3-29 Penjualan ....................................................................................................................... 63 Tabel 3-30 Detail Penjualan Barang ................................................................................................. 64 Tabel 3-31 Pembelian ...................................................................................................................... 64 Tabel 3-32 Jenis Pembelian.............................................................................................................. 65 Tabel 3-33 Detail Pembelian ............................................................................................................ 65 Tabel 3-34 Kebutuhan Perangkat Keras Untuk Pengembangan ........................................................ 66 Tabel 3-35 Kebutuhan Perangkat Lunak Untuk Pengembangan ....................................................... 66 Tabel 3-36 Kebutuhan Perangkat Keras Untuk Implementasi ........................................................... 67 Tabel 3-37 Kebutuhan Perangkat Lunak Untuk Implementasi ......................................................... 68 Tabel 4-1 Instalasi Perangkat Lunak ................................................................................................. 74 Tabel 4-2 Pengujian Memasukkan Data Toko ................................................................................... 96 Tabel 4-3 Pengujian Memasukkan Data Petugas .............................................................................. 98 Tabel 4-4 Pengujian Memasukkan Data Barang ............................................................................. 106 Tabel 4-5 Pengujian Memasukkan Data Supplier............................................................................ 108 Tabel 4-6 Pengujian Memasukkan Data Transaksi Penerimaan Barang .......................................... 110 Tabel 4-7 Pengujian Memasukkan Data Transaksi Pengiriman Barang............................................ 111 Tabel 4-8 Pengujian Memasukkan Data Transaksi Penjualan Barang .............................................. 112 Tabel 4-9 Pengujian Memasukkan Data Transaksi Pembelian Barang ............................................. 114 Tabel 4-10 Pengujian Laporan........................................................................................................ 114

viii

DAFTAR LAMPIRAN Lampiran 1 Dokumen Wawancara 1 ............................................................................................. 119 Lampiran 2 Dokumen Wawancara 2 .............................................................................................. 120 Lampiran 3 Kelas Diagram ............................................................................................................. 121

ix

BAB 1 PENDAHULUAN 1.1 Latar Belakang Modern Silver adalah perusahaan dagang yang bergerak dalam bidang jual beli perhiasan yang berbahan dasar perak. Jenis perhiasan yang dijual di Modern Silver berupa cincin, kalung, gelang dan anting. Di dalam mengelola usahanya kantor pusat Modern Silver hanya berfungsi sebagai gudang penyimpanan stok barang sedangkan toko cabang yang mengelola proses transaksi jual beli. Modern Silver memiliki beberapa toko cabang yaitu satu toko cabang di kota Solo, satu toko cabang di kota Pekalongan, satu toko cabang di kota Indramayu, satu toko cabang di kota Jatibarang, dan empat toko cabang di kota Cirebon. Saat ini sistem yang berjalan di kantor pusat Modern Silver pengelolaan stok barang maupun pencatatan laporan transaksi

penjualan dan pembelian sudah

menggunakan Microsoft Office Exel tetapi di toko cabang Modern Silver pencatatannya masih manual menggunakan catatan dalam sebuah buku besar. Dalam mengelola usahanya, Modern Silver mengalami beberapa masalah seperti, proses pengelolaan stok barang antara kantor pusat dan toko cabang sering terjadi kesalahan komunikasi mengenai jumlah ketersediaan barang karena data yang masih di catat secara manual. Kemudian dalam kegiatan pelaporan transaksi pada toko cabang Modern Silver yang menggunakan media sms (Short Message Service) pengiriman laporannya sering tidak tepat waktu, karena membutuhkan waktu yang lama dalam proses pencatatan hingga pembuatan laporan. Selain itu dalam proses pencatatan laporan juga sering terjadi salah perhitungan sehingga datanya tidak akurat. Berdasarkan permasalahan diatas, maka dibuatlah aplikasi berbasis web yang berjudul “Aplikasi Pengelolaan Data Barang Dagangan Perak Berbasis Web (Studi Kasus: Modern Silver Cirebon)” untuk mengatasi permasalahan tersebut. Dengan

1

adanya aplikasi ini diharapkan mampu mengatasi masalah yang terkait dengan pengelolaan stok barang dan transaksi yang berada di Modern Silver.

1.2 Rumusan Masalah Adapun rumusan masalah dari pembuatan proyek akhir ini adalah sebagai berikut : a.

Bagaimana membantu kantor pusat dalam melakukan pengelolaan stok barang yang ada yang ada di kantor pusat maupun toko cabang Modern Silver?

b.

Bagaimana membantu toko cabang dalam melakukan pencatatan transaksi penjualan dan pembelian barang perhiasan perak di Modern Silver?

c.

Bagaimana membantu toko cabang dalam melakukan proses perhitungan transaksi lebih cepat dan tepat dalam melakukan pelaporan ke kantor pusat Modern Silver?

1.3 Tujuan Berdasarkan rumusan masalah tersebut, maka tujuan proyek akhir ini adalah sebagai berikut : a.

Membuat aplikasi yang dapat membantu kantor pusat dalam melakukan pengelolaan stok barang yang ada di kantor pusat maupun toko cabang Modern Silver.

b.

Membuat aplikasi yang dapat membantu toko cabang dalam melakukan pencatatan transaksi penjualan dan pembelian barang perhiasan perak di Modern Silver.

c.

Membuat aplikasi yang dapat membantu toko cabang dalam melakukan proses perhitungan transaksi lebih cepat dan tepat dalam melakukan pelaporan ke kantor pusat Modern Silver.

2

1.4 Batasan Masalah Adapun batasan masalah pada proyek akhir ini adalah sebagai berikut : a.

Aplikasi ini hanya dapat diakses oleh admin dan supervisor Modern Silver.

b.

Aplikasi ini dibangun untuk menangani stok barang dan transaksi penjualan dan pembelian barang perhiasan perak Modern Silver.

c.

Aplikasi ini tidak menangani fungsionalitas retur.

d.

Aplikasi ini dibangun untuk pembelian barang perhiasan perak yang ada di Modern Silver.

1.5 Definisi Operasional Aplikasi Pengolahan Barang Dagangan Perak Berbasis Web merupakan sebuah sistem informasi yang dapat mengelola stok barang, transaksi penjualan dan pembelian barang perhiasan perak di Modern Silver. Aplikasi ini dikelola oleh petugas admin untuk mengelola stok barang yang ada di pusat maupun toko cabang dan supervisor untuk mengelola transaksi penjualan dan pembelian di Modern Silver. Aplikasi ini akan otomatis memberikan notifikasi kepada admin pada saat stok barang di kantor pusat maupun di toko cabang minimum. Selain itu aplikasi ini dibuat untuk memudahkan petugas toko cabang dalam melakukan pencatatan transaksi penjualan dan pembelian perhiasan perak sehingga dari pencatatan transaksi tersebut dapat dibuat laporan yang valid berdasarkan harian, bulanan dan tahunan.

3

1.6 Metode Pengerjaan Dalam pembuatan aplikasi ini digunakan metode Software Development Life Cycle (SDLC) dengan model air terjun (waterfall) kadang dinamakan siklus hidup klasik (classic life cycle), dimana hal ini menyiratkan pendekatan yang sistematis dan berurutan (sekuensial) pada pengembangan perangkat lunak, yang dimulai dengan spesifikasi kebutuhan pengguna dan berlanjut melalu tahapan-tahapan perencanaan (planning), pemodelan (modelling), konstruksi (construction), serta penyerahan sistem atau perangkat lunak ke para pelanggan atau pengguna (deployment) yang diakhiri dengan dukungan berkelanjutan pada perangkat lunak lengkap yang dihasilkan. [1]

Gambar 1-1 Model Air Terjun (Waterfall)

Model air terjun (waterfall) melingkupi aktivitas-aktivitas sebagai berikut : a.

Komunikasi Pada tahap ini dilakukan proses komunikasi sebagai permulaan proyek teknik untuk mendapatkan spesifikasi kebutuhan yang dibutuhkan oleh Modern Silver.

b.

Perencanaan Pada tahap ini dilakukan proses perencanaan kebutuhan data dimulai dari identifikasi masalah serta pengumpulan data melalui wawancara langsung

4

dengan kantor pusat dan toko cabang Modern Silver untuk mendapatkan data-data yang dibutuhkan dan mengidentifikasi masalah yang yang ada. c.

Pemodelan Pada tahap ini dilakukan dengan pemodelan sistem yaitu pembuatan UML yang meliputi use case diagram sebagai perancangan model interaksi pengguna dengan aplikasi, flowchart sebagai perancangan model proses bisnis pengolahan barang dagangan perak, dan Entity Relational Diagram (ERD) sebagai perancangan model basisdata.

d.

Konstruksi Setelah tahap desain sistem selesai, maka dilakukan transformasi dari desain yang telah dirancang ke bahasa yang dikenal oleh komputer (coding) yaitu penulisan kode-kode program pengujian dengan menggunakan bahasa pemograman PHP dan framework codeigniter (CI) serta MySQL sebagai bahasa pemograman basis data. Pengujian bertujuan untuk memastikan semua fungsionalitas yang disusun dengan benar dan sesuai proses bisnis pengolahan barang dagangan perak.

e.

Penyerahan sistem Pada tahap ini dilakukan dengan penyerahan sistem atau perangkat lunak kepada Modern Silver.

f.

Dokumentasi Setelah semua proses dilakukan dengan benar, maka dalam tahap ini dilakukan penulisan dokumentasi dari komunikasi, perencanaan, pemodelan, konstruksi serta penyerahan sistem atau perangkat lunak kepada Modern Silver.

5

1.7 Jadwal Pengerjaan Tabel 1-1 Jadwal Pengerjaan

Kegiatan

Mei

Juni

Juli

Agustus

September

Oktober

November

Desember

2015

2015

2015

2015

2015

2015

2015

2015

1 2 3 4 1 2 1 1 2 3 4 2 3 4 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4

Komunikasi Perencanaan Pemodelan Konstruksi Dokumentasi

6

BAB 2 TINJAUAN PUSTAKA 2.1 Pengertian Jual Beli Jual beli adalah persetujuan saling mengikat antara penjual, yakni yang menyerahkan barang, dan pembeli sebagai pihak yang membayar harga barang yang di jual. [2] Modern Silver merupakan perusahaan dagang yang bergerak dalam bidang jual beli perhiasan yang berbahan dasar perak. Barang yang di jual oleh Modern Silver ini berupa cincin, kalung, gelang dan anting. Sedangkan barang beli Modern Silver yaitu barang yang telah di jual kepada customer yang kemudian di beli kembali lagi oleh Modern Silver. Adapun aturan - aturan yang berlaku untuk pembelian barang di Modern Silver yaitu : Tabel 2-1 Jenis Kerusakan

Jenis Kerusakan

Aturan

Rusak Ringan

Jika barang tersebut putus, bengkok dan warnanya memudar.

Rusak Berat

Jika aksesoris barang hilang.

tersebut

2.2 Perancangan Aplikasi Perancangan aplikasi dalam proyek akhir ini mengggunakan bantuan dari berbagai jenis diagram diantaranya flowchart, usecase dan ERD (Entity Relationship Diagram). 2.2.1 Flowchart Flowchart merupakan diagram yang menggambarakan aliran dokumen pada suatu prosedur kerja di organisasi dan memperlihatkan diagram alir yang menunjukkan arus dari dokumen, aliran data fisik, entitas-entitas sistem informasi dan kegiatan operasi yang berhubungan dengan sistem informasi. Penggambaran

7

biasanya diawali dengan mengamati dokumen tersebut terbentuk, ke bagian atau entitas mana dokumen tersebut mengalir, perubahan apa yang terjadi pada dokumen tersebut, proses apa yang terjadi terhadap dokumen tersebut dan seterusnya. [3] Tabel 2-2 Simbol Flowchart

Simbol

Nama Simbol

Keterangan

Kumpulan data

Menyatakan proses input/output dalam bentuk data.

Terminator

Digunakan untuk menunjukkan awal dan akhir

suatu

proses

bisnis

yang

digambarkan. Proses

Menyatakan suatu tindakan yang dilakukan oleh komputer.

Kondisi

Digunakan ketika melakukan pemilihan.

Document

Menyatakan dokumen dalam bentuk fisik lembaran kertas.

Stored Data

Menyatakan input berasal dari disk atau output disimpan ke disk.

Manual Proses

Menyatakan suatu tindakan yang dilakukan tidak oleh komputer.

Manual Input

Memasukkan data secara manual dengan keyboard, mouse dan manual input lain.

Display

Digunakan apabila ada yang ditampilkan ke layar monitor.

8

Simbol

Nama Simbol Direct

Keterangan

Access Digunakan untuk penyimpanan yang dapat

Storage

diakses langsung.

Archives

Digunakan untuk penyimpanan data dalam dokumen yang disimpan untuk arsip

2.2.2 Use Case Suatu use case diagram menampilkan sekumpulan use case dan aktor serta hubungan diantara use case dan aktor tersebut. Use case diagram digunakan untuk penggambaran use case statik dari suatu sistem. Use case diagram penting dalam mengatur dan memodelkan kelakukan dari suatu sistem. Use case menjelaskan apa yang dilakukan sistem atau subsistem tetapi tidak menspesifikasikan cara kerjanya [4]. Use case menggambarkan kebutuhan sistem dari sudut pandang user dan memfokuskan pada proses komputerisasi.Use case diagram terdiri dari use case, actor, relationship, system boundary boxes (opsional), packages (opsional). [5] Berikut ini simbol-simbol yang digunakan dalam use case diagram : Tabel 2-3 Simbol Use Case

Simbol Aktor

Deskripsi a.

Mewakili orang, sistem atau external entitas/ stakeholder yang memberikan atau menerima input atau output ke/dari sistem

b.

Aktor menggambarkan sebuah tugas/peran dan bukannya posisi sebuah jabatan, menggunakan kata benda

c.

Tidak boleh ada komunikasi langsung antar aktor

d.

Indikasi <<system>> untuk sebuah aktor yang merupakan sebuah sistem. Aktor berupa sistem dapat dibuat bentuk kotak

e.

Letakkan aktor utama pada pojok kiri atas sari diagram

9

Simbol Use Case

Association

Deskripsi Mewakili fungsi pada sistem, menggunakan kata kerja

a.

Bukan menggambarkan aliran data/ informasi melainkan menggambarkan interaksi use case dengan aktor atau use case lain

b.

Ada 4 jenis relasi yang bisa timbul pada use case diagram yaitu association antara actor dan use case, association antar use case

Association

a.

Artinya dibutuhkan atau diharuskan

<>

b.

Arti lain adalah pemanggilan use case oleh use case lain, contohnya adalah pemanggilan sebuah fungsi program

Association

c.

Tanda panah terbuka harus terarah ke sub use case

d.

Gambarkan <> secara horisontal

a.

Merupakan perluasan dari use case lain jika kondisi atau

<<extend>>

syarat terpenuhi b.

Kurangi penggunaan association extend ini, terlalu banyak pemakaian association ini membuat diagram sulit dipahami

Generalisasi

c.

Tanda panah terbuka harus terarah ke parent use case

d.

Gambarkan <<extend>> secara vertikal

a.

Digambarkan dengan garis berpanah tertutup

b.

Digambarkan secara vertikal dengan inheriting sub use case di bawah dari parent use case

c.

Generalization aktor atau / dan use case

2.2.3 ERD (Entity Relationship Diagram) ERD (Entity Relationship Diagram) merupakan sebuah diagram yang digunakan untuk merancang hubungan antar tabel-tabel dalam basis data. Berikut adalah simbol-simbol yang digunakan pada ERD untuk merancang tabel-tabel dalam basis data. [6]

10

Tabel 2-4 ERD (Entity Relationship Diagram)

Simbol

Nama Simbol Entitas/entity

Keterangan Merupakan

data

inti

yang

akan

disimpan; bakal tabel pada basis data; biasanya mengacu pada benda yang terlibat dalam aplikasi yang akan dibuat Atribut

Field atau kolom data yang butuh disimpan dalam suatu entitas

Atribut multinilai /

Field atau kolom data yang butuh

multivalue

disimpan dalam satu entitas yang dapat memiliki nilai lebih dari satu

Asosiasi / association

Garis menghubungkan atribut dengan entitas nya dan entitas dengan relasi

Relasi

Relasi yang menghubungkan antar entitas; biasanya diawali dengan kata kerja; biasanya juga mendefenisikan relasi proses antar entitas / benda yang terkait dengan aplikasi

2.3 Bahasa Pemograman Web Bahasa pemograman merupakan suatu teknik intruksi atau perintah standar untuk memerintah komputer. Bahasa pemograman web

bersifat

server side

(bekerja disisi server). Berikut adalah penjelasan beberapa bahasa pemograman yang akan digunakan membuat aplikasi ini : 2.3.1 PHP PHP adalah bahasa scripting yang menyatu dengan HTML dan dijalankan pada server side. Artinya, semua sintaks yang diberikan akan sepenuhnya dijalankan pada server sedangkan yang dikirimkan ke browser hanya hasilnya saja. Ketika

11

seorang pengguna internet membuka situs yang menggunakan fasilitas server side scripting PHP, maka terlebih dahulu server yang bersangkutan akan memproses semua perintah PHP di server lalu mengirimkan hasilnya dalam format HTML ke web browser pengguna internet tadi. Sehingga kode asli yang ditulis dengan PHP tidak terlihat di browser pengguna. [7] 2.3.2 HTML (Hyper Text Markup Language) Hyper Text Markup Language (HTML) adalah standar bahasa yang digunakan untuk menampilkan halaman web, yang bisa dilakukan dengan HTML yaitu [8]: a.

Mempublikasikan document secara online sehingga bisa diakses dari seluruh dunia.

b.

Membuat online form yang bisa digunakan untuk menangani pendaftaran secara online.

c.

Mengontrol tampilan web page dan conten-nya.

d.

Menambahkan object-object seperti image, audio, video dan juga java applet dalam document HTML.

2.3.3 Javascript Javascript adalah bahasa yang digunakan untuk membuat program yang digunakan agar dokumen HTML yang ditampilkan dalam browser menjadi lebih interaktif, tidak sekedar indah saja. Javascript memberikan beberapa fungsionalitas ke dalam halaman web, sehingga dapat menjadi sebuah program yang disajikan dengan menggunakan antarmuka web. [9] Yang bisa dilakukan dengan javascript yaitu: a.

Membuat halaman web lebih dinamis.

b.

Membaca dan menulis elemen HTML ke dalam suatu halaman web. Program javascript dapat mengubah isi elemen web yang sedang ditampilkan.

c.

Memvalidasi data yang akan dikirimkan kepada server di dalam browser.

12

d.

Mendeteksi browser

yang digunakan oleh pengguna, sehingga kita bisa

menyajikan informasi yang berhubungan dengan browser web

yang

digunakan oleh pengguna. e.

Membuat cookies, suatu koode yang digunakan menyimpan dan mengambil data atau informasi dari browser pengunjung.

f.

Membuat aplikasi

client-server,

dengan teknik AJAX (Asynchronous

JavaScript and XML). Aplikasi yang dihasilkan menjadi aplikasi yang mirip seperti aplikasi desktop biasa, tetapi berjalan di atas atau di dalam browser web. 2.3.4 Cascading Style Sheets (CSS) Cacading style sheets (CSS) adalah salah satu bahasa pemrograman desain web (style sheet language) yang mengontrol format tampilan sebuah halaman web yang ditulis dengan menggunakan bahasa penanda (markup language). Biasanya CSS digunakan untuk mendesain halaman HTML dan XHTML, tetapi sekarang bahasa pemrograman CSS bisa diaplikasikan untuk segala dokumen XML termasuk SVG dan XVL. [10]

2.4 Codeigniter Codeigniter merupakan aplikasi open source yang berupa framework dengan model MVC untuk membangun website dinamis menggunakan PHP. Codeigniter memudahkan developer website untuk membuat aplikasi website dengan cepat dan mudah dibandingkan dengan membuatnya dari awal. Model View Controller

merupakan suatu konsep yang cukup populer dalam

membangun aplikasi web. Berawal dari bahasa pemograman Small Talk, MVC memisahkan pengembangan aplikasi berdasarkan komponen utama yang membangun sebuah aplikasi seperti manipulasi data, user interface, dan bagian yang menjadi kontrol aplikasi. [11] komponen MVC antara lain :

13

a.

Model Biasanya berhubungan langsung dengan database untuk memanipulasi data (insert, update, delete, search), menangani validasi dari bagian controller, namun tidak dapat berhubungan langsung dengan bagian view.

b.

View View merupakan bagian yang menangani presentation logic. Pada suatu aplikasi web bagian ini biasanya berupa file template HTML yang diatur oleh controller. View berfungsi untuk menerima dan mempresentasikan data kepada user. Bagian ini tidak memiliki akses langsung terhadap bagian model.

c.

Controller Controller merupakan bagian yang mengatur hubungan antara bagian model dan bagian view. Controller berfungsi untuk menerima request dan data dari user kemudian menentukan apa yang akan diproses oleh aplikasi.

2.5 Database Database merupakan sebagai suatu pengorganisasian data dengan bantuan komputer yang memungkinkan data dapat diakses

ataupun mencakup

pemerolehan data maupun pemanipulasian data seperti menambah dan menghapus data dengan mudah dan cepat.[12] 2.5.1

MySQL MySQL database server adalah RDBMS (Relational Database Management

System) yang dapat menangani data yang bervolume besar, sampai berukuran Gigabyte. [13] MySQL memiliki kelebihan dibanding dengan database lain yaitu antara lain : a.

MySQL mempunyai performa yang tinggi tapi simpel.

b.

Banyak ahli berpendapat MySQL merupakan server tercepat.

c.

Database MySQL mengerti bahasa SQL (Structured Query Language).

14

d.

MySQL dapat diakses melalui protocol ODBC (Open Database Connectivity) buatan microsoft. Ini menyebabkan MySQL dapat diakses oleh banyak software.

e.

Semua klien dapat mengakses server

dalam satu waktu, tanpa harus

menunggu yang lain untuk mengakses database. f.

Database MySQL dapat diakses dari semua tempat di internet dengan hak akses tertentu.

g.

MySQL dapat berjalan di berbagai operating system seperti Linux, Windows, Solaris dan lain-lain.

2.6 Xampp XAMPP adalah sebuah paket software web yang terdiri dari Apache, MySQL, PHP dan PhpMyAdmin. XAMPP merupakan software open source yang bisa di konfigurasi secara otomatis. [14] XAMPP merupakan software yang mudah digunakan, gratis dan mendukung instalasi di linux maupun windows. Keuntungan lainnya yaitu Cuma menginstal satu kali sudah tersedia

Apache Web Server,

MySQL, Database Server, PHP Support (PHP 4 dan PHP 5) dan module lainnya. 2.6.1

Apache Apache merupakan web server yang dapat dijalankan di banyak sistem

operasi yang berfungsi untuk melayani request dari HTTP client (web server) ke komputer server. Apache dikembangkan oleh komunitas open source di internet dan merupakan web server yang paling populer. [13]

15

BAB 3 ANALISIS DAN PERANCANGAN 3.1 Gambaran Sistem Saat Ini 3.1.1 Flowchart Yang Berjalan Proses bisnis berjalan merupakan proses aktivitas bisnis yang berjalan pada Modern Silver Cirebon. Berikut ini adalah proses bisnis yang berjalan pada Modern Silver Cirebon. 3.1.1.1 Flowchart Proses Penjualan Barang Di Toko Cabang Adapun di bawah ini adalah flowchart proses penjualan barang yang berjalan.

Gambar 3-1 Flowchart Proses Penjualan Barang Toko Cabang Berjalan

Penjelasan

:

Proses bisnis penjualan barang yang berjalan saat ini di mulai dari customer datang ke toko memilih barang dan memberikannya ke putugas layanan. Petugas layanan menimbang

barang

dan

menghitungnya,

kemudian

petugas

layanan

memberitahukan harga barang. Customer membayar barang sesuai harga dan kemudian petugas layanan membuat nota penjualan barang satu untuk pembeli

16

dan satunya dijadikan arsip untuk dibuat laporan penjualan yang akan diberikan ke supervisor. 3.1.1.1.1 Evaluasi Kelemahan

: kesimpulan dari proses bisnis penjualan barang di atas, proses yang berjalan masih dilakukan secara manual seperti : a. Petugas layanan yang harus menimbang barang terlebih dahulu dan menghitung secara manual barang yang akan dibeli oleh customer. b. Nota penjualan yang masih dalam bentuk kertas menyulitkan penyusunan arsip. c. Laporan penjualan perhari yang harus dihitung ulang lagi oleh petugas

secara

manual

dan

terkadang

dalam

proses

perhitungan ada salah perhitungan sehingga data yang dihasilkan tidak akurat. Usulan

: Sistem yang akan saya usulkan menawarkan proses bisnis yang tercatat secara komputerisasi. a. Petugas yang awalnya harus menimbang dan menghitung. Dengan adanya sistem usulan petugas hanya menginputkan data penjualan barang dan harga total barang akan muncul dilayar monitor. b. Petugas dapat langsung mencetak nota penjualan untuk customer. c. Nota-nota penjualan akan tersusun secara rapi dalam sistem dalam bentuk list penjualan.

17

d. Tidak perlu lagi membuat laporan perhari, karena sistem akan menghitung secara otomatis pada saat petugas supervisor memilih menu laporan penjualan perhari. 3.1.1.2 Flowchart Proses Pembelian Barang Di Toko Cabang Adapun di bawah ini adalah flowchart proses pembelian barang yang berjalan.

Gambar 3-2 Flowchart Proses Pembelian Barang Toko Cabang Berjalan

Penjelasan

:

Proses bisnis pembelian barang yang berjalan saat ini dimulai dari pembeli datang ke toko dengan membawa barang dan nota barang yang akan dikembalikan. Petugas layanan akan mengecek nota dan barang. Apabila barang dan nota barang berasal dari toko Modern Silver, maka barang akan di beli dan dihitung pengembalian uang sesuai dengan jenis kerusakannya. Jika tidak sesuai maka

18

barang tidak akan di beli oleh toko. Petugas layanan menghitung barang dengan jenis kerusakan kemudian mencatat total harga pada nota. Nota tersebut terupdate dan diberikan kepada supervisor. Kemudian supervisor memberikan uang sesuai di dalam nota kepada customer. 3.1.1.2.1 Evaluasi Kelemahan

: Kesimpulan dari proses bisnis pembelian barang diatas, proses bisnis berjalan masih dilakukan secara manual, seperti : a. Menghitung pembelian dan kerusakan barang secara manual. b. Tidak memiliki nota pembelian barang kepada customer sebagai tanda bukti pembelian barang. c. Laporan pembelian perhari harus dihitung lagi oleh petugas secara manual, dan terkadang dalam proses perhitungan ada salah perhitungan sehingga data yang dihasilkan tidak akurat.

Usulan

: Sistem yang akan saya usulkan menawarkan proses bisnis secara komputerisasi. a. Petugas yang awalnya harus menghitung secara manual, cukup menginputkan data transaksi barang dan memilih jenis kerusakan, dari perhitungan tersebut akan menampilkan total pembelian uang yang akan diterima oleh customer. b. Petugas dapat langsung mencetak nota pembelian untuk customer. c. Tidak perlu lagi membuat laporan perhari, karena sistem akan menghitung secara otomatis pada saat petugas supervisor memilih menu laporan pembelian perhari.

19

3.1.1.3 Flowchart Proses Pengadaan Barang (Permintaan Barang Dari Toko Cabang, Order Ke Supplier, Penerimaan Barang Dari Kantor Pusat) Di Modern Silver. Adapun di bawah ini adalah flowchart proses pengadaan barang (permintaan barang dari toko cabang, order ke supplier, penerimaan barang dari Kantor Pusat) di modern silver yang berjalan.

Gambar 3-3 Flowchart Proses Pengadaan Barang Modern Silver Berjalan

20

Penjelasan

:

Proses bisnis permintaan barang yang berjalan saat ini dimulai dari toko cabang (supervisor) yang meminta stok barang melalui via sms ke kantor pusat, kantor pusat akan mengecek stok barang yang diminta, jika barang ada akan langsung dikirim sesuai permintaan. Jika stok barang di kantor pusat tidak ada, kantor pusat melakukan pemesanan kepada supplier. Kantor pusat menerima barang dan faktur pemesanan dari supplier. Kemudian data barang tersebut dicatat ke dalam Microsoft Exel. Setelah dicatat kantor pusat membuat surat jalan pengiriman barang ke toko cabang. Setelah barang telah sampai, petugas toko cabang melakukan pencatatan tambahan stok barang ke dalam buku besar. 3.1.1.3.1 Evaluasi Kelemahan

: Kesimpulan dari proses bisnis permintaan barang diatas, proses bisnis masih dilakukan secara manual seperti : a. Permintaan barang di toko cabang Modern Silver media pengirimannya masih menggunakan media sms. b. Toko

cabang

Modern

Silver

mencatat

kembali

stok

penambahan barang dari kantor pusat ke buku catatan. Usulan

: Sistem yang akan saya usulkan menawarkan proses bisnis yang tercatat secara komputerisasi. a. Cabang tidak perlu lagi meminta barang melalui media sms, cukup kantor pusat melihat pemberitahuan stok barang atau mendapatkan notifikasi otomatis pada sistem apabila stok barang di toko cabang maupun kantor pusat minimum. b. Dalam pengiriman barang, toko cabang mendapatkan notifikasi jika kantor pusat telah mengirim stok barang setelah itu dicek

21

kembali barangnya dan kemudian petugas toko cabang bisa meng-approve data barang tersebut. 3.1.1.4

Flowchart Proses Pelaporan Omset Toko Cabang Ke Kantor Pusat.

Adapun di bawah ini adalah flowchart proses pelaporan omset toko cabang ke kantor pusat yang berjalan.

Gambar 3-4 Flowchart Proses Pelaporan Omset Toko Cabang Ke Kantor Pusat Berjalan

Penjelasannya : Proses pelaporan omset yang berjalan saat ini yaitu pada saat semua proses transaksi penjualan dan pembelian telah selesai ataupun pada saat toko telah tutup, petugas akan menghitung semua transaksi hari itu dan mengirim laporan melalui media sms ke kantor pusat. Kemudian kantor pusat menginputkan ulang data laporan yang dikirim melalui media sms dari toko cabang ke Microsoft Exel.

22

3.1.1.4.1 Kelemahan

Evaluasi : Kesimpulan dari proses pelaporan transaksi yang berjalan saat ini, proses bisnis berjalan masih dilakukan secara manual seperti : a.

supervisor harus menghitung semua transaksi hari itu secara manual dan terkadang data yang terlalu banyak dalam proses perhitunganpun berlangsung

lama karena sering

salah

perhitungan sehingga dalam pelaporannya tidak tepat waktu dan datanya tidak akurat. b. Kantor pusat harus menginputkan ulang semua data transaksi, terkadang dalam proses penginputan ada kesalahan input, sehingga data laporan dari toko cabang tidak sesuai dengan data yang ada di kantor pusat. Usulan

: Sistem yang akan saya usulkan menawarkan proses bisnis yang tercatat secara komputerisasi. a. Supervisor tidak perlu menghitung semuanya satu per satu, karena dalam sistem akan dibuat secara komputerisasi. b. Kantor pusat tidak perlu menginputkan transaksi penjualan dan pembelian, karena proses pada cabang setiap transaksi akan masuk pada sistem, dan sistem yang akan menghitung semua transaksi secara otomatis. c. Kantor pusat bisa kapan saja mengecek laporan transaksi yang terjadi pada hari kapanpun.

23

3.2 Analisis Kebutuhan Sistem 3.2.1

Flowchart Yang Diusulkan

Proses bisnis sistem usulan merupakan proses aktivitas bisnis yang diusulkan berdasarkan sistem yang akan dibuat. Berikut proses bisnis sistem usulan yang digambarkan dalam bentuk flowchart. 3.2.1.1 Flowchart Proses Penjualan Barang Di Toko Cabang Adapun di bawah ini adalah flowchart proses penjualan barang di toko cabang usulan.

Gambar 3-5 Flowchart Proses Penjualan Barang Toko Cabang Usulan

3.2.1.2 Flowchart Proses Pembelian Barang Di Toko Cabang Adapun di bawah ini adalah flowchart proses pembelian barang di toko cabang usulan.

24

Gambar 3-6 Flowchart Proses Pembelian Barang Toko Cabang Usulan

3.2.1.3

Flowchart Proses Pengadaan Barang (Permintaan Barang Dari Toko Cabang, Order Ke Supplier, Penerimaan Barang Dari Kantor Pusat) Di Modern Silver.

Adapun di bawah ini adalah flowchart proses pengadaan barang (permintaan barang dari toko cabang, order ke supplier, penerimaan barang dari Kantor Pusat) di modern silver usulan.

25

Gambar 3-7 Flowchart Proses Pengadaan Barang Usulan

26

3.2.2

Analisis Kebutuhan Fungsionalitas

Aplikasi pengelolaan data barang dagangan perak berbasis web (Studi kasus: Modern Silver Cirebon) ditujukan untuk admin dan supervisor pada Modern Silver tersebut. Secara umum,kebutuhan fungsionalitas yang dibutuhkan sebagai berikut : a. Kelola data toko Berfungsi untuk mengelola data toko yaitu dapat menambahkan, mengubah dan menghapus data toko. b. Kelola data petugas Berfungsi untuk mengelola data petugas yaitu dapat menambahkan, mengubah dan menghapus data petugas. c. Kelola data barang Berfungsi untuk mengelola data barang yaitu dapat menambahkan, mengubah dan menghapus data barang. d.

Pengelolaan penerimaan data stok barang Berfungsi untuk mengelola data penerimaan stok barang dari supplier di kantor pusat Modern Silver. Fungsi ini meliputi menambahkan, mengubah dan menghapus data penerimaan stok barang.

e. Pemberitahuan kebutuhan stok barang Sebuah kegiatan memberikan informasi kepada admin mengenai data stok barang di kantor pusat maupun toko cabang minimum. f.

Pengelolaan pengiriman data stok barang Berfungsi untuk mengelola data pengiriman stok barang ke toko cabang Modern Silver. Fungsi ini meliputi menambahkan, mengubah dan menghapus data pengiriman stok barang.

27

g. Cetak struk pengiriman stok barang Berfungsi untuk mencetak struk stok barang sebagai tanda bukti data-data barang yang dikirim untuk toko cabangnya. h. View stok toko cabang Berfungsi untuk melihat atau menampilkan data stok barang setiap toko cabang. i.

View laporan toko cabang Berfungsi untuk melihat atau menampilkan laporan setiap toko cabangnya berdasarkan hari, bulan dan tahun.

j.

Notifikasi tambahan stok barang Sebuah kegiatan yang memberikan informasi kepada toko cabang mengenai tambahan stok barang dari kantor pusat.

k. Konfirmasi stok barang Sebuah kegiatan mengkonfirmasi stok barang di toko cabang yang telah dikirim oleh kantor pusat. l.

Kelola transaksi penjualan Sebuah kegiatan transaksi penjualan dimana petugas toko cabang (supervisor) melakukan penginputan data barang yang dijual.

m. Kelola transaksi pembelian Sebuah kegiatan transaksi pembelian dimana petugas toko cabang (supervisor) melakukan penginputan data barang berdasarkan nota barang yang telah dijual. n. Cetak struk penjualan Berfungsi untuk mencetak struk penjualan barang sebagai tanda bukti penjualan perhiasan perak Modern Silver.

28

o. Cetak struk pembelian Berfungsi untuk mencetak struk pembelian barang sebagai tanda bukti pembelian barang perhiasan perak Modern Silver. p. View laporan Berfungsi untuk melihat atau menampilkan laporan di toko cabang Modern Silver berdasarkan hari, bulan dan tahun. 3.2.3

Use Case

3.2.3.1 Diagram Use Case Pada proses bisnis ini, memiliki 2 pengguna yaitu admin dan supervisor. Tugas admin adalah mengelola data toko, mengelola data petugas, mengelola data barang, mengelola data penerimaan stok barang dan mengelola data pengiriman stok barang. Tugas supervisor adalah mengkonfirmasi stok barang dari kantor pusat dan melakukan transaksi jual beli. Berikut gambaran use case dari proses bisnis yang diusulkan:

Gambar 3-8 Use Case Diagram

29

3.2.3.2 Deskripsi Use Case Berikut adalah deskripsi tentang use case yang diusulkan : Tabel 3-1 Deskripsi Use case

Nama Aktor Admin

Deskripsi Aktor

Nama Use Case

Deskripsi Use Case

Merupakan aktor yang

Kelola data toko

Admin dapat melihat data

bertugas mengelola

toko, memasukkan data

seluruh data barang

toko dan mengubah data

perak dan dapat

toko.

melihat laporan toko cabang Kelola data

Admin dapat melihat data

petugas

petugas, memasukkan data petugas dan mengubah data petugas.

Kelola data

Admin dapat melihat data

barang

barang, memasukkan data barang dan mengubah data barang.

Pemberitahuan

Admin mendapatkan

kebutuhan stok

informasi mengenai data

barang

stok barang di kantor pusat maupun toko cabang minimum.

Pengiriman data

Admin dapat menambah

stok barang

pengiriman barang, dan dapat menghapus pengiriman barang.

30

Nama Aktor Admin

Deskripsi Aktor

Nama Use Case

Deskripsi Use Case

Merupakan aktor yang

Cetak struk

Admin dapat mencetak

bertugas mengelola

pengiriman

struk stok barang sebagai

seluruh data barang

barang

tanda bukti data-data

perak dan dapat

barang yang dikirim

melihat laporan toko

untuk toko cabangnya.

cabang Penerimaan

Admin dapat menambah

data stok

penerimaan barang dari

barang

supplier, dan dapat menghapus penerimaan barang.

View stok toko

Admin dapat melihat atau

cabang

menampilkan data stok barang

setiap

toko

cabang. View laporan

Admin dapat melihat atau

toko cabang

menampilkan laporan setiap toko cabangnya berdasarkan hari, bulan dan tahun.

Supervisor

Merupakan aktor yang

Kelola transaksi

Supervisor dapat

bertugas

penjualan

menambah transaksi

mengkonfirmasi stok

penjualan barang, dan

barang dari kantor

dapat menghapus

pusat dan melakukan

transaksi penjualan

transaksi jual beli.

barang.

31

Nama Aktor Supervisor

Deskripsi Aktor

Nama Use Case

Deskripsi Use Case

Merupakan aktor yang

Cetak struk

Supervisor dapat

bertugas

penjualan

mencetak struk penjualan

mengkonfirmasi stok

barang sebagai tanda

barang dari kantor

bukti penjualan barang

pusat dan melakukan

perak Modern Silver.

transaksi jual beli. Notifikasi

Supervisor mendapatkan

tambahan stok

informasi mengenai

barang

tambahan stok barang dari kantor pusat.

Konfirmasi stok

Supervisor dapat approve

barang

atau reject barang yang telah dikirim oleh kantor pusat.

Kelola transaksi

Supervisor dapat

pembelian

menambah transaksi pembelian barang.

Cetak struk

Supervisor dapat

pembelian

mencetak struk pembelian barang sebagai tanda bukti pembelian barang perak Modern Silver.

View laporan

Supervisor dapat melihat laporan berdasarkan hari, bulan dan tahun.

32

3.2.3.3 Skenario Use Case Adapun skenario use case untuk aplikasi pengelolaan barang dagangan perak berbasis web adalah sebagai berikut : a.

Use case

: Login

Aktor

: Admin

Deskripsi : Proses ini adalah sebuah kegiatan untuk melakukan login ke aplikasi. Prakondisi : Admin sudah login Poskondisi : Login berhasil Skenario

: Tabel 3-2 Skenario Use Case Login Admin

Aksi Aktor

Reaksi Sistem

Skenario Normal 1. Memasukkan username dan password 2. Validasi

username

dan

password 3. Jika valid maka akan masuk ke halaman home Alur Alternatif 4. Jika alur 3 gagal maka akan kembali ke halaman login

b.

Use case

: Login

Aktor

: Supervisor

Deskripsi : Proses ini adalah sebuah kegiatan untuk melakukan login ke aplikasi.

33

Prakondisi : Supervisor sudah login Poskondisi : Login berhasil Skenario

: Tabel 3-3 Skenario Use Case Login Supervisor

Aksi Aktor

Reaksi Sistem

Skenario Normal 1. Memasukkan username dan password 2. Validasi

username

dan

password 3. Jika valid maka akan masuk ke halaman home Alur Alternatif 4. Jika alur 3 gagal maka akan kembali ke halaman login

c.

Use Case : Kelola data toko Aktor

: Admin

Deskripsi : Proses ini adalah sebuah kegiatan untuk mengelola data toko Prakondisi : Admin sudah login, memilih menu toko Poskondisi : Mengelola data toko Skenario

:

34

Tabel 3-4 Skenario Use Case Kelola Data Toko

Aksi Aktor

Reaksi Sistem

Skenario Normal Tambah data toko 1.

3.

Memilih menu Tambah 2.

Menampilkan form Toko

5.

Menyimpan data toko

8.

Menampilkan form toko yang dipilih

Memasukkan data Toko seperti kode_toko, nama_toko, alamat_toko, no_telp

4.

Menekan tombol Simpan

Ubah data toko 6.

Memilih data toko

7.

Menekan tombol Edit

untuk diubah 9.

Mengubah data toko

10. Menekan tombol Simpan 11. Menyimpan data toko yang telah diubah. Alur Alternatif 12. Jika menekan tombol “Kembali” akan kembali ke menu toko dan menampilkan data toko

35

d.

Use Case : Kelola data petugas Aktor

: Admin

Deskripsi : Proses ini adalah sebuah kegiatan untuk mengelola data petugas Prakondisi : Admin sudah login, memilih menu petugas Poskondisi : Mengelola data petugas Skenario

: Tabel 3-5 Skenario Use Case Kelola Data Petugas

Aksi Aktor

Reaksi Sistem

Skenario Normal Tambah data petugas 1.

3.

Memilih menu Tambah 2.

Menampilkan form petugas

5.

Menyimpan data Petugas

8.

Menampilkan form petugas yang

Memasukkan data petugas seperti id_petugas, nama_petugas, jk, tgl_lahir, email, alamat, telpon

4.

Menekan tombol Simpan

Ubah data petugas 6.

Memilih data petugas

7.

Menekan tombol Edit dan mengubah data

dipilih untuk diubah 9.

Mengubah data petugas

36

Aksi Aktor

Reaksi Sistem

10. Menekan tombol Simpan 11. Menyimpan data Petugas yang telah diubah Alur Alternatif 12. Jika menekan tombol “Kembali” akan kembali ke menu petugas dan menampilkan data petugas

e.

Use Case : Kelola data barang Aktor

: Admin

Deskripsi : Proses ini adalah sebuah kegiatan untuk mengelola data barang Prakondisi : Admin sudah login, memilih menu barang Poskondisi : Mengelola data barang Skenario

: Tabel 3-6 Skenario Use Case Kelola Data Barang

Aksi Aktor

Reaksi Sistem

Skenario Normal Tambah data barang 1.

Memilih menu Tambah 2.

3.

Menampilkan form barang

Memasukkan data barang seperti kode_barang, nama_barang, berat, harga

4.

Menekan tombol Simpan

37

Aksi Aktor

Reaksi Sistem 5.

Menyimpan data Barang

8.

Menampilkan form barang yang

Ubah data barang 6.

Memilih data barang

7.

Menekan tombol Edit dan mengubah data

dipilih untuk diubah 9.

Mengubah data barang

10. Menekan tombol Simpan 11. Menyimpan data barang yang telah diubah Alur Alternatif 12. Jika menekan tombol “Kembali” akan kembali ke menu barang dan menampilkan data barang

f.

Use Case : Pemberitahuan kebutuhan stok barang Aktor

: Admin

Deskripsi : Proses ini adalah sebuah kegiatan memberikan informasi kepada admin mengenai kebutuhan stok barang di kantor pusat maupun toko cabang Prakondisi : Admin sudah login, menampilkan pemberitahuan kebutuhan stok barang Poskondisi : Menampilkan kebutuhan stok barang Skenario

:

38

Tabel 3-7 Skenario Use Case Pemberitahuan Kebutuhan Stok Barang

Aksi Aktor

Reaksi Sistem

Skenario Normal 1.

Menampilkan barang

2.

Melihat kebutuhan stok barang

3.

Input kebutuhan stok barang

g.

Use Case : Cetak struk pengiriman stok barang Aktor

kebutuhan

stok

: Admin

Deskripsi : Proses ini adalah sebuah kegiatan untuk mencetak struk pengiriman stok barang ke toko cabang Prakondisi : Admin sudah login, menekan tombol cetak Poskondisi : Menampilkan data pengiriman stok barang Skenario

: Tabel 3-8 Skenario Use Case Cetak Struk Pengiriman Barang

Aksi Aktor

Reaksi Sistem

Skenario Normal 1.

Menekan tombol “Cetak” 2.

Menampilkan data pengiriman stok barang

3.

Melihat data pengiriman stok barang

39

h.

Use Case : Pengiriman data stok barang Aktor

: Admin

Deskripsi : Proses ini adalah sebuah kegiatan pengiriman data stok barang ke toko cabang Prakondisi : Admin sudah login, menekan menu Transaksi Pengiriman Barang Poskondisi : menampilkan form pengiriman barang Skenario

: Tabel 3-9 Skenario Use Case Pengiriman Data Stok Barang

Aksi Aktor

Reaksi Sistem

Skenario Normal 1.

Memilih

menu

“Pengiriman

Barang” 2.

Menampilkan

form

pengiriman

barang 3.

Memasukkan barang

data

seperti:

pengiriman

id_pengiriman,

nama toko, nama barang, jumlah 4.

Menekan tombol “Tambah” 5.

Jika

berhasil

disimpan

maka

membuat daftar pengiriman barang

i.

Use Case

: Penerimaan data stok barang

Aktor

: Admin

Deskripsi : Proses ini adalah sebuah kegiatan penerimaan stok barang dari supplier

40

Prakondisi : Admin sudah login, menekan menu Transaksi Penerimaan Barang Poskondisi : Menampilkan form penerimaan barang Skenario

: Tabel 3-10 Skenario Use Case Penerimaan Data Stok Barang

Aksi Aktor

Reaksi Sistem

Skenario Normal 1.

Memilih

menu

“Penerimaan

Barang” 2.

Menampilkan

form

penerimaan

barang 3.

Memasukkan barang nama

data

penerimaan

seperti: id_penerimaan, supplier,

nama

barang,

harga, jumlah 4.

Menekan tombol “Tambah” 5.

Jika

berhasil

disimpan

maka

membuat daftar penerimaan barang

j.

Use Case : View stok toko cabang Aktor

: Admin

Deskripsi : Proses ini adalah sebuah kegiatan melihat semua stok yang ada di toko cabang Prakondisi : Admin sudah login, memilih menu stok toko cabang Poskondisi : Menampilkan stok toko cabang Skenario

:

41

Tabel 3-11 Skenario Use Case Tampilkan Stok Toko Cabang

Aksi Aktor

Reaksi Sistem

Skenario Normal 1.

Masuk ke halaman stok toko cabang

2.

Memilih toko cabang 3.

Menampilkan stok toko cabang

4.

Melihat stok toko cabang

k.

Use Case

: View laporan toko cabang

Aktor

: Admin

Deskripsi

: Proses ini adalah sebuah kegiatan melihat laporan toko cabang

Prakondisi : Admin sudah login, memilih menu laporan Poskondisi : Menampilkan laporan toko cabang Skenario

: Tabel 3-12 Skenario Use Case View Laporan Toko Cabang

Aksi Aktor

Reaksi Sistem

Skenario Normal 1.

Masuk ke halaman laporan

2.

Memilih toko cabang 3.

4.

Menampilkan laporan toko cabang

Melihat laporan toko cabang

42

l.

Use Case

: Kelola transaksi penjualan

Aktor

: Supervisor

Deskripsi : Proses ini adalah sebuah kegiatan untuk menginputkan data transaksi penjualan Prakondisi : Supervisor

sudah login, kegiatan untuk menginputkan data

transaksi penjualan Poskondisi : input data transaksi penjualan Skenario

: Tabel 3-13 Skenario Use Case Input Transaksi Penjualan

Aksi Aktor

Reaksi Sistem

Skenario Normal 1.

4.

Input transaksi penjualan 2.

Mencatat transaksi penjualan

3.

Validasi data transaksi penjualan

5.

Menyimpan

Menekan tompol “Simpan” data

transaksi

penjualan ke database

m. Use Case : Cetak struk penjualan Aktor

: Supervisor

Deskripsi : Proses ini adalah sebuah kegiatan mencetak struk penjualan barang Prakondisi : Supervisor sudah login, menekan tombol cetak Poskondisi : Menampilkan struk penjualan

43

Skenario

: Tabel 3-14 Skenario Use Case Mencetak Struk Penjualan

Aksi Aktor

Reaksi Sistem

Skenario Normal 1.

Menekan tombol “Cetak” 2.

3.

Melihat struk penjualan

n.

Use Case : Kelola transaksi pembelian Aktor

Menampilkan struk penjualan

: Supervisor

Deskripsi : Proses ini adalah sebuah kegiatan untuk menginputkan data transaksi pembelian Prakondisi : Supervisor

sudah login, kegiatan untuk menginputkan data

transaksi pembelian Poskondisi : input data transaksi pembelian Skenario

: Tabel 3-15 Skenario Use Case Input Transaksi Pembelian

Aksi Aktor

Reaksi Sistem

Skenario Normal 1.

Menginputkan no nota

2.

Menekan tombol “Search” 3.

4.

Menampilkan data barang

Menekan tombol “Beli”

44

Aksi Aktor

6.

Reaksi Sistem 5.

Menampilkan jenis kerusakan

7.

Menyimpan

Memilih jenis kerusakan data

transaksi

pembelian ke database Alur Alternatif 1.

Menginputkan no nota

2.

Menekan tombol “Search”

4.

Memperbaiki

data

3.

Validasi data transaksi pembelian

6.

Menampilkan data barang

8.

Menampilkan jenis kerusakan

transaksi

pembelian 5.

7.

9.

Menekan tombol “Search”

Menekan tombol “Beli”

Memilih jenis kerusakan 10. Menyimpan

data

transaksi

pembelian ke database

o.

Use Case

: Cetak struk pembelian

Aktor

: Supervisor

Deskripsi : Proses ini adalah sebuah kegiatan mencetak struk pembelian barang Prakondisi : Supervisor sudah login, menekan tombol cetak

45

Poskondisi : Menampilkan struk pembelian Skenario

: Tabel 3-16 Skenario Use Case Mencetak Struk Pembelian

Aksi Aktor

Reaksi Sistem

Skenario Normal 1.

Menekan tombol “Cetak” 2.

3.

Melihat struk pembelian

p.

Use Case : Konfirmasi stok barang Aktor

Menampilkan struk pembelian

: Supervisor

Deskripsi : Proses ini adalah sebuah kegiatan mengkonfirmasi stok barang di tok cabang Prakondisi : Supervisor sudah login, menekan data tambahan stok barang Poskondisi : Menampilkan tambahan stok barang Skenario

: Tabel 3-17 Skenario Use Case Konfirmasi Stok Barang

Aksi Aktor

Reaksi Sistem

Skenario Normal 1.

Menekan data tambahan stok barang 2.

3.

Menampilkan tambahan stok barang

Melihat tambahan stok barang cabang

46

Aksi Aktor

Reaksi Sistem

Approve 4.

Memilih

tombol

approve

dan

tekan tombol simpan 5.

Data stok barang ter-update

7.

Data stok barang tidak ter-update

Reject 6.

Memilih tombol reject dan tekan tombol simpan

q.

Use Case : notifikasi tambahan stok barang Aktor

: Supervisor

Deskripsi : Proses ini adalah sebuah kegiatan yang memberikan informasi kepada toko cabang mengenai tambahan stok barang dari kantor pusat Prakondisi : Supervisor sudah login, menekan notifikasi tambahan stok barang Poskondisi : Menampilkan tambahan stok barang dari kantor pusat Skenario

: Tabel 3-18 Skenario Use Case Notifikasi Tambahan Stok Barang

Aksi Aktor

Reaksi Sistem

Skenario Normal 1.

Menekan notifikasi tambahan stok barang 2.

Menampilkan tambahan stok barang dari kantor pusat

3.

Melihat tambahan stok barang dari kantor pusat

47

r.

Use Case : View laporan Aktor

: Supervisor

Deskripsi : Proses ini adalah sebuah kegiatan untuk melihat laporan Prakondisi : Supervisor sudah login, memilih menu laporan Poskondisi : Menampilkan laporan Skenario

: Tabel 3-19 Skenario Use Case View Laporan

Aksi Aktor

Reaksi Sistem

Skenario Normal 1.

Masuk ke halaman laporan 2.

3.

Menampilkan laporan

Melihat laporan

3.2.4

Diagram Class

Perancangan diagram kelas secara umum yang digunakan pada aplikasi pengelolaan data barang dagangan perak dilampirkan pada lampiran 3.

48

3.2.5

Diagram Sequence

Di bawah ini merupakan diagram sequence pada Aplikasi Pengelolaan Data Barang Dagangan Perak Berbasis Web. 3.2.5.1 Diagram Sequence Kelola Data Toko Berikut adalah diagram sequence ketika admin mengelola data toko :

Gambar 3-9 Diagram Sequence Kelola Data Toko

49

3.2.5.2 Diagram Sequence Kelola Data Supplier Berikut adalah diagram sequence ketika admin mengelola data supplier :

Gambar 3-10 Diagram Sequence Kelola Data Supplier

50

3.2.5.3 Diagram Squence Kelola Data Barang Berikut adalah diagram sequence ketika admin mengelola data barang :

Gambar 3-11 Diagram Squence Kelola Data Barang

51

3.2.5.4 Diagram Sequence Kelola Data Petugas Berikut adalah diagram sequence ketika admin mengelola data petugas :

Gambar 3-12 Diagram Sequence Kelola Data Petugas

52

3.2.5.5 Diagram Sequence Kelola Data Transaksi penerimaan Berikut adalah diagram sequence ketika admin mengelola data transaksi penerimaan :

Gambar 3-13 Diagram Sequence Kelola Data Transaksi penerimaan

53

3.2.5.6 Diagram Sequence Kelola Data Transaksi pengiriman Berikut adalah diagram sequence ketika admin mengelola data transaksi pengiriman :

Gambar 3-14 Diagram Sequence Kelola Data Transaksi pengiriman

54

3.2.5.7 Diagram Sequence Kelola Data Transaksi Penjualan Berikut adalah diagram sequence ketika Supervisor mengelola data transaksi penjualan :

Gambar 3-15 Diagram Sequence Kelola Data Transaksi Penjualan

55

3.2.5.8 Diagram Sequence Kelola Data Transaksi Pembelian Berikut adalah diagram sequence ketika Supervisor mengelola data transaksi pembelian :

Gambar 3-16 Diagram Sequence Kelola Data Transaksi Pembelian

56

3.3 Perancangan Basis Data Aplikasi Pengelolaan Data Barang Dagangan Perak Berbasis Web ini memiliki rancangan basis data sebagai berikut : 3.3.1 Entity Relational Diagram (ERD) Aplikasi Pengelolaan Data Barang Dagangan Perak Berbasis Web ini memiliki perancangan basis data yang digambarkan melalui ERD (Entity Relational Diagram) untuk menggambarkan hubungan atau relasi antar entitas. Berikut ini adalah ERD untuk aplikasi yang akan dibuat :

Gambar 3-17 Entity Relational Diagram (ERD)

57

3.3.2 Skema Relasi Berikut adalah skema relasi dari Aplikasi Pengelolaan Data Barang Dagangan Perak Berbasis Web.

Gambar 3-18 Skema Relasi

3.3.3 Struktur Tabel Berikut adalah struktur tabel dari Aplikasi Pengelolaan Data Barang Dagangan Perak Berbasi Web yang menjelaskan tentang nama tabel, nama kolom, tipe data dan deskripsi nama field.

58

a. Toko Pada tabel toko terdapat beberapa atribut pada tabel. Penjelasan lebih detail tentang tabel toko dapat dilihat pada tabel berikut ini. Tabel 3-20 Toko

Toko Nama Field

Tipe Data

Deskripsi

Id_toko

varchar(11)

Id toko (primary key)

Nama_toko

varchar(50)

Nama toko

Email

varchar(50)

Email

Alamat

varchar(50)

Alamat

Telpon

varchar(50)

Telpon

b. Penerimaan Pada tabel penerimaan terdapat beberapa atribut pada tabel. Penjelasan lebih detail tentang tabel penerimaan dapat dilihat pada tabel berikut ini. Tabel 3-21 Penerimaan

Penerimaan Nama Field

Tipe Data

Deskripsi

Id_penerimaan

varchar(50)

Id penerimaan (primary key)

Tgl_penerimaan

date

Tanggal penerimaan

Id_supplier

varchar(50)

Id supplier (foreign key)

Id_petugas

varchar(50)

Id petugas (foreign key)

Total

varchar(20)

Total

c. Petugas Pada tabel petugas terdapat beberapa atribut pada tabel. Penjelasan lebih detail tentang tabel petugas dapat dilihat pada tabel berikut ini.

59

Tabel 3-22 Petugas

Petugas Nama Field

Tipe Data

Deskripsi

Id_petugas

varchar(20)

Id_petugas (primary key)

Nama_petugas

varchar(50)

Nama petugas

Jk

varchar(50)

Jenis kelamin

Tgl_lahir

Date

Tanggal lahir

Email

varchar(50)

Email

Alamat

varchar(50)

Alamat

Telpon

varchar(50)

Telpon

Username

varchar(50)

Username petugas admin dan supervisor

Password

varchar(50)

Password petugas admin dan supervisor

Level

varchar(55)

Level

Id_toko

varchar(50)

Id toko (foreign key)

d. Supplier Pada tabel supplier terdapat beberapa atribut pada tabel. Penjelasan lebih detail tentang tabel supplier dapat dilihat pada tabel berikut ini. Tabel 3-23 Supplier

Supplier Nama Field

Tipe Data

Deskripsi

Id_supplier

varchar(20)

Id supplier (primary key)

Nama_supplier

varchar(50)

Nama supplier

Alamat

varchar(50)

Alamat

Telpon

varchar(12)

Telpon

60

e. Detail Penerimaan Barang Pada tabel detail_penerimaan_barang terdapat beberapa atribut pada tabel. Penjelasan lebih detail tentang

tabel detail_penerimaan_barang

dapat dilihat pada tabel berikut ini. Tabel 3-24 Detail Penerimaan Barang

Detail_penerimaan_barang Nama Field

f.

Tipe Data

Deskripsi

Id_detail_penerimaan Int (11)

Id detail penerimaan (primary key)

Jumlah

Int (11)

Jumlah

Harga

Int (11)

Harga

Id_penerimaan

varchar(50)

Id penerimaan (foreign key)

Id_barang

varchar(50)

Id barang (foreign key)

Barang Pada tabel barang terdapat beberapa atribut pada tabel. Penjelasan lebih detail tentang tabel barang dapat dilihat pada tabel berikut ini. Tabel 3-25 Barang

Barang Nama Field

Tipe Data

Deskripsi

Id_barang

varchar(20)

Id barang (primary key)

Nama_barang

varchar(50)

Nama barang

Gambar

varchar(100)

Gambar

Harga

Int (20)

Harga

Berat

varchar(33)

Berat

Stok

Int (50)

Stok

Stok_minim

Int (20)

Stok minim

Id_kategori

Int (50)

Id kategori (foreign key)

61

g. Kategori Pada tabel kategori terdapat beberapa atribut pada tabel. Penjelasan lebih detail tentang tabel kategori dapat dilihat pada tabel berikut ini. Tabel 3-26 Kategori

Kategori Nama Field

Tipe Data

Deskripsi

Id_kategori

Int (50)

Id kategori (primary key)

Nama_kategori

Varchar (50)

Nama kategori

h. Pengiriman Pada tabel pengiriman terdapat beberapa atribut pada tabel. Penjelasan lebih detail tentang tabel pengiriman dapat dilihat pada tabel berikut ini. Tabel 3-27 Pengiriman

Pengiriman Nama Field

i.

Tipe Data

Deskripsi

Id_pengiriman

varchar(50)

Id pengiriman (primary key)

Tgl_pengiriman

Date

Tanggal pengiriman

Total

Int (11)

Total

Statusnotif

Enum

Status notif

Id_petugas

varchar(50)

Id petugas (foreign key)

Detail Pengiriman Barang Pada tabel detail_pengiriman_barang terdapat beberapa atribut pada tabel. Penjelasan lebih detail tentang

tabel detail_pengiriman_barang

dapat dilihat pada tabel berikut ini.

62

Tabel 3-28 Detail Pengiriman Barang

Detail_pengiriman_barang Nama Field

j.

Tipe Data

Deskripsi

Id_detail_pengiriman_barang

Int (50)

Id detail pengiriman barang (primary key)

Jumlah

Int (50)

Jumlah

Id_pengiriman

varchar(50)

Id pengiriman (foreign key)

Id_barang

varchar(50)

Id barang (foreign key)

Status

varchar(50)

Status

Penjualan Pada tabel penjualan terdapat beberapa atribut pada tabel. Penjelasan lebih detail tentang tabel penjualan dapat dilihat pada tabel berikut ini. Tabel 3-29 Penjualan

Penjualan Nama Field

Tipe Data

Deskripsi

Id_penjualan

varchar(50)

Id penjualan (primary key)

Tgl_jual

Date

Tanggal penjualan

Total

Int (50)

Total

Id_petugas

varchar(50)

Id petugas (foreign key)

k. Detail Penjualan Barang Pada tabel detail_penjualan_barang terdapat beberapa atribut pada tabel. Penjelasan lebih detail tentang tabel detail_penjualan_barang dapat dilihat pada tabel berikut ini.

63

Tabel 3-30 Detail Penjualan Barang

Detail_penjualan_barang Nama Field

l.

Tipe Data

Deskripsi

Id_detail_penjualan_barang Int (11)

Id detail penjualan barang (primary key)

Jumlah

Int (50)

Jumlah

Harga

Int (20)

Harga

Id_barang

varchar(50)

Id barang (foreign key)

Id_penjualan

varchar(50)

Id penjualan (foreign key)

Pembelian Pada tabel pembelian terdapat beberapa atribut pada tabel. Penjelasan lebih detail tentang tabel pembelian dapat dilihat pada tabel berikut ini. Tabel 3-31 Pembelian

Pembelian Nama Field

Tipe Data

Deskripsi

Id_pembelian

varchar(50)

Id pembelian (primary key)

Tgl_pembelian

Date

Tanggal pembelian

Total

Int (50)

Total

m. Jenis Pembelian Pada tabel jenis_pembelian terdapat beberapa atribut pada tabel. Penjelasan lebih detail tentang tabel jenis_pembelian dapat dilihat pada tabel berikut ini.

64

Tabel 3-32 Jenis Pembelian

Id_jenis_pembelian Nama Field

Tipe Data

Deskripsi

Id_jenis_pembelian Int (50)

Id jenis pembelian (primary key)

Nama_pembelian

varchar(50)

Nama pembelian

harga

Int (11)

Harga

n. Detail Pembelian Pada tabel detail_pembelian terdapat beberapa atribut pada tabel. Penjelasan lebih detail tentang tabel detail_pembelian dapat dilihat pada tabel berikut ini. Tabel 3-33 Detail Pembelian

Detail_pembelian Nama Field

Tipe Data

Deskripsi

Id_detail_pembelian

Int (50)

Id detail (primary key)

Jumlah

Int (50)

Jumlah

Berat

varchar(30)

Berat

Harga

Int (50)

Harga

Potongan

Int (11)

Potongan

Laku

Int(12)

Laku

Total

Int (11)

Total

pembelian

Id_detail_penjualan_barang varchar(50)

Id detail penjualan barang (foreign key)

Id_pembelian

varchar(50)

Id pembelian (foreign key)

Id_jenis_pembelian

varchar(50)

Id jenis pembelian (foreign key)

65

3.4 Kebutuhan Perangkat Keras dan Perangkat Lunak 3.4.1 Pengembangan Sistem Berikut adalah kebutuhan perangkat keras dan perangkat lunak yang digunakan selama proses pengembangan aplikasi Pengelolaan Data Barang Dagangan Perak Berbasis Web. 3.4.1.1 Kebutuhan Perangkat Keras Adapun kebutuhan perangkat keras untuk membuat Aplikasi Pengelolaan Data Barang Dagangan Perak Berbasis Web adalah sebagai berikut. Tabel 3-34 Kebutuhan Perangkat Keras Untuk Pengembangan

No

Perangkat Keras

Spesifikasi Minimum

Spesifikasi yang digunakan

1.

RAM

512 MB

2GB

2.

Harddisk

20 GB

500 GB

3.

Processor

Kecepatan minimum Core i3 dengan kecepatan

4.

Screen Resolution

2.0 GHZ

2.40 GHZ

240 x 320 Pixels

1366 x 768 Pixels

3.4.1.2 Kebutuhan Perangkat Lunak Adapun kebutuhan perangkat lunak untuk membuat Aplikasi Pengelolaan Data Barang Dagangan Perak Berbasis Web adalah sebagai berikut. Tabel 3-35 Kebutuhan Perangkat Lunak Untuk Pengembangan

No

Perangkat Lunak

Spesifikasi Minimum

Spesifikasi yang digunakan

1.

Operating sistem

Windows XP

Windows 8

2.

Database

MySQL 5.5.27

MySQL 5.5.27

66

No

Perangkat Lunak

Spesifikasi Minimum

Spesifikasi yang digunakan

3.

Script Editor

Notepad++

Notepad++

4.

Web Browser

Mozila Firefox,

Mozila Firefox, Chrome

Chrome 5.

Web Server

Apache, MySQL,

Apache, MySQL, PHP,

PHP, XAMPP 1.7.3

XAMPP 1.7.3 dan

dan Codeigniter

Codeigniter 2.1.0

2.1.0 6.

Dokumentasi

Word 2007,

Word 2013, Microsoft

Microsoft Office

Office Visio 2007, Astah

Visio 2007, Astah

Community

Community

3.4.2 Implementasi Sistem Berikut adalah kebutuhan perangkat keras dan perangkat lunak pada tahap implementasi pada aplikasi ini. 3.4.2.1 Kebutuhan Perangkat Keras Adapun kebutuhan perangkat keras untuk membuat Aplikasi Pengelolaan Data Barang Dagangan Perak Berbasis Web adalah sebagai berikut. Tabel 3-36 Kebutuhan Perangkat Keras Untuk Implementasi

No

Perangkat Keras

Spesifikasi Minimum

Spesifikasi yang digunakan

1.

RAM

512 MB

2GB

2.

Harddisk

20 GB

500 GB

3.

Processor

Kecepatan minimum Core i3 dengan kecepatan 2.0 GHZ

2.40 GHZ

67

No

4.

Perangkat Keras

Screen Resolution

Spesifikasi Minimum

240 x 320 Pixels

Spesifikasi yang digunakan 1366 x 768 Pixels

3.4.2.2 Kebutuhan Perangkat Lunak Adapun kebutuhan perangkat lunak untuk membuat Aplikasi Pengelolaan Data Barang Dagangan Perak Berbasis Web adalah sebagai berikut. Tabel 3-37 Kebutuhan Perangkat Lunak Untuk Implementasi

No

Perangkat Lunak

Spesifikasi Minimum

Spesifikasi yang digunakan

1.

Operating sistem

Windows XP

Windows 8

2.

Database

MySQL 5.5.27

MySQL 5.5.27

3.

Script Editor

Notepad++

Notepad++

4.

Web Server

Apache, MySQL,

Apache, MySQL, PHP,

PHP, XAMPP 1.7.3

XAMPP 1.7.3 dan

dan Codeigniter

Codeigniter 2.1.0

2.1.0 5.

Web Browser

Mozila Firefox,

Mozila Firefox, Chrome

Chrome 6.

Dokumentasi

Word 2007,

Word 2007, Microsoft

Microsoft Office

Office Visio 2007, Astah

Visio 2007, Astah

Community, Exel 2007

Community, Exel 2007

68

3.5 Perancangan Antar Muka Untuk membangun “Aplikasi Pengelolaan Data Barang Dagangan Perak Berbasis Web”, perlu dibuat perancangan antar muka sebagai gambaran dari aplikasi yang akan dibuat, sebagai berikut : 3.5.1

Halaman Login

Berikut perancangan antar muka halaman login :

Gambar 3-19 Perancangan Halaman Login

3.5.2

Halaman Admin

Berikut perancangan antar muka halaman admin :

Gambar 3-20 Perancangan Halaman Admin

69

3.5.3

Halaman Supervisor

Berikut perancangan antar muka halaman supervisor :

Gambar 3-21 Perancangan Halaman Supervisor

3.5.4

Halaman Data Toko

Berikut perancangan antar muka halaman data toko :

Gambar 3-22 Perancangan Halaman Data Toko

3.5.5

Halaman Form Toko

Berikut perancangan antar muka halaman form toko :

Gambar 3-23 Perancangan Halaman Form Toko

70

3.5.6

Halaman Form Supplier

Berikut perancangan antar muka halaman form supplier :

Gambar 3-24 Perancangan Halaman Form Supplier

3.5.7

Halaman Form Petugas

Berikut perancangan antar muka halaman form petugas :

Gambar 3-25 Perancangan Halaman Form Petugas

3.5.8

Halaman Stok Toko Cabang

Berikut perancangan antar muka halaman stok toko cabang :

Gambar 3-26 Perancangan Halaman Stok Toko Cabang

71

3.5.9

Halaman Transaksi Penerimaan

Berikut perancangan antar muka halaman transaksi penerimaan:

Gambar 3-27 Perancangan Halaman Transaksi Penerimaan

3.5.10 Halaman Transaksi Pengiriman Berikut perancangan antar muka halaman transaksi pengiriman :

Gambar 3-28 Perancangan Halaman Transaksi Pengiriman

3.5.11 Halaman Transaksi Penjualan Berikut perancangan antar muka halaman transaksi penjualan :

Gambar 3-29 Perancangan Halaman Transaksi Penjualan

72

3.5.12 Halaman Transaksi Pembelian Berikut perancangan antar muka halaman transaksi pembelian :

Gambar 3-30 Perancangan Halaman Transaksi Pembelian

3.5.13 Halaman Laporan Berikut perancangan antar muka halaman laporan :

Gambar 3-31 Perancangan Halaman Laporan

73

BAB 4 IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Dalam tahap ini, hasil analisis dan perancangan mulai diimplementasikan untuk mencapai tujuan dari pengembangan aplikasi. Berikut ini akan dijelaskan mengenai proses implementasi aplikasi ini. 4.1.1

Instalasi Perangkat Lunak

Berikut ini akan dijelaskan langkah-langkah instalasi perangkat lunak untuk mengimplementasikan Aplikasi Pengelolaan Data Barang Dagangan Perak Berbasis Web. Tabel 4-1 Instalasi Perangkat Lunak

Perangkat Lunak Google Chrome

Langkah-Langkah Penginstalan a. Instal google chrome. Google terbuka otomatis dan akan masuk pada sebuah halaman. b. Setelah itu beri centang pada pilihan setel google chrome, kemudian klik tombol setuju lalu install. c. Langkah selanjutnya install chrome.exe dengan cara klik dua kali file tersebut. d. Setelah selesai, tutup jendela instalasi dan buka browser.

XAMPP

a. Lakukan instalasi XAMPP pada PC yang akan digunakan, dengan melakukan klik pada setup.exe. b. Kemudian akan muncul dialog untuk menentukan lokasi instalasi XAMPP, anda dapat memilih di direktori mana

74

Perangkat Lunak

Langkah-Langkah Penginstalan akan disimpan. c. Klik “OK” tunggu sampai proses instalasi selesai. d. Untuk menjalankan, pilih icon XAMPP Control kemudian klik “Start” pada Apache.

4.1.2

Implementasi Halaman Web

Implementasi halaman web merupakan tampilan aplikasi dibuat agar pengguna dapat berinteraksi dengan aplikasi yang dibangun. Berikut adalah antarmuka yang terdapat pada aplikasi ini. 4.1.2.1 Halaman Login Berikut adalah tampilan halaman login Modern Silver.

Gambar 4-1 Implementasi Halaman Login

4.1.2.2 Halaman Admin Halaman admin adalah berisi tampilan menu-menu yang ada di halaman admin. Berikut menu yang terdapat di halaman admin.

75

Gambar 4-2 Implementasi Halaman Admin

4.1.2.3 Halaman Supervisor Halaman supervisor adalah berisi tampilan menu-menu yang ada di halaman supervisor. Berikut menu yang terdapat di halaman supervisor.

Gambar 4-3 Implementasi Halaman Supervisor

4.1.2.4 Halaman Data Toko Halaman data toko adalah berisi data yang telah diinputkan. Terdapat menu tambah data dan edit data.

Gambar 4-4 Implementasi Halaman Data Toko

76

Penjelasan fungsionalitas : a. Menu tambah : digunakan untuk menambahkan data baru. b. Menu edit

: digunakan untuk mengubah data.

4.1.2.5 Halaman Form Toko Halaman form toko merupakan halaman form penginputan data toko. Berikut adalah halaman form penginputan toko.

Gambar 4-5 Implementasi Halaman Form Toko

Penjelasan fungsionalitas : a. Tombol simpan : digunakan untuk menyimpan data. b. Tombol kembali: digunakan untuk kembali ke halaman data Toko. 4.1.2.6 Halaman Form Edit Toko Halaman form edit toko merupakan halaman form edit data toko. Berikut adalah halaman form edit data toko.

77

Gambar 4-6 Implementasi Halaman Form Edit Toko

Penjelasan fungsionalitas : a. Tombol simpan : digunakan untuk menyimpan data. b. Tombol kembali: digunakan untuk kembali ke halaman data Toko. 4.1.2.7 Halaman Data Petugas Halaman data petugas adalah berisi data yang telah diinputkan. Terdapat menu tambah data dan edit data.

Gambar 4-7 Implementasi Halaman Data Petugas

Penjelasan fungsionalitas : a. Menu tambah : digunakan untuk menambahkan data baru. b. Menu edit

: digunakan untuk mengubah data.

78

4.1.2.8 Halaman Form Petugas Supervisor Halaman form petugas supervisor merupakan halaman form penginputan data petugas supervisor. Berikut adalah halaman form penginputan data petugas.

. Gambar 4-8 Implementasi Halaman Form Petugas Supervisor

Penjelasan fungsionalitas : a. Tombol simpan : digunakan untuk menyimpan data. b. Tombol kembali: digunakan untuk kembali ke halaman data petugas. 4.1.2.9 Halaman Form Petugas Layanan Halaman form petugas layanan merupakan halaman form penginputan data petugas layanan. Berikut adalah halaman form penginputan data petugas.

79

Gambar 4-9 Implementasi Halaman Form Petugas Layanan

Penjelasan fungsionalitas : a. Tombol simpan : digunakan untuk menyimpan data. b. Tombol kembali: digunakan untuk kembali ke halaman data petugas. 4.1.2.10 Halaman Form Edit Petugas Supervisor Halaman form edit petugas supervisor merupakan halaman form mengedit data petugas supervisor. Berikut adalah halaman form mengedit data petugas.

80

Gambar 4-10 Implementasi Halaman Form Edit Petugas Supervisor

Penjelasan fungsionalitas : a. Tombol simpan : digunakan untuk menyimpan data. b. Tombol kembali: digunakan untuk kembali ke halaman data petugas. 4.1.2.11 Halaman Form Edit Petugas Layanan Halaman form edit petugas layanan merupakan halaman form mengedit data petugas layanan. Berikut adalah halaman form mengedit data petugas.

Gambar 4-11 Implementasi Form Edit Petugas Layanan

81

Penjelasan fungsionalitas : a. Tombol simpan : digunakan untuk menyimpan data. b. Tombol kembali: digunakan untuk kembali ke halaman data petugas. 4.1.2.12 Halaman Data Supplier Halaman data Supplier adalah berisi data yang telah diinputkan. Terdapat menu tambah data dan edit data.

Gambar 4-12 Implementasi Halaman Data Supplier

Penjelasan fungsionalitas : a. Menu tambah : digunakan untuk menambahkan data baru. b. Menu edit

: digunakan untuk mengubah data.

4.1.2.13 Halaman Form Supplier Halaman form supplier merupakan halaman form penginputan data supplier. Berikut adalah halaman form penginputan data supplier.

Gambar 4-13 Implementasi Halaman Form Supplier

82

Penjelasan fungsionalitas : a. Tombol simpan : digunakan untuk menyimpan data. b. Tombol kembali: digunakan untuk kembali ke halaman data supplier. 4.1.2.14 Halaman Form Edit Supplier Halaman form edit supplier merupakan halaman form mengedit data supplier. Berikut adalah halaman form mengedit data supplier.

Gambar 4-14 Implementasi Halaman Form Edit Supplier

Penjelasan fungsionalitas : a. Tombol simpan : digunakan untuk menyimpan data. b. Tombol kembali: digunakan untuk kembali ke halaman data supplier. 4.1.2.15 Halaman Data Barang Halaman data barang adalah berisi data yang telah diinputkan. Terdapat menu tambah data dan edit data.

83

Gambar 4-15 Implementasi Halaman Data Barang

4.1.2.16 Halaman Form Barang Halaman form barang merupakan halaman form penginputan data barang. Berikut adalah halaman form penginputan data barang.

Gambar 4-16 Implementasi Halaman Form Barang

Penjelasan fungsionalitas : a. Tombol simpan : digunakan untuk menyimpan data. b. Tombol kembali: digunakan untuk kembali ke halaman data barang. 4.1.2.17 Halaman Form Edit Barang Halaman form edit barang merupakan halaman form mengedit data barang. Berikut adalah halaman form mengedit data barang.

84

Gambar 4-17 Implementasi Halaman Form Edit Barang

Penjelasan fungsionalitas : a. Tombol simpan : digunakan untuk menyimpan data. b. Tombol kembali: digunakan untuk kembali ke halaman data barang. 4.1.2.18 Halaman Stok Toko Cabang Berikut ini adalah tampilan stok toko cabang, terlebih dahulu kita memilih toko cabang. Setelah memilih maka akan menampilkan data stok toko cabang.

Gambar 4-18 Implementasi Halaman Stok Toko Cabang

85

4.1.2.19 Halaman Form Transaksi penerimaan Halaman form transaksi penerimaan merupakan halaman form tambah transaksi penerimaan barang dari supplier. Berikut adalah halaman form transaksi penerimaan barang.

Gambar 4-19 Implementasi Halaman Form Transaksi Penerimaan

4.1.2.20 Halaman Data Penerimaan Barang Halaman data penerimaan barang merupakan halaman data penerimaan barang dari supplier yang telah ditambah.

Gambar 4-20 Implementasi Halaman Data Penerimaan Barang

Penjelasan fungsionalitas : a. Tombol Hapus : digunakan untuk menghapus data barang. b. Tombol Simpan: digunakan untuk menyimpan data barang.

86

4.1.2.21 Halaman Form Transaksi Pengiriman Halaman form transaksi pengiriman merupakan halaman form tambah transaksi pengiriman barang ke toko cabang. Berikut adalah halaman form transaksi pengiriman barang.

Gambar 4-21 Implementasi Halaman Form Transaksi Pengiriman

4.1.2.22 Halaman Data Pengiriman Barang Halaman data pengiriman barang merupakan halaman data pengiriman barang ke toko cabang yang telah ditambah.

Gambar 4-22 Implementasi Halaman Data Pengiriman Barang

Penjelasan fungsionalitas : a. Tombol Hapus : digunakan untuk menghapus data barang. b. Tombol Cetak : digunakan untuk mencetak data pengiriman barang.

87

4.1.2.23 Tampilan Cetak Pengiriman Barang Berikut ini adalah tampilan cetak data pengiriman barang kantor pusat ke toko cabang Modern Silver .

Gambar 4-23 Implementasi Tampilan Cetak Pengiriman Barang

4.1.2.24 Halaman Notifikasi Tambahan Stok Barang Halaman notifikasi tambahan stok barang merupakan halaman pemberitahuan tentang tambahan data barang dari kantor pusat Modern Silver.

Gambar 4-24 Implementasi Halaman Notifikasi Tambahan Stok Barang

4.1.2.25 Tampilan Stok Toko Cabang Tampilan stok toko cabang merupakan tampilan data stok barang yang ada di toko cabang. Berikut ini adalah tampilan stok toko cabang.

88

Gambar 4-25 Implementasi Tampilan Stok Toko Cabang

4.1.2.26 Halaman Form Transaksi Penjualan Halaman form transaksi penjualan merupakan halaman form tambah transaksi penjualan barang. Berikut adalah halaman form transaksi penjualan barang.

Gambar 4-26 Implementasi Halaman Form Transaksi Penjualan

4.1.2.27 Halaman Data Transaksi Penjualan Halaman data transaksi penjualan merupakan halaman data penjualan barang yang telah ditambah.

89

Gambar 4-27 Implementasi Halaman Data Transaksi Penjualan

Penjelasan fungsionalitas : a. Tombol Hapus : digunakan untuk menghapus data barang. b. Tombol Cetak : digunakan untuk mencetak data penjualan barang.

4.1.2.28 Tampilan Cetak Transaksi Penjualan Berikut ini adalah tampilan struk penjualan barang Modern Silver.

Gambar 4-28 Implementasi Tampilan Cetak Transaksi Penjualan

90

4.1.2.29 Halaman Form Transaksi pembelian Berikut ini adalah tampilan dari halaman form transaksi pembelian.

Gambar 4-29 Implementasi Halaman Form Transaksi Pembelian

4.1.2.30 Halaman Transaksi Pembelian Tidak Rusak Berikut ini adalah tampilan dari halaman transaksi pembelian tidak rusak.

Gambar 4-30 Implementasi Halaman Transaksi Pembelian Tidak Rusak

4.1.2.31 Halaman Transaksi Pembelian Rusak Ringan Berikut ini adalah tampilan dari halaman transaksi pembelian rusak ringan.

91

Gambar 4-31 Implementasi Halaman Transaksi Pemelian Rusak Ringan

4.1.2.32 Halaman Transaksi Pembelian Rusak Berat Berikut ini adalah tampilan dari halaman transaksi pembelian rusak berat.

Gambar 4-32 Implementasi Halaman Transaksi Pembelian Rusak Berat

4.1.2.33 Halaman Data Transaksi Pembelian Berikut ini adalah tampilan dari halaman data transaksi pembelian.

92

Gambar 4-33 Implementasi Halaman Data Transaksi Pembelian

4.1.2.34 Tampilan Cetak Transaksi Pembelian Berikut ini adalah tampilan cetak transaksi pembelian sebagai tanda bukti barang telah di beli oleh toko Modern Silver.

Gambar 4-34 Implementasi Tampilan Cetak Transaksi Pembelian

4.1.2.35 Halaman Laporan Ada 3 laporan yang nantinya akan diberikan kepada admin Modern Silver yaitu laporan transaksi penjualan, laporan transaksi pembelian dan laporan omset. Berikut adalah contoh tampilan laporan tersebut dan terdapat menu cetak. 4.1.2.35.1 Halaman Laporan Penjualan Berikut ini adalah contoh tampilan laporan penjualan pada Modern Silver Cirebon. Penjelasan fungsionalitas : a. Form penginputan toko : digunakan untuk penginputan toko laporan yang diinginkan.

93

b. Form penginputan tanggal: digunakan untuk menginputkan dari tanggal dan sampai tanggal laporan yang diinginkan. c. Menu cetak : digunakan untuk men-download laporan yang akan dicetak.

Gambar 4-35 Implementasi Halaman Laporan Penjualan

4.1.2.35.2 Halaman Laporan Pembelian Berikut ini adalah contoh tampilan laporan pembelian pada Modern Silver Cirebon. Penjelasan fungsionalitas : a. Form penginputan toko : digunakan untuk penginputan toko laporan yang diinginkan. b. Form penginputan tanggal: digunakan untuk menginputkan dari tanggal dan sampai tanggal laporan yang diinginkan. c. Menu cetak : digunakan untuk men-download laporan yang akan dicetak.

Gambar 4-36 Implementasi Laporan Pembelian

94

4.1.2.35.3 Halaman Laporan omset Berikut ini adalah contoh tampilan laporan omset pada Modern Silver Cirebon. Penjelasan fungsionalitas : d. Form penginputan toko : digunakan untuk penginputan toko laporan yang diinginkan. e. Form penginputan tanggal: digunakan untuk menginputkan dari tanggal dan sampai tanggal laporan yang diinginkan. f.

Menu cetak : digunakan untuk men-download laporan yang akan dicetak.

Gambar 4-37 Implementasi Laporan Omset

95

4.2 Pengujian Pengujian sistem dilakukan dengan tujuan menemukan kesalahan-kesalahan yang mungkin bisa terjadi dalam aplikasi ini. Untuk mengetahui apakah program yang sudah dibuat sesuai dengan yang ditetapkan. Dalam pengujian ini akan dilakukan dengan metode blackbox yaitu pada tahap pengujian input dan output. Berikut pengujian sistem Aplikasi Pengelolaan Data Barang Dagangan Perak Berbasis Web. 4.2.1

Memasukkan Data Toko

Berikut adalah pengujian pada form penginputan data toko. Pengujian ini dilakukan untuk mengetahui proses validasi yang terjadi ketika melakukan proses input data toko. Tabel 4-2 Pengujian Memasukkan Data Toko

Test Case Description

Test Case

Expected Result

Actual Result

Mengisi data -nama toko:

Sistem akan

Sistem akan

dengan

menyimpan ke

menyimpan ke

database dan

database dan

membawa ke

membawa ke

halaman data

halaman data

toko

toko

benar

{diisi} -email: {diisi} -alamat: {diisi} -telpon: {diisi}

Field nama

-nama toko:

Sistem akan

Sistem akan

toko

{kosong}

menolak akses

menolak akses

simpan dan

simpan dan

mengeluarkan

mengeluarkan

pesan Field

pesan field

harus diisi

harus diisi

dikosongkan

-email: {diisi} -alamat: {diisi} -telpon: {diisi}

Status Berhasil

Berhasil

96

Test Case Description

Test Case

Expected Result

Actual Result

Field email

-nama toko:

Sistem akan

Sistem akan

dikosongkan

{diisi}

menolak akses

menolak akses

simpan dan

simpan dan

mengeluarkan

mengeluarkan

pesan Field

pesan Field

harus diisi

harus diisi

-email: {kosong} -alamat: {diisi} -telpon: {diisi} Field alamat

-nama toko:

Sistem akan

Sistem akan

dikosongkan

{diisi}

menolak akses

menolak akses

simpan dan

simpan dan

mengeluarkan

mengeluarkan

pesan Field

pesan Field

harus diisi

harus diisi

-email: {diisi} -alamat: {kosong} -telpon: {diisi} Field telpon

-nama toko:

Sistem akan

Sistem akan

dikosongkan

{diisi}

menolak akses

menolak akses

simpan dan

simpan dan

mengeluarkan

mengeluarkan

pesan Field

pesan Field

harus diisi

harus diisi

-email: {diisi} -alamat: {diisi} -telpon: {kosong} Field email

-nama toko:

Sistem akan

Sistem akan

diisi dengan

{diisi}

menolak akses

menolak akses

simpan dan

simpan dan

mengeluarkan

mengeluarkan

pesan field

pesan field

harus alamat

harus alamat

email

email

abjad dan angka

-email: {abc123} -alamat: {diisi} -telpon: {diisi}

Status Berhasil

Berhasil

Berhasil

Berhasil

97

Test Case Description

Test Case

Expected Result

Actual Result

Field nomor

-nama toko:

Sistem akan

Sistem akan

telpon diisi

{diisi}

menolak akses

menolak akses

simpan dan

simpan dan

mengeluarkan

mengeluarkan

pesan field

pesan field

angka

angka maksimal

maksimal 12

12 digit

lebih dari 12 digit angka

-email: {diisi} -alamat: {diisi} -telpon: {0812898989891}

Status Berhasil

digit

4.2.2 Memasukkan Data Petugas Berikut adalah pada form penginputan data petugas. Pengujian ini dilakukan untuk mengetahui proses validasi yang terjadi ketika melakukan proses input data petugas. Tabel 4-3 Pengujian Memasukkan Data Petugas

Test Case Description

Test Case

Expected Result

Actual Result

Mengisi data -nama petugas: {diisi} dengan

Sistem akan

Sistem akan

menyimpan ke

menyimpan ke

benar

-jenis kelamin: {diisi}

database dan

database dan

membawa ke

membawa ke

-tanggal lahir: {diisi}

halaman data

halaman data

petugas

petugas

Status Berhasil

-email: {diisi} -alamat: {diisi} -telpon: {diisi} -toko:{diisi}

98

Test Case Description

Test Case

Expected Result

Actual Result

Field nama

-nama petugas:

Sistem akan

Sistem akan

petugas

{kosong}

menolak akses

menolak akses

simpan dan

simpan dan

mengeluarkan

mengeluarkan

pesan Field

pesan field

harus diisi

harus diisi

dikosongkan

-jenis kelamin: {diisi} -tanggal lahir:

Status Berhasil

{diisi} -email: {diisi} -alamat: {diisi} -telpon: {diisi} -toko:{diisi} Field jenis

-nama petugas:

Sistem akan

Sistem akan

kelamin

{diisi}

menolak akses

menolak akses

simpan dan

simpan dan

mengeluarkan

mengeluarkan

pesan Field

pesan Field

harus diisi

harus diisi

dikosongkan

-jenis kelamin: {kosong} -tanggal lahir:

Berhasil

{diisi} -email: {diisi} -alamat: {diisi} -telpon: {diisi} -toko:{diisi}

99

Test Case Description Field tanggal lahir dikosongkan

Test Case

Expected Result

Actual Result

-nama petugas: {diisi}

Sistem akan

Sistem akan

menolak akses

menolak akses

-jenis kelamin: {diisi}

simpan dan

simpan dan

mengeluarkan

mengeluarkan

-tanggal lahir: {kosong}

pesan Field

pesan Field

harus diisi

harus diisi

-nama petugas: {diisi}

Sistem akan

Sistem akan

menolak akses

menolak akses

-jenis kelamin: {diisi}

simpan dan

simpan dan

mengeluarkan

mengeluarkan

-tanggal lahir: {diisi}

pesan Field

pesan Field

harus diisi

harus diisi

Status Berhasil

-email: {diisi} -alamat: {diisi} -telpon: {diisi} -toko:{diisi}

Field email dikosongkan

Berhasil

-email: {kosong} -alamat: {diisi} -telpon: {diisi} -toko:{diisi}

100

Test Case Description Field alamat dikosongkan

Test Case

Expected Result

Actual Result

-nama petugas: {diisi}

Sistem akan

Sistem akan

menolak akses

menolak akses

-jenis kelamin: {diisi}

simpan dan

simpan dan

mengeluarkan

mengeluarkan

-tanggal lahir: {diisi}

pesan Field

pesan Field

harus diisi

harus diisi

-nama petugas: {diisi}

Sistem akan

Sistem akan

menolak akses

menolak akses

-jenis kelamin: {diisi}

simpan dan

simpan dan

mengeluarkan

mengeluarkan

-tanggal lahir: {diisi}

pesan Field

pesan Field

harus diisi

harus diisi

Status Berhasil

-email: {diisi} -alamat: {kosong} -telpon: {diisi} -toko:{diisi} Field telpon dikosongkan

Berhasil

-email: {diisi} -alamat: {diisi} -telpon: {kosong} -toko:{diisi}

101

Test Case Description Field email diisi dengan abjad dan angka

Test Case

Expected Result

Actual Result

-nama petugas: {diisi}

Sistem akan

Sistem akan

menolak akses

menolak akses

-jenis kelamin: {diisi}

simpan dan

simpan dan

mengeluarkan

mengeluarkan

-tanggal lahir: {diisi}

pesan field

pesan field

harus alamat

harus alamat

-email: {abc123}

email

email

-nama petugas: {diisi}

Sistem akan

Sistem akan

menolak akses

menolak akses

-jenis kelamin: {diisi}

simpan dan

simpan dan

mengeluarkan

mengeluarkan

-tanggal lahir: {diisi}

pesan field

pesan field

angka

angka maksimal

-email: {diisi}

maksimal 12

12 digit

Status Berhasil

-alamat: {diisi} -telpon: {diisi} -toko:{diisi} Field nomor telpon diisi lebih dari 12 digit angka

-alamat: {diisi}

Berhasil

digit

-telpon: {0812898989898} -toko:{diisi}

102

Test Case Description

Test Case

Expected Result

Actual Result

Field

-nama petugas:

Sistem akan

Sistem akan

username

{diisi}

menolak akses

menolak akses

simpan dan

simpan dan

mengeluarkan

mengeluarkan

pesan Field

pesan Field

harus diisi

harus diisi

dikosongkan

-jenis kelamin: {diisi} -tanggal lahir:

Status Berhasil

{diisi} -email: {diisi} -alamat: {diisi} -telpon: {diisi} -toko: {diisi} -level: {diisi} -usename: {kosong} -password: {diisi} -konfirmasi password: {diisi}

103

Test Case Description Field umur diisi tanggal sekarang

Test Case

Expected Result

Actual Result

-nama petugas: {diisi}

Sistem akan

Sistem akan

menolak akses

menolak akses

-jenis kelamin: {diisi}

simpan dan

simpan dan

mengeluarkan

mengeluarkan

-tanggal lahir: {01/03/2015}

pesan

pesan

“maksimal

“maksimal umur

-email: {diisi}

umur 17

17 tahun”

-alamat: {diisi}

Status Berhasil

tahun”

-telpon: {diisi} -toko:{diisi} Field password dikosongkan

-nama petugas: {diisi}

Sistem akan

Sistem akan

menolak akses

menolak akses

-jenis kelamin: {diisi}

simpan dan

simpan dan

mengeluarkan

mengeluarkan

-tanggal lahir: {diisi}

pesan Field

pesan Field

harus diisi

harus diisi

-email: {diisi}

Berhasil

-alamat: {diisi} -telpon: {diisi} -toko:{diisi} -level: {diisi} -usename: {diisi} -password: {kosong} -konfirmasi password: {diisi}

104

Test Case Description Field Konfirmasi Password dikosongkan

Test Case

Expected Result

Actual Result

-nama petugas: {diisi}

Sistem akan

Sistem akan

menolak akses

menolak akses

-jenis kelamin: {diisi}

simpan dan

simpan dan

mengeluarkan

mengeluarkan

-tanggal lahir: {diisi}

pesan Field

pesan Field

harus diisi

harus diisi

-nama petugas: {diisi}

Sistem akan

Sistem akan

menolak akses

menolak akses

-jenis kelamin: {diisi}

simpan dan

simpan dan

mengeluarkan

mengeluarkan

-tanggal lahir: {diisi}

pesan

pesan

“password

“password tidak

-email: {diisi}

tidak sama”

sama “

Status Berhasil

-email: {diisi} -alamat: {diisi} -telpon: {diisi} -toko:{diisi} -level: {diisi} -usename: {diisi} -password: {diisi} -konfirmasi password: {kosong} Field Konfirmasi Password tidak sama dengan password

Berhasil

-alamat: {diisi}

105

Test Case Description

Test Case

Expected Result

Actual Result

Status

-telpon: {diisi} -toko:{diisi} -level: {diisi} -usename: {diisi} -password: {123} -konfirmasi password: {abc}

4.2.3 Memasukkan Data Barang Berikut adalah pengujian pada form penginputan data Barang. Pengujian ini dilakukan untuk mengetahui proses validasi yang terjadi ketika melakukan proses input data Barang. Tabel 4-4 Pengujian Memasukkan Data Barang

Test Case Description

Test Case

Expected Result

Actual Result

Mengisi data -nama kategori:

Sistem akan

Sistem akan

dengan

menyimpan ke

menyimpan ke

database dan

database dan

membawa ke

membawa ke

halaman data

halaman data

barang

barang

benar

{diisi} -nama barang: {diisi} -gambar: {diisi}

Status Berhasil

-harga: {diisi} -berat: {diisi}

106

Test Case Description

Test Case

Expected Result

Actual Result

Field nama

-nama kategori:

Sistem akan

Sistem akan

kategori

{kosong}

menolak akses

menolak akses

simpan dan

simpan dan

mengeluarkan

mengeluarkan

pesan Field

pesan field

harus diisi

harus diisi

dikosongkan

-nama barang: {diisi} -gambar: {diisi}

Status Berhasil

-harga: {diisi} -berat: {diisi} Field nama

-nama kategori:

Sistem akan

Sistem akan

barang

{diisi}

menolak akses

menolak akses

simpan dan

simpan dan

mengeluarkan

mengeluarkan

pesan Field

pesan Field

harus diisi

harus diisi

dikosongkan

-nama barang: {kosong} -gambar: {diisi}

Berhasil

-harga: {diisi} -berat: {diisi} Field harga

-nama kategori:

Sistem akan

Sistem akan

dikosongkan

{diisi}

menolak akses

menolak akses

simpan dan

simpan dan

mengeluarkan

mengeluarkan

pesan Field

pesan Field

harus diisi

harus diisi

-nama barang: {diisi} -gambar: {diisi}

Berhasil

-harga: {kosong} -berat: {diisi}

107

Test Case Description

Test Case

Expected Result

Actual Result

Field berat

-nama kategori:

Sistem akan

Sistem akan

dikosongkan

{diisi}

menolak akses

menolak akses

simpan dan

simpan dan

mengeluarkan

mengeluarkan

pesan Field

pesan Field

harus diisi

harus diisi

-nama barang: {diisi} -gambar: {diisi}

Status Berhasil

-harga: {diisi} -berat: {kosong}

4.2.4 Memasukkan Data Supplier Berikut adalah pengujian pada form penginputan data supplier. Pengujian ini dilakukan untuk mengetahui proses validasi yang terjadi ketika melakukan proses input data supplier. Tabel 4-5 Pengujian Memasukkan Data Supplier

Test Case Description

Test Case

Expected Result

Actual Result

Mengisi data -nama supplier: {diisi} dengan

Sistem akan

Sistem akan

menyimpan ke

menyimpan ke

benar

database dan

database dan

membawa ke

membawa ke

halaman data

halaman data

barang

barang

-alamat: {diisi} -telpon: {diisi}

Status Berhasil

108

Test Case Description

Test Case -telpon: {diisi}

Expected Result pesan

Actual Result

Field pesan

harus diisi

harus diisi

Field

Field alamat

-nama supplier:

Sistem akan

Sistem akan

dikosongkan

{diisi}

menolak akses

menolak akses

simpan dan

simpan dan

mengeluarkan

mengeluarkan

pesan Field

pesan field

-telpon: {diisi}

harus diisi

harus diisi

Field telpon

-nama supplier:

Sistem akan

Sistem akan

dikosongkan

{diisi}

menolak akses

menolak akses

simpan dan

simpan dan

mengeluarkan

mengeluarkan

pesan Field

pesan field

harus diisi

harus diisi

-alamat: {kosong}

-alamat: {diisi} -telpon: {kosong}

Field nomor

-nama supplier:

Sistem akan

Sistem akan

telpon diisi

{diisi}

menolak akses

menolak akses

simpan dan

simpan dan

mengeluarkan

mengeluarkan

-telpon:

pesan field

pesan field

{0812898989891}

angka

angka maksimal

maksimal 12

12 digit

lebih dari 12 digit angka

-alamat: {diisi}

Status

Berhasil

Berhasil

Berhasil

digit

4.2.5 Memasukkan Data Transaksi Penerimaan Barang Berikut adalah pengujian pada form penginputan data penerimaan barang. Pengujian ini dilakukan untuk mengetahui proses validasi yang terjadi ketika melakukan proses input data penerimaan barang.

109

Tabel 4-6 Pengujian Memasukkan Data Transaksi Penerimaan Barang

Test Case Description

Test Case

Expected Result

Actual Result

Mengisi data -supplier: {diisi}

Sistem akan

Sistem akan

dengan

menyimpan ke

menyimpan ke

database dan

database dan

membuat

membuat daftar

daftar

penerimaan

penerimaan

barang

benar

-nama barang: {diisi} -harga: {diisi} -jumlah: {diisi}

Field

nama -supplier: {diisi}

Sistem akan

menolak akses

menolak akses

simpan dan

simpan dan

mengeluarkan

mengeluarkan

pesan Field

pesan Field

harus diisi

harus diisi

Field harga -supplier: {diisi}

Sistem akan

Sistem akan

dikosongkan

menolak akses

menolak akses

simpan dan

simpan dan

mengeluarkan

mengeluarkan

pesan Field

pesan Field

harus diisi

harus diisi

Field jumlah -supplier: {diisi}

Sistem akan

Sistem akan

dikosongkan

menolak akses

menolak akses

simpan dan

simpan dan

mengeluarkan

mengeluarkan

pesan Field

pesan Field

harus diisi

harus diisi

dikosongkan

-nama barang: {kosong} -harga: {diisi} -jumlah: {diisi}

-nama barang: {diisi} -harga: {kosong} -jumlah: {diisi}

-nama barang: {diisi} -harga: {diisi} -jumlah: {kosong}

Berhasil

barang Sistem akan

barang

Status

Berhasil

Berhasil

Berhasil

110

4.2.6 Memasukkan Data Transaksi Pengiriman Barang Berikut adalah pengujian pada form penginputan data pengiriman barang. Pengujian ini dilakukan untuk mengetahui proses validasi yang terjadi ketika melakukan proses input data pengiriman barang. Tabel 4-7 Pengujian Memasukkan Data Transaksi Pengiriman Barang

Test Case Description

Test Case

Expected Result

Actual Result

Mengisi data -toko: {diisi}

Sistem akan

Sistem akan

dengan

menyimpan ke

menyimpan ke

database dan

database dan

membuat daftar

membuat daftar

pengiriman

pengiriman

barang

barang

Sistem akan

Sistem akan

menolak akses

menolak akses

simpan dan

simpan dan

mengeluarkan

mengeluarkan

pesan Field harus

pesan Field

diisi

harus diisi

-nama barang: {diisi}

benar

-jumlah: {diisi}

Field

toko -toko: {kosong}

dikosongkan

-nama barang: {diisi} -jumlah: {diisi}

Status Berhasil

Berhasil

111

Test Case Description Field

Test Case

nama -toko: {diisi}

Expected Result

Actual Result

Sistem akan

Sistem akan

menolak akses

menolak akses

simpan dan

simpan dan

mengeluarkan

mengeluarkan

pesan Field harus

pesan Field

diisi

harus diisi

Field jumlah -toko: {diisi}

Sistem akan

Sistem akan

dikosngkan

menolak akses

menolak akses

simpan dan

simpan dan

mengeluarkan

mengeluarkan

-jumlah:

pesan Field harus

pesan Field

{kosong}

diisi

harus diisi

barang dikosongkan

-nama barang: {kosong} -jumlah: {diisi}

-nama barang: {diisi}

Status Berhasil

Berhasil

4.2.7 Memasukkan Data Transaksi Penjualan Barang Berikut adalah pengujian pada form penginputan data penjualan barang. Pengujian ini dilakukan untuk mengetahui proses validasi yang terjadi ketika melakukan proses input data penjualan barang. Tabel 4-8 Pengujian Memasukkan Data Transaksi Penjualan Barang

Test Case Description

Test Case

Expected Result

Actual Result

Mengisi data -petugas layanan:

Sistem akan

Sistem akan

dengan

menyimpan ke

menyimpan ke

database dan

database dan

membuat

membuat daftar

daftar

penjualan

penjualan

barang

benar

{diisi} -kode barang: {diisi} -jumlah: {diisi}

Status Berhasil

barang

112

Test Case Description

Test Case

Expected Result

Actual Result

Field

-petugas layanan:

Sistem akan

Sistem akan

petugas

{kosong}

menolak akses

menolak akses

simpan dan

simpan dan

mengeluarkan

mengeluarkan

pesan Field

pesan Field

harus diisi

harus diisi

Sistem akan

Sistem akan

menolak akses

menolak akses

simpan dan

simpan dan

mengeluarkan

mengeluarkan

pesan Field

pesan Field

harus diisi

harus diisi

Field jumlah -petugas layanan:

Sistem akan

Sistem akan

dikosongkan

menolak akses

menolak akses

simpan dan

simpan dan

mengeluarkan

mengeluarkan

pesan Field

pesan Field

harus diisi

harus diisi

layanan dikosongkan

-kode barang: {diisi} -jumlah: {diisi}

Field

kode -petugas layanan:

barang dikosongkan

{diisi} -kode barang: {kosong} -jumlah: {diisi}

{diisi} -kode barang: {diisi} -jumlah: {kosong}

Status Berhasil

Berhasil

Berhasil

4.2.8 Memasukkan Data Transaksi Pembelian Barang Berikut adalah pengujian pada form penginputan data pembelian barang. Pengujian ini dilakukan untuk mengetahui proses validasi yang terjadi ketika melakukan proses input data pembelian barang.

113

Tabel 4-9 Pengujian Memasukkan Data Transaksi Pembelian Barang

Test Case Description

Test Case

Expected Result

Actual Result

Mengisi data no nota: {diisi}

Sistem akan

Sistem akan

dengan

mencari no

mencari no nota

benar

nota di dalam

di dalam

database dan

database dan

membuat

membuat daftar

daftar

pembelian

pembelian

barang

Status Berhasil

barang Field

Sistem akan

Sistem akan

nota

menolak akses

menolak akses

dikosongkan

cari dan

cari dan

mengeluarkan

mengeluarkan

pesan Field

pesan Field

harus diisi

harus diisi

4.2.9

no no nota: {kosong}

Berhasil

Laporan

Berikut adalah pengujian pada proses mencetak laporan. Tabel 4-10 Pengujian Laporan

Test Case

Test Case

Expected Result

Actual Result

Status

Description Memilih toko,

-Toko: {diisi} dari

tanggal dan sampai tanggal

-Dari Tanggal: {diisi} -Sampai Tanggal:

Menampilkan

Menampilkan

laporan

laporan

berdasarkan

berdasarkan

toko dan

toko dan

tanggal

tanggal

Berhasil

{diisi}

114

Test Case

Test Case

Expected Result

Actual Result

Status

Description Mengosongkan

-Toko:

Sistem akan

Sistem akan

toko

{kosong}

mengeluarkan

mengeluarkan

pesan Field

pesan Field

harus diisi

harus diisi

Tidak dapat

Tidak dapat

menampilkan

menampilkan

laporan

laporan

Tidak dapat

Tidak dapat

menampilkan

menampilkan

laporan

laporan

Laporan

Laporan

dimaksud ter-

dimaksud ter-

download

download

-Dari Tanggal: {diisi}

Berhasil

-Sampai Tanggal: {diisi} Mengosongkan dari tanggal

-Toko: {diisi} -Dari Tanggal: {kosong}

Berhasil

-Sampai Tanggal: {diisi} Mengosongkan sampai tanggal

-Toko: {diisi} -Dari Tanggal: {diisi}

Berhasil

-Sampai Tanggal: {kosong} Mencetak laporan

Klik cetak

Berhasil

115

BAB 5 PENUTUP 5.1 Kesimpulan Setelah melakukan kegiatan analisis kebutuhan, desain, perancangan kode program dan pengujian terhadap Aplikasi Pengelolaan Data Barang Dagangan Perak Berbasis Web (Studi Kasus: Modern Silver Cirebon), penulis mengambil kesimpulan diantaranya adalah sebagai berikut. a. Aplikasi berbasis web ini dapat mempermudah proses pengelolaan stok barang yang ada di kantor pusat maupun toko cabang Modern Silver. b. Aplikasi berbasis web ini dapat mempermudah proses pencatatan transaksi penjualan dan pembelian barang perhiasan perak di Modern Silver. c. Aplikasi berbasis web ini dapat mempermudah proses pelaporan toko cabang ke kantor pusat Modern Silver dan dengan adanya sistem ini kegiatan toko Modern Silver akan lebih cepat terselesaikan dibandingkan saat masih menggunakan pencatatan manual.

5.2 Saran Berdasarkan hasil pembangunan proyek akhir ini, penulis menyampaikan beberapa saran untuk pengembangan selanjutnya yaitu: a. Dibuat aplikasi untuk menangani retur stok barang yang berasal dari toko cabang ke pusat untuk pengembalian barang yang rusak. b. Dibuat aplikasi untuk menangani laporan pemasukan dan pengeluaran kas.

116

DAFTAR PUSTAKA [1]

Roger S.Pressman,Ph.D. Rekayasa Perangkat Lunak Pendekatan Praktisi Edisi 7 (Buku I).Yogyakarta:Andi, 2012.

[2]

Kamus Besar Bahasa Indonesi (KBBI). (2015, juni) KBBI. [online]. http://kbbi.web.id

[3]

Rosa.a.s M.Salahudin. Modul Pembelajaran Rekayasa Perangkat Lunak. Bandung:Modula, 2011.

[4]

G.Booch, J. Rumbaugh and I.Jacobson. The Unified Modelling Language User Guide Second Edition. USA: Addison Wesley Professional, 2005.

[5]

Gartina H.,Husein. Analisis dan Perancangan Sistem Informasi.Use Case Diagram, pp.4-6, 2013.

[6]

M.Shalahuddin Rosa A.S, Pemograman Berorientasi Objek dengan Bahasa Pemograman C++, PHP dan Java.Bandung;Modula, 2010.

[7]

Ramadhan.S.Kom. Pemograman Web Dengan HTML, CSS dan Javascript. Jakarta: P Elex Media Komputindo, 2007.

[8]

Nurhasyim. HTML(Hyper Text Markup Language) dan CSS(Cascading Style Sheet). Jakarta:ArtiVisi Intermedia,2003.

[9]

Sidik Betha.JavaScript.Bandung:Informatika Bandung,2011.

[10]

Andi.Pemograman HTML. Semarang:Wahana Komputer, 2003.

[11]

L.Welling, PHP and MySQL Development, 2nd ed:Sam Publishing,2003.

[12]

Kadir Abdul. Dasar Aplikasi Database MySQL Delphi.Yogyakarta: Andi Offset,2003.

[13]

Komputer Wahana. Panduan Belajar MySQL Database Server. Jakarta Selatan :Mediakita,2010.

117

[14]

MADCOMS, Menguasai XHTML,CSS, PHP dan MySQL melalui Dreamweaver. Yogyakarta: Andi, 2009.

118

LAMPIRAN

Lampiran 1 Dokumen Wawancara 1

119

Lampiran 2 Dokumen Wawancara 2

120

Lampiran 3 Kelas Diagram

121