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
i
Gambar 3-29 Perancangan Halaman Transaksi Penjualan ................................................................ 72 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
ii
Gambar 4-30 Implementasi Halaman Transaksi Pembelian Tidak Rusak ........................................... 91 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
iii
BAB 1 PENDAHULUAN 1.1 Latar Belakang Modern Silver adalah perusahaan dagang yang bergerak dalam bidang jual beli perhiasan yang berbahan dasar perak. Jenis perhiasan yang dijual di Modern Silver berupa cincin, kalung, gelang dan anting. Di dalam mengelola usahanya kantor pusat Modern Silver hanya berfungsi sebagai gudang penyimpanan stok barang sedangkan toko cabang yang mengelola proses transaksi jual beli. Modern Silver memiliki beberapa toko cabang yaitu satu toko cabang di kota Solo, satu toko cabang di kota Pekalongan, satu toko cabang di kota Indramayu, satu toko cabang di kota Jatibarang, dan empat toko cabang di kota Cirebon. Saat ini sistem yang berjalan di kantor pusat Modern Silver pengelolaan stok barang maupun pencatatan laporan transaksi
penjualan dan pembelian sudah
menggunakan Microsoft Office Exel tetapi di toko cabang Modern Silver pencatatannya masih manual menggunakan catatan dalam sebuah buku besar. Dalam mengelola usahanya, Modern Silver mengalami beberapa masalah seperti, proses pengelolaan stok barang antara kantor pusat dan toko cabang sering terjadi kesalahan komunikasi mengenai jumlah ketersediaan barang karena data yang masih di catat secara manual. Kemudian dalam kegiatan pelaporan transaksi pada toko cabang Modern Silver yang menggunakan media sms (Short Message Service) pengiriman laporannya sering tidak tepat waktu, karena membutuhkan waktu yang lama dalam proses pencatatan hingga pembuatan laporan. Selain itu dalam proses pencatatan laporan juga sering terjadi salah perhitungan sehingga datanya tidak akurat. Berdasarkan permasalahan diatas, maka dibuatlah aplikasi berbasis web yang berjudul “Aplikasi Pengelolaan Data Barang Dagangan Perak Berbasis Web (Studi Kasus: Modern Silver Cirebon)” untuk mengatasi permasalahan tersebut. Dengan
1
adanya aplikasi ini diharapkan mampu mengatasi masalah yang terkait dengan pengelolaan stok barang dan transaksi yang berada di Modern Silver.
1.2 Rumusan Masalah Adapun rumusan masalah dari pembuatan proyek akhir ini adalah sebagai berikut : a.
Bagaimana membantu kantor pusat dalam melakukan pengelolaan stok barang yang ada yang ada di kantor pusat maupun toko cabang Modern Silver?
b.
Bagaimana membantu toko cabang dalam melakukan pencatatan transaksi penjualan dan pembelian barang perhiasan perak di Modern Silver?
c.
Bagaimana membantu toko cabang dalam melakukan proses perhitungan transaksi lebih cepat dan tepat dalam melakukan pelaporan ke kantor pusat Modern Silver?
1.3 Tujuan Berdasarkan rumusan masalah tersebut, maka tujuan proyek akhir ini adalah sebagai berikut : a.
Membuat aplikasi yang dapat membantu kantor pusat dalam melakukan pengelolaan stok barang yang ada di kantor pusat maupun toko cabang Modern Silver.
b.
Membuat aplikasi yang dapat membantu toko cabang dalam melakukan pencatatan transaksi penjualan dan pembelian barang perhiasan perak di Modern Silver.
c.
Membuat aplikasi yang dapat membantu toko cabang dalam melakukan proses perhitungan transaksi lebih cepat dan tepat dalam melakukan pelaporan ke kantor pusat Modern Silver.
2
1.4 Batasan Masalah Adapun batasan masalah pada proyek akhir ini adalah sebagai berikut : a.
Aplikasi ini hanya dapat diakses oleh admin dan supervisor Modern Silver.
b.
Aplikasi ini dibangun untuk menangani stok barang dan transaksi penjualan dan pembelian barang perhiasan perak Modern Silver.
c.
Aplikasi ini tidak menangani fungsionalitas retur.
d.
Aplikasi ini dibangun untuk pembelian barang perhiasan perak yang ada di Modern Silver.
1.5 Definisi Operasional Aplikasi Pengolahan Barang Dagangan Perak Berbasis Web merupakan sebuah sistem informasi yang dapat mengelola stok barang, transaksi penjualan dan pembelian barang perhiasan perak di Modern Silver. Aplikasi ini dikelola oleh petugas admin untuk mengelola stok barang yang ada di pusat maupun toko cabang dan supervisor untuk mengelola transaksi penjualan dan pembelian di Modern Silver. Aplikasi ini akan otomatis memberikan notifikasi kepada admin pada saat stok barang di kantor pusat maupun di toko cabang minimum. Selain itu aplikasi ini dibuat untuk memudahkan petugas toko cabang dalam melakukan pencatatan transaksi penjualan dan pembelian perhiasan perak sehingga dari pencatatan transaksi tersebut dapat dibuat laporan yang valid berdasarkan harian, bulanan dan tahunan.
3
1.6 Metode Pengerjaan Dalam pembuatan aplikasi ini digunakan metode Software Development Life Cycle (SDLC) dengan model air terjun (waterfall) kadang dinamakan siklus hidup klasik (classic life cycle), dimana hal ini menyiratkan pendekatan yang sistematis dan berurutan (sekuensial) pada pengembangan perangkat lunak, yang dimulai dengan spesifikasi kebutuhan pengguna dan berlanjut melalu tahapan-tahapan perencanaan (planning), pemodelan (modelling), konstruksi (construction), serta penyerahan sistem atau perangkat lunak ke para pelanggan atau pengguna (deployment) yang diakhiri dengan dukungan berkelanjutan pada perangkat lunak lengkap yang dihasilkan. [1]
Gambar 1-1 Model Air Terjun (Waterfall)
Model air terjun (waterfall) melingkupi aktivitas-aktivitas sebagai berikut : a.
Komunikasi Pada tahap ini dilakukan proses komunikasi sebagai permulaan proyek teknik untuk mendapatkan spesifikasi kebutuhan yang dibutuhkan oleh Modern Silver.
b.
Perencanaan Pada tahap ini dilakukan proses perencanaan kebutuhan data dimulai dari identifikasi masalah serta pengumpulan data melalui wawancara langsung
4
dengan kantor pusat dan toko cabang Modern Silver untuk mendapatkan data-data yang dibutuhkan dan mengidentifikasi masalah yang yang ada. c.
Pemodelan Pada tahap ini dilakukan dengan pemodelan sistem yaitu pembuatan UML yang meliputi use case diagram sebagai perancangan model interaksi pengguna dengan aplikasi, flowchart sebagai perancangan model proses bisnis pengolahan barang dagangan perak, dan Entity Relational Diagram (ERD) sebagai perancangan model basisdata.
d.
Konstruksi Setelah tahap desain sistem selesai, maka dilakukan transformasi dari desain yang telah dirancang ke bahasa yang dikenal oleh komputer (coding) yaitu penulisan kode-kode program pengujian dengan menggunakan bahasa pemograman PHP dan framework codeigniter (CI) serta MySQL sebagai bahasa pemograman basis data. Pengujian bertujuan untuk memastikan semua fungsionalitas yang disusun dengan benar dan sesuai proses bisnis pengolahan barang dagangan perak.
e.
Penyerahan sistem Pada tahap ini dilakukan dengan penyerahan sistem atau perangkat lunak kepada Modern Silver.
f.
Dokumentasi Setelah semua proses dilakukan dengan benar, maka dalam tahap ini dilakukan penulisan dokumentasi dari komunikasi, perencanaan, pemodelan, konstruksi serta penyerahan sistem atau perangkat lunak kepada Modern Silver.
5
1.7 Jadwal Pengerjaan Tabel 1-1 Jadwal Pengerjaan
Kegiatan
Mei
Juni
Juli
Agustus
September
Oktober
November
Desember
2015
2015
2015
2015
2015
2015
2015
2015
1 2 3 4 1 2 1 1 2 3 4 2 3 4 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4
Komunikasi Perencanaan Pemodelan Konstruksi Dokumentasi
6
BAB 2 TINJAUAN PUSTAKA 2.1 Pengertian Jual Beli Jual beli adalah persetujuan saling mengikat antara penjual, yakni yang menyerahkan barang, dan pembeli sebagai pihak yang membayar harga barang yang di jual. [2] Modern Silver merupakan perusahaan dagang yang bergerak dalam bidang jual beli perhiasan yang berbahan dasar perak. Barang yang di jual oleh Modern Silver ini berupa cincin, kalung, gelang dan anting. Sedangkan barang beli Modern Silver yaitu barang yang telah di jual kepada customer yang kemudian di beli kembali lagi oleh Modern Silver. Adapun aturan - aturan yang berlaku untuk pembelian barang di Modern Silver yaitu : Tabel 2-1 Jenis Kerusakan
Jenis Kerusakan
Aturan
Rusak Ringan
Jika barang tersebut putus, bengkok dan warnanya memudar.
Rusak Berat
Jika aksesoris barang hilang.
tersebut
2.2 Perancangan Aplikasi Perancangan aplikasi dalam proyek akhir ini mengggunakan bantuan dari berbagai jenis diagram diantaranya flowchart, usecase dan ERD (Entity Relationship Diagram). 2.2.1 Flowchart Flowchart merupakan diagram yang menggambarakan aliran dokumen pada suatu prosedur kerja di organisasi dan memperlihatkan diagram alir yang menunjukkan arus dari dokumen, aliran data fisik, entitas-entitas sistem informasi dan kegiatan operasi yang berhubungan dengan sistem informasi. Penggambaran
7
biasanya diawali dengan mengamati dokumen tersebut terbentuk, ke bagian atau entitas mana dokumen tersebut mengalir, perubahan apa yang terjadi pada dokumen tersebut, proses apa yang terjadi terhadap dokumen tersebut dan seterusnya. [3] Tabel 2-2 Simbol Flowchart
Simbol
Nama Simbol
Keterangan
Kumpulan data
Menyatakan proses input/output dalam bentuk data.
Terminator
Digunakan untuk menunjukkan awal dan akhir
suatu
proses
bisnis
yang
digambarkan. Proses
Menyatakan suatu tindakan yang dilakukan oleh komputer.
Kondisi
Digunakan ketika melakukan pemilihan.
Document
Menyatakan dokumen dalam bentuk fisik lembaran kertas.
Stored Data
Menyatakan input berasal dari disk atau output disimpan ke disk.
Manual Proses
Menyatakan suatu tindakan yang dilakukan tidak oleh komputer.
Manual Input
Memasukkan data secara manual dengan keyboard, mouse dan manual input lain.
Display
Digunakan apabila ada yang ditampilkan ke layar monitor.
8
Simbol
Nama Simbol Direct
Keterangan
Access Digunakan untuk penyimpanan yang dapat
Storage
diakses langsung.
Archives
Digunakan untuk penyimpanan data dalam dokumen yang disimpan untuk arsip
2.2.2 Use Case Suatu use case diagram menampilkan sekumpulan use case dan aktor serta hubungan diantara use case dan aktor tersebut. Use case diagram digunakan untuk penggambaran use case statik dari suatu sistem. Use case diagram penting dalam mengatur dan memodelkan kelakukan dari suatu sistem. Use case menjelaskan apa yang dilakukan sistem atau subsistem tetapi tidak menspesifikasikan cara kerjanya [4]. Use case menggambarkan kebutuhan sistem dari sudut pandang user dan memfokuskan pada proses komputerisasi.Use case diagram terdiri dari use case, actor, relationship, system boundary boxes (opsional), packages (opsional). [5] Berikut ini simbol-simbol yang digunakan dalam use case diagram : Tabel 2-3 Simbol Use Case
Simbol Aktor
Deskripsi a.
Mewakili orang, sistem atau external entitas/ stakeholder yang memberikan atau menerima input atau output ke/dari sistem
b.
Aktor menggambarkan sebuah tugas/peran dan bukannya posisi sebuah jabatan, menggunakan kata benda
c.
Tidak boleh ada komunikasi langsung antar aktor
d.
Indikasi <<system>> untuk sebuah aktor yang merupakan sebuah sistem. Aktor berupa sistem dapat dibuat bentuk kotak
e.
Letakkan aktor utama pada pojok kiri atas sari diagram
9
Simbol Use Case
Association
Deskripsi Mewakili fungsi pada sistem, menggunakan kata kerja
a.
Bukan menggambarkan aliran data/ informasi melainkan menggambarkan interaksi use case dengan aktor atau use case lain
b.
Ada 4 jenis relasi yang bisa timbul pada use case diagram yaitu association antara actor dan use case, association antar use case
Association
a.
Artinya dibutuhkan atau diharuskan
<
>
b.
Arti lain adalah pemanggilan use case oleh use case lain, contohnya adalah pemanggilan sebuah fungsi program
Association
c.
Tanda panah terbuka harus terarah ke sub use case
d.
Gambarkan <> secara horisontal
a.
Merupakan perluasan dari use case lain jika kondisi atau
<<extend>>
syarat terpenuhi b.
Kurangi penggunaan association extend ini, terlalu banyak pemakaian association ini membuat diagram sulit dipahami
Generalisasi
c.
Tanda panah terbuka harus terarah ke parent use case
d.
Gambarkan <<extend>> secara vertikal
a.
Digambarkan dengan garis berpanah tertutup
b.
Digambarkan secara vertikal dengan inheriting sub use case di bawah dari parent use case
c.
Generalization aktor atau / dan use case
2.2.3 ERD (Entity Relationship Diagram) ERD (Entity Relationship Diagram) merupakan sebuah diagram yang digunakan untuk merancang hubungan antar tabel-tabel dalam basis data. Berikut adalah simbol-simbol yang digunakan pada ERD untuk merancang tabel-tabel dalam basis data. [6]
10
Tabel 2-4 ERD (Entity Relationship Diagram)
Simbol
Nama Simbol Entitas/entity
Keterangan Merupakan
data
inti
yang
akan
disimpan; bakal tabel pada basis data; biasanya mengacu pada benda yang terlibat dalam aplikasi yang akan dibuat Atribut
Field atau kolom data yang butuh disimpan dalam suatu entitas
Atribut multinilai /
Field atau kolom data yang butuh
multivalue
disimpan dalam satu entitas yang dapat memiliki nilai lebih dari satu
Asosiasi / association
Garis menghubungkan atribut dengan entitas nya dan entitas dengan relasi
Relasi
Relasi yang menghubungkan antar entitas; biasanya diawali dengan kata kerja; biasanya juga mendefenisikan relasi proses antar entitas / benda yang terkait dengan aplikasi
2.3 Bahasa Pemograman Web Bahasa pemograman merupakan suatu teknik intruksi atau perintah standar untuk memerintah komputer. Bahasa pemograman web
bersifat
server side
(bekerja disisi server). Berikut adalah penjelasan beberapa bahasa pemograman yang akan digunakan membuat aplikasi ini : 2.3.1 PHP PHP adalah bahasa scripting yang menyatu dengan HTML dan dijalankan pada server side. Artinya, semua sintaks yang diberikan akan sepenuhnya dijalankan pada server sedangkan yang dikirimkan ke browser hanya hasilnya saja. Ketika
11
seorang pengguna internet membuka situs yang menggunakan fasilitas server side scripting PHP, maka terlebih dahulu server yang bersangkutan akan memproses semua perintah PHP di server lalu mengirimkan hasilnya dalam format HTML ke web browser pengguna internet tadi. Sehingga kode asli yang ditulis dengan PHP tidak terlihat di browser pengguna. [7] 2.3.2 HTML (Hyper Text Markup Language) Hyper Text Markup Language (HTML) adalah standar bahasa yang digunakan untuk menampilkan halaman web, yang bisa dilakukan dengan HTML yaitu [8]: a.
Mempublikasikan document secara online sehingga bisa diakses dari seluruh dunia.
b.
Membuat online form yang bisa digunakan untuk menangani pendaftaran secara online.
c.
Mengontrol tampilan web page dan conten-nya.
d.
Menambahkan object-object seperti image, audio, video dan juga java applet dalam document HTML.
2.3.3 Javascript Javascript adalah bahasa yang digunakan untuk membuat program yang digunakan agar dokumen HTML yang ditampilkan dalam browser menjadi lebih interaktif, tidak sekedar indah saja. Javascript memberikan beberapa fungsionalitas ke dalam halaman web, sehingga dapat menjadi sebuah program yang disajikan dengan menggunakan antarmuka web. [9] Yang bisa dilakukan dengan javascript yaitu: a.
Membuat halaman web lebih dinamis.
b.
Membaca dan menulis elemen HTML ke dalam suatu halaman web. Program javascript dapat mengubah isi elemen web yang sedang ditampilkan.
c.
Memvalidasi data yang akan dikirimkan kepada server di dalam browser.
12
d.
Mendeteksi browser
yang digunakan oleh pengguna, sehingga kita bisa
menyajikan informasi yang berhubungan dengan browser web
yang
digunakan oleh pengguna. e.
Membuat cookies, suatu koode yang digunakan menyimpan dan mengambil data atau informasi dari browser pengunjung.
f.
Membuat aplikasi
client-server,
dengan teknik AJAX (Asynchronous
JavaScript and XML). Aplikasi yang dihasilkan menjadi aplikasi yang mirip seperti aplikasi desktop biasa, tetapi berjalan di atas atau di dalam browser web. 2.3.4 Cascading Style Sheets (CSS) Cacading style sheets (CSS) adalah salah satu bahasa pemrograman desain web (style sheet language) yang mengontrol format tampilan sebuah halaman web yang ditulis dengan menggunakan bahasa penanda (markup language). Biasanya CSS digunakan untuk mendesain halaman HTML dan XHTML, tetapi sekarang bahasa pemrograman CSS bisa diaplikasikan untuk segala dokumen XML termasuk SVG dan XVL. [10]
2.4 Codeigniter Codeigniter merupakan aplikasi open source yang berupa framework dengan model MVC untuk membangun website dinamis menggunakan PHP. Codeigniter memudahkan developer website untuk membuat aplikasi website dengan cepat dan mudah dibandingkan dengan membuatnya dari awal. Model View Controller
merupakan suatu konsep yang cukup populer dalam
membangun aplikasi web. Berawal dari bahasa pemograman Small Talk, MVC memisahkan pengembangan aplikasi berdasarkan komponen utama yang membangun sebuah aplikasi seperti manipulasi data, user interface, dan bagian yang menjadi kontrol aplikasi. [11] komponen MVC antara lain :
13
a.
Model Biasanya berhubungan langsung dengan database untuk memanipulasi data (insert, update, delete, search), menangani validasi dari bagian controller, namun tidak dapat berhubungan langsung dengan bagian view.
b.
View View merupakan bagian yang menangani presentation logic. Pada suatu aplikasi web bagian ini biasanya berupa file template HTML yang diatur oleh controller. View berfungsi untuk menerima dan mempresentasikan data kepada user. Bagian ini tidak memiliki akses langsung terhadap bagian model.
c.
Controller Controller merupakan bagian yang mengatur hubungan antara bagian model dan bagian view. Controller berfungsi untuk menerima request dan data dari user kemudian menentukan apa yang akan diproses oleh aplikasi.
2.5 Database Database merupakan sebagai suatu pengorganisasian data dengan bantuan komputer yang memungkinkan data dapat diakses
ataupun mencakup
pemerolehan data maupun pemanipulasian data seperti menambah dan menghapus data dengan mudah dan cepat.[12] 2.5.1
MySQL MySQL database server adalah RDBMS (Relational Database Management
System) yang dapat menangani data yang bervolume besar, sampai berukuran Gigabyte. [13] MySQL memiliki kelebihan dibanding dengan database lain yaitu antara lain : a.
MySQL mempunyai performa yang tinggi tapi simpel.
b.
Banyak ahli berpendapat MySQL merupakan server tercepat.
c.
Database MySQL mengerti bahasa SQL (Structured Query Language).
14
d.
MySQL dapat diakses melalui protocol ODBC (Open Database Connectivity) buatan microsoft. Ini menyebabkan MySQL dapat diakses oleh banyak software.
e.
Semua klien dapat mengakses server
dalam satu waktu, tanpa harus
menunggu yang lain untuk mengakses database. f.
Database MySQL dapat diakses dari semua tempat di internet dengan hak akses tertentu.
g.
MySQL dapat berjalan di berbagai operating system seperti Linux, Windows, Solaris dan lain-lain.
2.6 Xampp XAMPP adalah sebuah paket software web yang terdiri dari Apache, MySQL, PHP dan PhpMyAdmin. XAMPP merupakan software open source yang bisa di konfigurasi secara otomatis. [14] XAMPP merupakan software yang mudah digunakan, gratis dan mendukung instalasi di linux maupun windows. Keuntungan lainnya yaitu Cuma menginstal satu kali sudah tersedia
Apache Web Server,
MySQL, Database Server, PHP Support (PHP 4 dan PHP 5) dan module lainnya. 2.6.1
Apache Apache merupakan web server yang dapat dijalankan di banyak sistem
operasi yang berfungsi untuk melayani request dari HTTP client (web server) ke komputer server. Apache dikembangkan oleh komunitas open source di internet dan merupakan web server yang paling populer. [13]
15
BAB 3 ANALISIS DAN PERANCANGAN 3.1 Gambaran Sistem Saat Ini 3.1.1 Flowchart Yang Berjalan Proses bisnis berjalan merupakan proses aktivitas bisnis yang berjalan pada Modern Silver Cirebon. Berikut ini adalah proses bisnis yang berjalan pada Modern Silver Cirebon. 3.1.1.1 Flowchart Proses Penjualan Barang Di Toko Cabang Adapun di bawah ini adalah flowchart proses penjualan barang yang berjalan.
Gambar 3-1 Flowchart Proses Penjualan Barang Toko Cabang Berjalan
Penjelasan
:
Proses bisnis penjualan barang yang berjalan saat ini di mulai dari customer datang ke toko memilih barang dan memberikannya ke putugas layanan. Petugas layanan menimbang
barang
dan
menghitungnya,
kemudian
petugas
layanan
memberitahukan harga barang. Customer membayar barang sesuai harga dan kemudian petugas layanan membuat nota penjualan barang satu untuk pembeli
16
dan satunya dijadikan arsip untuk dibuat laporan penjualan yang akan diberikan ke supervisor. 3.1.1.1.1 Evaluasi Kelemahan
: kesimpulan dari proses bisnis penjualan barang di atas, proses yang berjalan masih dilakukan secara manual seperti : a. Petugas layanan yang harus menimbang barang terlebih dahulu dan menghitung secara manual barang yang akan dibeli oleh customer. b. Nota penjualan yang masih dalam bentuk kertas menyulitkan penyusunan arsip. c. Laporan penjualan perhari yang harus dihitung ulang lagi oleh petugas
secara
manual
dan
terkadang
dalam
proses
perhitungan ada salah perhitungan sehingga data yang dihasilkan tidak akurat. Usulan
: Sistem yang akan saya usulkan menawarkan proses bisnis yang tercatat secara komputerisasi. a. Petugas yang awalnya harus menimbang dan menghitung. Dengan adanya sistem usulan petugas hanya menginputkan data penjualan barang dan harga total barang akan muncul dilayar monitor. b. Petugas dapat langsung mencetak nota penjualan untuk customer. c. Nota-nota penjualan akan tersusun secara rapi dalam sistem dalam bentuk list penjualan.
17
d. Tidak perlu lagi membuat laporan perhari, karena sistem akan menghitung secara otomatis pada saat petugas supervisor memilih menu laporan penjualan perhari. 3.1.1.2 Flowchart Proses Pembelian Barang Di Toko Cabang Adapun di bawah ini adalah flowchart proses pembelian barang yang berjalan.
Gambar 3-2 Flowchart Proses Pembelian Barang Toko Cabang Berjalan
Penjelasan
:
Proses bisnis pembelian barang yang berjalan saat ini dimulai dari pembeli datang ke toko dengan membawa barang dan nota barang yang akan dikembalikan. Petugas layanan akan mengecek nota dan barang. Apabila barang dan nota barang berasal dari toko Modern Silver, maka barang akan di beli dan dihitung pengembalian uang sesuai dengan jenis kerusakannya. Jika tidak sesuai maka
18
barang tidak akan di beli oleh toko. Petugas layanan menghitung barang dengan jenis kerusakan kemudian mencatat total harga pada nota. Nota tersebut terupdate dan diberikan kepada supervisor. Kemudian supervisor memberikan uang sesuai di dalam nota kepada customer. 3.1.1.2.1 Evaluasi Kelemahan
: Kesimpulan dari proses bisnis pembelian barang diatas, proses bisnis berjalan masih dilakukan secara manual, seperti : a. Menghitung pembelian dan kerusakan barang secara manual. b. Tidak memiliki nota pembelian barang kepada customer sebagai tanda bukti pembelian barang. c. Laporan pembelian perhari harus dihitung lagi oleh petugas secara manual, dan terkadang dalam proses perhitungan ada salah perhitungan sehingga data yang dihasilkan tidak akurat.
Usulan
: Sistem yang akan saya usulkan menawarkan proses bisnis secara komputerisasi. a. Petugas yang awalnya harus menghitung secara manual, cukup menginputkan data transaksi barang dan memilih jenis kerusakan, dari perhitungan tersebut akan menampilkan total pembelian uang yang akan diterima oleh customer. b. Petugas dapat langsung mencetak nota pembelian untuk customer. c. Tidak perlu lagi membuat laporan perhari, karena sistem akan menghitung secara otomatis pada saat petugas supervisor memilih menu laporan pembelian perhari.
19
3.1.1.3 Flowchart Proses Pengadaan Barang (Permintaan Barang Dari Toko Cabang, Order Ke Supplier, Penerimaan Barang Dari Kantor Pusat) Di Modern Silver. Adapun di bawah ini adalah flowchart proses pengadaan barang (permintaan barang dari toko cabang, order ke supplier, penerimaan barang dari Kantor Pusat) di modern silver yang berjalan.
Gambar 3-3 Flowchart Proses Pengadaan Barang Modern Silver Berjalan
20
Penjelasan
:
Proses bisnis permintaan barang yang berjalan saat ini dimulai dari toko cabang (supervisor) yang meminta stok barang melalui via sms ke kantor pusat, kantor pusat akan mengecek stok barang yang diminta, jika barang ada akan langsung dikirim sesuai permintaan. Jika stok barang di kantor pusat tidak ada, kantor pusat melakukan pemesanan kepada supplier. Kantor pusat menerima barang dan faktur pemesanan dari supplier. Kemudian data barang tersebut dicatat ke dalam Microsoft Exel. Setelah dicatat kantor pusat membuat surat jalan pengiriman barang ke toko cabang. Setelah barang telah sampai, petugas toko cabang melakukan pencatatan tambahan stok barang ke dalam buku besar. 3.1.1.3.1 Evaluasi Kelemahan
: Kesimpulan dari proses bisnis permintaan barang diatas, proses bisnis masih dilakukan secara manual seperti : a. Permintaan barang di toko cabang Modern Silver media pengirimannya masih menggunakan media sms. b. Toko
cabang
Modern
Silver
mencatat
kembali
stok
penambahan barang dari kantor pusat ke buku catatan. Usulan
: Sistem yang akan saya usulkan menawarkan proses bisnis yang tercatat secara komputerisasi. a. Cabang tidak perlu lagi meminta barang melalui media sms, cukup kantor pusat melihat pemberitahuan stok barang atau mendapatkan notifikasi otomatis pada sistem apabila stok barang di toko cabang maupun kantor pusat minimum. b. Dalam pengiriman barang, toko cabang mendapatkan notifikasi jika kantor pusat telah mengirim stok barang setelah itu dicek
21
kembali barangnya dan kemudian petugas toko cabang bisa meng-approve data barang tersebut. 3.1.1.4
Flowchart Proses Pelaporan Omset Toko Cabang Ke Kantor Pusat.
Adapun di bawah ini adalah flowchart proses pelaporan omset toko cabang ke kantor pusat yang berjalan.
Gambar 3-4 Flowchart Proses Pelaporan Omset Toko Cabang Ke Kantor Pusat Berjalan
Penjelasannya : Proses pelaporan omset yang berjalan saat ini yaitu pada saat semua proses transaksi penjualan dan pembelian telah selesai ataupun pada saat toko telah tutup, petugas akan menghitung semua transaksi hari itu dan mengirim laporan melalui media sms ke kantor pusat. Kemudian kantor pusat menginputkan ulang data laporan yang dikirim melalui media sms dari toko cabang ke Microsoft Exel.
22
3.1.1.4.1 Kelemahan
Evaluasi : Kesimpulan dari proses pelaporan transaksi yang berjalan saat ini, proses bisnis berjalan masih dilakukan secara manual seperti : a.
supervisor harus menghitung semua transaksi hari itu secara manual dan terkadang data yang terlalu banyak dalam proses perhitunganpun berlangsung
lama karena sering
salah
perhitungan sehingga dalam pelaporannya tidak tepat waktu dan datanya tidak akurat. b. Kantor pusat harus menginputkan ulang semua data transaksi, terkadang dalam proses penginputan ada kesalahan input, sehingga data laporan dari toko cabang tidak sesuai dengan data yang ada di kantor pusat. Usulan
: Sistem yang akan saya usulkan menawarkan proses bisnis yang tercatat secara komputerisasi. a. Supervisor tidak perlu menghitung semuanya satu per satu, karena dalam sistem akan dibuat secara komputerisasi. b. Kantor pusat tidak perlu menginputkan transaksi penjualan dan pembelian, karena proses pada cabang setiap transaksi akan masuk pada sistem, dan sistem yang akan menghitung semua transaksi secara otomatis. c. Kantor pusat bisa kapan saja mengecek laporan transaksi yang terjadi pada hari kapanpun.
23
3.2 Analisis Kebutuhan Sistem 3.2.1
Flowchart Yang Diusulkan
Proses bisnis sistem usulan merupakan proses aktivitas bisnis yang diusulkan berdasarkan sistem yang akan dibuat. Berikut proses bisnis sistem usulan yang digambarkan dalam bentuk flowchart. 3.2.1.1 Flowchart Proses Penjualan Barang Di Toko Cabang Adapun di bawah ini adalah flowchart proses penjualan barang di toko cabang usulan.
Gambar 3-5 Flowchart Proses Penjualan Barang Toko Cabang Usulan
3.2.1.2 Flowchart Proses Pembelian Barang Di Toko Cabang Adapun di bawah ini adalah flowchart proses pembelian barang di toko cabang usulan.
24
Gambar 3-6 Flowchart Proses Pembelian Barang Toko Cabang Usulan
3.2.1.3
Flowchart Proses Pengadaan Barang (Permintaan Barang Dari Toko Cabang, Order Ke Supplier, Penerimaan Barang Dari Kantor Pusat) Di Modern Silver.
Adapun di bawah ini adalah flowchart proses pengadaan barang (permintaan barang dari toko cabang, order ke supplier, penerimaan barang dari Kantor Pusat) di modern silver usulan.
25
Gambar 3-7 Flowchart Proses Pengadaan Barang Usulan
26
3.2.2
Analisis Kebutuhan Fungsionalitas
Aplikasi pengelolaan data barang dagangan perak berbasis web (Studi kasus: Modern Silver Cirebon) ditujukan untuk admin dan supervisor pada Modern Silver tersebut. Secara umum,kebutuhan fungsionalitas yang dibutuhkan sebagai berikut : a. Kelola data toko Berfungsi untuk mengelola data toko yaitu dapat menambahkan, mengubah dan menghapus data toko. b. Kelola data petugas Berfungsi untuk mengelola data petugas yaitu dapat menambahkan, mengubah dan menghapus data petugas. c. Kelola data barang Berfungsi untuk mengelola data barang yaitu dapat menambahkan, mengubah dan menghapus data barang. d.
Pengelolaan penerimaan data stok barang Berfungsi untuk mengelola data penerimaan stok barang dari supplier di kantor pusat Modern Silver. Fungsi ini meliputi menambahkan, mengubah dan menghapus data penerimaan stok barang.
e. Pemberitahuan kebutuhan stok barang Sebuah kegiatan memberikan informasi kepada admin mengenai data stok barang di kantor pusat maupun toko cabang minimum. f.
Pengelolaan pengiriman data stok barang Berfungsi untuk mengelola data pengiriman stok barang ke toko cabang Modern Silver. Fungsi ini meliputi menambahkan, mengubah dan menghapus data pengiriman stok barang.
27
g. Cetak struk pengiriman stok barang Berfungsi untuk mencetak struk stok barang sebagai tanda bukti data-data barang yang dikirim untuk toko cabangnya. h. View stok toko cabang Berfungsi untuk melihat atau menampilkan data stok barang setiap toko cabang. i.
View laporan toko cabang Berfungsi untuk melihat atau menampilkan laporan setiap toko cabangnya berdasarkan hari, bulan dan tahun.
j.
Notifikasi tambahan stok barang Sebuah kegiatan yang memberikan informasi kepada toko cabang mengenai tambahan stok barang dari kantor pusat.
k. Konfirmasi stok barang Sebuah kegiatan mengkonfirmasi stok barang di toko cabang yang telah dikirim oleh kantor pusat. l.
Kelola transaksi penjualan Sebuah kegiatan transaksi penjualan dimana petugas toko cabang (supervisor) melakukan penginputan data barang yang dijual.
m. Kelola transaksi pembelian Sebuah kegiatan transaksi pembelian dimana petugas toko cabang (supervisor) melakukan penginputan data barang berdasarkan nota barang yang telah dijual. n. Cetak struk penjualan Berfungsi untuk mencetak struk penjualan barang sebagai tanda bukti penjualan perhiasan perak Modern Silver.
28
o. Cetak struk pembelian Berfungsi untuk mencetak struk pembelian barang sebagai tanda bukti pembelian barang perhiasan perak Modern Silver. p. View laporan Berfungsi untuk melihat atau menampilkan laporan di toko cabang Modern Silver berdasarkan hari, bulan dan tahun. 3.2.3
Use Case
3.2.3.1 Diagram Use Case Pada proses bisnis ini, memiliki 2 pengguna yaitu admin dan supervisor. Tugas admin adalah mengelola data toko, mengelola data petugas, mengelola data barang, mengelola data penerimaan stok barang dan mengelola data pengiriman stok barang. Tugas supervisor adalah mengkonfirmasi stok barang dari kantor pusat dan melakukan transaksi jual beli. Berikut gambaran use case dari proses bisnis yang diusulkan:
Gambar 3-8 Use Case Diagram
29
3.2.3.2 Deskripsi Use Case Berikut adalah deskripsi tentang use case yang diusulkan : Tabel 3-1 Deskripsi Use case
Nama Aktor Admin
Deskripsi Aktor
Nama Use Case
Deskripsi Use Case
Merupakan aktor yang
Kelola data toko
Admin dapat melihat data
bertugas mengelola
toko, memasukkan data
seluruh data barang
toko dan mengubah data
perak dan dapat
toko.
melihat laporan toko cabang Kelola data
Admin dapat melihat data
petugas
petugas, memasukkan data petugas dan mengubah data petugas.
Kelola data
Admin dapat melihat data
barang
barang, memasukkan data barang dan mengubah data barang.
Pemberitahuan
Admin mendapatkan
kebutuhan stok
informasi mengenai data
barang
stok barang di kantor pusat maupun toko cabang minimum.
Pengiriman data
Admin dapat menambah
stok barang
pengiriman barang, dan dapat menghapus pengiriman barang.
30
Nama Aktor Admin
Deskripsi Aktor
Nama Use Case
Deskripsi Use Case
Merupakan aktor yang
Cetak struk
Admin dapat mencetak
bertugas mengelola
pengiriman
struk stok barang sebagai
seluruh data barang
barang
tanda bukti data-data
perak dan dapat
barang yang dikirim
melihat laporan toko
untuk toko cabangnya.
cabang Penerimaan
Admin dapat menambah
data stok
penerimaan barang dari
barang
supplier, dan dapat menghapus penerimaan barang.
View stok toko
Admin dapat melihat atau
cabang
menampilkan data stok barang
setiap
toko
cabang. View laporan
Admin dapat melihat atau
toko cabang
menampilkan laporan setiap toko cabangnya berdasarkan hari, bulan dan tahun.
Supervisor
Merupakan aktor yang
Kelola transaksi
Supervisor dapat
bertugas
penjualan
menambah transaksi
mengkonfirmasi stok
penjualan barang, dan
barang dari kantor
dapat menghapus
pusat dan melakukan
transaksi penjualan
transaksi jual beli.
barang.
31
Nama Aktor Supervisor
Deskripsi Aktor
Nama Use Case
Deskripsi Use Case
Merupakan aktor yang
Cetak struk
Supervisor dapat
bertugas
penjualan
mencetak struk penjualan
mengkonfirmasi stok
barang sebagai tanda
barang dari kantor
bukti penjualan barang
pusat dan melakukan
perak Modern Silver.
transaksi jual beli. Notifikasi
Supervisor mendapatkan
tambahan stok
informasi mengenai
barang
tambahan stok barang dari kantor pusat.
Konfirmasi stok
Supervisor dapat approve
barang
atau reject barang yang telah dikirim oleh kantor pusat.
Kelola transaksi
Supervisor dapat
pembelian
menambah transaksi pembelian barang.
Cetak struk
Supervisor dapat
pembelian
mencetak struk pembelian barang sebagai tanda bukti pembelian barang perak Modern Silver.
View laporan
Supervisor dapat melihat laporan berdasarkan hari, bulan dan tahun.
32
3.2.3.3 Skenario Use Case Adapun skenario use case untuk aplikasi pengelolaan barang dagangan perak berbasis web adalah sebagai berikut : a.
Use case
: Login
Aktor
: Admin
Deskripsi : Proses ini adalah sebuah kegiatan untuk melakukan login ke aplikasi. Prakondisi : Admin sudah login Poskondisi : Login berhasil Skenario
: Tabel 3-2 Skenario Use Case Login Admin
Aksi Aktor
Reaksi Sistem
Skenario Normal 1. Memasukkan username dan password 2. Validasi
username
dan
password 3. Jika valid maka akan masuk ke halaman home Alur Alternatif 4. Jika alur 3 gagal maka akan kembali ke halaman login
b.
Use case
: Login
Aktor
: Supervisor
Deskripsi : Proses ini adalah sebuah kegiatan untuk melakukan login ke aplikasi.
33
Prakondisi : Supervisor sudah login Poskondisi : Login berhasil Skenario
: Tabel 3-3 Skenario Use Case Login Supervisor
Aksi Aktor
Reaksi Sistem
Skenario Normal 1. Memasukkan username dan password 2. Validasi
username
dan
password 3. Jika valid maka akan masuk ke halaman home Alur Alternatif 4. Jika alur 3 gagal maka akan kembali ke halaman login
c.
Use Case : Kelola data toko Aktor
: Admin
Deskripsi : Proses ini adalah sebuah kegiatan untuk mengelola data toko Prakondisi : Admin sudah login, memilih menu toko Poskondisi : Mengelola data toko Skenario
:
34
Tabel 3-4 Skenario Use Case Kelola Data Toko
Aksi Aktor
Reaksi Sistem
Skenario Normal Tambah data toko 1.
3.
Memilih menu Tambah 2.
Menampilkan form Toko
5.
Menyimpan data toko
8.
Menampilkan form toko yang dipilih
Memasukkan data Toko seperti kode_toko, nama_toko, alamat_toko, no_telp
4.
Menekan tombol Simpan
Ubah data toko 6.
Memilih data toko
7.
Menekan tombol Edit
untuk diubah 9.
Mengubah data toko
10. Menekan tombol Simpan 11. Menyimpan data toko yang telah diubah. Alur Alternatif 12. Jika menekan tombol “Kembali” akan kembali ke menu toko dan menampilkan data toko
35
d.
Use Case : Kelola data petugas Aktor
: Admin
Deskripsi : Proses ini adalah sebuah kegiatan untuk mengelola data petugas Prakondisi : Admin sudah login, memilih menu petugas Poskondisi : Mengelola data petugas Skenario
: Tabel 3-5 Skenario Use Case Kelola Data Petugas
Aksi Aktor
Reaksi Sistem
Skenario Normal Tambah data petugas 1.
3.
Memilih menu Tambah 2.
Menampilkan form petugas
5.
Menyimpan data Petugas
8.
Menampilkan form petugas yang
Memasukkan data petugas seperti id_petugas, nama_petugas, jk, tgl_lahir, email, alamat, telpon
4.
Menekan tombol Simpan
Ubah data petugas 6.
Memilih data petugas
7.
Menekan tombol Edit dan mengubah data
dipilih untuk diubah 9.
Mengubah data petugas
36
Aksi Aktor
Reaksi Sistem
10. Menekan tombol Simpan 11. Menyimpan data Petugas yang telah diubah Alur Alternatif 12. Jika menekan tombol “Kembali” akan kembali ke menu petugas dan menampilkan data petugas
e.
Use Case : Kelola data barang Aktor
: Admin
Deskripsi : Proses ini adalah sebuah kegiatan untuk mengelola data barang Prakondisi : Admin sudah login, memilih menu barang Poskondisi : Mengelola data barang Skenario
: Tabel 3-6 Skenario Use Case Kelola Data Barang
Aksi Aktor
Reaksi Sistem
Skenario Normal Tambah data barang 1.
Memilih menu Tambah 2.
3.
Menampilkan form barang
Memasukkan data barang seperti kode_barang, nama_barang, berat, harga
4.
Menekan tombol Simpan
37
Aksi Aktor
Reaksi Sistem 5.
Menyimpan data Barang
8.
Menampilkan form barang yang
Ubah data barang 6.
Memilih data barang
7.
Menekan tombol Edit dan mengubah data
dipilih untuk diubah 9.
Mengubah data barang
10. Menekan tombol Simpan 11. Menyimpan data barang yang telah diubah Alur Alternatif 12. Jika menekan tombol “Kembali” akan kembali ke menu barang dan menampilkan data barang
f.
Use Case : Pemberitahuan kebutuhan stok barang Aktor
: Admin
Deskripsi : Proses ini adalah sebuah kegiatan memberikan informasi kepada admin mengenai kebutuhan stok barang di kantor pusat maupun toko cabang Prakondisi : Admin sudah login, menampilkan pemberitahuan kebutuhan stok barang Poskondisi : Menampilkan kebutuhan stok barang Skenario
:
38
Tabel 3-7 Skenario Use Case Pemberitahuan Kebutuhan Stok Barang
Aksi Aktor
Reaksi Sistem
Skenario Normal 1.
Menampilkan barang
2.
Melihat kebutuhan stok barang
3.
Input kebutuhan stok barang
g.
Use Case : Cetak struk pengiriman stok barang Aktor
kebutuhan
stok
: Admin
Deskripsi : Proses ini adalah sebuah kegiatan untuk mencetak struk pengiriman stok barang ke toko cabang Prakondisi : Admin sudah login, menekan tombol cetak Poskondisi : Menampilkan data pengiriman stok barang Skenario
: Tabel 3-8 Skenario Use Case Cetak Struk Pengiriman Barang
Aksi Aktor
Reaksi Sistem
Skenario Normal 1.
Menekan tombol “Cetak” 2.
Menampilkan data pengiriman stok barang
3.
Melihat data pengiriman stok barang
39
h.
Use Case : Pengiriman data stok barang Aktor
: Admin
Deskripsi : Proses ini adalah sebuah kegiatan pengiriman data stok barang ke toko cabang Prakondisi : Admin sudah login, menekan menu Transaksi Pengiriman Barang Poskondisi : menampilkan form pengiriman barang Skenario
: Tabel 3-9 Skenario Use Case Pengiriman Data Stok Barang
Aksi Aktor
Reaksi Sistem
Skenario Normal 1.
Memilih
menu
“Pengiriman
Barang” 2.
Menampilkan
form
pengiriman
barang 3.
Memasukkan barang
data
seperti:
pengiriman
id_pengiriman,
nama toko, nama barang, jumlah 4.
Menekan tombol “Tambah” 5.
Jika
berhasil
disimpan
maka
membuat daftar pengiriman barang
i.
Use Case
: Penerimaan data stok barang
Aktor
: Admin
Deskripsi : Proses ini adalah sebuah kegiatan penerimaan stok barang dari supplier
40
Prakondisi : Admin sudah login, menekan menu Transaksi Penerimaan Barang Poskondisi : Menampilkan form penerimaan barang Skenario
: Tabel 3-10 Skenario Use Case Penerimaan Data Stok Barang
Aksi Aktor
Reaksi Sistem
Skenario Normal 1.
Memilih
menu
“Penerimaan
Barang” 2.
Menampilkan
form
penerimaan
barang 3.
Memasukkan barang nama
data
penerimaan
seperti: id_penerimaan, supplier,
nama
barang,
harga, jumlah 4.
Menekan tombol “Tambah” 5.
Jika
berhasil
disimpan
maka
membuat daftar penerimaan barang
j.
Use Case : View stok toko cabang Aktor
: Admin
Deskripsi : Proses ini adalah sebuah kegiatan melihat semua stok yang ada di toko cabang Prakondisi : Admin sudah login, memilih menu stok toko cabang Poskondisi : Menampilkan stok toko cabang Skenario
:
41
Tabel 3-11 Skenario Use Case Tampilkan Stok Toko Cabang
Aksi Aktor
Reaksi Sistem
Skenario Normal 1.
Masuk ke halaman stok toko cabang
2.
Memilih toko cabang 3.
Menampilkan stok toko cabang
4.
Melihat stok toko cabang
k.
Use Case
: View laporan toko cabang
Aktor
: Admin
Deskripsi
: Proses ini adalah sebuah kegiatan melihat laporan toko cabang
Prakondisi : Admin sudah login, memilih menu laporan Poskondisi : Menampilkan laporan toko cabang Skenario
: Tabel 3-12 Skenario Use Case View Laporan Toko Cabang
Aksi Aktor
Reaksi Sistem
Skenario Normal 1.
Masuk ke halaman laporan
2.
Memilih toko cabang 3.
4.
Menampilkan laporan toko cabang
Melihat laporan toko cabang
42
l.
Use Case
: Kelola transaksi penjualan
Aktor
: Supervisor
Deskripsi : Proses ini adalah sebuah kegiatan untuk menginputkan data transaksi penjualan Prakondisi : Supervisor
sudah login, kegiatan untuk menginputkan data
transaksi penjualan Poskondisi : input data transaksi penjualan Skenario
: Tabel 3-13 Skenario Use Case Input Transaksi Penjualan
Aksi Aktor
Reaksi Sistem
Skenario Normal 1.
4.
Input transaksi penjualan 2.
Mencatat transaksi penjualan
3.
Validasi data transaksi penjualan
5.
Menyimpan
Menekan tompol “Simpan” data
transaksi
penjualan ke database
m. Use Case : Cetak struk penjualan Aktor
: Supervisor
Deskripsi : Proses ini adalah sebuah kegiatan mencetak struk penjualan barang Prakondisi : Supervisor sudah login, menekan tombol cetak Poskondisi : Menampilkan struk penjualan
43
Skenario
: Tabel 3-14 Skenario Use Case Mencetak Struk Penjualan
Aksi Aktor
Reaksi Sistem
Skenario Normal 1.
Menekan tombol “Cetak” 2.
3.
Melihat struk penjualan
n.
Use Case : Kelola transaksi pembelian Aktor
Menampilkan struk penjualan
: Supervisor
Deskripsi : Proses ini adalah sebuah kegiatan untuk menginputkan data transaksi pembelian Prakondisi : Supervisor
sudah login, kegiatan untuk menginputkan data
transaksi pembelian Poskondisi : input data transaksi pembelian Skenario
: Tabel 3-15 Skenario Use Case Input Transaksi Pembelian
Aksi Aktor
Reaksi Sistem
Skenario Normal 1.
Menginputkan no nota
2.
Menekan tombol “Search” 3.
4.
Menampilkan data barang
Menekan tombol “Beli”
44
Aksi Aktor
6.
Reaksi Sistem 5.
Menampilkan jenis kerusakan
7.
Menyimpan
Memilih jenis kerusakan data
transaksi
pembelian ke database Alur Alternatif 1.
Menginputkan no nota
2.
Menekan tombol “Search”
4.
Memperbaiki
data
3.
Validasi data transaksi pembelian
6.
Menampilkan data barang
8.
Menampilkan jenis kerusakan
transaksi
pembelian 5.
7.
9.
Menekan tombol “Search”
Menekan tombol “Beli”
Memilih jenis kerusakan 10. Menyimpan
data
transaksi
pembelian ke database
o.
Use Case
: Cetak struk pembelian
Aktor
: Supervisor
Deskripsi : Proses ini adalah sebuah kegiatan mencetak struk pembelian barang Prakondisi : Supervisor sudah login, menekan tombol cetak
45
Poskondisi : Menampilkan struk pembelian Skenario
: Tabel 3-16 Skenario Use Case Mencetak Struk Pembelian
Aksi Aktor
Reaksi Sistem
Skenario Normal 1.
Menekan tombol “Cetak” 2.
3.
Melihat struk pembelian
p.
Use Case : Konfirmasi stok barang Aktor
Menampilkan struk pembelian
: Supervisor
Deskripsi : Proses ini adalah sebuah kegiatan mengkonfirmasi stok barang di tok cabang Prakondisi : Supervisor sudah login, menekan data tambahan stok barang Poskondisi : Menampilkan tambahan stok barang Skenario
: Tabel 3-17 Skenario Use Case Konfirmasi Stok Barang
Aksi Aktor
Reaksi Sistem
Skenario Normal 1.
Menekan data tambahan stok barang 2.
3.
Menampilkan tambahan stok barang
Melihat tambahan stok barang cabang
46
Aksi Aktor
Reaksi Sistem
Approve 4.
Memilih
tombol
approve
dan
tekan tombol simpan 5.
Data stok barang ter-update
7.
Data stok barang tidak ter-update
Reject 6.
Memilih tombol reject dan tekan tombol simpan
q.
Use Case : notifikasi tambahan stok barang Aktor
: Supervisor
Deskripsi : Proses ini adalah sebuah kegiatan yang memberikan informasi kepada toko cabang mengenai tambahan stok barang dari kantor pusat Prakondisi : Supervisor sudah login, menekan notifikasi tambahan stok barang Poskondisi : Menampilkan tambahan stok barang dari kantor pusat Skenario
: Tabel 3-18 Skenario Use Case Notifikasi Tambahan Stok Barang
Aksi Aktor
Reaksi Sistem
Skenario Normal 1.
Menekan notifikasi tambahan stok barang 2.
Menampilkan tambahan stok barang dari kantor pusat
3.
Melihat tambahan stok barang dari kantor pusat
47
r.
Use Case : View laporan Aktor
: Supervisor
Deskripsi : Proses ini adalah sebuah kegiatan untuk melihat laporan Prakondisi : Supervisor sudah login, memilih menu laporan Poskondisi : Menampilkan laporan Skenario
: Tabel 3-19 Skenario Use Case View Laporan
Aksi Aktor
Reaksi Sistem
Skenario Normal 1.
Masuk ke halaman laporan 2.
3.
Menampilkan laporan
Melihat laporan
3.2.4
Diagram Class
Perancangan diagram kelas secara umum yang digunakan pada aplikasi pengelolaan data barang dagangan perak dilampirkan pada lampiran 3.
48
3.2.5
Diagram Sequence
Di bawah ini merupakan diagram sequence pada Aplikasi Pengelolaan Data Barang Dagangan Perak Berbasis Web. 3.2.5.1 Diagram Sequence Kelola Data Toko Berikut adalah diagram sequence ketika admin mengelola data toko :
Gambar 3-9 Diagram Sequence Kelola Data Toko
49
3.2.5.2 Diagram Sequence Kelola Data Supplier Berikut adalah diagram sequence ketika admin mengelola data supplier :
Gambar 3-10 Diagram Sequence Kelola Data Supplier
50
3.2.5.3 Diagram Squence Kelola Data Barang Berikut adalah diagram sequence ketika admin mengelola data barang :
Gambar 3-11 Diagram Squence Kelola Data Barang
51
3.2.5.4 Diagram Sequence Kelola Data Petugas Berikut adalah diagram sequence ketika admin mengelola data petugas :
Gambar 3-12 Diagram Sequence Kelola Data Petugas
52
3.2.5.5 Diagram Sequence Kelola Data Transaksi penerimaan Berikut adalah diagram sequence ketika admin mengelola data transaksi penerimaan :
Gambar 3-13 Diagram Sequence Kelola Data Transaksi penerimaan
53
3.2.5.6 Diagram Sequence Kelola Data Transaksi pengiriman Berikut adalah diagram sequence ketika admin mengelola data transaksi pengiriman :
Gambar 3-14 Diagram Sequence Kelola Data Transaksi pengiriman
54
3.2.5.7 Diagram Sequence Kelola Data Transaksi Penjualan Berikut adalah diagram sequence ketika Supervisor mengelola data transaksi penjualan :
Gambar 3-15 Diagram Sequence Kelola Data Transaksi Penjualan
55
3.2.5.8 Diagram Sequence Kelola Data Transaksi Pembelian Berikut adalah diagram sequence ketika Supervisor mengelola data transaksi pembelian :
Gambar 3-16 Diagram Sequence Kelola Data Transaksi Pembelian
56
3.3 Perancangan Basis Data Aplikasi Pengelolaan Data Barang Dagangan Perak Berbasis Web ini memiliki rancangan basis data sebagai berikut : 3.3.1 Entity Relational Diagram (ERD) Aplikasi Pengelolaan Data Barang Dagangan Perak Berbasis Web ini memiliki perancangan basis data yang digambarkan melalui ERD (Entity Relational Diagram) untuk menggambarkan hubungan atau relasi antar entitas. Berikut ini adalah ERD untuk aplikasi yang akan dibuat :
Gambar 3-17 Entity Relational Diagram (ERD)
57
3.3.2 Skema Relasi Berikut adalah skema relasi dari Aplikasi Pengelolaan Data Barang Dagangan Perak Berbasis Web.
Gambar 3-18 Skema Relasi
3.3.3 Struktur Tabel Berikut adalah struktur tabel dari Aplikasi Pengelolaan Data Barang Dagangan Perak Berbasi Web yang menjelaskan tentang nama tabel, nama kolom, tipe data dan deskripsi nama field.
58
a. Toko Pada tabel toko terdapat beberapa atribut pada tabel. Penjelasan lebih detail tentang tabel toko dapat dilihat pada tabel berikut ini. Tabel 3-20 Toko
Toko Nama Field
Tipe Data
Deskripsi
Id_toko
varchar(11)
Id toko (primary key)
Nama_toko
varchar(50)
Nama toko
Email
varchar(50)
Email
Alamat
varchar(50)
Alamat
Telpon
varchar(50)
Telpon
b. Penerimaan Pada tabel penerimaan terdapat beberapa atribut pada tabel. Penjelasan lebih detail tentang tabel penerimaan dapat dilihat pada tabel berikut ini. Tabel 3-21 Penerimaan
Penerimaan Nama Field
Tipe Data
Deskripsi
Id_penerimaan
varchar(50)
Id penerimaan (primary key)
Tgl_penerimaan
date
Tanggal penerimaan
Id_supplier
varchar(50)
Id supplier (foreign key)
Id_petugas
varchar(50)
Id petugas (foreign key)
Total
varchar(20)
Total
c. Petugas Pada tabel petugas terdapat beberapa atribut pada tabel. Penjelasan lebih detail tentang tabel petugas dapat dilihat pada tabel berikut ini.
59
Tabel 3-22 Petugas
Petugas Nama Field
Tipe Data
Deskripsi
Id_petugas
varchar(20)
Id_petugas (primary key)
Nama_petugas
varchar(50)
Nama petugas
Jk
varchar(50)
Jenis kelamin
Tgl_lahir
Date
Tanggal lahir
Email
varchar(50)
Email
Alamat
varchar(50)
Alamat
Telpon
varchar(50)
Telpon
Username
varchar(50)
Username petugas admin dan supervisor
Password
varchar(50)
Password petugas admin dan supervisor
Level
varchar(55)
Level
Id_toko
varchar(50)
Id toko (foreign key)
d. Supplier Pada tabel supplier terdapat beberapa atribut pada tabel. Penjelasan lebih detail tentang tabel supplier dapat dilihat pada tabel berikut ini. Tabel 3-23 Supplier
Supplier Nama Field
Tipe Data
Deskripsi
Id_supplier
varchar(20)
Id supplier (primary key)
Nama_supplier
varchar(50)
Nama supplier
Alamat
varchar(50)
Alamat
Telpon
varchar(12)
Telpon
60
e. Detail Penerimaan Barang Pada tabel detail_penerimaan_barang terdapat beberapa atribut pada tabel. Penjelasan lebih detail tentang
tabel detail_penerimaan_barang
dapat dilihat pada tabel berikut ini. Tabel 3-24 Detail Penerimaan Barang
Detail_penerimaan_barang Nama Field
f.
Tipe Data
Deskripsi
Id_detail_penerimaan Int (11)
Id detail penerimaan (primary key)
Jumlah
Int (11)
Jumlah
Harga
Int (11)
Harga
Id_penerimaan
varchar(50)
Id penerimaan (foreign key)
Id_barang
varchar(50)
Id barang (foreign key)
Barang Pada tabel barang terdapat beberapa atribut pada tabel. Penjelasan lebih detail tentang tabel barang dapat dilihat pada tabel berikut ini. Tabel 3-25 Barang
Barang Nama Field
Tipe Data
Deskripsi
Id_barang
varchar(20)
Id barang (primary key)
Nama_barang
varchar(50)
Nama barang
Gambar
varchar(100)
Gambar
Harga
Int (20)
Harga
Berat
varchar(33)
Berat
Stok
Int (50)
Stok
Stok_minim
Int (20)
Stok minim
Id_kategori
Int (50)
Id kategori (foreign key)
61
g. Kategori Pada tabel kategori terdapat beberapa atribut pada tabel. Penjelasan lebih detail tentang tabel kategori dapat dilihat pada tabel berikut ini. Tabel 3-26 Kategori
Kategori Nama Field
Tipe Data
Deskripsi
Id_kategori
Int (50)
Id kategori (primary key)
Nama_kategori
Varchar (50)
Nama kategori
h. Pengiriman Pada tabel pengiriman terdapat beberapa atribut pada tabel. Penjelasan lebih detail tentang tabel pengiriman dapat dilihat pada tabel berikut ini. Tabel 3-27 Pengiriman
Pengiriman Nama Field
i.
Tipe Data
Deskripsi
Id_pengiriman
varchar(50)
Id pengiriman (primary key)
Tgl_pengiriman
Date
Tanggal pengiriman
Total
Int (11)
Total
Statusnotif
Enum
Status notif
Id_petugas
varchar(50)
Id petugas (foreign key)
Detail Pengiriman Barang Pada tabel detail_pengiriman_barang terdapat beberapa atribut pada tabel. Penjelasan lebih detail tentang
tabel detail_pengiriman_barang
dapat dilihat pada tabel berikut ini.
62
Tabel 3-28 Detail Pengiriman Barang
Detail_pengiriman_barang Nama Field
j.
Tipe Data
Deskripsi
Id_detail_pengiriman_barang
Int (50)
Id detail pengiriman barang (primary key)
Jumlah
Int (50)
Jumlah
Id_pengiriman
varchar(50)
Id pengiriman (foreign key)
Id_barang
varchar(50)
Id barang (foreign key)
Status
varchar(50)
Status
Penjualan Pada tabel penjualan terdapat beberapa atribut pada tabel. Penjelasan lebih detail tentang tabel penjualan dapat dilihat pada tabel berikut ini. Tabel 3-29 Penjualan
Penjualan Nama Field
Tipe Data
Deskripsi
Id_penjualan
varchar(50)
Id penjualan (primary key)
Tgl_jual
Date
Tanggal penjualan
Total
Int (50)
Total
Id_petugas
varchar(50)
Id petugas (foreign key)
k. Detail Penjualan Barang Pada tabel detail_penjualan_barang terdapat beberapa atribut pada tabel. Penjelasan lebih detail tentang tabel detail_penjualan_barang dapat dilihat pada tabel berikut ini.
63
Tabel 3-30 Detail Penjualan Barang
Detail_penjualan_barang Nama Field
l.
Tipe Data
Deskripsi
Id_detail_penjualan_barang Int (11)
Id detail penjualan barang (primary key)
Jumlah
Int (50)
Jumlah
Harga
Int (20)
Harga
Id_barang
varchar(50)
Id barang (foreign key)
Id_penjualan
varchar(50)
Id penjualan (foreign key)
Pembelian Pada tabel pembelian terdapat beberapa atribut pada tabel. Penjelasan lebih detail tentang tabel pembelian dapat dilihat pada tabel berikut ini. Tabel 3-31 Pembelian
Pembelian Nama Field
Tipe Data
Deskripsi
Id_pembelian
varchar(50)
Id pembelian (primary key)
Tgl_pembelian
Date
Tanggal pembelian
Total
Int (50)
Total
m. Jenis Pembelian Pada tabel jenis_pembelian terdapat beberapa atribut pada tabel. Penjelasan lebih detail tentang tabel jenis_pembelian dapat dilihat pada tabel berikut ini.
64
Tabel 3-32 Jenis Pembelian
Id_jenis_pembelian Nama Field
Tipe Data
Deskripsi
Id_jenis_pembelian Int (50)
Id jenis pembelian (primary key)
Nama_pembelian
varchar(50)
Nama pembelian
harga
Int (11)
Harga
n. Detail Pembelian Pada tabel detail_pembelian terdapat beberapa atribut pada tabel. Penjelasan lebih detail tentang tabel detail_pembelian dapat dilihat pada tabel berikut ini. Tabel 3-33 Detail Pembelian
Detail_pembelian Nama Field
Tipe Data
Deskripsi
Id_detail_pembelian
Int (50)
Id detail (primary key)
Jumlah
Int (50)
Jumlah
Berat
varchar(30)
Berat
Harga
Int (50)
Harga
Potongan
Int (11)
Potongan
Laku
Int(12)
Laku
Total
Int (11)
Total
pembelian
Id_detail_penjualan_barang varchar(50)
Id detail penjualan barang (foreign key)
Id_pembelian
varchar(50)
Id pembelian (foreign key)
Id_jenis_pembelian
varchar(50)
Id jenis pembelian (foreign key)
65
3.4 Kebutuhan Perangkat Keras dan Perangkat Lunak 3.4.1 Pengembangan Sistem Berikut adalah kebutuhan perangkat keras dan perangkat lunak yang digunakan selama proses pengembangan aplikasi Pengelolaan Data Barang Dagangan Perak Berbasis Web. 3.4.1.1 Kebutuhan Perangkat Keras Adapun kebutuhan perangkat keras untuk membuat Aplikasi Pengelolaan Data Barang Dagangan Perak Berbasis Web adalah sebagai berikut. Tabel 3-34 Kebutuhan Perangkat Keras Untuk Pengembangan
No
Perangkat Keras
Spesifikasi Minimum
Spesifikasi yang digunakan
1.
RAM
512 MB
2GB
2.
Harddisk
20 GB
500 GB
3.
Processor
Kecepatan minimum Core i3 dengan kecepatan
4.
Screen Resolution
2.0 GHZ
2.40 GHZ
240 x 320 Pixels
1366 x 768 Pixels
3.4.1.2 Kebutuhan Perangkat Lunak Adapun kebutuhan perangkat lunak untuk membuat Aplikasi Pengelolaan Data Barang Dagangan Perak Berbasis Web adalah sebagai berikut. Tabel 3-35 Kebutuhan Perangkat Lunak Untuk Pengembangan
No
Perangkat Lunak
Spesifikasi Minimum
Spesifikasi yang digunakan
1.
Operating sistem
Windows XP
Windows 8
2.
Database
MySQL 5.5.27
MySQL 5.5.27
66
No
Perangkat Lunak
Spesifikasi Minimum
Spesifikasi yang digunakan
3.
Script Editor
Notepad++
Notepad++
4.
Web Browser
Mozila Firefox,
Mozila Firefox, Chrome
Chrome 5.
Web Server
Apache, MySQL,
Apache, MySQL, PHP,
PHP, XAMPP 1.7.3
XAMPP 1.7.3 dan
dan Codeigniter
Codeigniter 2.1.0
2.1.0 6.
Dokumentasi
Word 2007,
Word 2013, Microsoft
Microsoft Office
Office Visio 2007, Astah
Visio 2007, Astah
Community
Community
3.4.2 Implementasi Sistem Berikut adalah kebutuhan perangkat keras dan perangkat lunak pada tahap implementasi pada aplikasi ini. 3.4.2.1 Kebutuhan Perangkat Keras Adapun kebutuhan perangkat keras untuk membuat Aplikasi Pengelolaan Data Barang Dagangan Perak Berbasis Web adalah sebagai berikut. Tabel 3-36 Kebutuhan Perangkat Keras Untuk Implementasi
No
Perangkat Keras
Spesifikasi Minimum
Spesifikasi yang digunakan
1.
RAM
512 MB
2GB
2.
Harddisk
20 GB
500 GB
3.
Processor
Kecepatan minimum Core i3 dengan kecepatan 2.0 GHZ
2.40 GHZ
67
No
4.
Perangkat Keras
Screen Resolution
Spesifikasi Minimum
240 x 320 Pixels
Spesifikasi yang digunakan 1366 x 768 Pixels
3.4.2.2 Kebutuhan Perangkat Lunak Adapun kebutuhan perangkat lunak untuk membuat Aplikasi Pengelolaan Data Barang Dagangan Perak Berbasis Web adalah sebagai berikut. Tabel 3-37 Kebutuhan Perangkat Lunak Untuk Implementasi
No
Perangkat Lunak
Spesifikasi Minimum
Spesifikasi yang digunakan
1.
Operating sistem
Windows XP
Windows 8
2.
Database
MySQL 5.5.27
MySQL 5.5.27
3.
Script Editor
Notepad++
Notepad++
4.
Web Server
Apache, MySQL,
Apache, MySQL, PHP,
PHP, XAMPP 1.7.3
XAMPP 1.7.3 dan
dan Codeigniter
Codeigniter 2.1.0
2.1.0 5.
Web Browser
Mozila Firefox,
Mozila Firefox, Chrome
Chrome 6.
Dokumentasi
Word 2007,
Word 2007, Microsoft
Microsoft Office
Office Visio 2007, Astah
Visio 2007, Astah
Community, Exel 2007
Community, Exel 2007
68
3.5 Perancangan Antar Muka Untuk membangun “Aplikasi Pengelolaan Data Barang Dagangan Perak Berbasis Web”, perlu dibuat perancangan antar muka sebagai gambaran dari aplikasi yang akan dibuat, sebagai berikut : 3.5.1
Halaman Login
Berikut perancangan antar muka halaman login :
Gambar 3-19 Perancangan Halaman Login
3.5.2
Halaman Admin
Berikut perancangan antar muka halaman admin :
Gambar 3-20 Perancangan Halaman Admin
69
3.5.3
Halaman Supervisor
Berikut perancangan antar muka halaman supervisor :
Gambar 3-21 Perancangan Halaman Supervisor
3.5.4
Halaman Data Toko
Berikut perancangan antar muka halaman data toko :
Gambar 3-22 Perancangan Halaman Data Toko
3.5.5
Halaman Form Toko
Berikut perancangan antar muka halaman form toko :
Gambar 3-23 Perancangan Halaman Form Toko
70
3.5.6
Halaman Form Supplier
Berikut perancangan antar muka halaman form supplier :
Gambar 3-24 Perancangan Halaman Form Supplier
3.5.7
Halaman Form Petugas
Berikut perancangan antar muka halaman form petugas :
Gambar 3-25 Perancangan Halaman Form Petugas
3.5.8
Halaman Stok Toko Cabang
Berikut perancangan antar muka halaman stok toko cabang :
Gambar 3-26 Perancangan Halaman Stok Toko Cabang
71
3.5.9
Halaman Transaksi Penerimaan
Berikut perancangan antar muka halaman transaksi penerimaan:
Gambar 3-27 Perancangan Halaman Transaksi Penerimaan
3.5.10 Halaman Transaksi Pengiriman Berikut perancangan antar muka halaman transaksi pengiriman :
Gambar 3-28 Perancangan Halaman Transaksi Pengiriman
3.5.11 Halaman Transaksi Penjualan Berikut perancangan antar muka halaman transaksi penjualan :
Gambar 3-29 Perancangan Halaman Transaksi Penjualan
72
3.5.12 Halaman Transaksi Pembelian Berikut perancangan antar muka halaman transaksi pembelian :
Gambar 3-30 Perancangan Halaman Transaksi Pembelian
3.5.13 Halaman Laporan Berikut perancangan antar muka halaman laporan :
Gambar 3-31 Perancangan Halaman Laporan
73
BAB 4 IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Dalam tahap ini, hasil analisis dan perancangan mulai diimplementasikan untuk mencapai tujuan dari pengembangan aplikasi. Berikut ini akan dijelaskan mengenai proses implementasi aplikasi ini. 4.1.1
Instalasi Perangkat Lunak
Berikut ini akan dijelaskan langkah-langkah instalasi perangkat lunak untuk mengimplementasikan Aplikasi Pengelolaan Data Barang Dagangan Perak Berbasis Web. Tabel 4-1 Instalasi Perangkat Lunak
Perangkat Lunak Google Chrome
Langkah-Langkah Penginstalan a. Instal google chrome. Google terbuka otomatis dan akan masuk pada sebuah halaman. b. Setelah itu beri centang pada pilihan setel google chrome, kemudian klik tombol setuju lalu install. c. Langkah selanjutnya install chrome.exe dengan cara klik dua kali file tersebut. d. Setelah selesai, tutup jendela instalasi dan buka browser.
XAMPP
a. Lakukan instalasi XAMPP pada PC yang akan digunakan, dengan melakukan klik pada setup.exe. b. Kemudian akan muncul dialog untuk menentukan lokasi instalasi XAMPP, anda dapat memilih di direktori mana
74
Perangkat Lunak
Langkah-Langkah Penginstalan akan disimpan. c. Klik “OK” tunggu sampai proses instalasi selesai. d. Untuk menjalankan, pilih icon XAMPP Control kemudian klik “Start” pada Apache.
4.1.2
Implementasi Halaman Web
Implementasi halaman web merupakan tampilan aplikasi dibuat agar pengguna dapat berinteraksi dengan aplikasi yang dibangun. Berikut adalah antarmuka yang terdapat pada aplikasi ini. 4.1.2.1 Halaman Login Berikut adalah tampilan halaman login Modern Silver.
Gambar 4-1 Implementasi Halaman Login
4.1.2.2 Halaman Admin Halaman admin adalah berisi tampilan menu-menu yang ada di halaman admin. Berikut menu yang terdapat di halaman admin.
75
Gambar 4-2 Implementasi Halaman Admin
4.1.2.3 Halaman Supervisor Halaman supervisor adalah berisi tampilan menu-menu yang ada di halaman supervisor. Berikut menu yang terdapat di halaman supervisor.
Gambar 4-3 Implementasi Halaman Supervisor
4.1.2.4 Halaman Data Toko Halaman data toko adalah berisi data yang telah diinputkan. Terdapat menu tambah data dan edit data.
Gambar 4-4 Implementasi Halaman Data Toko
76
Penjelasan fungsionalitas : a. Menu tambah : digunakan untuk menambahkan data baru. b. Menu edit
: digunakan untuk mengubah data.
4.1.2.5 Halaman Form Toko Halaman form toko merupakan halaman form penginputan data toko. Berikut adalah halaman form penginputan toko.
Gambar 4-5 Implementasi Halaman Form Toko
Penjelasan fungsionalitas : a. Tombol simpan : digunakan untuk menyimpan data. b. Tombol kembali: digunakan untuk kembali ke halaman data Toko. 4.1.2.6 Halaman Form Edit Toko Halaman form edit toko merupakan halaman form edit data toko. Berikut adalah halaman form edit data toko.
77
Gambar 4-6 Implementasi Halaman Form Edit Toko
Penjelasan fungsionalitas : a. Tombol simpan : digunakan untuk menyimpan data. b. Tombol kembali: digunakan untuk kembali ke halaman data Toko. 4.1.2.7 Halaman Data Petugas Halaman data petugas adalah berisi data yang telah diinputkan. Terdapat menu tambah data dan edit data.
Gambar 4-7 Implementasi Halaman Data Petugas
Penjelasan fungsionalitas : a. Menu tambah : digunakan untuk menambahkan data baru. b. Menu edit
: digunakan untuk mengubah data.
78
4.1.2.8 Halaman Form Petugas Supervisor Halaman form petugas supervisor merupakan halaman form penginputan data petugas supervisor. Berikut adalah halaman form penginputan data petugas.
. Gambar 4-8 Implementasi Halaman Form Petugas Supervisor
Penjelasan fungsionalitas : a. Tombol simpan : digunakan untuk menyimpan data. b. Tombol kembali: digunakan untuk kembali ke halaman data petugas. 4.1.2.9 Halaman Form Petugas Layanan Halaman form petugas layanan merupakan halaman form penginputan data petugas layanan. Berikut adalah halaman form penginputan data petugas.
79
Gambar 4-9 Implementasi Halaman Form Petugas Layanan
Penjelasan fungsionalitas : a. Tombol simpan : digunakan untuk menyimpan data. b. Tombol kembali: digunakan untuk kembali ke halaman data petugas. 4.1.2.10 Halaman Form Edit Petugas Supervisor Halaman form edit petugas supervisor merupakan halaman form mengedit data petugas supervisor. Berikut adalah halaman form mengedit data petugas.
80
Gambar 4-10 Implementasi Halaman Form Edit Petugas Supervisor
Penjelasan fungsionalitas : a. Tombol simpan : digunakan untuk menyimpan data. b. Tombol kembali: digunakan untuk kembali ke halaman data petugas. 4.1.2.11 Halaman Form Edit Petugas Layanan Halaman form edit petugas layanan merupakan halaman form mengedit data petugas layanan. Berikut adalah halaman form mengedit data petugas.
Gambar 4-11 Implementasi Form Edit Petugas Layanan
81
Penjelasan fungsionalitas : a. Tombol simpan : digunakan untuk menyimpan data. b. Tombol kembali: digunakan untuk kembali ke halaman data petugas. 4.1.2.12 Halaman Data Supplier Halaman data Supplier adalah berisi data yang telah diinputkan. Terdapat menu tambah data dan edit data.
Gambar 4-12 Implementasi Halaman Data Supplier
Penjelasan fungsionalitas : a. Menu tambah : digunakan untuk menambahkan data baru. b. Menu edit
: digunakan untuk mengubah data.
4.1.2.13 Halaman Form Supplier Halaman form supplier merupakan halaman form penginputan data supplier. Berikut adalah halaman form penginputan data supplier.
Gambar 4-13 Implementasi Halaman Form Supplier
82
Penjelasan fungsionalitas : a. Tombol simpan : digunakan untuk menyimpan data. b. Tombol kembali: digunakan untuk kembali ke halaman data supplier. 4.1.2.14 Halaman Form Edit Supplier Halaman form edit supplier merupakan halaman form mengedit data supplier. Berikut adalah halaman form mengedit data supplier.
Gambar 4-14 Implementasi Halaman Form Edit Supplier
Penjelasan fungsionalitas : a. Tombol simpan : digunakan untuk menyimpan data. b. Tombol kembali: digunakan untuk kembali ke halaman data supplier. 4.1.2.15 Halaman Data Barang Halaman data barang adalah berisi data yang telah diinputkan. Terdapat menu tambah data dan edit data.
83
Gambar 4-15 Implementasi Halaman Data Barang
4.1.2.16 Halaman Form Barang Halaman form barang merupakan halaman form penginputan data barang. Berikut adalah halaman form penginputan data barang.
Gambar 4-16 Implementasi Halaman Form Barang
Penjelasan fungsionalitas : a. Tombol simpan : digunakan untuk menyimpan data. b. Tombol kembali: digunakan untuk kembali ke halaman data barang. 4.1.2.17 Halaman Form Edit Barang Halaman form edit barang merupakan halaman form mengedit data barang. Berikut adalah halaman form mengedit data barang.
84
Gambar 4-17 Implementasi Halaman Form Edit Barang
Penjelasan fungsionalitas : a. Tombol simpan : digunakan untuk menyimpan data. b. Tombol kembali: digunakan untuk kembali ke halaman data barang. 4.1.2.18 Halaman Stok Toko Cabang Berikut ini adalah tampilan stok toko cabang, terlebih dahulu kita memilih toko cabang. Setelah memilih maka akan menampilkan data stok toko cabang.
Gambar 4-18 Implementasi Halaman Stok Toko Cabang
85
4.1.2.19 Halaman Form Transaksi penerimaan Halaman form transaksi penerimaan merupakan halaman form tambah transaksi penerimaan barang dari supplier. Berikut adalah halaman form transaksi penerimaan barang.
Gambar 4-19 Implementasi Halaman Form Transaksi Penerimaan
4.1.2.20 Halaman Data Penerimaan Barang Halaman data penerimaan barang merupakan halaman data penerimaan barang dari supplier yang telah ditambah.
Gambar 4-20 Implementasi Halaman Data Penerimaan Barang
Penjelasan fungsionalitas : a. Tombol Hapus : digunakan untuk menghapus data barang. b. Tombol Simpan: digunakan untuk menyimpan data barang.
86
4.1.2.21 Halaman Form Transaksi Pengiriman Halaman form transaksi pengiriman merupakan halaman form tambah transaksi pengiriman barang ke toko cabang. Berikut adalah halaman form transaksi pengiriman barang.
Gambar 4-21 Implementasi Halaman Form Transaksi Pengiriman
4.1.2.22 Halaman Data Pengiriman Barang Halaman data pengiriman barang merupakan halaman data pengiriman barang ke toko cabang yang telah ditambah.
Gambar 4-22 Implementasi Halaman Data Pengiriman Barang
Penjelasan fungsionalitas : a. Tombol Hapus : digunakan untuk menghapus data barang. b. Tombol Cetak : digunakan untuk mencetak data pengiriman barang.
87
4.1.2.23 Tampilan Cetak Pengiriman Barang Berikut ini adalah tampilan cetak data pengiriman barang kantor pusat ke toko cabang Modern Silver .
Gambar 4-23 Implementasi Tampilan Cetak Pengiriman Barang
4.1.2.24 Halaman Notifikasi Tambahan Stok Barang Halaman notifikasi tambahan stok barang merupakan halaman pemberitahuan tentang tambahan data barang dari kantor pusat Modern Silver.
Gambar 4-24 Implementasi Halaman Notifikasi Tambahan Stok Barang
4.1.2.25 Tampilan Stok Toko Cabang Tampilan stok toko cabang merupakan tampilan data stok barang yang ada di toko cabang. Berikut ini adalah tampilan stok toko cabang.
88
Gambar 4-25 Implementasi Tampilan Stok Toko Cabang
4.1.2.26 Halaman Form Transaksi Penjualan Halaman form transaksi penjualan merupakan halaman form tambah transaksi penjualan barang. Berikut adalah halaman form transaksi penjualan barang.
Gambar 4-26 Implementasi Halaman Form Transaksi Penjualan
4.1.2.27 Halaman Data Transaksi Penjualan Halaman data transaksi penjualan merupakan halaman data penjualan barang yang telah ditambah.
89
Gambar 4-27 Implementasi Halaman Data Transaksi Penjualan
Penjelasan fungsionalitas : a. Tombol Hapus : digunakan untuk menghapus data barang. b. Tombol Cetak : digunakan untuk mencetak data penjualan barang.
4.1.2.28 Tampilan Cetak Transaksi Penjualan Berikut ini adalah tampilan struk penjualan barang Modern Silver.
Gambar 4-28 Implementasi Tampilan Cetak Transaksi Penjualan
90
4.1.2.29 Halaman Form Transaksi pembelian Berikut ini adalah tampilan dari halaman form transaksi pembelian.
Gambar 4-29 Implementasi Halaman Form Transaksi Pembelian
4.1.2.30 Halaman Transaksi Pembelian Tidak Rusak Berikut ini adalah tampilan dari halaman transaksi pembelian tidak rusak.
Gambar 4-30 Implementasi Halaman Transaksi Pembelian Tidak Rusak
4.1.2.31 Halaman Transaksi Pembelian Rusak Ringan Berikut ini adalah tampilan dari halaman transaksi pembelian rusak ringan.
91
Gambar 4-31 Implementasi Halaman Transaksi Pemelian Rusak Ringan
4.1.2.32 Halaman Transaksi Pembelian Rusak Berat Berikut ini adalah tampilan dari halaman transaksi pembelian rusak berat.
Gambar 4-32 Implementasi Halaman Transaksi Pembelian Rusak Berat
4.1.2.33 Halaman Data Transaksi Pembelian Berikut ini adalah tampilan dari halaman data transaksi pembelian.
92
Gambar 4-33 Implementasi Halaman Data Transaksi Pembelian
4.1.2.34 Tampilan Cetak Transaksi Pembelian Berikut ini adalah tampilan cetak transaksi pembelian sebagai tanda bukti barang telah di beli oleh toko Modern Silver.
Gambar 4-34 Implementasi Tampilan Cetak Transaksi Pembelian
4.1.2.35 Halaman Laporan Ada 3 laporan yang nantinya akan diberikan kepada admin Modern Silver yaitu laporan transaksi penjualan, laporan transaksi pembelian dan laporan omset. Berikut adalah contoh tampilan laporan tersebut dan terdapat menu cetak. 4.1.2.35.1 Halaman Laporan Penjualan Berikut ini adalah contoh tampilan laporan penjualan pada Modern Silver Cirebon. Penjelasan fungsionalitas : a. Form penginputan toko : digunakan untuk penginputan toko laporan yang diinginkan.
93
b. Form penginputan tanggal: digunakan untuk menginputkan dari tanggal dan sampai tanggal laporan yang diinginkan. c. Menu cetak : digunakan untuk men-download laporan yang akan dicetak.
Gambar 4-35 Implementasi Halaman Laporan Penjualan
4.1.2.35.2 Halaman Laporan Pembelian Berikut ini adalah contoh tampilan laporan pembelian pada Modern Silver Cirebon. Penjelasan fungsionalitas : a. Form penginputan toko : digunakan untuk penginputan toko laporan yang diinginkan. b. Form penginputan tanggal: digunakan untuk menginputkan dari tanggal dan sampai tanggal laporan yang diinginkan. c. Menu cetak : digunakan untuk men-download laporan yang akan dicetak.
Gambar 4-36 Implementasi Laporan Pembelian
94
4.1.2.35.3 Halaman Laporan omset Berikut ini adalah contoh tampilan laporan omset pada Modern Silver Cirebon. Penjelasan fungsionalitas : d. Form penginputan toko : digunakan untuk penginputan toko laporan yang diinginkan. e. Form penginputan tanggal: digunakan untuk menginputkan dari tanggal dan sampai tanggal laporan yang diinginkan. f.
Menu cetak : digunakan untuk men-download laporan yang akan dicetak.
Gambar 4-37 Implementasi Laporan Omset
95
4.2 Pengujian Pengujian sistem dilakukan dengan tujuan menemukan kesalahan-kesalahan yang mungkin bisa terjadi dalam aplikasi ini. Untuk mengetahui apakah program yang sudah dibuat sesuai dengan yang ditetapkan. Dalam pengujian ini akan dilakukan dengan metode blackbox yaitu pada tahap pengujian input dan output. Berikut pengujian sistem Aplikasi Pengelolaan Data Barang Dagangan Perak Berbasis Web. 4.2.1
Memasukkan Data Toko
Berikut adalah pengujian pada form penginputan data toko. Pengujian ini dilakukan untuk mengetahui proses validasi yang terjadi ketika melakukan proses input data toko. Tabel 4-2 Pengujian Memasukkan Data Toko
Test Case Description
Test Case
Expected Result
Actual Result
Mengisi data -nama toko:
Sistem akan
Sistem akan
dengan
menyimpan ke
menyimpan ke
database dan
database dan
membawa ke
membawa ke
halaman data
halaman data
toko
toko
benar
{diisi} -email: {diisi} -alamat: {diisi} -telpon: {diisi}
Field nama
-nama toko:
Sistem akan
Sistem akan
toko
{kosong}
menolak akses
menolak akses
simpan dan
simpan dan
mengeluarkan
mengeluarkan
pesan Field
pesan field
harus diisi
harus diisi
dikosongkan
-email: {diisi} -alamat: {diisi} -telpon: {diisi}
Status Berhasil
Berhasil
96
Test Case Description
Test Case
Expected Result
Actual Result
Field email
-nama toko:
Sistem akan
Sistem akan
dikosongkan
{diisi}
menolak akses
menolak akses
simpan dan
simpan dan
mengeluarkan
mengeluarkan
pesan Field
pesan Field
harus diisi
harus diisi
-email: {kosong} -alamat: {diisi} -telpon: {diisi} Field alamat
-nama toko:
Sistem akan
Sistem akan
dikosongkan
{diisi}
menolak akses
menolak akses
simpan dan
simpan dan
mengeluarkan
mengeluarkan
pesan Field
pesan Field
harus diisi
harus diisi
-email: {diisi} -alamat: {kosong} -telpon: {diisi} Field telpon
-nama toko:
Sistem akan
Sistem akan
dikosongkan
{diisi}
menolak akses
menolak akses
simpan dan
simpan dan
mengeluarkan
mengeluarkan
pesan Field
pesan Field
harus diisi
harus diisi
-email: {diisi} -alamat: {diisi} -telpon: {kosong} Field email
-nama toko:
Sistem akan
Sistem akan
diisi dengan
{diisi}
menolak akses
menolak akses
simpan dan
simpan dan
mengeluarkan
mengeluarkan
pesan field
pesan field
harus alamat
harus alamat
email
email
abjad dan angka
-email: {abc123} -alamat: {diisi} -telpon: {diisi}
Status Berhasil
Berhasil
Berhasil
Berhasil
97
Test Case Description
Test Case
Expected Result
Actual Result
Field nomor
-nama toko:
Sistem akan
Sistem akan
telpon diisi
{diisi}
menolak akses
menolak akses
simpan dan
simpan dan
mengeluarkan
mengeluarkan
pesan field
pesan field
angka
angka maksimal
maksimal 12
12 digit
lebih dari 12 digit angka
-email: {diisi} -alamat: {diisi} -telpon: {0812898989891}
Status Berhasil
digit
4.2.2 Memasukkan Data Petugas Berikut adalah pada form penginputan data petugas. Pengujian ini dilakukan untuk mengetahui proses validasi yang terjadi ketika melakukan proses input data petugas. Tabel 4-3 Pengujian Memasukkan Data Petugas
Test Case Description
Test Case
Expected Result
Actual Result
Mengisi data -nama petugas: {diisi} dengan
Sistem akan
Sistem akan
menyimpan ke
menyimpan ke
benar
-jenis kelamin: {diisi}
database dan
database dan
membawa ke
membawa ke
-tanggal lahir: {diisi}
halaman data
halaman data
petugas
petugas
Status Berhasil
-email: {diisi} -alamat: {diisi} -telpon: {diisi} -toko:{diisi}
98
Test Case Description
Test Case
Expected Result
Actual Result
Field nama
-nama petugas:
Sistem akan
Sistem akan
petugas
{kosong}
menolak akses
menolak akses
simpan dan
simpan dan
mengeluarkan
mengeluarkan
pesan Field
pesan field
harus diisi
harus diisi
dikosongkan
-jenis kelamin: {diisi} -tanggal lahir:
Status Berhasil
{diisi} -email: {diisi} -alamat: {diisi} -telpon: {diisi} -toko:{diisi} Field jenis
-nama petugas:
Sistem akan
Sistem akan
kelamin
{diisi}
menolak akses
menolak akses
simpan dan
simpan dan
mengeluarkan
mengeluarkan
pesan Field
pesan Field
harus diisi
harus diisi
dikosongkan
-jenis kelamin: {kosong} -tanggal lahir:
Berhasil
{diisi} -email: {diisi} -alamat: {diisi} -telpon: {diisi} -toko:{diisi}
99
Test Case Description Field tanggal lahir dikosongkan
Test Case
Expected Result
Actual Result
-nama petugas: {diisi}
Sistem akan
Sistem akan
menolak akses
menolak akses
-jenis kelamin: {diisi}
simpan dan
simpan dan
mengeluarkan
mengeluarkan
-tanggal lahir: {kosong}
pesan Field
pesan Field
harus diisi
harus diisi
-nama petugas: {diisi}
Sistem akan
Sistem akan
menolak akses
menolak akses
-jenis kelamin: {diisi}
simpan dan
simpan dan
mengeluarkan
mengeluarkan
-tanggal lahir: {diisi}
pesan Field
pesan Field
harus diisi
harus diisi
Status Berhasil
-email: {diisi} -alamat: {diisi} -telpon: {diisi} -toko:{diisi}
Field email dikosongkan
Berhasil
-email: {kosong} -alamat: {diisi} -telpon: {diisi} -toko:{diisi}
100
Test Case Description Field alamat dikosongkan
Test Case
Expected Result
Actual Result
-nama petugas: {diisi}
Sistem akan
Sistem akan
menolak akses
menolak akses
-jenis kelamin: {diisi}
simpan dan
simpan dan
mengeluarkan
mengeluarkan
-tanggal lahir: {diisi}
pesan Field
pesan Field
harus diisi
harus diisi
-nama petugas: {diisi}
Sistem akan
Sistem akan
menolak akses
menolak akses
-jenis kelamin: {diisi}
simpan dan
simpan dan
mengeluarkan
mengeluarkan
-tanggal lahir: {diisi}
pesan Field
pesan Field
harus diisi
harus diisi
Status Berhasil
-email: {diisi} -alamat: {kosong} -telpon: {diisi} -toko:{diisi} Field telpon dikosongkan
Berhasil
-email: {diisi} -alamat: {diisi} -telpon: {kosong} -toko:{diisi}
101
Test Case Description Field email diisi dengan abjad dan angka
Test Case
Expected Result
Actual Result
-nama petugas: {diisi}
Sistem akan
Sistem akan
menolak akses
menolak akses
-jenis kelamin: {diisi}
simpan dan
simpan dan
mengeluarkan
mengeluarkan
-tanggal lahir: {diisi}
pesan field
pesan field
harus alamat
harus alamat
-email: {abc123}
email
email
-nama petugas: {diisi}
Sistem akan
Sistem akan
menolak akses
menolak akses
-jenis kelamin: {diisi}
simpan dan
simpan dan
mengeluarkan
mengeluarkan
-tanggal lahir: {diisi}
pesan field
pesan field
angka
angka maksimal
-email: {diisi}
maksimal 12
12 digit
Status Berhasil
-alamat: {diisi} -telpon: {diisi} -toko:{diisi} Field nomor telpon diisi lebih dari 12 digit angka
-alamat: {diisi}
Berhasil
digit
-telpon: {0812898989898} -toko:{diisi}
102
Test Case Description
Test Case
Expected Result
Actual Result
Field
-nama petugas:
Sistem akan
Sistem akan
username
{diisi}
menolak akses
menolak akses
simpan dan
simpan dan
mengeluarkan
mengeluarkan
pesan Field
pesan Field
harus diisi
harus diisi
dikosongkan
-jenis kelamin: {diisi} -tanggal lahir:
Status Berhasil
{diisi} -email: {diisi} -alamat: {diisi} -telpon: {diisi} -toko: {diisi} -level: {diisi} -usename: {kosong} -password: {diisi} -konfirmasi password: {diisi}
103
Test Case Description Field umur diisi tanggal sekarang
Test Case
Expected Result
Actual Result
-nama petugas: {diisi}
Sistem akan
Sistem akan
menolak akses
menolak akses
-jenis kelamin: {diisi}
simpan dan
simpan dan
mengeluarkan
mengeluarkan
-tanggal lahir: {01/03/2015}
pesan
pesan
“maksimal
“maksimal umur
-email: {diisi}
umur 17
17 tahun”
-alamat: {diisi}
Status Berhasil
tahun”
-telpon: {diisi} -toko:{diisi} Field password dikosongkan
-nama petugas: {diisi}
Sistem akan
Sistem akan
menolak akses
menolak akses
-jenis kelamin: {diisi}
simpan dan
simpan dan
mengeluarkan
mengeluarkan
-tanggal lahir: {diisi}
pesan Field
pesan Field
harus diisi
harus diisi
-email: {diisi}
Berhasil
-alamat: {diisi} -telpon: {diisi} -toko:{diisi} -level: {diisi} -usename: {diisi} -password: {kosong} -konfirmasi password: {diisi}
104
Test Case Description Field Konfirmasi Password dikosongkan
Test Case
Expected Result
Actual Result
-nama petugas: {diisi}
Sistem akan
Sistem akan
menolak akses
menolak akses
-jenis kelamin: {diisi}
simpan dan
simpan dan
mengeluarkan
mengeluarkan
-tanggal lahir: {diisi}
pesan Field
pesan Field
harus diisi
harus diisi
-nama petugas: {diisi}
Sistem akan
Sistem akan
menolak akses
menolak akses
-jenis kelamin: {diisi}
simpan dan
simpan dan
mengeluarkan
mengeluarkan
-tanggal lahir: {diisi}
pesan
pesan
“password
“password tidak
-email: {diisi}
tidak sama”
sama “
Status Berhasil
-email: {diisi} -alamat: {diisi} -telpon: {diisi} -toko:{diisi} -level: {diisi} -usename: {diisi} -password: {diisi} -konfirmasi password: {kosong} Field Konfirmasi Password tidak sama dengan password
Berhasil
-alamat: {diisi}
105
Test Case Description
Test Case
Expected Result
Actual Result
Status
-telpon: {diisi} -toko:{diisi} -level: {diisi} -usename: {diisi} -password: {123} -konfirmasi password: {abc}
4.2.3 Memasukkan Data Barang Berikut adalah pengujian pada form penginputan data Barang. Pengujian ini dilakukan untuk mengetahui proses validasi yang terjadi ketika melakukan proses input data Barang. Tabel 4-4 Pengujian Memasukkan Data Barang
Test Case Description
Test Case
Expected Result
Actual Result
Mengisi data -nama kategori:
Sistem akan
Sistem akan
dengan
menyimpan ke
menyimpan ke
database dan
database dan
membawa ke
membawa ke
halaman data
halaman data
barang
barang
benar
{diisi} -nama barang: {diisi} -gambar: {diisi}
Status Berhasil
-harga: {diisi} -berat: {diisi}
106
Test Case Description
Test Case
Expected Result
Actual Result
Field nama
-nama kategori:
Sistem akan
Sistem akan
kategori
{kosong}
menolak akses
menolak akses
simpan dan
simpan dan
mengeluarkan
mengeluarkan
pesan Field
pesan field
harus diisi
harus diisi
dikosongkan
-nama barang: {diisi} -gambar: {diisi}
Status Berhasil
-harga: {diisi} -berat: {diisi} Field nama
-nama kategori:
Sistem akan
Sistem akan
barang
{diisi}
menolak akses
menolak akses
simpan dan
simpan dan
mengeluarkan
mengeluarkan
pesan Field
pesan Field
harus diisi
harus diisi
dikosongkan
-nama barang: {kosong} -gambar: {diisi}
Berhasil
-harga: {diisi} -berat: {diisi} Field harga
-nama kategori:
Sistem akan
Sistem akan
dikosongkan
{diisi}
menolak akses
menolak akses
simpan dan
simpan dan
mengeluarkan
mengeluarkan
pesan Field
pesan Field
harus diisi
harus diisi
-nama barang: {diisi} -gambar: {diisi}
Berhasil
-harga: {kosong} -berat: {diisi}
107
Test Case Description
Test Case
Expected Result
Actual Result
Field berat
-nama kategori:
Sistem akan
Sistem akan
dikosongkan
{diisi}
menolak akses
menolak akses
simpan dan
simpan dan
mengeluarkan
mengeluarkan
pesan Field
pesan Field
harus diisi
harus diisi
-nama barang: {diisi} -gambar: {diisi}
Status Berhasil
-harga: {diisi} -berat: {kosong}
4.2.4 Memasukkan Data Supplier Berikut adalah pengujian pada form penginputan data supplier. Pengujian ini dilakukan untuk mengetahui proses validasi yang terjadi ketika melakukan proses input data supplier. Tabel 4-5 Pengujian Memasukkan Data Supplier
Test Case Description
Test Case
Expected Result
Actual Result
Mengisi data -nama supplier: {diisi} dengan
Sistem akan
Sistem akan
menyimpan ke
menyimpan ke
benar
database dan
database dan
membawa ke
membawa ke
halaman data
halaman data
barang
barang
-alamat: {diisi} -telpon: {diisi}
Status Berhasil
108
Test Case Description
Test Case -telpon: {diisi}
Expected Result pesan
Actual Result
Field pesan
harus diisi
harus diisi
Field
Field alamat
-nama supplier:
Sistem akan
Sistem akan
dikosongkan
{diisi}
menolak akses
menolak akses
simpan dan
simpan dan
mengeluarkan
mengeluarkan
pesan Field
pesan field
-telpon: {diisi}
harus diisi
harus diisi
Field telpon
-nama supplier:
Sistem akan
Sistem akan
dikosongkan
{diisi}
menolak akses
menolak akses
simpan dan
simpan dan
mengeluarkan
mengeluarkan
pesan Field
pesan field
harus diisi
harus diisi
-alamat: {kosong}
-alamat: {diisi} -telpon: {kosong}
Field nomor
-nama supplier:
Sistem akan
Sistem akan
telpon diisi
{diisi}
menolak akses
menolak akses
simpan dan
simpan dan
mengeluarkan
mengeluarkan
-telpon:
pesan field
pesan field
{0812898989891}
angka
angka maksimal
maksimal 12
12 digit
lebih dari 12 digit angka
-alamat: {diisi}
Status
Berhasil
Berhasil
Berhasil
digit
4.2.5 Memasukkan Data Transaksi Penerimaan Barang Berikut adalah pengujian pada form penginputan data penerimaan barang. Pengujian ini dilakukan untuk mengetahui proses validasi yang terjadi ketika melakukan proses input data penerimaan barang.
109
Tabel 4-6 Pengujian Memasukkan Data Transaksi Penerimaan Barang
Test Case Description
Test Case
Expected Result
Actual Result
Mengisi data -supplier: {diisi}
Sistem akan
Sistem akan
dengan
menyimpan ke
menyimpan ke
database dan
database dan
membuat
membuat daftar
daftar
penerimaan
penerimaan
barang
benar
-nama barang: {diisi} -harga: {diisi} -jumlah: {diisi}
Field
nama -supplier: {diisi}
Sistem akan
menolak akses
menolak akses
simpan dan
simpan dan
mengeluarkan
mengeluarkan
pesan Field
pesan Field
harus diisi
harus diisi
Field harga -supplier: {diisi}
Sistem akan
Sistem akan
dikosongkan
menolak akses
menolak akses
simpan dan
simpan dan
mengeluarkan
mengeluarkan
pesan Field
pesan Field
harus diisi
harus diisi
Field jumlah -supplier: {diisi}
Sistem akan
Sistem akan
dikosongkan
menolak akses
menolak akses
simpan dan
simpan dan
mengeluarkan
mengeluarkan
pesan Field
pesan Field
harus diisi
harus diisi
dikosongkan
-nama barang: {kosong} -harga: {diisi} -jumlah: {diisi}
-nama barang: {diisi} -harga: {kosong} -jumlah: {diisi}
-nama barang: {diisi} -harga: {diisi} -jumlah: {kosong}
Berhasil
barang Sistem akan
barang
Status
Berhasil
Berhasil
Berhasil
110
4.2.6 Memasukkan Data Transaksi Pengiriman Barang Berikut adalah pengujian pada form penginputan data pengiriman barang. Pengujian ini dilakukan untuk mengetahui proses validasi yang terjadi ketika melakukan proses input data pengiriman barang. Tabel 4-7 Pengujian Memasukkan Data Transaksi Pengiriman Barang
Test Case Description
Test Case
Expected Result
Actual Result
Mengisi data -toko: {diisi}
Sistem akan
Sistem akan
dengan
menyimpan ke
menyimpan ke
database dan
database dan
membuat daftar
membuat daftar
pengiriman
pengiriman
barang
barang
Sistem akan
Sistem akan
menolak akses
menolak akses
simpan dan
simpan dan
mengeluarkan
mengeluarkan
pesan Field harus
pesan Field
diisi
harus diisi
-nama barang: {diisi}
benar
-jumlah: {diisi}
Field
toko -toko: {kosong}
dikosongkan
-nama barang: {diisi} -jumlah: {diisi}
Status Berhasil
Berhasil
111
Test Case Description Field
Test Case
nama -toko: {diisi}
Expected Result
Actual Result
Sistem akan
Sistem akan
menolak akses
menolak akses
simpan dan
simpan dan
mengeluarkan
mengeluarkan
pesan Field harus
pesan Field
diisi
harus diisi
Field jumlah -toko: {diisi}
Sistem akan
Sistem akan
dikosngkan
menolak akses
menolak akses
simpan dan
simpan dan
mengeluarkan
mengeluarkan
-jumlah:
pesan Field harus
pesan Field
{kosong}
diisi
harus diisi
barang dikosongkan
-nama barang: {kosong} -jumlah: {diisi}
-nama barang: {diisi}
Status Berhasil
Berhasil
4.2.7 Memasukkan Data Transaksi Penjualan Barang Berikut adalah pengujian pada form penginputan data penjualan barang. Pengujian ini dilakukan untuk mengetahui proses validasi yang terjadi ketika melakukan proses input data penjualan barang. Tabel 4-8 Pengujian Memasukkan Data Transaksi Penjualan Barang
Test Case Description
Test Case
Expected Result
Actual Result
Mengisi data -petugas layanan:
Sistem akan
Sistem akan
dengan
menyimpan ke
menyimpan ke
database dan
database dan
membuat
membuat daftar
daftar
penjualan
penjualan
barang
benar
{diisi} -kode barang: {diisi} -jumlah: {diisi}
Status Berhasil
barang
112
Test Case Description
Test Case
Expected Result
Actual Result
Field
-petugas layanan:
Sistem akan
Sistem akan
petugas
{kosong}
menolak akses
menolak akses
simpan dan
simpan dan
mengeluarkan
mengeluarkan
pesan Field
pesan Field
harus diisi
harus diisi
Sistem akan
Sistem akan
menolak akses
menolak akses
simpan dan
simpan dan
mengeluarkan
mengeluarkan
pesan Field
pesan Field
harus diisi
harus diisi
Field jumlah -petugas layanan:
Sistem akan
Sistem akan
dikosongkan
menolak akses
menolak akses
simpan dan
simpan dan
mengeluarkan
mengeluarkan
pesan Field
pesan Field
harus diisi
harus diisi
layanan dikosongkan
-kode barang: {diisi} -jumlah: {diisi}
Field
kode -petugas layanan:
barang dikosongkan
{diisi} -kode barang: {kosong} -jumlah: {diisi}
{diisi} -kode barang: {diisi} -jumlah: {kosong}
Status Berhasil
Berhasil
Berhasil
4.2.8 Memasukkan Data Transaksi Pembelian Barang Berikut adalah pengujian pada form penginputan data pembelian barang. Pengujian ini dilakukan untuk mengetahui proses validasi yang terjadi ketika melakukan proses input data pembelian barang.
113
Tabel 4-9 Pengujian Memasukkan Data Transaksi Pembelian Barang
Test Case Description
Test Case
Expected Result
Actual Result
Mengisi data no nota: {diisi}
Sistem akan
Sistem akan
dengan
mencari no
mencari no nota
benar
nota di dalam
di dalam
database dan
database dan
membuat
membuat daftar
daftar
pembelian
pembelian
barang
Status Berhasil
barang Field
Sistem akan
Sistem akan
nota
menolak akses
menolak akses
dikosongkan
cari dan
cari dan
mengeluarkan
mengeluarkan
pesan Field
pesan Field
harus diisi
harus diisi
4.2.9
no no nota: {kosong}
Berhasil
Laporan
Berikut adalah pengujian pada proses mencetak laporan. Tabel 4-10 Pengujian Laporan
Test Case
Test Case
Expected Result
Actual Result
Status
Description Memilih toko,
-Toko: {diisi} dari
tanggal dan sampai tanggal
-Dari Tanggal: {diisi} -Sampai Tanggal:
Menampilkan
Menampilkan
laporan
laporan
berdasarkan
berdasarkan
toko dan
toko dan
tanggal
tanggal
Berhasil
{diisi}
114
Test Case
Test Case
Expected Result
Actual Result
Status
Description Mengosongkan
-Toko:
Sistem akan
Sistem akan
toko
{kosong}
mengeluarkan
mengeluarkan
pesan Field
pesan Field
harus diisi
harus diisi
Tidak dapat
Tidak dapat
menampilkan
menampilkan
laporan
laporan
Tidak dapat
Tidak dapat
menampilkan
menampilkan
laporan
laporan
Laporan
Laporan
dimaksud ter-
dimaksud ter-
download
download
-Dari Tanggal: {diisi}
Berhasil
-Sampai Tanggal: {diisi} Mengosongkan dari tanggal
-Toko: {diisi} -Dari Tanggal: {kosong}
Berhasil
-Sampai Tanggal: {diisi} Mengosongkan sampai tanggal
-Toko: {diisi} -Dari Tanggal: {diisi}
Berhasil
-Sampai Tanggal: {kosong} Mencetak laporan
Klik cetak
Berhasil
115
BAB 5 PENUTUP 5.1 Kesimpulan Setelah melakukan kegiatan analisis kebutuhan, desain, perancangan kode program dan pengujian terhadap Aplikasi Pengelolaan Data Barang Dagangan Perak Berbasis Web (Studi Kasus: Modern Silver Cirebon), penulis mengambil kesimpulan diantaranya adalah sebagai berikut. a. Aplikasi berbasis web ini dapat mempermudah proses pengelolaan stok barang yang ada di kantor pusat maupun toko cabang Modern Silver. b. Aplikasi berbasis web ini dapat mempermudah proses pencatatan transaksi penjualan dan pembelian barang perhiasan perak di Modern Silver. c. Aplikasi berbasis web ini dapat mempermudah proses pelaporan toko cabang ke kantor pusat Modern Silver dan dengan adanya sistem ini kegiatan toko Modern Silver akan lebih cepat terselesaikan dibandingkan saat masih menggunakan pencatatan manual.
5.2 Saran Berdasarkan hasil pembangunan proyek akhir ini, penulis menyampaikan beberapa saran untuk pengembangan selanjutnya yaitu: a. Dibuat aplikasi untuk menangani retur stok barang yang berasal dari toko cabang ke pusat untuk pengembalian barang yang rusak. b. Dibuat aplikasi untuk menangani laporan pemasukan dan pengeluaran kas.
116
DAFTAR PUSTAKA [1]
Roger S.Pressman,Ph.D. Rekayasa Perangkat Lunak Pendekatan Praktisi Edisi 7 (Buku I).Yogyakarta:Andi, 2012.
[2]
Kamus Besar Bahasa Indonesi (KBBI). (2015, juni) KBBI. [online]. http://kbbi.web.id
[3]
Rosa.a.s M.Salahudin. Modul Pembelajaran Rekayasa Perangkat Lunak. Bandung:Modula, 2011.
[4]
G.Booch, J. Rumbaugh and I.Jacobson. The Unified Modelling Language User Guide Second Edition. USA: Addison Wesley Professional, 2005.
[5]
Gartina H.,Husein. Analisis dan Perancangan Sistem Informasi.Use Case Diagram, pp.4-6, 2013.
[6]
M.Shalahuddin Rosa A.S, Pemograman Berorientasi Objek dengan Bahasa Pemograman C++, PHP dan Java.Bandung;Modula, 2010.
[7]
Ramadhan.S.Kom. Pemograman Web Dengan HTML, CSS dan Javascript. Jakarta: P Elex Media Komputindo, 2007.
[8]
Nurhasyim. HTML(Hyper Text Markup Language) dan CSS(Cascading Style Sheet). Jakarta:ArtiVisi Intermedia,2003.
[9]
Sidik Betha.JavaScript.Bandung:Informatika Bandung,2011.
[10]
Andi.Pemograman HTML. Semarang:Wahana Komputer, 2003.
[11]
L.Welling, PHP and MySQL Development, 2nd ed:Sam Publishing,2003.
[12]
Kadir Abdul. Dasar Aplikasi Database MySQL Delphi.Yogyakarta: Andi Offset,2003.
[13]
Komputer Wahana. Panduan Belajar MySQL Database Server. Jakarta Selatan :Mediakita,2010.
117
[14]
MADCOMS, Menguasai XHTML,CSS, PHP dan MySQL melalui Dreamweaver. Yogyakarta: Andi, 2009.
118
LAMPIRAN
Lampiran 1 Dokumen Wawancara 1
119
Lampiran 2 Dokumen Wawancara 2
120
Lampiran 3 Kelas Diagram
121
