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.2.1 Flowchart... 7 2.2.2 Use Case... 9 2.2.3 ERD (Entity Relationship Diagram)... 10 2.3 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 MySQL... 14 2.6 Xampp... 15 i

2.6.1 Apache... 15 BAB 3 ANALISIS DAN PERANCANGAN... 16 3.1 Gambaran Sistem Saat Ini... 16 3.1.1 Flowchart Yang Berjalan... 16 3.2 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 3.3 Perancangan Basis Data... 57 3.3.1 Entity Relational Diagram (ERD)... 57 3.3.2 Skema Relasi... 58 3.3.3 Struktur Tabel... 58 3.4 Kebutuhan Perangkat Keras dan Perangkat Lunak... 66 3.4.1 Pengembangan Sistem... 66 3.4.2 Implementasi Sistem... 67 3.5 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 Implementasi... 74 4.1.1 Instalasi Perangkat Lunak... 74 4.1.2 Implementasi Halaman Web... 75 4.2 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 Komunikasi Perencanaan Pemodelan Konstruksi Dokumentasi Mei 2015 Juni 2015 Juli 2015 Agustus 2015 September 2015 Oktober 2015 November 2015 Desember 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 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 tersebut hilang. 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 Terminator Proses Kondisi Menyatakan proses input/output dalam bentuk data. Digunakan untuk menunjukkan awal dan akhir suatu proses bisnis yang digambarkan. Menyatakan suatu tindakan yang dilakukan oleh komputer. Digunakan ketika melakukan pemilihan. Document Stored Data Manual Proses Menyatakan dokumen dalam bentuk fisik lembaran kertas. Menyatakan input berasal dari disk atau output disimpan ke disk. Menyatakan suatu tindakan yang dilakukan tidak oleh komputer. Manual Input Display Memasukkan data secara manual dengan keyboard, mouse dan manual input lain. Digunakan apabila ada yang ditampilkan ke layar monitor. 8

Simbol Nama Simbol Keterangan Direct Storage Access Digunakan untuk penyimpanan yang dapat 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 Deskripsi Aktor 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 Deskripsi Mewakili fungsi pada sistem, menggunakan kata kerja Association 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 <<include>> b. Arti lain adalah pemanggilan use case oleh use case lain, contohnya adalah pemanggilan sebuah fungsi program c. Tanda panah terbuka harus terarah ke sub use case d. Gambarkan <<include>> secara horisontal Association <<extend>> a. Merupakan perluasan dari use case lain jika kondisi atau syarat terpenuhi b. Kurangi penggunaan association extend ini, terlalu banyak pemakaian association ini membuat diagram sulit dipahami c. Tanda panah terbuka harus terarah ke parent use case d. Gambarkan <<extend>> secara vertikal Generalisasi 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 Keterangan Entitas/entity Merupakan data inti yang akan disimpan; bakal tabel pada basis data; biasanya mengacu pada benda yang terlibat dalam aplikasi yang akan dibuat Atribut Atribut multinilai / multivalue Asosiasi / association Relasi Field atau kolom data yang butuh disimpan dalam suatu entitas Field atau kolom data yang butuh disimpan dalam satu entitas yang dapat memiliki nilai lebih dari satu Garis menghubungkan atribut dengan entitas nya dan entitas dengan 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 digunakan oleh pengguna. yang 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. Penjelasan : Gambar 3-2 Flowchart Proses Pembelian Barang Toko Cabang Berjalan 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. Usulan : b. Toko cabang Modern Silver mencatat kembali stok penambahan barang dari kantor pusat ke buku catatan. 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 Evaluasi Kelemahan : 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 Deskripsi Aktor Nama Use Case Deskripsi Use Case Admin 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 Deskripsi Aktor Nama Use Case Deskripsi Use Case Admin 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 Deskripsi Aktor Nama Use Case Deskripsi Use Case Supervisor 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 Alur Alternatif 2. Validasi username dan password 3. Jika valid maka akan masuk ke halaman home 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 Alur Alternatif 2. Validasi username dan password 3. Jika valid maka akan masuk ke halaman home 4. Jika alur 3 gagal maka akan kembali ke halaman login c. Use Case : Kelola data toko Aktor Deskripsi : Admin : 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. Memilih menu Tambah 2. Menampilkan form Toko 3. Memasukkan data Toko seperti kode_toko, nama_toko, alamat_toko, no_telp 4. Menekan tombol Simpan 5. Menyimpan data toko Ubah data toko 6. Memilih data toko 7. Menekan tombol Edit 8. Menampilkan form toko yang dipilih 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 Deskripsi : Admin : 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. Memilih menu Tambah 2. Menampilkan form petugas 3. Memasukkan data petugas seperti id_petugas, nama_petugas, jk, tgl_lahir, email, alamat, telpon 4. Menekan tombol Simpan 5. Menyimpan data Petugas Ubah data petugas 6. Memilih data petugas 7. Menekan tombol Edit dan mengubah data 9. Mengubah data petugas 8. Menampilkan form petugas yang dipilih untuk diubah 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 Deskripsi : Admin : 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. Menampilkan form barang 3. Memasukkan data barang seperti kode_barang, nama_barang, berat, harga 4. Menekan tombol Simpan 37

Aksi Aktor Reaksi Sistem 5. Menyimpan data Barang Ubah data barang 6. Memilih data barang 7. Menekan tombol Edit dan mengubah data 8. Menampilkan form barang yang 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 Deskripsi : Admin : 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 2. Melihat kebutuhan stok barang 1. Menampilkan kebutuhan stok barang 3. Input kebutuhan stok barang g. Use Case : Cetak struk pengiriman stok barang Aktor Deskripsi : Admin : 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 Deskripsi : Admin : 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 data pengiriman barang seperti: 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 Deskripsi : Admin : 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 data penerimaan barang seperti: id_penerimaan, nama 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 Deskripsi : Admin : 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 Deskripsi : Admin : 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. Menampilkan laporan toko cabang 4. Melihat laporan toko cabang 42

l. Use Case : Kelola transaksi penjualan Aktor Deskripsi : Supervisor : 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. Input transaksi penjualan 2. Mencatat transaksi penjualan 3. Validasi data transaksi penjualan 4. Menekan tompol Simpan 5. Menyimpan data transaksi penjualan ke database m. Use Case : Cetak struk penjualan Aktor Deskripsi : Supervisor : 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. Menampilkan struk penjualan 3. Melihat struk penjualan n. Use Case : Kelola transaksi pembelian Aktor Deskripsi : Supervisor : 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. Menampilkan data barang 4. Menekan tombol Beli 44

Aksi Aktor Reaksi Sistem 5. Menampilkan jenis kerusakan 6. Memilih jenis kerusakan 7. Menyimpan data transaksi pembelian ke database Alur Alternatif 1. Menginputkan no nota 2. Menekan tombol Search 3. Validasi data transaksi pembelian 4. Memperbaiki data transaksi pembelian 5. Menekan tombol Search 6. Menampilkan data barang 7. Menekan tombol Beli 8. Menampilkan jenis kerusakan 9. Memilih jenis kerusakan 10. Menyimpan data transaksi pembelian ke database o. Use Case : Cetak struk pembelian Aktor Deskripsi : Supervisor : 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. Menampilkan struk pembelian 3. Melihat struk pembelian p. Use Case : Konfirmasi stok barang Aktor Deskripsi : Supervisor : 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. Menampilkan tambahan stok barang 3. 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 Reject 6. Memilih tombol reject dan tekan tombol simpan 7. Data stok barang tidak ter-update q. Use Case : notifikasi tambahan stok barang Aktor Deskripsi : Supervisor : 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 3. Melihat tambahan stok barang dari kantor pusat 2. Menampilkan tambahan stok barang dari kantor pusat 47

r. Use Case : View laporan Aktor Deskripsi : Supervisor : 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. Menampilkan laporan 3. 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 dapat dilihat pada tabel berikut ini. tabel detail_penerimaan_barang Tabel 3-24 Detail Penerimaan Barang Detail_penerimaan_barang Nama Field 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) f. 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 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) i. Detail Pengiriman Barang Pada tabel detail_pengiriman_barang terdapat beberapa atribut pada tabel. Penjelasan lebih detail tentang dapat dilihat pada tabel berikut ini. tabel detail_pengiriman_barang 62

Tabel 3-28 Detail Pengiriman Barang Detail_pengiriman_barang Nama Field 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 j. 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 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) l. 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 pembelian (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 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 2.0 GHZ Core i3 dengan kecepatan 2.40 GHZ 4. Screen Resolution 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, Chrome 5. Web Server Apache, MySQL, PHP, XAMPP 1.7.3 dan Codeigniter 2.1.0 6. Dokumentasi Word 2007, Microsoft Office Visio 2007, Astah Community Mozila Firefox, Chrome Apache, MySQL, PHP, XAMPP 1.7.3 dan Codeigniter 2.1.0 Word 2013, Microsoft Office Visio 2007, Astah 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 2.0 GHZ Core i3 dengan kecepatan 2.40 GHZ 67

No Perangkat Keras Spesifikasi Minimum Spesifikasi yang digunakan 4. Screen Resolution 240 x 320 Pixels 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, PHP, XAMPP 1.7.3 dan Codeigniter 2.1.0 5. Web Browser Mozila Firefox, Chrome 6. Dokumentasi Word 2007, Microsoft Office Visio 2007, Astah Community, Exel 2007 Apache, MySQL, PHP, XAMPP 1.7.3 dan Codeigniter 2.1.0 Mozila Firefox, Chrome Word 2007, Microsoft Office Visio 2007, Astah 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 : 3.5.2 Halaman Admin Gambar 3-19 Perancangan Halaman Login Berikut perancangan antar muka halaman admin : Gambar 3-20 Perancangan Halaman Admin 69

3.5.3 Halaman Supervisor Berikut perancangan antar muka halaman supervisor : 3.5.4 Halaman Data Toko Gambar 3-21 Perancangan Halaman Supervisor Berikut perancangan antar muka halaman data toko : 3.5.5 Halaman Form Toko Gambar 3-22 Perancangan Halaman Data 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 : 3.5.7 Halaman Form Petugas Gambar 3-24 Perancangan Halaman Form Supplier Berikut perancangan antar muka halaman form petugas : 3.5.8 Halaman Stok Toko Cabang Gambar 3-25 Perancangan Halaman Form Petugas 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 : 3.5.13 Halaman Laporan Gambar 3-30 Perancangan Halaman Transaksi Pembelian 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 Status Mengisi data -nama toko: Berhasil dengan menyimpan ke menyimpan ke benar -email: database dan membawa ke database dan membawa ke -alamat: halaman data halaman data -telpon: toko toko Field nama -nama toko: Berhasil toko {kosong} dikosongkan -email: -alamat: pesan Field pesan field -telpon: harus diisi harus diisi 96

Test Case Description Test Case Expected Result Actual Result Status Field email -nama toko: Berhasil dikosongkan -email: {kosong} -alamat: pesan Field pesan Field -telpon: harus diisi harus diisi Field alamat -nama toko: Berhasil dikosongkan -email: -alamat: {kosong} pesan Field pesan Field -telpon: harus diisi harus diisi Field telpon -nama toko: Berhasil dikosongkan -email: -alamat: pesan Field pesan Field -telpon: {kosong} harus diisi harus diisi Field email -nama toko: Berhasil diisi dengan abjad dan angka -email: {abc123} -alamat: pesan field pesan field -telpon: harus alamat email harus alamat email 97

Test Case Description Test Case Expected Result Actual Result Status Field nomor -nama toko: Berhasil telpon diisi lebih dari 12 digit angka -email: -alamat: pesan field pesan field -telpon: {0812898989891} angka maksimal 12 digit angka maksimal 12 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 Status Mengisi data dengan -nama petugas: menyimpan ke menyimpan ke Berhasil benar -jenis kelamin: database dan membawa ke database dan membawa ke -tanggal lahir: halaman data petugas halaman data petugas -email: -alamat: -telpon: -toko: 98

Test Case Description Test Case Expected Result Actual Result Status Field nama -nama petugas: Berhasil petugas {kosong} dikosongkan -jenis kelamin: pesan Field pesan field -tanggal lahir: harus diisi harus diisi -email: -alamat: -telpon: -toko: Field jenis -nama petugas: Berhasil kelamin dikosongkan -jenis kelamin: {kosong} pesan Field pesan Field -tanggal lahir: harus diisi harus diisi -email: -alamat: -telpon: -toko: 99

Test Case Description Test Case Expected Result Actual Result Status Field tanggal lahir -nama petugas: Berhasil dikosongkan -jenis kelamin: -tanggal lahir: {kosong} pesan Field harus diisi pesan Field harus diisi -email: -alamat: -telpon: -toko: Field email dikosongkan -nama petugas: Berhasil -jenis kelamin: -tanggal lahir: pesan Field harus diisi pesan Field harus diisi -email: {kosong} -alamat: -telpon: -toko: 100

Test Case Description Test Case Expected Result Actual Result Status Field alamat dikosongkan -nama petugas: Berhasil -jenis kelamin: -tanggal lahir: pesan Field harus diisi pesan Field harus diisi -email: -alamat: {kosong} -telpon: -toko: Field telpon dikosongkan -nama petugas: Berhasil -jenis kelamin: -tanggal lahir: pesan Field harus diisi pesan Field harus diisi -email: -alamat: -telpon: {kosong} -toko: 101

Test Case Description Test Case Expected Result Actual Result Status Field email diisi dengan -nama petugas: Berhasil abjad dan angka -jenis kelamin: -tanggal lahir: pesan field harus alamat pesan field harus alamat -email: {abc123} email email -alamat: -telpon: -toko: Field nomor telpon diisi -nama petugas: Berhasil lebih dari 12 digit angka -jenis kelamin: -tanggal lahir: pesan field angka pesan field angka maksimal -email: maksimal 12 12 digit -alamat: digit -telpon: {0812898989898} -toko: 102

Test Case Description Test Case Expected Result Actual Result Status Field -nama petugas: Berhasil username dikosongkan -jenis kelamin: pesan Field pesan Field -tanggal lahir: harus diisi harus diisi -email: -alamat: -telpon: -toko: -level: -usename: {kosong} -password: -konfirmasi password: 103

Test Case Description Test Case Expected Result Actual Result Status Field umur diisi tanggal -nama petugas: Berhasil sekarang -jenis kelamin: -tanggal lahir: {01/03/2015} pesan maksimal pesan maksimal umur -email: umur 17 17 tahun -alamat: tahun -telpon: -toko: Field password dikosongkan -nama petugas: -jenis kelamin: -tanggal lahir: -email: pesan Field harus diisi pesan Field harus diisi Berhasil -alamat: -telpon: -toko: -level: -usename: -password: {kosong} -konfirmasi password: 104

Test Case Description Test Case Expected Result Actual Result Status Field Konfirmasi -nama petugas: Berhasil Password dikosongkan -jenis kelamin: -tanggal lahir: pesan Field harus diisi pesan Field harus diisi -email: -alamat: -telpon: -toko: -level: -usename: -password: -konfirmasi password: {kosong} Field Konfirmasi -nama petugas: Berhasil Password tidak sama -jenis kelamin: dengan password -tanggal lahir: pesan password pesan password tidak -email: tidak sama sama -alamat: 105

Test Case Description Test Case Expected Result Actual Result Status -telpon: -toko: -level: -usename: -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 Status Mengisi data -nama kategori: Berhasil dengan menyimpan ke menyimpan ke benar -nama barang: database dan membawa ke halaman data database dan membawa ke halaman data -gambar: barang barang -harga: -berat: 106

Test Case Description Test Case Expected Result Actual Result Status Field nama -nama kategori: Berhasil kategori {kosong} dikosongkan -nama barang: pesan Field pesan field -gambar: harus diisi harus diisi -harga: -berat: Field nama -nama kategori: Berhasil barang dikosongkan -nama barang: {kosong} pesan Field pesan Field -gambar: harus diisi harus diisi -harga: -berat: Field harga -nama kategori: Berhasil dikosongkan -nama barang: pesan Field pesan Field -gambar: harus diisi harus diisi -harga: {kosong} -berat: 107

Test Case Description Test Case Expected Result Actual Result Status Field berat -nama kategori: Berhasil dikosongkan -nama barang: pesan Field pesan Field -gambar: harus diisi harus diisi -harga: -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 Status Mengisi data dengan -nama supplier: menyimpan ke menyimpan ke Berhasil benar -alamat: database dan database dan -telpon: membawa ke halaman data membawa ke halaman data barang barang 108

Test Case Description Test Case Expected Result Actual Result Status -telpon: pesan Field harus diisi pesan harus diisi Field Field alamat -nama supplier: Berhasil dikosongkan -alamat: {kosong} pesan Field pesan field -telpon: harus diisi harus diisi Field telpon -nama supplier: Berhasil dikosongkan -alamat: -telpon: {kosong} pesan Field pesan field harus diisi harus diisi Field nomor -nama supplier: Berhasil telpon diisi lebih dari 12 digit angka -alamat: -telpon: pesan field pesan field {0812898989891} angka angka maksimal maksimal 12 12 digit 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 Status Mengisi data -supplier: Berhasil dengan benar -nama barang: menyimpan ke database dan membuat menyimpan ke database dan membuat daftar -harga: daftar penerimaan -jumlah: penerimaan barang barang Field nama -supplier: Berhasil barang dikosongkan -nama barang: {kosong} -harga: pesan Field pesan Field -jumlah: harus diisi harus diisi Field harga -supplier: Berhasil dikosongkan -nama barang: -harga: {kosong} pesan Field pesan Field -jumlah: harus diisi harus diisi Field jumlah -supplier: Berhasil dikosongkan -nama barang: -harga: pesan Field pesan Field -jumlah: {kosong} harus diisi harus diisi 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 Status Mengisi data -toko: Berhasil dengan benar -nama barang: menyimpan ke database dan menyimpan ke database dan -jumlah: membuat daftar pengiriman membuat daftar pengiriman barang barang Field toko -toko: {kosong} Berhasil dikosongkan -nama barang: -jumlah: pesan Field harus pesan Field diisi harus diisi 111

Test Case Description Test Case Expected Result Actual Result Status Field nama -toko: Berhasil barang dikosongkan -nama barang: {kosong} -jumlah: pesan Field harus pesan Field diisi harus diisi Field jumlah -toko: Berhasil dikosngkan -nama barang: -jumlah: pesan Field harus pesan Field {kosong} diisi harus diisi 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 Status Mengisi data -petugas layanan: Berhasil dengan menyimpan ke menyimpan ke benar -kode barang: database dan membuat daftar database dan membuat daftar penjualan -jumlah: penjualan barang barang 112

Test Case Description Test Case Expected Result Actual Result Status Field -petugas layanan: Berhasil petugas {kosong} layanan dikosongkan -kode barang: pesan Field pesan Field -jumlah: harus diisi harus diisi Field kode -petugas layanan: Berhasil barang dikosongkan -kode barang: {kosong} pesan Field pesan Field -jumlah: harus diisi harus diisi Field jumlah -petugas layanan: Berhasil dikosongkan -kode barang: pesan Field pesan Field -jumlah: {kosong} harus diisi harus diisi 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 Status Mengisi data no nota: Berhasil dengan mencari no mencari no nota benar nota di dalam di dalam database dan database dan membuat membuat daftar daftar pembelian pembelian barang barang Field no no nota: {kosong} Berhasil nota dikosongkan cari dan cari dan pesan Field pesan Field harus diisi harus diisi 4.2.9 Laporan Berikut adalah pengujian pada proses mencetak laporan. Tabel 4-10 Pengujian Laporan Test Case Description Test Case Expected Result Actual Result Status Memilih -Toko: Menampilkan Menampilkan Berhasil toko, dari tanggal dan sampai -Dari Tanggal: laporan berdasarkan toko dan laporan berdasarkan toko dan tanggal -Sampai Tanggal: tanggal tanggal 114

Test Case Description Test Case Expected Result Actual Result Status Mengosongkan -Toko: Berhasil toko {kosong} -Dari Tanggal: pesan Field harus diisi pesan Field harus diisi -Sampai Tanggal: Mengosongkan -Toko: Tidak dapat Tidak dapat Berhasil dari tanggal -Dari Tanggal: {kosong} menampilkan laporan menampilkan laporan -Sampai Tanggal: Mengosongkan -Toko: Tidak dapat Tidak dapat Berhasil sampai tanggal -Dari Tanggal: menampilkan laporan menampilkan laporan -Sampai Tanggal: {kosong} Mencetak Klik cetak Laporan Laporan Berhasil laporan dimaksud ter- dimaksud ter- download download 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