Rancang Bangun Sistem Informasi Penjualan Produk pada Mall ... · Rancang Bangun Sistem Informasi Penjualan Produk pada Mall Online ... biaya dan tenaga. ... penyewa yang dapat mengelola

IJCCS, Vol.x, No.x, Julyxxxx, pp. 1~5

ISSN: 1978-1520 1

Received June1st,2012; Revised June25

th, 2012; Accepted July 10

th, 2012

Rancang Bangun Sistem Informasi Penjualan

Produk pada Mall Online

Sari1, Novita Wulandari

2 , Dedy Hermanto

3,Iis Pradesan

4

1,2STMIK GI MDP Palembang: Jl. Rajawali No.14, 0711-376400

3Jurusan Sistem Informasi, Palembang

e-mail: [email protected],

[email protected],

[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

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.

S

mailto:[email protected]



ISSN: 1978-1520

IJCCS Vol. x, No. x, July201x : first_page–end_page

2

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 ISSN: 1978-1520

Title of manuscript is short and clear, implies research results (First Author)

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.

ISSN: 1978-1520


4

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 :

Pengunjung

Pelanggan

Penyewa

Kelola Produk

<<extend>>

Login

Store

Update

<<extend>>Destroy

<<extend>>

Show

<<extend>>

Show Toko

Kelola Konfirmasi

Pengiriman

<<extend>>

Kelola Konfirmasi

Pembayaran

<<extend>>Store

Kelola Order

Store

Update

<<extend>>

Show<<extend>>

Index

<<extend>>

Kelola Kritik Saran<<extend>> Store

<<include>>

<<include>>

<<include>>

<<include>>

<<include>>

<<include>>

<<include>>

Kelola PelangganShow<<extend>>

<<extend>>

Update

<<include>>

Index

<<extend>>

Index

<<extend>>

Index

<<extend>>

Index

<<extend>>

Store

<<extend>>

Kelola Tenant

Update<<extend>>

Show

<<include>>

Update

Password

<<include>>

<<extend>>

<<include>>

Gambar 1 Use Case Diagram



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

ISSN: 1978-1520


6

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.

Gambar 3 Activity Diagram Kelola Order

User System

Memilih menu order Menampilkan halaman order

Memilih pilihan lihat detail order

Menampilkan halaman detail order

Memilih pilihan ubah

Memilih pilihan hapus“Menghapus order ?”

Menampilkan halaman ubah order

Mengubah status order

Memilih tombol ubah

Menyimpan order ke dalam database dan menampilkan

konfirmasi order berhasil diubah

Tidak

Menghapus order dari database

ya



7

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.

Gambar 4 Relasi antar Tabel

barangid

idtoko

namabarang

deskripsi

harga

jumlah

berat

subkategori

detailpenjualan *id_detailpenjualan

id_penjualan

idbarang

jumlah_barang

total

kota

alamat

status

kritiksaranid

kritik

idpelanggan

idtoko

lantai

id

lantai

kategori

pelangganid

nama

gender

alamat

kota

email

notelp

idusers

pembayaranprodukid

idpenjualan

tanggal_pembayaran

total

nama_transfer

Norekening

pengirimanid

id_penjualan

tanggal_pengiriman

penjualanid

idpelanggan

idtoko

penyewaanid

idtenant

idtoko

tanggalsewa

lamasewa

namadomain

tenantid

nama

noidentitas

tanggallahir

alamat

kota

gender

email

nohandphone

norekening

idusers

tokoid

namatoko

lokasitoko

idlantai

usersid

username

password

status

ISSN: 1978-1520


8

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



9

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.

Pelanggan

:Halaman_produk

1:pilih_halaman_produk

:halaman_keranjang_belanja :halaman_pengiriman

3: detail_keranjang

2: add_to_cart

2.1: continue_shopping

3.1:Update_qty

3.2: hapus_produk

4: checkout

4.1: data_invalid

:Cpenjualan

5: order_disimpan

:Halaman_rincian_produk

5.2: tampil_rincian_pesanan

:order

5.1:simpan_order()

5.1.1:order_disimpan

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.

Gambar 7 Sequence Diagram Kelola Order

Penyewa

:Halaman_order

1: pilih_halaman_order

:Halaman_detail_order

2: detail_order

:Cpenjualan:Halaman_ubah_order

3: ubah_order

3.2: data_invalid

1.1: lihat_order1.2: tampil_order

2.1: lihat_detail_order

2.2:tampil_detail_order

3.1: ubah_order

3.1.2: order_diubah

4: hapus_order

4.2: order_terhapus

penjualan

1.1.1: lihat_order()

1.1.2:tampil_order

2.1.1:lihat_detai_order()

2.1.2:tampil_detail_order

3.1.1:ubah_order()

4.1:hapus_order()

ISSN: 1978-1520


10

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



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

ISSN: 1978-1520


12

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



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.

ISSN: 1978-1520


14

[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.

Documents

Rancang Bangun Sistem Informasi Penjualan Produk pada Mall ... · Rancang Bangun Sistem Informasi Penjualan Produk pada Mall Online ... biaya dan tenaga. ... penyewa yang dapat mengelola