Aplikasi Penjualan Berbasis Web pada Adiwarna Photo Studio Digital & Lab

Suryasari Jurusan Sistem Informasi, Fakultas Ilmu Komputer Universitas Pelita Harapan UPH Tower, Lippo Karawaci, Tangerang Banten 15811 suryasari@staff.uph.edu

Ririn Ikana Desant Jurusan Sistem Informasi, Fakultas Ilmu Komputer Universitas Pelita Harapan UPH Tower, Lippo Karawaci, Tangerang Banten 15811 ririn.desanti@staff.uph.edu

Abstract Penelitian ini dilakukan untuk memberikan solusi bagi Adiwarna Photo Studio Digital & Lab terhadap permasalahan yang saat ini sering terjadi dalam proses pencatatan informasi penjualan baik barang maupun jasa dan juga proses inventori. Melalui penelitian ini akan dirancang sebuah aplikasi penjualan berbasis web yang memiliki tur-tur yang dapat mempermudah karyawan melakukan tugas dan perannya masing-masing. Pengembangan aplikasi dilakukan dengan menggunakan metode phased development dan menggunakan bahasa pemodelan UML (Unied Modeling Language) dengan menghasilkan diagramdiagram berupa use case diagram dan class diagram. Rancangan aplikasi yang dihasilkan memiliki fungsifungsi untuk melakukan proses pengolahan data, proses transaksi, dan menghasilkan laporan-laporan. Keywords-component; pengembangan sistem; aplikasi penjualan

1
1.1

Pendahuluan
Latar Belakang Masalah

Seiring dengan perkembangan jaman, informasi menjadi semakin memegang peranan penting dan perlu diperhatikan dalam setiap bidang usaha. Adiwarna Photo Studio Digital & Lab merupakan salah satu studio photo yang melayani masyarakat dalam bidang jasa. Jasa yang diberikan berupa layanan photo dan layanan cuci cetak photo. Selain itu Adiwarna Photo Studio Digital & Lab juga melengkapi usahanya dengan menjual perlengkapan photography seperti kamera digital, kamera analog, lm untuk kamera analog, memory kamera digital, baterai kamera analog, serta beranekaragam jenis bingkai dan album photo dengan berbagai ukuran. Sampai saat ini kegiatan operasional pada Adiwarna Photo Studio Digital & Lab masih dilakukan secara manual seperti pencatatan informasi penjualan dan inventori dengan menggunakan bon, nota, buku pencatatan dan kertas laporan yang semua ditulis tangan. Untuk mendapatkan data yang dibutuhkan harus mencari satu per satu nota yang telah disimpan sesuai dengan urutan tanggal transaksi yang telah terjadi. Demikian juga dengan pemeriksaan transaksi penjualan yang terjadi setiap harinya, harus mengumpulkan seluruh nota pen-

jualan dan melakukan pemeriksaan per transaksi, sehingga untuk mengetahui stok barang yang ada sangatlah sulit. Cara kerja seperti ini tidak mendukung perkembangan perusahaan ke arah yang lebih maju, serta menghabiskan banyak waktu dan tenaga.

1.2

Tujuan Penelitian

Menganalisa masalah dan kekurangan dalam proses pencatatan informasi penjualan dan inventori di Adiwarna Photo Studio Digital & Lab. Merancang aplikasi berbasis web yang dapat digunakan oleh pihak Adiwarna Photo Studio Digital & Lab untuk mengolah data dan memantau transaksi yang terjadi setiap harinya.

Landasan Teori

2.1 Phased Development

Phased development merupakan metodologi yang memecah sistem secara keseluruhan menjadi beberapa versi sistem yang akan dikembangkan secara bertahap melalui serangkaian urutan [1] . Phased Development terdiri dari empat tahap yaitu ta-

hap perencanaan, tahap analisis, tahap perancangan dan tahap implementasi.

Gambar 1: Phased Development

Gambar 3: Activity Diagram Penjualan dan Stok barang Toko

4
4.1

Hasil Perancangan Sistem

User Requirements

1. Database

Analisa Sistem Saat Ini

(a) database dapat menyimpan data karyawan, data transaksi dan stok barang pada gudang dan setiap toko (b) data karyawan terdiri dari id karyawan, nama karyawan, jenis kelamin, alamat dan no telepon (c) data transaksi berupa faktur penjualan, faktur permintaan, faktur pemesanan, barang yang ditransaksikan, jumlah, harga, sub total dan id toko yang melakukan permintaan (d) memuat stok barang pada gudang dan setiap toko serta produk yang terdiri dari id produk, deskripsi dan harga satuan 2. Login (a) login dari aplikasi menggunakan username dan password untuk menjaga keamanan aplikasi dari pihak-pihak yang tidak berwenang (b) login dari aplikasi dapat mendeteksi secara otomatis status dari pengguna aplikasi (c) penjualan (d) aplikasi dapat mencatat data penjualan yang telah dilakukan pada masingmasing toko

Proses bisnis saat ini yang terdapat di Adiwarna Photo Studio Digital & Lab akan digambarkan ke dalam bentuk activity diagram. Activity diagram menggambarkan berbagai alir aktivitas dalam sistem yang sedang dirancang, dari awal hingga akhir alir tersebut. Beberapa aktivitas utama yang terdapat di Adiwarna Photo Studio Digital & Lab saat ini dapat dilihat di activity diagram yang terdapat di Gambar 2 dan Gambar 3.

Gambar 2: Activity Diagram Permintaan Barang ke Pusat

(e) data penjualan terdiri dari nomor faktur penjualan, tanggal terjadinya penjualan,

id karyawan yang melayani, id toko tempat terjadinya penjualan serta daftar penjualan (f) daftar penjualan mencatat data penjualan per transaksi seperti id produk, deskripsi, jadual jika yang dipilih berupa produk jasa, jumlah produk yang dijual, harga satuan produk dan sub total penjualan 3. Stok barang (a) menyediakan laporan penjualan dan stok barang per periode seperti: harian, mingguan dan bulanan dari masing-masing toko (b) laporan hanya dapat dilihat dan dicetak oleh pemilik (c) laporan berisikan rincian dari penjualan dan stok barang yang telah dilakukan selama periode tertentu (d) laporan penjualan mencantumkan rincian dari setiap transaksi penjualan berupa nomor faktur penjualan, tanggal terjadinya transaksi, id karyawan yang melayani, id toko tempat terjadinya transaksi, data mengenai produk yang dijual (e) laporan stok barang mencantumkan rincian berupa jumlah produk yang ada di gudang dan masing-masing toko Gambar 6: Halaman Muka (homepage) 2. Halaman Data Karyawan

Gambar 5: Class Diagram dari Sistem Rancangan

4.4

Perancangan Antar Muka

1. Halaman Muka (homepage)

4.2

Use Case Diagram

Use case diagram menggambarkan fungsionalitas yang diharapkan dari sebuah sistem. Sebuah use case merepresentasikan sebuah interaksi antara aktor dan sistem.

Gambar 7: Halaman Data Karyawan 3. Halaman Produk

Gambar 4: Use Case Diagram dari Sistem Rancangan

4.3

Class Diagram

Gambar 8: Halaman Produk 4. Halaman Transaksi Penjualan

Class diagram dari sistem rancangan adalah sebagai berikut:

9. Halaman Jadwal Layanan Jasa

Gambar 9: Halaman Transaksi Penjualan Gambar 14: Halaman Jadwal Layanan Jasa 5. Halaman Pembayaran

Kesimpulan

Dengan bantuan aplikasi ini, karyawan Adiwarna Photo Studio Digital & Lab dapat : memasukkan data transaksi penjualan dan pembayaran Gambar 10: Halaman Pembayaran 6. Halaman Laporan Penjualan melihat jumlah stok barang yang tersedia melihat dan mencetak laporan penjualan melihat jadual layanan jasa

Pustaka
[1] B. H. Wixom A. Dennis and D. Tegarden. System Analysis and Design with UML 2nd edition. United States, 2005. Gambar 11: Halaman Penjualan 7. Halaman Laporan Penjualan per Periode [2] R. McLeod and G. Schell. Management Information System, 8th edition. USA, 2001. [3] T. Pender. UML Bible. Willey, Indiana, 2003.

Gambar 12: Halaman Penjualan per Periode 8. Halaman Laporan Penjualan per Barang

Gambar 13: Halaman Penjualan per Barang