JURNAL TEKNOLOGI INFORMASI PROGRAM STUDI SISTEM INFORMASI, UNIVERSITAS BUNDA MULIA Volume 12, Nomor 1, Februari 2016
SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA MCC COMPUTER Indra Priyandono
[email protected] Sistem Informasi, Universitas Bunda Mulia
Abstract MCC Computer (Meksa Computer Center) adalah sebuah toko/Subdistributor yang bergerak dipendistribusian printer-printer ke dealer dealer lain maupun ke user langsung,tujuan dari penelitian ini yaitu menganalisis dan merancang sistem e-commerce pada TokoMCC.com untuk mempermudah informasi yang diberikan dan pemesanan produk bagi para konsumennya.Metode penelitian yang digunakan penyusun penelitian yaitu pengumpulan data melalui studi pustaka dan kuisioner. Sedangkan metode perancangan yang digunakan adalah metode berorientasi UML ( Unified Modeling Language ) yang mencakup use case diagram,activity diagram,dan class diagram Berdasarkan penelitian yang ditemukan bahwa sistem yang berjalan pada MCC Computer saat ini masih belum berfungsi dengan baik sehingga dirancang sebuah sistem penjualan e-commerce yang dapat membantu pelaksanaan proses penjualan barang dan penyampaian informasi secara lebih efektif dan efisien. Dengan rancangan sistem penjualan ecommerce ini diharapkan MCC Computer dapat meningkatkan efetifitas dan efisiensi proses bisnis secaralebih optimal,serta disarankan untuk masa mendatang masih dapat dikembangkan untuk diintegrasikan dengan sistem lainya Kata Kunci: E commerce,web,penjualan Toko MCC.com bergerak dibidang penjualan printer khususnya produk Hewllet packard. Saat ini kebanyakan MCC Computer menjual printer ke dealer-dealer didaerah mangga dua dan sekitarnya dan juga user yang datang ke toko. Akan tetapi, hanya dengan begitu masih jauh dari yang diharapkan. Oleh karena itu, maka penulis melakukan penelitian untuk mendorong proses bisnis dengan judul “Sistem Informasi Penjualan Berbasis Web Pada MCC Computer”
PENDAHULUAN Kemajuan teknologi berkembang dengan sangat pesat, demikian juga dengan Indonesia mengalami kemajuan teknologi yang sangat signifikan dan patut diperhatikan. Situasi seperti inilah yang memicu pakar teknologi untuk mencari penemuan-penemuan baru di bidang teknologi khususnya komputer, baik itu pengembangan perangkat keras maupun lunak. Hal inilah yang terus memacu perusahaan-perusahaan untuk mengembangkan teknologi yang ada agar kebutuhan akan teknologi informasi dapat terpenuhi dan juga dapat bersaing secara kompetitif dengan pengembang teknologi informasi lainnya. Seiring dengan tuntuan pasar yang terus datang dan persaingan yang semakin ketat terutama pada era globalisasi ekonomi, pelaku usaha memerlukan teknologi informasi untuk mengembangkan usahanya dan peluang apa saja yang dapat diraih untuk kemajuan usahanya.
TINJAUAN PUSTAKA Pengertian Class Diagram Class adalah sebuah spesifikasi yang jika diinstansiasi akan menghasilkan sebuah objek dan merupakan inti dari pengembangan dan desain berorientasi objek. Class menggambarkan keadaan (atribut/properti) suatu sistem, sekaligus menawarkan layanan untuk memanipulasi keadaan tersebut (metoda/fungsi). Class diagram menggambarkan struktur dan deskripsi class, package dan objek beserta hubungan satu sama lain
1
JURNAL TEKNOLOGI INFORMASI PROGRAM STUDI SISTEM INFORMASI, UNIVERSITAS BUNDA MULIA Volume 12, Nomor 1, Februari 2016
seperti containment, pewarisan, asosiasi, dan lain-lain. Class memiliki tiga area pokok : 1. Nama (dan stereotype) 2. Atribut 3. Metoda Atribut dan metoda dapat memiliki salah satu sifat berikut : 1. Private, tidak dapat dipanggil dari luar class yang bersangkutan. 2. Protected, hanya dapat dipanggil oleh class yang bersangkutan dan anak-anak yang mewarisinya. 3. Public, dapat dipanggil oleh siapa saja. Class merupakan implementasi dari interface, yaitu class abstrak yang memiliki metoda. Interface tidak dapat langsung diinstansiasikan, tetapi harus diimplementasikan dahulu menjadi sebuah class. Dengan demikian interface mendukung resolusi metoda pada saat runtime. Hubungan Antar Class: 1.Asosiasi, yaitu hubungan statis antar class. Umumnya menggambarkan class yang memiliki atribut berupa class lain, atau class yang harus mengetahui eksistensi class lain. Panah navigability menunjukkan arah query antar class. 2.Agregasi, yaitu hubungan yang menyatakan bagian (“terdiri atas..”). 3.Pewarisan, yaitu hubungan hirarkis antar class. Class dapat diturunkan dari class lain dan mewarisi semua atribut dan metoda class asalnya dan menambahkan fungsionalitas baru, sehingga ia disebut anak dari class yang diwarisinya. Kebalikan dari pewarisan adalah generalisasi. 4.Hubungan dinamis, yaitu rangkaian pesan (message) yang di-passing dari satu class kepada class lain.
processing). Oleh karena itu activity diagram tidak menggambarkan internal behaviour sebuah sistem (dan interaksi antar subsistem) secara eksak, tetapi lebih menggambarkan proses-proses dan jalurjalur aktivitas dari level atas secara umum. Sebuah aktivitas dapat direalisasikan oleh satu Use Case atau lebih. Aktivitas menggambarkan proses yang berjalan, sementara Use Case menggambarkan bagaimana aktor menggunakan sistem untuk beraktivitas. Sama seperti state, standar Unified Modeling Language (UML) menggunakan segiempat dengan sudut membulat untuk menggambarkan aktivitas. Decision digunakan untuk menggambarkan behaviour pada kondisi tertentu. Untuk mengilustrasikan proses paralel (fork dan join) digunakan titik sinkronisasi yang berupa garis horizontal atau vertikal. Activity diagram dibagi menjadi beberapa objek swimlane untuk menggambarkan objek yang bertanggung jawab untuk aktivitas tertentu. Pengertian E-commerce Menurut Turban (2008, p4), Electronic Commerce atau dikenal dengan singkatan e-commerce adalah proses pembelian, penjualan, pengiriman, atau penukaran produk, pelayanan, atau informasi melalui jaringan computer mencakup internet. Keuntungan yang dapat diambil dengan adanya e-commerce berdasarkan Turban (2008, p25) yaitu: Keuntungan e-commerce untuk organisasi: • Jangkauan global Mengalokasikan pelanggan di dunia, dengan biaya murah dan cepat. • Pengurangan biaya Biaya pengolahan informasi, penyimpanan, distribusi lebih rendah. • Bisnis selalu terbuka Tanpa biaya lembur atau lainnya. • Spesialiasi penjual Penjual bisa mengkhususkan diri dalam bidang tertentu. • Kemampuan untuk berinovasi Memfasilitasi inovasi dan memungkinkan model bisnis yang unik. • Waktu yang cepat untuk pemasaran
Activity Diagram Activity diagram menggambarkan aktivitas dalam sistem yang dibuat, bagaimana masing-masing alir berawal, decision yang terjadi, dan bagaimana mereka berakhir. Activity diagram juga menggambarkan proses paralel yang mungkin terjadi pada beberapa eksekusi. Activity diagram merupakan state diagram khusus, di mana sebagian besar state adalah action dan sebagian besar transisi di-trigger oleh selesainya state sebelumnya (internal
2
JURNAL TEKNOLOGI INFORMASI PROGRAM STUDI SISTEM INFORMASI, UNIVERSITAS BUNDA MULIA Volume 12, Nomor 1, Februari 2016
Mempercepat proses kecepatan yang lebih tinggi dan produktivitas.
Pada bagian ini akan dijelaskan mengenai perancangan sistem penjualan berbasis web pada took MCC.com yang akan membantu penyebaran informasi mengenai barang dan produk yang akan dijual. Sistem yang berjalan saat ini masih menggunakan sistem manual dan toko tersebut belum memiliki situs web yang menampilkan semua produk dan barang yang dijual. Perancangan situs web ini dibuat dengan sederhana dengan tujuan supaya pelanggan yang akan mengakses tidak menemui kesulitan dalam mengoprasikannya, baik bagi user admin maupun bagi pelanggan yang akan mengaksesnya. Dengan menggunakan sistem penjualan web yang membawa kecanggihan teknologi komputer, pelanggan dapat memperoleh informasi-informasi terbaru menggenai produk printer Hewlett Packard dengan lebih lengkap, jelas, dan cepat dan juga dapat melakukan transaksi pembelian tanpa harus datang langsung ke toko.
Keuntungan e-commerce untuk pelanggan: • Kebebasan belanja Pelanggan dapat berbelanja kapan saja dan dimana saja. • Lebih banyak produk / Jasa Banyak pilihan untuk memilih dari (vendor, produk, jenis). • Produk / Jasa yang lebih murah Dapat membandingkan barang dan berbelanja untuk harga terendah. • Informasi ketersediaan Mudah menemukan apa yang Anda butuhkan, dengan rincian, demo, dll. • Nyaman dalam berpartisipasi dalam lelang Melakukan lelang setiap saat dan dari mana saja. • Tidak ada pajak penjualan Kadangkala tidak ada pajak penjualan. Keuntungan e-commerce untuk masyarakat: • Memungkinkan telecommuting Memfasilitasi masyarakat bekerja di rumah sehingga polusi berkurang.
Use Case Use Case Hak Akses Admin
Pengertian Penjualan Menurut rangkuty (2008: p48) penjualan adalah proses kegiatan yang dipengaruhi oleh berbagai faktor sosial, budaya, politik, ekonomi dan manajerial. Akibat dari berbagai faktor tersebut masingmasing individu maupun kelompok mendapatkan kebutuhan dan keinginan sehingga terjadinya penjualan. METODOLOGI Dalam rangka penyusunan data yang diperlukan dalam penulisan penelitian, maka penulis menggunakan metode: Metode Wawancara Penulis melakukan wawancara dengan pihak perusahan, misalnya kepada Project Manager, Site Manager, Supervisor dan stafstafnya. PEMBAHASAN Perancangan Proses Sistem
3
JURNAL TEKNOLOGI INFORMASI PROGRAM STUDI SISTEM INFORMASI, UNIVERSITAS BUNDA MULIA Volume 12, Nomor 1, Februari 2016
Gambar 1 Use Case Sistem Hak Akses Admin Gambar 2 Use Case Hak Akses Konsumen
Admin dapat melakukan login terlebih dahulu setelah itu dia dapat mengakses menu edit buat isi home, how to order, about us, mengupdate jumlah stok barang, menambah stok barang, menghapus stok barang, melihat laporan pemesanan, melihat kritik & saran, menghapus kritik & saran, dan logout.
Pengunjung,baik itu member atau non member dapat mengakses halaman home, how to order, about us, produk, kritik & saran. Sedangkan untuk melakukan transaksi belanja dan logout pengunjung harus melakukan pendaftaran untuk menjadi member terlebih dahulu, seteah itu pengunjung dapat melakukan login dan dapat melakukan transaksi pembelian barang.
Use Case Hak Akses Konsumen
Activity Diagram Activity Diagram Register konsumen
4
JURNAL TEKNOLOGI INFORMASI PROGRAM STUDI SISTEM INFORMASI, UNIVERSITAS BUNDA MULIA Volume 12, Nomor 1, Februari 2016
Gambar 3 Activity Diagram Menu Register Konsumen
Gambar 4 Activity Diagram Menu Login konsumen
Pengunjung, dalam hal ini adalah konsumen yang mengakses situs web dapat secara bebas melihat-lihat produk yang ditampilkan. Tetapi bagi pengunjung yang ingin melakukan transaksi maka diminta untuk melakukan login terlebih dahulu, namun apabila pengunjung yang belum terdaftar maka melakukan pendaftaran dengan memilih tombil daftar yang ada pada home page situs, masukan data pribadi anda secara benar kedalam halaman daftar yang akan ditampilkan pada sistem, lalu klik tombol kirim, maka anda sudah terdaftar dan dapat melakukan login terlebih dahulu agar dapat melakukan transaksi pembelian barang.
Konsumen atau pelanggan yang sudah mendaftar sebagai member dalam toko MCC.com dapat melakukan login terlebih dahulu dengan cara memasukan username dan password pada kolom yang ada, lalu klik login. Proses login akan dilakukan oleh sistem. Jika benar maka sistem akan menampilkan laman home situs sehingga pengunjung dapat langsung melakukan transaksi pembelian. Jika salah maka sistem akan menampilkan pesan bahwa username dan password yang dimasukan salah, dan diminta memasukan kembali. Activity Diagram Menu Home Konsumen
Activity Diagram Menu Login Konsumen
5
JURNAL TEKNOLOGI INFORMASI PROGRAM STUDI SISTEM INFORMASI, UNIVERSITAS BUNDA MULIA Volume 12, Nomor 1, Februari 2016
Konsumen dapat mengakses menu about us dengan cara mengklik langsung menu pada about us. Sistem akan memproses secara langsung dan menampilkan halaman pada about us. Pada halaman about us pengunjung dapat mengetahui semua tentang website yang dibuat. Activity Diagram Menu How To Order
Gambar 5 Activity Diagram Menu Home Konsumen Pengunjung, dapat melihat-lihat dan memilih menu yang ada pada home setelah mengakses situs. Tidak perlu melakukan login terlebih dahulu untuk melihat laman pada home. Activity Diagram Menu About Us
Gambar 7 Activity Diagram Menu How To Order Konsumen yang belum tahu cara berbelanja pada situs website dapat membaca penjelasan yang ada pada halaman How To Order yang telah dibuat pada menu How To Order. Activity Diagram Menu Product
Gambar 6 Activity Diagram Menu About Us
6
JURNAL TEKNOLOGI INFORMASI PROGRAM STUDI SISTEM INFORMASI, UNIVERSITAS BUNDA MULIA Volume 12, Nomor 1, Februari 2016
Konsumen
Sistem
Memilih Menu Shopping Cart
Memproses halaman Shopping Cart
Melihat halaman Shopping Cart
Menampilkan halaman Shopping Cart
Buy now
Menampilkan Halaman Product
Memilih Product
Delete Product
Menampilkan halaman pemesanan Lanjutkan transaksi
Mengisi Data Pemesanan
Gambar 8 Activity Diagram Menu Product Konsumen yang ingin melihat produk-produk printer pada website dapat mengakses menu product disana tersedia berbagai pilihan produk printer. Konsumen dapat mengetahui secara detail spesifikasi dari produk yang ingin dilihat sebelum membelinya.
Klik simpan
Menyimpan kedatabase
Klik Konfirmasi
Menampilkan halaman Rincian pemesanan
Menampilkan Halaman Konfirmasi
Gambar 9 Activity Diagram Menu Shopping Cart
Activity Diagram Menu Shopping Cart
Konsumen yang ingin melakukan shopping cart harus melakukan login terlebih dahulu. Setelah konsumen melakukan login, konsumen dapat melihat barang-barang apa saja yang telah dibeli, semua barang yang sudah dibeli akan muncul pada halaman shopping cart. Jika
7
JURNAL TEKNOLOGI INFORMASI PROGRAM STUDI SISTEM INFORMASI, UNIVERSITAS BUNDA MULIA Volume 12, Nomor 1, Februari 2016
konsumen ingin membatalkan barang maka konsumen dapat memilih menu batal, namun jika konsumen sudah tidak ingin melakukan belanja konsumen dapat melakukan pembayaran pesanan. Activity Diagram Menu Kritik dan Saran
Gambar 10 Activity Diagram Menu kritik dan Saran Gambar 11 Activity Diagram Menu Konfirmasi
Saat konsumen memilih menu kritik dan saran, maka sistem akan menampilkan halaman menu kritik dan saran. Pada menu kritik dan saran konsumen dapat memberi kritikan dan saran pada toko MCC.com. Sistem akan secara otomatis menyimpan kritikan dan saran yang sudah dibuat oleh konsumen.
Konsumen yang telah berbelanja pada toko MCC.com dan sudah melakukan pembayaran dapat melakukan konfirmasi bahwa konsumen telah melakukan pembayaran. Pada menu ini konsumen akan mengisi kode order masing-masing dan nominal pembayaran yang sudah dilakukan, sistem akan secara otomatis menyimpan data konfirmasi dari konsumen. Pada menu kritik dan saran, admin dapat membaca kritikan dan masukan dari pada konsumen. Selain itu admin juga dapat menghapus kritik-kritik yang berbau sara dan kata-kata tidak sopan.
Activity Diagram Menu Konfirmasi
Activity Diagram Menu Logout
8
JURNAL TEKNOLOGI INFORMASI PROGRAM STUDI SISTEM INFORMASI, UNIVERSITAS BUNDA MULIA Volume 12, Nomor 1, Februari 2016
Gambar 12 Activity Diagram Menu Logout Admin dapat memilih menu logout apabila ingin mengakhiri aktivitas. Sistem akan secara otomatis memprosesnya dan akan menampilkan menu login kembali. ERD
Gambar 13 ERD Rancangan Menu Edit Profil
Gambar 14 Menu Edit Profil
9
JURNAL TEKNOLOGI INFORMASI PROGRAM STUDI SISTEM INFORMASI, UNIVERSITAS BUNDA MULIA Volume 12, Nomor 1, Februari 2016
Merupakan menu edit profil,disini admin dapat merubah username dan password yang ada. Rancangan Menu Kategori
Gambar 15 Menu Kategori Gambar 17 User Interface Web User Home Sebelum Login
Merupakan menu kategori,disini admin dapat menambahkan kategori barang baru yang ada, sehingga setiap barang yang dimasukan dapat sesuai kategori dari barang itu tersebut.
Merupakan tampilan website toko MCC.com pada halaman utama, terdapat menu login pada pojok kiri atas apabila belum login kedalam.
Rancangan Menu Kritik Dan Saran
SIMPULAN Setelah melakukan sebuah penelitian perancangan sistem informasi penjualan berbasis web pada toko MCC.com maka dilakukan sebuah analisa kuisioner yang dilakukan sebagai pelengkap. Hasil yang diperoleh dari kuisioner tersebut antara lain adalah sebagai berikut : 1. Sebagian besar pengunjung website berpendapat bahwa layanan fitur yahoo messenger sudah cepat dalam merespon tangapan dari pelanggan. 2. Sebagian besar pengunjung website berpendapat detail spesifikasi yang ada pada toko MCC.com memudahkan pelanggan mencari spesifikasi yang diinginkan. 3. Pelanggan berpendapat agar toko MCC.com tidak hanya menjual barang berupa printer dan supplies, namun juga produk lain yang berhubungan dengan komputer.
Gambar 16 Menu Kritik Dan Saran Merupakan menu kritik dan saran,disini admin dapat menghapus kritik dan saran yang disampaikan oleh pengunjung website toko MCC.com apabila kritik dan sara yang disampaikan berbau sara dan pornografi. Home Sebelum Login
10
JURNAL TEKNOLOGI INFORMASI PROGRAM STUDI SISTEM INFORMASI, UNIVERSITAS BUNDA MULIA Volume 12, Nomor 1, Februari 2016
DAFTAR PUSTAKA [1]Fathansyah. (2012). Basis Data. Bandung: Informatika. [2]Kadir, A.(2009). Membuat Aplikasi Web dengan PHP + Database Mysql. Yogyakarta: ANDI. [3]Kristanto, A. (2008). Perancangan Sistem Informasi dan Apilkasinya. Yogyakarta: Gava Media. [4]Kronke, D. (2010). Using MIS (3rd Edition). California: Prentice Hall PTR. [5]Microsoft. (2007). "Web Site", Microsoft Student 2008. Redmond: [6]WA.Pressman, R.S. (2010), Software Engineering : a practitioner’s approach, New York : McGraw- Hill. [7]Suryatiningsih, W. M.(2009). Web Programming. Bandung: Politeknik Telkom. [8]Vaughan, T. (2008). Multimedia: Making It Work, Seventh Edition. New York: McGraw-Hill. [9]Yakub. (2008). Sistem Basis Data Tutorial Konseptual. Yogyakarta: Penerbit Graha Ilmu.
11