IJCCS, Vol.x, No.x, Julyxxxx, pp. 1~5 ISSN: 1978-1520
1
Rancang Bangun Sistem Informasi Penjualan Produk pada Mall Online Sari1, Novita Wulandari2 , Dedy Hermanto3,Iis Pradesan4 STMIK GI MDP Palembang: Jl. Rajawali No.14, 0711-376400 3 Jurusan Sistem Informasi, Palembang
1,2
e-mail:
[email protected],
[email protected], 3
[email protected],
[email protected]
Abstrak Seiring dengan meningkatnya kebutuhan masyarakat menyebabkan semakin banyak bermunculan pusat perbelanjaan. Hal ini mendorong perusahaan untuk melakukan perdagangan elektronik yang efektif dan efisien yang dapat menghemat baik dari segi waktu, biaya dan tenaga. Perkembangan penggunaan internet yang sangat pesat, salah satunya menghasilkan sebuah model perdagangan elektronik secara massal yang disebut dengan mall online, dalam merancang dan membangun sistem informasi penjualan produk pada mall online dengan menggunakan metode Rational Unified Process dan menggunakan bahasa pemrograman PHP framework laravel dan MySQL. Adapun output yang dihasilkan berupa template aplikasi penjualan produk bagi penyewa pada mall online. Kata kunci—Mall online, Rational Unified Process, PHP, Laravel, MySQL
Abtract Along with the increasing needs of the community caused a growing number of shopping malls have sprung up. This encourages companies to conduct electronic commerce effectively and efficiently which can save both in terms of time, cost and effort. The development of internet usage is very rapid, one of which resulted in a model of electronic commerce mass called an online mall, designing and building information systems selling products at the online mall uses the Rational Unified Process method and using the programming language PHP laravel framework and MySQL As for the output the resulting in the form of application template selling products for tenants in the mall online. Keywords—Mall online, Rational Unified Process, PHP, Laravel, MySQL
1. PENDAHULUAN
S
aat ini penggunaan teknologi informasi merupakan salah satu bagian penting bagi masyarakat dalam melakukan kegiatan sehari-hari. Pengaksesan internet yang cukup mudah membuat penggunanya memproleh informasi dengan cepat. Perkembangan penggunaan internet yang sangat pesat, salah satunya menghasilkan sebuah model perdagangan elektronik secara massal yang disebut dengan mall online. Mall online adalah kumpulan-kumpulan beberapa toko yang dibuat dan dioperasikan secara virtual di internet. Dalam sebuah mall online terdapat semua barang dagangan yang dikelola oleh pemiliknya layaknya seorang yang membuka sebuah toko dengan berbagai macam barang dagangannya.
Received June1st,2012; Revised June25th, 2012; Accepted July 10th, 2012
2
ISSN: 1978-1520
Berdasarkan latar belakang tersebut, sehingga tertarik untuk merancang dan membangun sebuah sistem informasi penjualan produk pada mall online yang nantinya dapat memenuhi kebutuhan masyarakat dan lingkungan gaya hidup masyarakat yang semakin modern serta tuntutan masyarakat terhadap kemudahan dan efisiensi dalam pemenuhan kebutuhan mereka yang semakin tinggi.
2. METODE PENELITIAN 2.1 Landasan Teori 2.1.1 Konsep E-commerce E-commerce diartikan secara sempit sebagai transaksi jual-beli produk, jasa, dan informasi antar mitra bisnis lewat jaringan komputer, termasuk internet[1].
2.1.2 Business to Business (B2B) B2B menyatakan bentuk jual-beli produk atau jasa yang melibatkan beberapa perusahaan dan dilakukan dengan sistem otomasi[4]. 2.1.3 Business to Customer (B2C) B2C adalah bentuk jual-beli produk yang melibatkan antara perusahaan penjual dan konsumen akhir yang dilakukan secara elektronis[4]. 2.1.4 Mall Online Secara teori, mall online hampir serupa dengan dunia mall yang sebenarnya, sebuah kelompok toko dalam satu tempat atau lokasi[3]. 2.1.5 Model View Controller (MVC) Pemisahan informasi tampilan diarah pengguna dari kendali (control) atau pemisahan asupan pengguna (user input) dari aplikasi secara keseluruhan dapat dilakukan[5].
2.1.5 Database Database didefinisikan sebagai kumpulan terorganisir dari data-data yang berhubung sedemikian rupa sehingga mudah disimpan, dimanipulasi, serta di panggil oleh pengguna[8]. 2.1.6 Website Website merupakan kumpulan dari halaman-halaman yang mengandung informasi pada halaman web yang mengandung informasi. Informasi pada halaman web dapat ditampilkan dalam bentuk teks, gambar, foto, video, atau multimedia, dan hampir 80% layanan di internet disediakan dalam bentuk website[10]. 2.1.7 Web Server Web Server adalah sebuah komputer yang terdiri dari perangkat keras dan perangkat lunak. Secara bentuk fisik dan cara kerjanya, perangkat keras web server tidak berbeda dengan komputer rumah (PC), yang membedakan adalah kapasitas dan kapabilitasnya[2]. 2.1.8 Internet Internet adalah kumpulan jaringan di dunia yang menghubungkan jutaan perusahaan, badan pemerintahaan, institusi pendidikan, dan perorangan[8]. 2.2 Jurnal Penelitian Sebelumnya 2.2.1 Situs Perbelanjaan Online dengan Konsep Mall Virtual Konsep situs perbelanjaan yang lebih aman dan interaktif dengan konsep mall virtual yang akan dikelola oleh perusahaan yang sudah terkenal untuk menciptakan toko online yang lebih terpercaya. Situs ini tidak hanya menggunakan teks dan gambar statis, melainkan juga menciptakan simulasi berbelanja di mal yang lebih dinamis[9].
IJCCS Vol. x, No. x, July201x : first_page–end_page
IJCCS
ISSN: 1978-1520
3
2.3 Rational Unified Process (RUP) Rational unified process (RUP) adalah pendekatan pengembangan perangkat lunak yang dikeluarkan berulang-ulang, fokus pada arsitektur, lebih diarahkan berdasarkan penggunaan kasus. RUP merupakan proses rekayasa perangkat lunak dengan pendefinisian yang baik dan penstrukturan yang baik[7]. RUP memiliki empat buah tahap atau fase yang dapat dilakukan secara iteratif. Berikut ini adalah penjelasan untuk setiap fase pada RUP : 1. Inception (Permulaan) Pada tahap ini melakukan pengumpulan data dengan teknik wawancara dan observasi, tahap ini juga melakukan analisis dan pemahaman terhadap ruang lingkup serta analisis terhadap kebutuhan dalam pengembangan sistem. 2. Elaboration (Perluasan/Perencanaan) Pada tahap ini melakukan pembuatan model use case, sequence diagram, activities diagram dan class diagram, tahap ini juga melakukan perancangan tampilan dari sistem yang akan dikembangkan. 3. Construction (Konstruksi) Pada tahap ini melakukan pengkodingan program dari rancangan desain yang telah dibuat dengan menggunakan software PHP framework laravel dan database MySQL. 4. Transition (Transisi) Pada Tahap ini melakukan pengujiaan program dari aplikasi penjualan produk berupa template website yang telah dibuat.
Title of manuscript is short and clear, implies research results (First Author)
4
ISSN: 1978-1520 3. HASIL DAN PEMBAHASAN
3.1 Analisis Kebutuhan Dalam melakukan analisis kebutuhan fungsional menggunakan model use case. Gambar 1 menunjukan use case diagram penjualan produk yang diusulkan pada mall online : Update <<extend>> Show Kelola Pelanggan <<extend>>
Show
Index Store
<<extend>> Update <<extend>> <<extend>>
<
>
<<extend>> Destroy <<extend>> Kelola Produk
Pengunjung
<> <>
Show Toko
<>
<>
Login
Show Update
<>
<<extend>> <<extend>> Kelola Tenant
<> <>
Store
Update Password
<<extend>>
Kelola Order <<extend>> Show <>
<<extend>> <<extend>> Index
<>
<>
Update
Store
<<extend>> Kelola Konfirmasi Pengiriman <<extend>> Index
Pelanggan
Kelola Konfirmasi Pembayaran <<extend>> Store <<extend>> Index Kelola Kritik Saran<<extend>> Store Penyewa
<<extend>> Index
Gambar 1 Use Case Diagram
IJCCS Vol. x, No. x, July201x : first_page–end_page
IJCCS
ISSN: 1978-1520
5
3.2 Rancangan Sistem 3.2.1 Activity Diagram Activity Diagram adalah teknik untuk mendeskripsikan logika procedural, proses bisnis dan aliran kerja dalam banyak kasus. Dalam sistem ini melakukan perancangan logika procedural sistem. Adapun beberapa contoh dari activity diagram yang telah dirancang sebagai berikut : 3.2.1.1 Activity Diagram Store Order Activity diagram store order menggambarkan kegiatan pelanggan dapat melakukan pemesanan produk. Gambar 2 menunjukan activity diagram store order.
Gambar 2 Activity Diagram Store Order
Title of manuscript is short and clear, implies research results (First Author)
6
ISSN: 1978-1520
3.2.1.2 Activity Diagram Kelola Order Activity diagram kelola order menggambarkan kegiatan penyewa dapat mengelola order dari pelanggan. Gambar 3 menunjukan activity diagram kelola order. User
System
Memilih menu order
Menampilkan halaman order
Memilih pilihan lihat detail order Memilih pilihan ubah
Menampilkan halaman detail order Menampilkan halaman ubah order
Mengubah status order
Menyimpan order ke dalam database dan menampilkan konfirmasi order berhasil diubah
Memilih tombol ubah
“Menghapus order ?” Memilih pilihan hapus ya
Tidak
Menghapus order dari database
Gambar 3 Activity Diagram Kelola Order
IJCCS Vol. x, No. x, July201x : first_page–end_page
IJCCS
7
ISSN: 1978-1520 3.3.2
Relasi antar Tabel Database adalah sekumpulan data yang memiliki hubungan secara logika dan diatur dengan susunan tertentu serta disimpan dalam media penyimpanan komputer. Gambar 4 di bawah ini menunjukkan relasi antar Tabel sistem yang dikembangkan. barang
detailpenjualan *
id
id_detailpenjualan
idtoko
id_penjualan
namabarang
idbarang
deskripsi
jumlah_barang
harga
total
jumlah
kota
berat
alamat
subkategori
status
pembayaranproduk id idpenjualan tanggal_pembayaran total
penjualan
toko
nama_transfer
id
id
Norekening
idpelanggan
namatoko
idtoko
lokasitoko idlantai
pengiriman id id_penjualan tanggal_pengiriman
lantai id lantai kategori
pelanggan
penyewaan id
id
idtenant
nama
idtoko
gender
tanggalsewa
alamat
lamasewa
kota
namadomain
email notelp idusers
kritiksaran tenant
id
id
kritik
nama
idpelanggan
noidentitas
idtoko
tanggallahir alamat kota gender
users
email
id
nohandphone
username
norekening
password
idusers
status
Gambar 4 Relasi antar Tabel
Title of manuscript is short and clear, implies research results (First Author)
8
ISSN: 1978-1520
3.3.3 Class Diagram Class Diagram adalah suatu diagram yang menggambarkan struktur sistem yang berisi kelas-kelas yang akan dibuat untuk membangun sistem dan relasi-relasi yang ada di dalamnya. Gambar 5 di bawah ini menunjukkan class diagram sistem yang dikembangkan.
Gambar 5 Class Diagram
IJCCS Vol. x, No. x, July201x : first_page–end_page
IJCCS
9
ISSN: 1978-1520 3.3.3
Sequence Diagram Store Order Sequence diagram digunakan untuk menggambarkan perilaku pada sebuah scenario. Adapun beberapa contoh dari Sequence diagram yang telah dirancang sebagai berikut : 3.3.3.1 Sequence Diagram Store Order Sequence diagram store order menggambarkan scenario pelanggan dapat melakukan pemesanan produk. Gambar 6 menunjukan sequence diagram store order. :Halaman_produk
:halaman_keranjang_belanja
:halaman_pengiriman
:Halaman_rincian_produk
:Cpenjualan
:order
Pelanggan 1:pilih_halaman_produk
2: add_to_cart 2.1: continue_ shopping 3: detail_keranjang 3.1:Update_qty
3.2: hapus_produk 4: checkout
4.1: data_invalid 5: order_disimpan 5.1:simpan_order() 5.1.1:order_disimpan
5.2: tampil_rincian_pesanan
Gambar 6 Sequence Diagram Store Order 3.3.3.2 Sequence Diagram Kelola Order Sequence diagram kelola order menggambarkan scenario penyewa yang dapat mengelola order dari pelanggan. Gambar 7 menunjukan sequence diagram kelola order. :Halaman_order
Penyewa
:Halaman_detail_order
:Halaman_ubah_order
1: pilih_halaman_order
1.1: lihat_order 1.2: tampil_order 2: detail_order
:Cpenjualan
penjualan
1.1.1: lihat_order() 1.1.2:tampil_order
2.1: lihat_detail_order 2.1.1:lihat_detai_order()
2.2:tampil_detail_order 3: ubah_order
2.1.2:tampil_detail_order
3.1: ubah_order 3.2: data_invalid
4: hapus_order
3.1.1:ubah_order()
3.1.2: order_diubah
4.1:hapus_order()
4.2: order_terhapus
Gambar 7 Sequence Diagram Kelola Order
Title of manuscript is short and clear, implies research results (First Author)
10
ISSN: 1978-1520
3.3 Rancangan Antarmuka Berikut ini merupakan rancangan antarmuka yang terbagi atas 2 bagian yaitu front end application dan back end application : 3.3.1 Front End Application Berikut ini merupakan beberapa contoh rancangan antarmuka dari bagian front end application. 3.3.1.1 Halaman Home Front Halaman home front merupakan halaman yang menampilkan tampilan awal dari website . Gambar 8 menunjukan home front.
Gambar 8 Halaman Home Front 3.3.1.2 Halaman Detail Produk Front Halaman detail produk front merupakan halaman yang menampilkan detail produk yang dipilih pelanggan. Gambar 9 menunjukan halaman detail produk front.
Gambar 9 Halaman Detail Produk Front
IJCCS Vol. x, No. x, July201x : first_page–end_page
IJCCS
ISSN: 1978-1520
11
3.3.1.3 Halaman Keranjang Belanja Halaman keranjang belanja merupakan halaman yang menampilkan rincian produk yang dipesan pelanggan di dalam keranjang belanja. Gambar 10 menunjukan halaman keranjang belanja.
Gambar 10 Halaman Keranjang Belanja 3.3.2 Back End Application Berikut ini merupakan beberapa contoh rancangan antarmuka dari bagian back end application. 3.3.2.1 Halaman Home Back Halaman home back merupakan halaman yang menampilkan tampilan awal dari website . Gambar 11 menunjukan home back.
Gambar 11 Halaman Home Back
Title of manuscript is short and clear, implies research results (First Author)
12
ISSN: 1978-1520
3.3.2.2 Halaman Order Halaman order merupakan halaman yang menampilkan order masuk dari pelanggan. Gambar 12 menunjukan halaman order.
Gambar 12 Halaman Order 3.3.2.3 Halaman Show Order Halaman show order merupakan halaman yang menampilkan detail data order pelanggan. Gambar 13 menunjukan halaman show order.
Gambar 13 Halaman Show Order
IJCCS Vol. x, No. x, July201x : first_page–end_page
IJCCS
ISSN: 1978-1520
13
4. KESIMPULAN Dapat merancang dan membangun sistem informasi penjualan produk pada mall online menggunakan PHP framework laravel dan MySQL serta dirumuskan dengan metodologi RUP. 5. SARAN Dalam rancang bangun sistem informasi penjualan pada mall online ini tentu terdapat kekurangan, sehingga perlu adanya pengembangan lebih lanjut. Oleh karena itu, disarankan dapat bermanfaat untuk pengembangan selanjutnya. 1. Dalam penelitian berikutnya diharapkan dapat mengembangkan tampilan website agar terlihat lebih menarik. 2. Perlu dikembangkan sistem keamanan pada website yang telah dibangun. 3. Untuk penelitian berikutnya perlu ditambahkan beberapa fitur, agar dapat melengkapi fungsi dari mall online itu sendiri.
UCAPAN TERIMA KASIH Dalam penelitian ini ucapan terima kasih diberikan kepada pihak-pihak yang telah membantu dan memberi dukungan terhadap penulisan laporan penelitian ini. terutama kepada: 1. Bapak Ir.Rusbandi, M.Eng. selaku Ketua STMIK GI MDP. 2. Ibu Mardiani, S.Si M.T.I selaku Ketua Program Studi Sistem Informasi. 3. Bapak Iis Pradesan, S.Kom, M.T.I selaku Pembimbing yang telah bersedia meluangkan banyak waktu. 4. Bapak Dedy Hermanto S.Kom, M.T.I selaku Pembimbing yang telah membantu meluangkan waktu. 5. Bapak dan Ibu Dosen STMIK GI MDP yang telah memberikan ilmunya sehingga dapat membantu kami dalam menyelesaikan penulisan penelitian ini. 6. Staf Perpustakaan STMIK GI MDP yang telah memberikan masukkan dan koreksi terhadap kami. 7. Kedua Orang tua, saudara, dan teman-teman yang telah memberikan dukungan dan semangat. 8. Terima kasih kepada semua pihak yang tidak dapat disebutkan satu per satu yang telha memberikan bantuan dalam penulisan laporan.
DAFTAR PUSTAKA [1]Anastasia, Diana dan Tjiptono, Fandy 2007, E-Business, Andi, Yogyakarta. [2]F.K Sibero, Alexander 2013, Web Programming Power Pack, Mediakom, Jakarta. [3]Komputer, Wahana 2006, Apa & Bagaimana E-Commerce, Andi , Yogyakarta [4]Kadir, Abdul., Ch,Terra dan Triwahyuni 2013, Pengantar Teknologi Informasi, Andi Offset, Yogyakarta. [5]Nugroho Adi 2009, Rekayasa Perangkat Lunak Menggunakan UML dan Java, Andi, Yogyakarta. [6]Nugroho, Adi 2011, Perancangan dan Implementasi Sistem Basis Data, Andi, Yogyakarta. [7]Rosa dan Shalahudin, M 2013, Rekayasa Perangkat Lunak Terstruktur dan Berorientasi Obyek, Andi Offset ,Infromatika, Bandung. [8]Shelly 2007, Discovering Computers: Menjelajah Dunia Komputer, Salemba Infotek, Jakarta. Title of manuscript is short and clear, implies research results (First Author)
14
ISSN: 1978-1520
[9] Sudi, W., Djojo B.W., Kurniali, S 2012, Situs Perbelanjaan Online dengan Konsep Mall Virtual, dari : http://eprints.binus.ac.id/view/creators/Wibawa_Djojo=3ABrata=3A=3A.default.html (diakses tanggal 26 September, 2014, 08.49 WIB). [10]Yuhefizar 2013, Cara Mudah dan Murah Membangun dan Mengelola Website, Graha Ilmu,Yogyakarta.
IJCCS Vol. x, No. x, July201x : first_page–end_page