JIK (Jurnal Informatika Kaputama) , Vol.1 No.1, Januari 2017 ISSN2548-9739

1

PERANCANGAN APLIKASI PENJUALANPAKAIAN BERBASIS WEB

1Mely Yunita Siahaan, 2J.P. Marbun, 3Mendarissan Aritonang

1Mahasiswa Prodi Manajemen Informatika Universitas Methodist Indonesia2Dosen Universitas Sumatera Utara, 3Dosen Tetap D-III Manajemen Informatika UMI

Abstrak

Pertukaran informasi dalam E-commerce dilakukan dalam format digital sehingga kebutuhan akanpengiriman data dalam bentuk cetak dapat dihilangkan. Dengan menggunakan sistem komputer yang salingterhubung melalui jaringan telekomunikasi, transaksi bisnis dapat dilakukan secara otomatis dan dalamwaktu yang singkat.Akibatnya informasi yang dibutuhkan untuk keperluan transaksi bisnis tersedia pada saatdiperlukan.Dengan melakukan bisnis secara elektronik, perusahaan dapat menekan biaya yang harusdikeluarkan untuk keperluan pengiriman informasi. Proses transaksi yang berlangsung secara cepat jugamengakibatkan meningkatnya produktivitas perusahaan.Dengan menggunakan teknologi informasi, E-commerce dapat dijadikan sebagai solusi untuk membantu perusahaan dalam mengembangkan perusahaandan menghadapi tekanan bisnis.Tingginya tekanan bisnis yang muncul akibat tingginya tingkat persainganmengharuskan perusahaan untuk dapat memberikan respon.Penggunaan E-commerce dapat meningkatkanefisiensi biaya dan produktifitas perusahaan, sehingga dapat meningkatkan kemampuan perusahaan dalambersaing.

Kata Kunci: e-commerce, php, perancangan sistem

1. PENDAHULUAN1.1 Latar Belakang

Electronic Commerce atau E-commerce merupakan bagian penting dariperkembangan teknologi dalam duniaInternet. Pemakaian sistem E-commercesangat menguntungkan banyak pihak, baikkonsumen, maupun produsen dan penjual.Sistem E-commerce di Indonesia kurangpopuler karena banyak pengguna internetyang masih meragukan keamanan sistem iniyang disebabkan karena kurangnya

pengetahuan tentang E-commerce yangsebenarnya.

Bagi pihak konsumen, menggunakanE-commerce dapat menghemat waktu danbiaya. Tidak perlu berlama-lama untuk antremendapatkan suatu barang maupun jasa yangdiinginkan seperti pakaian. Selain itu,masyarakat dapat memperoleh harga terkinidan bisa jadi harga pakaian yang ditawarkanmelalui E-commerce bisa lebih murahdibandingkan dengan harga lewat perantarabaik agen maupun toko, karena jalur distribusipakaian dan jasa dari produsen ke konsumen

JIK (Jurnal Informatika Kaputama) , Vol.1 No.1, Januari 2017 ISSN2548-9739

2

lebih pendek dan singkat dibandingkandengan tempat penyedia pakaian.

Layanan on-line menyediakan banyakkemudahan dan kelebihan jika dibandingkandengan cara layanan konvensional. Selain bisamenjadi lebih cepat, lewat internet pakaianyang disediakan biasanya lebih komplet.Selain itu, biasanya informasi tentang pakaiantersedia secara lengkap, sehingga walaupuntidak membeli secara on-line, bisamendapatkan banyak informasi penting danakurat untuk memilih suatu produk atau jasayang akan diinginkan. Tetapi dari semuakemudahan-kemudahan yang diperolehtersebut E-commerce juga menjadi targetkejahatan di dunia internet, diantaranya adalahberbagai penipuan, pencurian, pembobolan,dan lain-lain yang membuat orang yangsedang belanja online menjadi tidak amanakan data-datanya.

1.2 Tujuan PenelitianTujuan penelitian ini adalah untuk

merancang suatu sistem informasi penjualanyang dapat membantu perusahaanmenjalankan operasional perusahaan dalammeningkatkan kinerja perusahaan dan mampumemberikan laporan-laporan yang diperlukanperusahaan.

1.3 Manfaat PenelitianManfaat dari penelitian ini adalah

sebagai berikut:1. Mempermudah kegiatan perdaganganbagi masyarakat.2. Membantu pengguna untuk

mengetahui dengan cepat jenis barangyang akan mereka beli.

2 LANDASAN TEORI2.1 E-commerce

E-commerce atau bisa disebutPerdagangan elektronik atau e-dagang adalahpenyebaran, pembelian, penjualan, pemasaranpakaian dan jasa melalui sistem elektronikseperti internet atau televisi, www, ataujaringan komputer lainnya. E-commerce dapatmelibatkan transfer elektronik, pertukarandata elektronik, sistem manajemen inventoriotomatis, dan sistem pengumpulan dataotomatis.

Industri teknologi informasi melihatkegiatan e-dagang ini sebagai aplikasi danpenerapan dari e-bisnis (e-business) yangberkaitan dengan transaksi komersial, seperti:transfer dana secara elektronik, SCM (supplychain management), e-pemasaran (e-marketing), atau pemasaran online (onlinemarketing), pemrosesan transaksi online(online transaction processing), pertukarandata elektronik (electronic data interchange/EDI).

2.2 Peluang E-commerce Di IndonesiaPerkembangan E-commerce di

Indonesia sendiri telah ada sejak tahun 1996,dengan berdirinya Dyviacom Intrabumi atauD-Net (www.dnet.net.id) sebagai perintistransaksi online. Wahana transaksi berupa malonline yang disebut D-Mall (diakses lewat D-Net) ini telah menampung sekitar 33 tokoonline/merchant. Produk yang dijualbermacam-macam, mulai dari makanan,aksesori, pakaian, produk perkantoran sampaifurniture. Selain itu, berdiri pulahttp://www.eCommerce-indonesia.com/,tempat penjualan online berbasis internet yangmemiliki fasilitas lengkap seperti adanyabagian depan toko (storefront) dan shopping

JIK (Jurnal Informatika Kaputama) , Vol.1 No.1, Januari 2017 ISSN2548-9739

3

cart (keranjang belanja). Selain itu, ada jugaCommerce Net Indonesia – yang beralamat dihttp://isp.Commerce.net.id/. SebagaiCommerce Service Provider (CSP) pertama diIndonesia, Commerce Net Indonesiamenawarkan kemudahan dalam melakukanjual beli di internet. Commerce Net Indonesiasendiri telah bekerjasama dengan lembaga-lembaga yang membutuhkan E-commerce,untuk melayani konsumen seperti PT Telkomdan Bank International Indonesia. Selain itu,terdapat pula tujuh situs yang menjadi anggotaCommerce Net Indonesia, yaitu Plasa.com,Interactive Mall 2000, Officeland, KompasCyber Media, Mizan OnlineTelecommunication Mall dan Trikomsel.

3. METODOLOGI PENELITIAN3.1 Analisis Masalah

Masalah yang dihadapi dalampenjualan pakaian yang terjadi saat ini adalahbagaimana menjual suatu produk dengan padapasar yang lebih luas, karena secara umumpenjualan produk dilakukan dalam satuwilayah atau gedung tertentu sehingga apayang dijual masih belum maksimal, danberdasarkan uraian tersebut dibuat sebuahusulan untuk membuat sebuah sistempenjualan pakaian secara online (E-Commerce) yang dapat menjual pakaian padawilayah yang lebih luas denganmemanfaatkan media internet.

Analisis Sistem UsulanSistem yang akan di rancang yaitu

sistem penjualan secara online. Diharapkandengan adanya sistem yang akan dirancangdapat menyelesaikan permasalahan–permasalahan di dalam sistem yang sedangberjalan.

3.2 Diagram KonteksAdapun Diagram Konteks merupakan

hubungan antara satu sistem usulan denganaliran penyimpanan data, adapun entitasdalam perancangan diagram konteks padapenjualan pakaian ini adalah Customer,EDP/ADMIN dan Pimpinan/PemilikPerusahaan, yang digambarkan seperti DFDdibawah ini:

Gambar 3.1 Diagram Konteks SistemInformasi Penjualan

3.3 Data Flow Diagram

Adapun Diagram Level 0 merupakangambaran sistem usulan dengan aliranpenyimpanan data.

JIK (Jurnal Informatika Kaputama) , Vol.1 No.1, Januari 2017 ISSN2548-9739

4

Gambar 3.2 Data DFD Level – 0

3.4 Perancangan DatabaseRancangan filedatabase terdiri dari

beberapa tabel yang memiliki kegunaanmasing-masing, susunan tabel yang terdapatdalam filedatabase yang digunakan tersebutdapat dilihat pada tabel berikut ini:

1. Tabel AdminTabel Admin ini berfungsi untuk

menyimpan user admin yang dipergunakanuntuk membuka menu administrator.

2. Tabel MemberTabel Member ini berfungsi untuk

menyimpan informasi Member yangmendaftar ke sistem, dengan adanya data padatabel ini maka Member yang bersangkutandapat melihat informasi produk dan memesanproduk di web ini.

Tabel 2. MemberNamaField

TipeData

Panjang

KeteranganId_meber Int 11

Nama_Member

VarChar 20Jenis_Kelamin

VarChar 20Alamat TextPropinsi VarChar 30Kota Varchar 15Telp Varchar 20Kode_Pos Varchar 20Username Varchar 20

3. Tabel KategoriTabel Kategori ini berfungsi untuk

menyimpan informasi jenis kategori produkyang ada.

Tabel 3. KategoriNamaField

TipeData

Panjang

KeteranganId_kategori

Int 5 Auto_IncrementNama_kat

egoriVarChar

15 NamaKategori

4. Tabel produkTabel Sub Kategori ini berfungsi

untuk menyimpan informasi produk yang ada.

Tabel 4. ProdukNamaField

TipeData

Panjang

Keterangan

Id_produk

Int 5Id_kategori

Int 5 Auto_Increment,Nama_p

rodukVarCh

ar20 Nama Sub

KategoriDekrisi TextVitur TextHarga Varch

ar10

Jenis_produk

Varchar

20Stok Varch

afr20

Gambar Text

JIK (Jurnal Informatika Kaputama) , Vol.1 No.1, Januari 2017 ISSN2548-9739

5

5. Tabel PesanTabel Pesan ini berfungsi untuk

menyimpan semua informasi tujuanpengiriman pesanan.

Tabel 5. PesanNamaField

TipeData

Panjang

Keterangan

Id_pesan Int 5 Auto_IncrementId_Memb

erVarch

ar20

Total Varchar

20Tanggal_pesan

DateStatus_pesan

Varchar

20

6. Tabel AjukanTabel ajukan ini berfungsi untuk

mengisi saldo yang dilakukan oleh memberdengan tujuan untuk pembayaran pemesananbarang.

Tabel 6. AjukanNamaField

TipeData

Panjang

Keterangan

Id_aju Int 11 Auto_IncrementId_Memb

erVarch

ar20

No_rekening

Varchar

40Tanggal_transfer

Date

D_bank Varchar

10

K_bank Varchar

10

Saldo Varchar

10Status_ajukan

Varchar

20

7. Tabel KeranjangTabel keranjang ini berfungsi untuk

menampung data barang yang dipesan olehMember yang mendaftar ke sistem, denganadanya data pada tabel ini maka Member yangbersangkutan dapat melihat pemesan produkdi web ini.

Tabel 7. KeranjangNamaField

TipeData

Panjang

KeteranganId_keranj

angInt 11

Id_pesan VarChar 20Id_produk

Int 11Id_member

Int 11banyak VarChar 30Tanggal_keranjang

DateStatus_keranjang

Varchar 20

8. Tabel BankTabel bank ini berfungsi untuk

mengtranser saldo yang dilakukan olehmember dengan tujuan untuk pembayaranpemesanan barang

Tabel 8. BankNamaField

TipeData

Panjang

KeteranganId_virtual Int 11

Id_member

Int 11nominal VarChar 20Id_member

Int 11

3.5 Relasi Antar Tabel DatabaseRelasi Database merupakan hubungan

yang terjadi pada suatu tabel dengan tabelyang lainnya, yang berfungsi untuk mengaturoperasi suatu database. yaitu:

Gambar 3.3 Relasi Database

JIK (Jurnal Informatika Kaputama) , Vol.1 No.1, Januari 2017 ISSN2548-9739

6

3.6 Perancangan FormPerancangan Layar Main (Home)

Halaman ini digunakan sebagai menuutama dari sistem yang akan dibangun:

Gambar 3.4 Rancangan Layar Home User

Perancangan pendaftaran MemberHalaman ini dibuat untuk pendaftaran

oleh member atau pelanggan yang hendakmembeli barang pada perusahaan, adapungambarnya dapat dilihat pada gambardibawah ini:

Gambar 3.5 Rancangan Layar Tentang Kami

Perancangan Layar data ProdukHalaman ini dibuat untuk mencari

sebuah produk yang akan di beli pelanggan,adapun gambarnya dapat dilihat pada gambardibawah ini:

Gambar 3.6 Rancangan Layar Data Produk

Perancangan Layar login memberHalaman ini dibuat untuk login

member baru didalam sistem e-commerse,adapun gambarnya dapat dilihat pada gambardibawah ini:

Gambar 3.7 Rancangan Layar Login MemberBaru

Perancangan Layar Jenis Produk yangdijual

Halaman ini dibuat untukmenampilkan semua semua produk darisebuah kategori, adapun gambarnya dapatdilihat pada gambar dibawah ini:

JIK (Jurnal Informatika Kaputama) , Vol.1 No.1, Januari 2017 ISSN2548-9739

7

Gambar 3.8 Rancangan Layar Jenis Produkyang dijual

Perancangan Layar login Admin/PetugasHalaman ini dibuat untuk login

Admin/Petugas baru didalam sistem e-commerse, adapun gambarnya dapat dilihatpada gambar dibawah ini:

Gambar 3.9 Rancangan Layar LoginAdmin/Petugas Baru

A. Perancangan Layar Form TambahKategori Pakaian

Halaman ini dibuat untukmemasukkan kategori produk, adapungambarnya dapat dilihat pada gambardibawah ini:

Gambar 3.10 Rancangan Tambah Kategori(Administrator)

B. Perancangan Layar Form TambahProduk

Halaman ini dibuat untukmemasukkan data produk, adapun gambarnyadapat dilihat pada gambar dibawah ini:

Gambar 3.11 Rancangan Tambah Produk(Administrator)

C. Perancangan Layar Laporan PerhariHalaman ini dibuat untuk

menampilkan laporan pesanan pakaian,adapun gambarnya dapat dilihat pada gambardibawah ini:

JIK (Jurnal Informatika Kaputama) , Vol.1 No.1, Januari 2017 ISSN2548-9739

8

No. : xxxxxxID member (invoice) : xxxxxNama member : xx/xx/xxxxTotal belanja : xxxxxxxxTanggal : xxxxxxxxx

No. IDmember(invoice)

Namamember

Harga Totalbelanja

Tanggal

TOTALGambar 3.12 Rancangan Laporan Perhari

(Administrator)

D. Perancangan Layar LaporanPerminggu

Halaman ini dibuat untukmenampilkan laporan pesanan pakaian,adapun gambarnya dapat dilihat pada gambardibawah ini:No. : xxxxxxxxxxID member (invoice) : xxxxxNama member : xx/xx/xxxxTotal belanja : xxxxxxxxxTanggal : xxxxxxxxx

No. IDmember(invoice)

Namamember

Harga Totalbelanja

Tanggal

TOTALGambar 3.13 Rancangan Laporan Perminggu

(Administrator)

E. Perancangan Layar Laporan PerbulanHalaman ini dibuat untuk

menampilkan laporan pesanan pakaian,adapun gambarnya dapat dilihat pada gambardibawah ini:No. : xxxxxxxxxxID member (invoice) : xxxxxNama member : xx/xx/xxxxTotal belanja : xxxxxxxxxTanggal : xxxxxxxxx

No. IDmember(invoice)

Namamember

Harga Totalbelanja

Tanggal

TOTALGambar 3.14 Rancangan Laporan Perbulan

(Administrator)

JIK (Jurnal Informatika Kaputama) , Vol.1 No.1, Januari 2017 ISSN2548-9739

9

4. HASIL DAN PEMBAHASAN4.1 Implementasi Database

1. Implementasi ini dibuat untukmenampilkan tabel database Admin,seperti terlihat pada Gambar 4.1 dibawah ini

Gambar 4.1 Admin

2. Implementasi ini dibuat untukmenampilkan tabel database Member,seperti terlihat pada Gambar 4.2 dibawah ini:

Gambar 4.2 Member

3. Implementasi ini dibuat untukmenampilkan tabel database produk,seperti terlihat pada Gambar 4.3 dibawah ini

Gambar 4.3 Produk

4. Implementasi ini dibuat untukmenampilkan tabel database kategori.

5. Implementasi ini dibuat untukmenampilkan tabel database V_Bank,seperti terlihat pada Gambar 4.4 dibawah ini:

Gambar 4.4 V_Bank

6. Implementasi ini dibuat untukmenampilkan tabel database Pesan,seperti terlihat pada Gambar 4.5 dibawah ini:

Gambar 4.5 Pesan

Tampilan Menu Utama (Home)Form Menu Utama adalah form yang

dirancang sebagai form induk dariPerancangan Aplikasi Pejualan Pakaian.Adapun bentuk form Menu Utama dapatdilihat pada Gambar 4.6 di bawah ini:

JIK (Jurnal Informatika Kaputama) , Vol.1 No.1, Januari 2017 ISSN2548-9739

10

Gambar 4.6 Tampilan Menu Utama

Tampilan Form Pendaftaran MemberForm Pendaftarana nggota ini di

gunakan untuk mendaftarkan anggota baruyang dapat memesan produk yang tersedia,Adapun bentuk Pembahasan form PendaftaranAnggota dapat dilihat pada Gambar 4.7dibawah ini:

Gambar 4.7 Tampilan Member

Tampilan Login MemberProses Login ini dilalukan setelah

member berhasil melakukan pendaftaransetelah itu masuk kesistem dan bisamelalakukan pemesanan barang. dapat dilihatpada Gambar 4.8 di bawah ini:

Gambar 4.8 Tampilan Login Member

Tampilan Form ProdukForm Produk untuk melihat detail dari

daftar produk yang ada sesuai dengan kategoriyang di pilih, dapat dilihat pada Gambar 4.9 dibawah ini:

Gambar 4.9 Tampilan Form Produk

Tampilan Login PetugasForm ini untuk masuk kedalam Login

Petugas, dapat dilihat pada Gambar 4.10. dibawah ini:

Gambar 4.10 Tampilan Login Petugas

JIK (Jurnal Informatika Kaputama) , Vol.1 No.1, Januari 2017 ISSN2548-9739

11

Tampilan Nama Data ProdukHalaman ini digunakan untuk

menyediakan menu-menu pilihan dalampemrosesan data produk, dapat dilihat padaGambar 4.11 di bawah ini:

Gambar 4.11Tampilan Nama Data Produk

Tampilan Kategori ProdukHalaman ini digunakan untuk

memasukkan kategori dari Produk, dapatdilihat pada Gambar 4.12 di bawah ini:

Gambar 4.12 Tampilan Kategori Produk

Tampilan Menambahkan ProdukHalaman ini digunakan untuk

menambahkan Produk, dapat dilihat padaGambar 4.13 di bawah ini:

Gambar 4.13 Pembahasan MenambahkanProduk

Laporan Penjualan PerhariImplementasi ini dibuat untuk

menampilkan laporan penjualan barang,seperti terlihat di bawah ini:

Gambar 4.14 Laporan Penjualan Perhari

Laporan Penjualan PermingguImplementasi ini dibuat untuk

menampilkan laporan penjualan barang,seperti terlihat di bawah ini:

Gambar 4.15 Laporan Penjualan Perminggu

Laporan Penjualan PerbulanImplementasi ini dibuat untuk

menampilkan laporan penjualan barang,seperti terlihat di bawah ini:

Gambar 4.16 Laporan Penjualan Perbulan

JIK (Jurnal Informatika Kaputama) , Vol.1 No.1, Januari 2017 ISSN2548-9739

12

5. KESIMPULAN

Sebagai penutup sajian pembahasandalam penulisan Tugas Akhir ini penulismencoba mengambil kesimpulan-kesimpulansekaligus memberikan saran untuk kemajuansistem yang dibuat. Dengan adanyakesimpulan dan saran ini dapatlah diambilsuatu perbandingan yang akhirnya dapatmemberikan perbaikan-perbaikan pada masayang akan datang. Adapun kesimpulan yangpenulis peroleh adalah:1. Sistem informasi yang dibangun

memudahkan perusahaan untukmemperluas jangkauan penjualansehingga membantu perusahaanmenjalankan operasional dalammeningkatkan kinerja perusahaan danmemberikan laporan-laporan yangdiperlukan perusahaan.

2. Sistem yang dibangun ini sangat bergunakarena berbasis web terutama dalambidang pengolahan data penjualan produksecara online yang memudahkan paracalon pelanggan menerima informasiyang terbaru karena dapat diakses dariinternet.

3. Program E-commerce sangat baikdiimplementasi dalam penjualan barangkarena sistem E-commerce bisameningkatkan jumlah penjualan yangada.

4. E-commerce dibutuhkan untukmelakukan penjualan yang tidak dibatasioleh ruang dan waktu.

DAFTAR PUSTAKA

[1] Fathansyah. 2003. penyusunan danpengelolaan basis data, Yogyakarta:Adi

[2] Herlambang, F. 2003. Trik ExplorasiDreamweaver MX. Jakarta: PT. ElexMedia Komputindo.

[3] Jogiyanto, H. 2005. Analisis danSistem Informasi. Jakarta: PenerbitKawan Pustaka.

[4] Ladjamudin, A.B, 2005. Analisis danDesain Sistem Informasi.Yogyakarta: Graha Ilmu.

[5] Mahyuzir, T.D. 2005. PengembanganBisnis Secara Luas. Jakarta: PT. ElexMedia Komputindo.

[6] Peranginangin, K. 2002. AplikasiWeb dengan PHP dan MySQL.Yogyakarta: Andi.

[7] Purbo, W. dan Wahyudi, A.A. 2001.Mengenal E-commerce. Jakarta:Andi

[8] Swastha, I. 2002. Faktor-Faktor yangMempengaruhi Penjualan. Jakarta:Andi.

[9] Triton, P. 2006. Mengenal e-commerce dan Bisnis di Dunia Cyber.Yokyakarta: Argo Publishing.

[10] Winardi. 2001. Penjualan barangdagang. Jakarta: Andi

[11] Yuan G. 2002. Encyclopedia ofInformation Science and Technology.Jakarta: Andi

[12] XAMPP (Apache, PHP, MySQL danphpMyadmin). Blog php dan MySQLsolution: http://php-mysql-solution.blogspot.com/2008/01/tentang-xampp-apache-php-mysql-dan.html.