SISTEM INFORMASI PENJUALAN BERBASIS WEB

PADA THE MALVIN DISTRO CILACAP

NASKAH PUBLIKASI

diajukan oleh

Yudha Subuhana

11.22.1390

kepadaSEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

AMIKOM YOGYAKARTAYOGYAKARTA

2015

NASKAH PUBLIKASI

SISTEM INFORASI PENJUALAN BERBASIS WEBSITE

PADA THE MALVIN DISTRO CILACAP

1

SISTEM INFORASI PENJUALAN BERBASIS WEBSITEPADA THE MALVIN DISTRO CILACAP

Yudha Subuhana1), Sudarmawan2),

1) Sistem Informasi STMIK AMIKOM Yogyakarta2) Teknik Informatika STMIK AMIKOM Yogyakarta

Jl Ringroad Utara, Condongcatur, Depok, Sleman, Yogyakarta Indonesia 55283Email : yudha.su@students.amikom.ac.id

1), sudarmawan@amikom.ac.id

2)

Abstract - Internet technology has proven tobe one of the media information effectively andefficiently in the dissemination of information thatcan be accessed by anyone, anytime and anywhere.Internet technology has a profound effect on thetrade or business. Only from home or office space,prospective buyers can see the products on thecomputer screen, to access information, order andpay with the options available.Prospective buyers can save time and money becauseit does not need to come to the store or place ofseating transactions so they can make decisionsquickly. Online transactions can also connectbetween the seller and the prospective buyer directlywithout being limited by space and time.The Malvin is a distro that is being developed and isengaged in the sale of fashion includes couple, T-shirts, shirts and jackets. Looking at the developmentof technology and relate it to the business carried onThe Malvin, then took a promotion and salesinformation system that leads to the world ofinternet.

Keywords - Technology, Internet, Information, TheMalvin.

1. PendahuluanThe Malvin Distro berdiri sejak 2009. Distro ini terletakpusat kota Cilacap tepatnya di jalan S. Parman No. 15ASidanegara, Cilacap Tengah, Cilacap. Distro ini menjualpakaian dan aksesoris dengan membidik pasar anakmuda tetapi tidak sedikit juga orang tua berbelanjadisini. Selain berbelanja untuk sendiri, sering didaptipengunjung yang berbelanja karena mendapat titipandari teman atau saudaranya yang di luar Cilacap.Hal inilah yang mendorong penulis untuk membangunsebuah sistem yang dapat mempermudah The Malvindalam menginformasikan tentang jenis informasi yangada pada The Malvin, sehingga penulis tertarik untukmengamati dan merancang sebuah sistem. Denganmengambil judul “Sistem Informasi PenjualanBerbasis Website pada The Malvin Distro Cilacap”.1.1 Rumusan MasalahDari apa yang dijabarkan dalam latar belakang masalah,The Malvin memerlukan solusi yang lebih tepat dalampemasaran, sehingga dapat memberikan informasi yanglebih akurat terhadap costumer / user. Maka dapatdirumuskan masalah yaitu :

Bagaimana memanfaatkan teknologi informasi komputeruntuk membangun sebuah website sebagai mediapromosi dan pemasaran pada The Malvin.1.2 TujuanTujuan yang ingin dicapai dari disusunnya penelitian iniadalah sebagai berikut :

1. Penelitian ini disusun sebagai syarat untukmenyelesaikan program studi Strata 1 padaSTMIK “AMIKOM” Yogyakarta.

2. Memberikan kemudahan kepada masyarakatuntuk mendapat informasi tentang The Malvin.

1.3 Metodologi PenelitianUntuk mendapatkan data yang baik dan relevan denganaplikasi yang akan dibangunmaka digunakan beberapametode pengumpulan data. Beberapa metodepengumpulan data tersebut diantaranya adalah sebagaiberikut :

1. Metode Observasi.2. Metode Wawancara.3. Metode Kearsipan.4. Metode Kepustakaan.

2. PembahasanSistem adalah kumpulan elemen-elemen yang salingterkait dan bekerja sama untuk memproses masukan(input) yang ditujukan kepada sistem tersebut danmengelolah masukan tersebut sampai menghasilkankeluaran (output) yang diinginkan.[1]Sistem Informasi adalah suatu sistem didalam suatuorganisasi yang mempertemukan kebutuhan transaksiharian, mendukung operasi bersifat manajerial dankegiatan strategi dari suatu organisasi dan menyediakanpihak luar tertentu dengan laporan laporan yangdiperlukan.[2]2.1 InternetSecara etimologis, internet berasal dari bahasa inggris,yakni inter berarti antar dan net berarti jaringan sehinggadapat diartikan hubungan antarjaringan.2.2 HTMLHypertext berarti hal yang dibuat dapat di link(dirangkai) dengan hal lain. Sedangkan markup berartiformat dokumen, jadi Hypertext Markup Language dapatdi artikan : “ bahasa pemformatan untuk membuat halanyang dapat di link “. Sehingga kita dapat mengartikanHTML dengan bahasa yang digunakan untukmemformat halaman web.2.3 PHP

2

PHP adalah sebuah bahasa pemrograman yangperintahnya dilaksanakan pada server dan kemudianhasilnya ditampilkan pada computer klien.2.4 MySQLMySQL adalah sebuah system manajemen databaserelasi (relational database management system) yangbersifat “terbuka” (open source).2.5 Web ServerWeb server adalah software yang menjadi tulangbelakang dari world wide web (www). Web servermenunggu permintaan dari client yang menggunakanbrowser. Jika ada permintaan dari browser, maka webserver akan memproses permintaan itu kemudianmemberikan hasil prosesnya berupa data yangdiinginkan kembali ke browser.3. Analisis3.1 Analisis Sistem Yang Sedang BerjalanAnalisis sistem yang sedang berjalan menguraikansecara sistematis aktifitas-aktifitas yang terjadi dalamsistem informasi yang ada dan sedang berjalan di TheMalvin Distro

1. Konsumen menyerahkan data pemesanan barang kebagian kasir.

2. Bagian kasir menerima data pemesanan lalumengecek ketersediaan barang yang dipesankonsumen, bila barang tersedia di kasir maka kasirmembuat faktur penjualan 2 rangkap, satu untukkonsumen satu lagi disimpan sebagai arsippenjualan untuk pembuatan laporan penjualan.

3. Bila barang tidak tersedia kasir membuat notapermintaan barang ke bagian admin.

4. Bagian admin menerima nota permintaan baranglalu melakukan penyesuaian persediaan barang danmembuat data persediaan barang untuk kasir.

5. Bagian kasir membuat laporan penjualan kePemilik.

6. Bagian admin membuat laporan persediaan barangke Pemilik.

Gambar 1 Sistem Yang Sedang BerjalanKeterangan gambar = A : Arsip Penjualan Barang

3.2 Analisis Kelemahan SistemUntuk mengidentifikasi masalah, maka kita harusmelakukan analisis terhadap kinerja, informasi ,efisiensi,ekonomi, pengendalian dan pelayanan. Panduan inidikenal dengan PIECES ( Performance, Information,Economic, Control, Efficiency, Services ).3.2.1 Analisis Kinerja (Performance)

Table 1 Analisis Kinerja

Faktor Hasil Analisis1. Troughput

2. Respontime

1.Beban kerja dalam mengerjakandata penjualan memerlukan waktuyang lama karena di tulis secaramanual

2.Pencarian data ketersediaan stockbarang memerlukan waktu yanglama karena harus mencari secaraamanual

3.2.2 Analisis Informasi (Information)Table 2 Analisis Informasi

Faktor Hasil Analisis1. Akurat

2. Relevan

3. TepatWaktu

1.Jika terjadi kesalahan memasukandata, pengkoreksian sulitdilakukan dan kesalahan tidak bisalangsung direvisi.

2.Informasi berita penjualan kurangrelevan jika informasi diterimaoleh pihak yang tidakmembutuhkan.

3.Perubahan informasi beritapenjualantidak bisa langsungdiketahui, sehingga informasimenjadi tidak bermanfaat lagi biladiterima terlambat

3.2.3 Analisis Ekonomi (Economy)Table 3 Analisis Ekonomi

Faktor Hasil Analisis1. Biaya2. Manfaat

1.Media cetak memerlukan biayasekitar 10.000 sampai 80.000.

2.Iklan melalui surat kabar lebihefektif daripada iklan radio,meskipun surat kabar terbatas areaCilacap.

3.2.4 Analisis Pengendali (Control)Table 4 Analisis Pengendali

Faktor Hasil Analisis1. Pengaturan

Hak Akses

2. KeamananData

1.Akses terhadap proses pencatatandan pembuatan laporan masihdapat dicampuri oleh pihak lain.

2.Pengendalian data masih kurang.Pencatatan data manual rentanterhadap hilangnya data karenatidak adanya backup data

3.2.5 Analisis Efisiensi (Efficiency)Table 5 Analisis Efisisensi

Faktor Hasil Analisis1. Penggunaan

SDM

2. KeamananData

1.Ditinjau dari segi efisiensi, makapenggunaan sumber daya manusiamenunjukkan bahwa kinerjasistem pengolahan data yang telahberjalan selama ini masihmenggunakan cara manual.

2.Data yang diolah dengan caramanual memerlukan banyak waktudan informasi yang dihasilkanmasih terbatas.

3.2.6 Analisis Pelayanan (Service)Table 6 Analisis Pelayanan

3

Faktor Hasil Analisis1. Ragam

Informasi

2. KemudahanMendapatInformasi

1.Karena masih menggunakan caramanual, jadi ragam informasi yangditerima masih terbatas dan kurangmaksimal.

2.Untuk mendapatkan informasiselama masih menggunakan sistemyang lama, masih sulit karenaterbatasnnya ragam informasi yangdisajikan.

3.3 Analisis Kebutuhan Sistem3.3.1 Kebutuhan FungsionalKebutuhan fungsional pada sistem ini antara lain :

1. Sistem dapat melakukan proses data Mastera) Sistem dapat mengolah data adminb) Sistem dapat mengolah data berita.c) Sistem dapat mengolah data FAQ.d) Sistem dapat mengolah data halaman.e) Sistem dapat mengolah data event.f) Sistem dapat mengolah data galeri.g) Sistem dapat mengolah data jarak.

2. Sistem dapat melakukan proses data produk.a) Sistem dapat mengolah data jenis.b) Sistem dapat mengolah data produk.

3. Sistem dapat melakukan proses data pemesanan.a) Sistem dapat mengolah data pesan.

4. Sistem dapat melakukan proses data pembayaran.a) Sistem dapat mengolah data konfirmasi.b) Sistem dapat mengolah data bayar.

5. Sistem dapat melakukan proses data pengiriman.a) Sistem dapat mengolah data pengiriman.

6. Sistem dapat melakukan proses data kontak.a) Sistem dapat mengolah data kontak.

7. Sistem dapat melakukan proses data pendaftaran.a) Sistem dapat mengolah data pendaftaran.

8. Sistem dapat melakukan proses menampilkaninformasi.a) Sistem dapat menampilkan data informasi.

3.3.2 Kebutuhan Non Fungsional1.Operasional

a. Menggunakan sistem operasi minimal MicrosoftWnidows XP

b. Spesifikasi komputer minimal Pentium IIIc. Kebutuhan memory minimal 256MB RAMd. Harddisk minimal 160GB

2. Informasia. Diguanakan untuk menginformasikan apabila

password atau username yang dimasukan olehpengguna salah.

3. Kinerjaa. Sistem akan mendata informasi produk-produk

yang tersedia dan mendata informasi transaksipenjualan.

b. Waktu untuk melakukan konfirmasi pembayarandibatasi 7 hari,

4. Keamanana. Admin yang akan melakukan login harus

menggunakan account yang telah terdaftar dan

passsword yang telah terenkripsi baru bisamendapat hak akses ke dalam halaman admin.

a. Pada halama admin terdapat session login.3.4 Perancangan Sistem3.4.1 Perancangan Proses3.4.1.1 DFD (Data Flow Diagram)DFD merupakan alat pembuat model yang seringdigunakan, khususnya bila fungsi-fungsi sistemmerupakan bagian yang lebih penting dan kompleksdaripada data dimanipulasi oleh sistem.Dengan demikianDFD sebagai alat pembuat model yang memberikanpenekanan hanya pada fungsi sistem.

Gambar 2 Diagram KonteksDari diagram konteks diatas kemudian akan digambardengan lebih terinci lagi yang disebut dengan overviewdiagram (level 0). Tiap-tiap proses di overview diagramakan digambar secara lebih terinci lagi dan disebutdengan level 1. Tiap-tiap proses di level 1 akan digambarsecara lebih terinci lagi dan disebut dengan level 2, danseterusnya sehingga tiap-tiap proses dapat digambarlebih terinci lagi[4].

Gambar 3 Diagram Arus Data Level 03.4.1.2 Flowchart ProgramFlowchart Program merupakan keterangan yang lebihrinci tentang bagaimana setiap langkah program atauprosedur sesungguhnya dilaksanakan.

Gambar 4 Flowchart Program (Admin)

4

Gambar 5 Flowchart Program (Manajer)

Gambar 6 Flowchart Program (User)3.4.2 Perancangan Basis Data3.4.2.1 ERD (Entinity Relationship Diagram)

Gambar 7 ERD (Entinity Relationship Diagram)3.4.3 Rancangan Interface

1. Halaman Index

Gambar 8 Rancang Halaman Index2. Halaman Profil

Gambar 9 Rancang Halaman Profil3. Halaman Produk

Gambar 10 Rancang Halaman Produk4. Halaman Berita

Gambar 11 Rancang Halaman Berita5. Halaman Event

Gambar 12 Rancang Halaman Event6. Halaman Galeri

Gambar 13 Rancang Halaman Galeri7. Halaman FAQ

Gambar 14 Rancang Halaman FAQ8. Halaman Kontak

5

Gambar 15 Rancang Halaman Kontak4. Pembahasan4.1 Implementasi Proses4.1.1 Proses Data MasterProses data master merupakan proses pengolahan datayang dimana nanti data yang diolah pada data masterakan digunakan pada proses yang lain seperti prosestransaksi dan pendaftaran. Pengguna yang terlibat dalamproses pengolahan data master adalah admin. Sebelummelakukan pengolahan data master terlebih dahuluadmin harus melakukan login.

Gambar 16 Halaman Login Admin1. Proses Data Admin

Gambar 17 Halaman Menu Admin

Gambar 18 Tabel Admin2. Proses Data Halaman

Gambar 18 Halaman Menu Halaman

Gambar 19 Tabel Halaman3. Proses Data Berita

Gambar 20 Halaman Menu Berita

Gambar 21 Tabel Berita4. Proses Data FAQ

Gambar 22 Halaman Menu FAQ

Gambar 23 Tabel FAQ5. Proses Data Event

Gambar 24 Halaman Menu Event

Gambar 25 Tabel Event6. Proses Data Galeri

Gambar 26 Halaman Menu Galeri

Gambar 27 Tabel Galeri7. Proses Data Jarak

Gambar 28 Halaman Menu Jarak

Gambar 29 Tabel Jarak4.1.2 Proses Data Produk

1. Proses Data Jenis

Gambar 30 Halaman Menu Jenis

Gambar 31 Tabel Jenis2. Proses Data Produk

Gambar 32 Halaman Menu Produk

6

Gambar 33 Tabel Produk4.1.3 Proses Data Pendafaran

1. Proses Data User

Gambar 34 Halaman Menu User

Gambar 35 Tabel User4.1.4 Proses Data Pemesanan

1. Proses Data Pesan

Gambar 36 Halaman Menu Pemesanan

Gambar 37 Tabel Pesan2. Proses Data Pesan Detail

Gambar 38 Tabel Pesan Detail4.1.5 Proses Data Pembayaran

1. Proses Data Konfirmasi

Gambar 39 Halaman Menu Konfirmasi

Gambar 40 Tabel Konfirmasi2. Proses Data Bayar

Gambar 41 Halaman Menu Pembayaran

Gambar 42 Tabel Bayar4.1.6 Proses Data Pengiriman

1. Proses Data Kirim

Gambar 43 Halaman Menu Pengiriman

Gambar 44 Tabel Kirim4.1.7 Proses Data Kontak

1. Proses Data Kontak

Gambar 45 Tabel Kontak5. Penutup5.1 KesimpulanBerdasarkan uraian penjelasan dan pembahasan padakeseluruhan bab, maka dapat ditarik kesimpulan sebagaiberikut :

1. Bahwa sistem yang dibangun sudah bisamelakukan olah data admin sesuai dengan yangdiharapkan dimana output yang dihasilkan sesuaidengan input yang dimasukkan.2. Bahwa sistem yang dibangun sudah bisamelakukan olah data transaksi sesuai dengan yangdiharapkan, dimana konsumen sudah bisa melihatdan memesan produk-produk yang ada di TheMalvin Distro Cilacap.

5.2 SaranPeulis memberikan beberapa saran untuk pengembanganaplikasi website tersebut agar menjadi lebih baikkedepannya, yaitu sebagai berikut :

1. Memperhatikan security website, sehinggankeamanan data yang ada didalamnya dapat terjamin.2. Selalu melakukan update produk-produk ataupuninformasi terbaru, seperti bisa melakukanpembayaran secara kredit.

Daftar Pustaka[1] Kristanto Andri, Perancangan Sistem Informasi dan

Aplikasinya, Gaya Media, Yogyakarta, 2003, hal: 2[2] Robert A. Leitch/K Roscoe Davis , Accounting

Information System. (New Jersey : prentice-Hall,1983), hal .6 .

[3] Jogiyanto HM,Prof, Dr.Analisis & Desain SistemInformasi : Pendektan terstruktur teori dan praktikaplikasi bisnis,(yogyakarta:penerbit Andi,2005)hal700

[4] Jogiyanto.HM, Analisis & Desain Sistem Informasi,Edisi kedua, Cetakan pertama, 1999, Penerbit Andi,Yogyakarta. hal 714

[5] Al-Fatta, Hanif, Analisis dan Perancangan SistemInformasi, Penerbit ANDI, Yogyakarta, 2007

[6] Kadir, Abdul, Pengenalan Sistem Informasi, AndiOffset, Yogyakarta, 2008

[7] Kusrini, Strategi Perancangan dan Pengolahan BasisData, Penerbit ANDI, Yogyakarta, 2007

Biodata PenulisYudha Subuhana, memperoleh gelar Sarjana Komputer(S.Kom), Jurusan Sistem Informasi STMIK AMIKOMYogyakarta, lulus tahun 2015.Sudarmawan, memperoleh gelar Magister Teknik(M.T), S2 Teknik Elektro UGM Yogyakarta. Saat inimenjadi Dosen di STMIK AMIKOM Yogyakarta sejak1998 sampai dengan sekarang.