PEMBUATAN APLIKASI SALON VENUS DENGAN MENGGUNAKAN VISUAL STUDIO & MYSQL Ayida Firzanah Fakultas Ilmu Komputer dan Teknologi Informasi, Universitas Gunadarma
[email protected] [email protected]
Setia Wirawan Fakultas Ilmu Komputer Teknologi Informasi, Universitas Gunadarma
[email protected]
ABSTRAKSI Salon Venus dalam pencatatan transaksi masih dilakukan secara manual, ada beberapa kendala yang timbul akibat dari sistem pencatatan tersebut diantaranya ketidak akuratan dalam pencatatan transaksi, perhitungan stock barang dan perhitungan gaji karyawan. Sebuah Aplikasi Komputer dapat digunakan untuk memudahkan dalam proses pencatatan transaksi, perhitungan stok barang, dan perhitungan penggajian. Aplikasi ini dibuat dengan menggunakan Visual Studio 2008 dan MySQL sebagai database dan UML sebagai alat yang digunkan pada tahap perancangan. Kata Kunci : Perancangan Aplikasi, Salon Venus, Microsoft Visual Studio, MySQL, UML. 1. PENDAHULUAN Dengan berkembangnya usaha perawatan kecantikan banyak jenis-jenis perawatan yang di tawarkan kepada pelanggan , bukan hanya perawatan rambut saja tetapi sudah merambah ke perawatan wajah dan tubuh, serta perawatan yang lebih ke spesifik lagi seperti Spa dan lain-lain. Pada Salon Venus, pencatatan transaksi masih dilakukan secara manual, baik transaksi perawatan, penambahan barang, maupun perhitungan gaji. Pada saat perhitungan gaji di akhir bulan perawatan yang telah di kerjakan dalam 1 minggu terakhir tidak ikut terhitung sehingga akan digabungkan pada bulan berikutnya. Begitupun pada saat awal bulan Salon Venus selalu melakukan opname barang di mana pemilik harus membandingkan stok yang ada pada bulan sebelumnya untuk mengetahui berapa banyak pemakaian suatu produk dan berapa banyak perawatan yang ada untuk menghabiskan jumlah tersebut. Hal ini akan memakan waktu yang cukup lama dikarenakan masih menggunakan sistem perhitungan manual. Oleh karena itu dibuatlah suatu aplikasi pembayaran untuk Salon Venus yang diharapkan dapat membantu memudahkan pencatatan transaksi yang terjadi di Salon Venus, membantu perhitungan gaji dan komisi untuk karyawan di Salon Venus, membantu untuk mengatur dan mengetahui jumlah penggunaan produk perawatan yang terpakai, dengan menggunakan Microsoft Visual Studio 2008 dan MySQL.
2. TINJAUAN PUSTAKA Tinjauan Pustaka membahas mengenai teori – teori pendukung dalam aplikasi Salon Venus: 2.1 Visual Studio 2008 Visual Studio 2008 merupakan aplikasi IDE (Integrated Development Environment) yang digunakan untuk mengembangkan software. Di dalam aplikasi IDE inilah tersedia berbagai fitur yang memudahkan pemrograman, seperti kompilasi, debugging, pengaturan projek, mengedit antar muka secara visual, dan lain-lain. 2.2 MySQL
SQL(Structured Query Language) adalah bahasa query yang standard yang digunakan sebagai suatu bahasa sederhana dan dasar, yang memungkinkan Anda untuk berkomunikasi dengan database, membaca, menulis, dan memperoleh informasi yang berguna dari database. MySQL merupakan Database Management System SQL open source yang paling populer, yang dikembangkan, didistribusikan, dan didukung oleh MySQL AB. MySQL AB adalah sebuah perusahaan komersial, yang didirikan oleh para pengembang MySQL. MySQL AB adalah perusahaan open source generasi kedua yang menyatukan nilai-nilai dan metodologi open source dengan suatu model bisnis yang sukses. 2.3 UML UML adalah sebuah bahasa standard untuk pengembangan sebuah software yang dapat menyampaikan bagaimana membuat dan membentuk model-model, tetapi tidak menyampaikan apa dan kapan model yang seharusnya dibuat yang merupakan salah satu proses implementasi pengembangan software. UML tidak hanya merupakan sebuah bahasa pemograman visual saja, namun juga dapat secara langsung dihubungkan ke berbagai bahasa pemograman, seperti JAVA, C++, Visual Basic, atau bahkan dihubungkan secara langsung ke dalam sebuah object-oriented database. 3. METODE PENELITIAN Penelitian yang dilakukan dalam pembuatan sistem ini yaitu wawancara langsung dengan pemilik Salon Venus untuk mendapatkan data-data yang diperlukan. Setelah mendapatkan data-data yang diperlukan, sistem yang akan dibuat kemudian dirancang dengan menggunakan aplikasi UML yang disesuaikan untuk pembuatan sistem yang berbasis objek. Setelah melalui tahap perancangan dengan konsep Object Oriented, selanjutnya dibuat tampilan antarmuka sistem dengan menggunakan bahasa yang popular dalam dunia komputer yang dapat mendukung beberapa bahasa pemrograman seperti C/C++, C# dan VB.NET. Selanjutnya dari data-data yang diperoleh pada saat wawancara dan dokumentasi, dibuatkan database yang mendukung .NET, dan cukup kuat dan stabil apabila digunakan sebagai media penyimpanan data.
4
GAMBARAN UMUM SISTEM DENGAN UML Dalam pengembangan sistem ini metodologi pengembangan yang digunakan adalah dengan menggunakan konsep UML yang disesuaikan untuk pengembangan sistem yang berbasis objek. Alasan digunakannya metode ini dikarenakan sifat dari perangkat lunak yang dikembangkan. 4.1 Alur Program
Gambar 1 Alur Program Pada gambar 1 dijelaskan, seorang admin dapat mengakses, mengubah, menambahkan atau menghapus data-data yang ada pada setiap menu yang ada dalam menu admin tersebut. Seorang admin yang mengakses suatu menu, pada saat keluar dari sub menu, maka dia akan kembali lagi ke dalam menu utama dari admin. Tetapi untuk user, seorang user hanya dapat mengakses, mengubah, atau menambahkan data-data yang ada pada setiap menu yang ada dalam menu user berdasarkan hak akses yang telah diberikan oleh admin. 4.2 Use Case Diagram Secara garis besar, pada sistem aplikasi ini dapat diakses menggunakan hak akses tertentu dan membedakan hak akses pada masing-masing user. Pada sistem aplikasi ini terdapat 3 aktor yang terlibat didalamnya yaitu : Pelanggan, Kasir Dan Pemilik. Berikut adalah penjelasan dari masing – masing actor • Ketika Pelanggan datang dia akan memberikan id pelanggannnya kepada kasir dan melihat daftar perawatan yang diberikan kasir sementara kasir melihat data pelanggan tersebut. Setelah itu pelanggan diberikan daftar karyawan, dan kemudian melakukan perawatan yang diinginkannya. Baru setelah itu pelanggan kembali ke kasir untuk melakukan pembayaran perawatannya dan menerima struk transaksi. • Setelah pelanggan memberikan id pelanggannya maka kasir akan mengecek data pelanggan tersebut, kemudian pelanggan akan memilih daftar perawatan, daftar stylish baru kemudian melakukan perawatan. Setelah selesai pelanggan akan kembali ke kasir dan kasir memasukan transaksi pelanggan tersebut kedalam komputer kemudian mencetaknya sebagai struk transaksi untuk diberikan kepada pelanggan. Ketika komputer menyimpan data tersebut maka data tersebut dapat digunakan sebagai laporan yang akan diberikan kepada pemilik. Kasir juga dapat menambahkan barang tetapi tidak dapat mengubah ataupun menghapus data yang telah ada. • Untuk Pemilik, bertugas untuk memanage data karyawan, daftar perawatan, dan stok barang. Dan juga mengecek laporan-laporan yang ada dalam sistem untuk mengetahui perkembangan salon tersebut.
Gambar 2 Use Case Diagram 4.3 Activity Diagram Activity diagram menggambarkan alur aktivitas dalam sistem yang sedang dirancang, bagaimana masing-masing alur berawal, decision ( keputusan ) yang mungkin terjadi, dan bagaimana mereka berakhir. Activity diagram juga dapat menggambarkan proses paralel yang mungkin terjadi pada beberapa eksekusi.
Gambar 3 Activity Diagram Pelanggan
Gambar 4 Activity Diagram Data Daftar Perawatan
Pada gambar 3 diagram diatas menunjukan alur aktivitas pada saat memasukan id pelanggan ketika id pelanggan yang dimasukan benar maka sistem akan meminta kasir memasukan langkah selanjutnya sampai dengan selesai, tetapi bila salah maka sistem akan menanyakan kepada kasir apakah ingin menambah data baru bila ya maka masuk ke tambah data pelanggan dan masukan data-data yang dibutuhkan sampai dengan proses selesai. Setelah itu sistem akan kembali ke menu awal.
Pada gambar 4 diagram diatas menunjukan alur aktivitas pada saat memasukan kode perawatan ketika kode perawatan yang dimasukan benar maka akan masuk ke proses ubah data perawatan kemudian simpan dan selesai. Tetapi bila kode barang tidak ada maka akan diminta untuk tambah data baru kemudian selesai. 4.4 Sequence Diagram Sequence Diagram menjelaskan tentang instruksi objek yang disusun dalam suatu urutan waktu. Sequence Diagram menggambarkan interaksi antar objek didalam dan disekitar sistem (termasuk pengguna,display, dan sebagainya) berupa message yang digambarkan terhadap waktu. Sequence diagram terdiri antar dimensi vertical (waktu) dan dimensi horizontal (objek-objek yang terkait).
Gambar 3.8 Sequence Diagram – Kasir Transaksi Gambar diatas menunjukan sequence diagram pada kasir yaitu transaksi, pada diagram ini penulis menggunakan form transaksi, data pelanggan, Daftar Perawatan, karyawan, diskon, cetak transaksi, dan tabel transaksi sebagai event (kejadian) yang paling sering digunakan pada aplikasi. Diawal sequence diagram kasir ini yaitu memasukan data pelanggan yang dibutuhkan, dilanjutkan memasukan jenis perawatannya lalu data karyawan, diskon setelah itu baru transaksi menghitung jumlah pembayarannya baru kemudian dapat dicetak. Dan sistem akan kembali ke tampilan awal transaksi lagi. 3.2.6 Collaboration Diagram Collaboration diagram adalah diagram yang sejenis dengan diagram instruksi, yang lebih menekankan pada link data diantara bermacam-macam partisipan pada instruksi tersebut.
Gambar 3.12 Collaboration Laporan Komisi Collaboration diagram diatas menunjukan peran masing-masing form, dan interaksi mereka. Penulis mencoba menggambarkan fungsi-fungsi dari form yang ada pada collaboration diagram yang akan menghasilkan suatu laporan komisi yaitu ketika kasir memasukkan id pelanggan kemudian akan diminta memasukan kode perawatan dimana ketika memasukan kode perawatan maka harga dari perawatan tersebutpun ikut tersimpan, data tersebut telah mendapatkan kode transaksi dan menghitungnya bila terdapat diskon pada suatu perawatan kemudian dijumlahkan total harga setelah di hitung diskon, baru kemudian masukan id karyawan dan langsung menghitung komisi yang telah disepakati baru disimpan dan jadilah suatu laporan komisi karyawan. 3.3.1.1 Perancangan Struktur Aplikasi Berikut ini Struktur Program secara garis besar yang dibuat untuk memperjelas alur program :
Gambar 3.15 VTOC Struktur Program 3.3.1.2.1 Perancangan Tampilan Form Login Input ID and Password to Login User Name
Login Password
New User
Gambar 3.16 Rancangan Form Login Form ini berfungsi untuk membedakan hak pengguna dalam melakukan transaksi. Dimana ketika pengguna menjalankan aplikasi akan diminta user name dan password terlebih dahulu apabila user name atau password tidak sesuai maka pengguna tidak dapat menjalankan aplikasi tersebut. 3.3.1.2.2 Perancangan Tampilan Form Utama Form utama akan berfungsi sebagai form menu awal dimana semua form pada aplikasi dapat diakses melalui form utama ini.
Kasir
Image
Stok Barang Daftar Perawatan Daftar Pelanggan Data Karyawan Laporan
Exit
Gambar 3.17 Rancangan Form Utama 3.3.1.2.3 Perancangan Tampilan Form Kasir Form kasir berfungsi sebagai form transaksi dimana pada saat memasukan transaksi sistem juga dapat menghitung total pendapatan transaksi salon. Selain itu menubar yang ada dalam form ini juga bisa untuk membaca Daftar Perawatan, Stok Barang, dan menambah Data Pelanggan tanpa bisa menghapus datanya. Untuk Laporan pada form ini hanya bisa melihat pendapatan per-hari tersebut. Label dibawah menunjukan, bahwa untuk membuat transaksi baru dapat dilakukan dengan cara menekan tombol F2 pada keyboard. Begitupun untuk mencetak dan meyimpan transaksi dapat dilakukan dengan cara menekan tombol F4 pada keyboard.
Daftar Perawatan
Stok Barang
Tanggal
Data Pelanggan
Laporan
Total
Nama No. Tlp
Kode
Treatment
Stylish
Label1 [F2] Buat Transaksi Baru
Harga
Discount
Total Harga
Kembali
Label2 [F4] Cetak dan Simpan Transaksi
Gambar 3.18 Rancangan Form Kasir
3.3.1.2.11 Perancangan Tampilan Output dari Laporan Transaksi Pada form kasir / transaksi output yang dihasilkan sebanyak 2 buah yaitu berupa struk pembayaran untuk pelanggan dan juga laporan transaksi selama periode tertentu untuk memudahkan pemilik / pemilik menghitung pendapatan pada periode tersebut.
Gambar 3.29 Rancangan Tampilan Struk Pembayaran
Gambar 3.30 Rancangan Tampilan Laporan Transaksi Pembayaran 3.3.2.5 Membuat Form Transaksi Form Transaksi adalah form inti dari pembuatan aplikasi ini. Form ini menampilkan semua yang dibutuhkan untuk melakukan transaksi mulai dari memasukan nama pelanggan, memasukan kode perawatan, memasukan data karyawan yang mengerjakannnya, dan menghitung jumlah yang harus dibayarkan dan juga uang kembalian. Berikut ini langkahlangkah awal yang disertakan : 1. Klik menu Project Pilih “add windows form” setelah itu tulis nama form menjadi “Kasir” klik Ok 2. Text dalam property editor diubah menjadi = “Transaksi” , dan pada icon dimasukan gambar yang akan digunakan sebagai icon dalam form ini yang berada dipojok kiri atas, ubah juga BackgroundImage lalu browse pilih gambar yang diberi nama background VS 550 250 klik Ok 3. Klik panel pada toolbox buat didalam form “Kasir” Name diganti dengan = “pnlKasir1” 4. Kemudian dibuat 9 buah Label yang pada masing-masing Text diganti dengan = “[F2] Buat Transaksi Baru”, “[F4] Cetak dan simpan transaksi” diletakan pada form Kasir bagian kiri bawah, untuk “Daftar Harga [F5]” , “Stok Barang [F6]”, “Data Pelanggan [F7]”, “Laporan [F8]” diletakan pada form Kasir bagian atas, “Tanggal”, “Nama”, “Tlp” diletakan diatas “pnlKasir1” yang berada dalam form Kasir. 5. Lalu dibuat 5 buah Label yang pada masing-masing Name ganti dengan = “lblKasirTgl”,“lblKasirNam”,“lblKasirTlp”,“lblKasirTot”,“lblKasirKem”, dan semua Text dikosongkan hanya pada “lblKasirTot” Text = “0” dan “lblKasirKem” Text = “0” diletakan diatas “pnlKasir1” yang berada dalam form Kasir. 6. klik DataGridView buat didalam form “Kasir” dengan mengubah Name menjadi = “grgKasir1” 7. klik StatusStrip dan Name diubah menjadi = “stsKasir1” yang berfungsi untuk menampilkan status kasir pada saat sistem berjalan
Gambar 3.40 Tampilan Transaksi 3.3.2.7 Membuat Tampilan Laporan Transaksi Laporan Transaksi adalah hasil dari data transaksi yang menampilkan sebanyak 2 buah yaitu berupa struk pembayaran untuk pelanggan yang akan menampilkan kode perawatan, nama stylish, harga perawatan, juga total yang harus dibayarkan. Dan juga laporan transaksi selama periode tertentu yang di dapat setiap hari, dan menampilkan No Urut, Tanggal, Nomor Transaksi, Total Bayar dan Total pendapatan yang digunakan untuk memudahkan pemilik / pemilik menghitung pendapatan pada periode tersebut.
Gambar 3.46 Tampilan Laporan Transaksi
Gambar 3.47 Tampilan Struk Pembayaran 3.3.2.11.4 Pengujian Sistem Pengujian sistem dilakukan untuk mengetahui seberapa baik dan sesuai sistem yang dibuat, sesuai dengan kebutuhan yang telah ditetapkan pada fase analisa prosedur-prosedur diatas. Pengujian dilakukan dengan memasukan data, proses perhitungan baik itu penggajian maupun transaksi, dan juga output laporan yang diinginkan. Untuk pengujian ini Perangkat keras yang digunakan yaitu 1 (satu) unit komputer personal. Spesifikasi Komputer yang dibutuhkan untuk mengoptimalkan penggunaan aplikasi ini adalah sebagai berikut : a. Hardware 1. Prosesor Minimal 1.6 GHz 2. Tempat Kosong dari Hard Disk Min 4 GB 2. RAM minimal 384 MB 3. Monitor 15 inci 4. Mouse dan keyboard standart. b. Software 1. Sistem Operasi Windows XP, Windows Server 2003, Vista 2. Program Visual Studio 2008 3. MySQL 4. Net Framework 3.3.2.11.5 Kesimpulan Hasil Pengujian Dari pengujian yang dilakukan diketahui bahwa sistem yang dibuat sudah cukup baik, dan sesuai dengan kebutuhan yang dibutuhkan pemilik. baik itu dalam penghitungan yang menghasilkan laporan yang dapat dipertanggung jawabkan, baik itu laporan transaksi yang ada, stok barang dan penghitungan gaji karyawan sesuai dengan aturan penggajian yang berlaku.
