PERANCANGAN APLIKASI PENJUALAN BARANG BERBASIS WEB (STUDI KASUS : BIDANG PROMOSI DAN PENJUALAN GLAMROCKSHOP)

Transkripsi

1 PERANCANGAN APLIKASI PENJUALAN BARANG BERBASIS WEB (STUDI KASUS : BIDANG PROMOSI DAN PENJUALAN GLAMROCKSHOP) Oleh : Catur Kerincianto Putro Pembimbing : YuliusSatmoko Rahardjo, S.Si., M.Kom. ABSTRAK Tujuan dari skripsiini adalah membuat aplikasi penjualan barang berbasis web pada Glamrockshop yang dapat mempermudah pelanggan dalam melakukan transaksi pemesanan produk. Aplikasi penjualan berbasis web pada glamrockshop meliputi proses pemesanan produk, proses konfirmasi dan verifikasi pembayaran, proses pengiriman barang, dan proses pembuatan laporan. Metode yang digunakan untuk membuat aplikasi berbasis web pada Glamrockshop melalui beberapa tahapan. Pertama mendesain sistem dengan membuat Hierarchy Chart dan Data Flow Diagram (DFD) yang terdiri dari context diagram, DFD level 0, DFD level 1 dan 14 data store, DFD level 2. Kedua mendesain database dengan membuat Conceptual Data Model (CDM) sebanyak 8 entitas kemudian di-generate ke dalam Physical Data Model (PDM) sehingga menghasilkan 9 tabel. Ketiga mentrasformasikan PDM ke dalam database yang sebenarnya dengan menggunakan MySQL, keempat yaitu mendesain forminput dan output dengan menggunakan software Balsamiq_Mockup. Terakhir yaitu mengimplementasikan algoritma program yang telah disusun dan database yang telah dirancang ke program menggunakan PHP versi 5 dan web server apache. Dengan dibuatnya aplikasi penjualan berbasis web padaglamrockshop ini diharapkan dapat mempromosikan produk perusahaan dan mempermudah perusahaan dalam menerima pemesanan. Kemudahan akses informasi tentang produk GlamrockShop juga diharapkan dapat meningkatkan daya jual perusahaan. Kata kunci : Aplikasi, Penjualan,Web, Glamrockshop

2 WEB-BASED OF SELLING GOODS APPLICATION DESIGN (CASE STUDY: PROMOTION AND SALE OF GLAMROCKSHOP) By : Catur Kerincianto Putro Supervisor : Yulius Satmoko Rahardjo, S.Si., M.Kom. ABSTRAK The objectives from this Skripsi is to make web-based of selling goods application design Glamrockshop. Web-based of selling goodsapplication designglamrockshop which is making easier for customer in product order transaction. This system includes product order process, payment confirmation and verificationprocess, delivery process, andthe process of making travel permit. The method which used to manufacture of design of web-based goods sellingapplication Glamrockshop throught several stages.the first stage is designing system by makinghierarchy ChartandData Flow Diagram (DFD) which consisting ofcontext diagram, DFD level 0, DFD level 1, DFD level 2and 14 data store. The second stage is designing database by making as many 8 entities of Conceptual Data Model (CDM) the generate inphysical Data Model (PDM) so that resulting9 table. The third stage is tranform the PDM into the real database usingmysql, the fourth stage is designingoutput andinput formby usingsoftware Balsamiq_Mockup. The last stage is to implement the program algorythm which had been prepared and the database which had been designed to the program using the 5th version of PHP and apache web server. With in the made ofthis design of Web-based Of Selling GoodsApplication Design (Case Study : Promotion And Selling Of Glamrockshop) is expected to promote company product and facilitate the company in recieving order. Otherwise the easy acces of Glamrockshop product information is also expected to increase the company s selling. Keywords : Application,Selling,Web, Glamrockshop

3 DAFTAR ISI Kata Pengantar... iabstrak... ii Daftar Isi... iii Daftar Tabel... iv Daftar Gambar... v BAB I PENDAHULUAN 1.1 Latar Belakang Rumusan Masalah Batasan Masalah Tujuan Manfaat Sistematika Penulisan... 5 BAB II TINJAUAN PUSTAKA 2.1 Tinjauan Penelitian Terdahulu Landasan Teori Analisis Sistem Perancangan Sistem Diagram Jenjang Context Diagram Flowchart Sistem Desain Database Conceptual Data Model (CDM) Physical Data Model (PDM) e-commerce Mekanisme e-commerce Keuntungan e-commerce WEB Web Server Web Hosting Kamus Data Metode Waterfall Alat Perancangan PHP MySQL XAMPP HTML CSS

4 2.7.6 Power Designer BAB III METODOLOGI PENELITIAN 3.1 Teknik Pengumpulan Data Analisa Sistem Penyelidikan Awal Studi Kelayakan Flowchart Sistem Flowchart Halaman Customer Flowchart Halaman Utama Customer Flowchart Transaksi Pemesanan Produk Flowchart Konfirmasi Pembayaran Flowchart Login Pegawai Flowchart Halaman Admin Flowchart Master Flowchart Halaman Kasir Flowchart Transaksi Flowchart Halaman Manajer Flowchart Laporan Flowchart Update Password Diagram Berjenjang Diagram Konteks DFD Aplikasi e-commerce di Glamrockshop DFD Level 0 Aplikasi E-Commerce Glamrockshop DFD Level 1 Master DFD Level 1 Transaksi DFD Level 1 Laporan Desain Database Conceptual Data Model (CDM) Physical Data Model (PDM) Kamus Data Pengujian Sistem Alat Penelitian Waktu dan Tempat Penelitian BAB IV HASIL DAN PEMBAHASAN 4.1 Desain Input Form Utama Pelanggan Form Input Transaksi Keranjang Belanja Form Input Data Pembeli Form Input Konfirmasi Pembayaran Form Input Buku Tamu... 78

5 4.1.6 Form Login Admin dan Pegawai Form Utama Admin Form Utama Kasir Form Utama Manajer Form Ubah Password Form Daftar Bagian Form Edit Data Bagian Form Input Pegawai Form Daftar Pegawai Form Edit Data Pegawai Form Input Produk Form Daftar Produk Form Edit Produk Form Input Transaksi Pembayaran Desain Output Form Nota Order Pelanggan Laporan Penjualan Laporan Data Stok Barang Laporan Data Kas Tampilan Sistem Antarmuka Pelanggan Tampilan Awal Website Tampilan Profil Website Tampilan Halaman Produk Tampilan Halaman Keranjang Belanja Tampilan Halaman Isi Data Pembeli Tampilan Halaman Konfirmasi Bayar Tampilan Halaman Buku Tamu Tampilan Halaman Sistem Antarmuka Administrator Tampilan Halaman Login Administrator Tampilan Awal Halaman Administrator Tampilan Halaman Kasir Tampilan Halaman Manajer Tampilan Halaman Ubah Password Tampilan Halaman Daftar Bagian Tampilan Halaman Edit Bagian Tampilan Halaman Input Pegawai Tampilan Halaman Daftar Pegawai Tampilan Halaman Edit Data Pegawai Tampilan Halaman Input Produk Tampilan Halaman Daftar Produk

6 Tampilan Halaman Edit Produk Tampilan Halaman Input Transaksi Pembayaran Tampilan Halaman Sistem Output Tampilan Halaman Nota Order Pelanggan Tampilan Halaman Data Penjualan Tampilan Halaman Data Stok Barang Tampilan Halaman Data Kas Pembahasan Pengujian Sistem BAB V KESIMPULAN DAN SARAN 5.1 Kesimpulan Saran DAFTAR PUSTAKA

7 DAFTAR TABEL Tabel 2.1 Tabel sifat-sifat relasi pada entitas Tabel 3.1Struktur Tabel Pegawai Tabel 3.2Struktur Tabel Bagian Tabel 3.3Struktur Tabel Kategori Tabel 3.4Struktur Tabel Produk Tabel 3.5Struktur Tabel Pemesanan Tabel 3.6Struktur Database Tabel Berita Tabel 3.7Struktur Database Tabel Buku Tamu Tabel 3.8Struktur Tabel Detail Pemesanan Produk Tabel 3.9Struktur Tabel Pengeluaran... 71

8 DAFTAR GAMBAR Gambar 2.1 Simbol External Entity...14 Gambar 2.2 Simbol Process...15 Gambar 2.3Simbol Data Flow...15 Gambar 2.4Simbol Data Store...15 Gambar 2.5Simbol Proses...16 Gambar 2.6Simbol Manual Input...16 Gambar 2.7Simbol Display...17 Gambar 2.8Simbol Input/Output...17 Gambar 2.9Simbol Garis Alir...17 Gambar 2.10Simbol On - page reference...17 Gambar 2.11Simbol Off - page reference...18 Gambar 2.12Simbol Titik terminal...18 Gambar 2.13Simbol Persiapan...18 Gambar 2.14Simbol Keputusan...19 Gambar 2.15Simbol Dokumen...19 Gambar 2.16Simbol Entitas...21 Gambar 2.17Contoh tampilan Entitas...21 Gambar 2.18Simbol Kardinalitas One to One Non Mandatory...23 Gambar 2.19Simbol Kardinalitas One to One Mandatory...23 Gambar 2.20Simbol Kardinalitas One Mandatory to One Non Mandatory...23 Gambar 2.21Simbol Kardinalitas One to Many Non Mandatory...23 Gambar 2.22Simbol Kardinalitas One to Many Mandatory...23 Gambar 2.23Simbol Kardinalitas One Mandatory to Many Non Mandatory...24

9 Gambar 2.24Simbol Kardinalitas Many to One Non Mandatory...24 Gambar 2.25Simbol Kardinalitas Many to One Mandatory...24 Gambar 2.26Simbol Kardinalitas Many to Many Non Mandatory...25 Gambar 2.27Simbol Kardinalitas Many to Many Mandatory...25 Gambar 2.28Simbol Kardinalitas Many Mandatory Ke Many Non Mandatory...25 Gambar 2.29Simbol Relasi Dependent...26 Gambar 2.30Contoh Mekanisme e-commerce...30 Gambar 2.31Contoh Mekanisme e-commerce...36 Gambar 3.1Flowchart Document Glamrockhop...43 Gambar 3.2Flowchart Halaman Utama Customer...45 Gambar 3.3Flowchart Transaksi Pemesanan...46 Gambar 3.4Flowchart Konfirmasi Pembayaran...47 Gambar 3.5Flowchart Login...48 Gambar 3.6Flowchart Master...49 Gambar 3.7Flowchart Transaksi...50 Gambar 3.8Flowchart Laporan...51 Gambar 3.9Flowchart Ubah Password...52 Gambar 3.10Diagram Jenjang Aplikasi E-Commerce Online Glamrockshop...53 Gambar 3.11Context Diagram E-Commerce Glamrockshop...55 Gambar 3.12DFD Level 0 Aplikasi E-Commerce Online Glamrockshop...56 Gambar 3.13DFD Level 1 Pengolaan Data Master...57 Gambar 3.14DFD Level 1 Transaksi...59 Gambar 3.15DFD Level 1 Laporan...60 Gambar 3.16Conceptual Data Model e-commerceglamrockshop...61 Gambar 3.17Physical Data Model Aplikasi e-commerce Glamrockshop...65

10 Gambar 4.1Form Utama Pelanggan...75 Gambar 4.2Form Input Transaksi Keranjang Belanja...76 Gambar 4.3Form Input Data Pembeli...77 Gambar 4.4Form Input Konfirmasi Pembayaran...78 Gambar 4.5Form Buku Tamu...79 Gambar 4.6Form Login Admin dan Pegawai...80 Gambar 4.7Form Utama Admin...81 Gambar 4.8Form Utama Kasir...82 Gambar 4.9Form Utama Manajer...83 Gambar 4.10Form Ubah password...84 Gambar 4.11Form Daftar Bagian...85 Gambar 4.12Form Edit Data Bagian...86 Gambar 4.13Form Input Pegawai...87 Gambar 4.14Form Daftar Pegawai...88 Gambar 4.15Form Edit Pegawai...89 Gambar 4.16Form Input Produk...90 Gambar 4.17Form Daftar Produk...91 Gambar 4.18Form Edit Produk...92 Gambar 4.19Form Input Transaksi Pembayaran...93 Gambar 4.20Form Nota Order Pelanggan...94 Gambar 4.21Laporan Data Penjualan Per...95 Gambar 4.22Laporan Data Stok Barang...96 Gambar 4.23Laporan Data Kas...97 Gambar 4.24Tampilan Awal Website...98 Gambar 4.25Tampilan Halaman Profil Website...99

11 Gambar 4.26Tampilan Halaman Produk...99 Gambar 4.27Tampilan Halaman Keranjang Belanja Gambar 4.28Tampilan Halaman Isi Data Pembeli Gambar 4.29Tampilan Halaman Konfirmasi Pembayaran Gambar 4.30Tampilan Halaman Buku Tamu Gambar 4.31Tampilan Halaman Login Administrator Gambar 4.32Tampilan Halaman Awal Administrator Gambar 4.33Tampilan Halaman Kasir Gambar 4.34Tampilan Halaman Manajer Gambar 4.35Tampilan Halaman Ubah Password Gambar 4.36Tampilan Halaman Daftar Bagian Gambar 4.37Tampilan Halaman Edit Data Bagian Gambar 4.38Tampilan Halaman Input Pegawai Gambar 4.39Tampilan Halaman Daftar Pegawai Gambar 4.40Tampilan Halaman Edit Data Pegawai Gambar 4.41Tampilan Halaman Input Produk Gambar 4.42Tampilan Halaman Daftar Produk Gambar 4.43Tampilan Halaman Edit Produk Gambar 4.44Tampilan Halaman Transaksi Pembayaran Gambar 4.45Tampilan Halaman Nota Order Pelanggan Gambar 4.46Tampilan Halaman Data Penjualan Gambar 4.47Tampilan Halaman Data Stok Barang Gambar 4.48Tampilan Halaman Data Kas...112

12 DAFTAR PUSTAKA Agustina Mela Sari, B. E. (2013). SISTEM INFORMASI PENJUALAN PUPUK PADA TOKO SRI REJEKI. IJNS - Indonesian Journal on Networking and Security, ISSN: Bentley, W. a. (2010). Systems Analysis and Design Methods. London: McGraw- Hill 7rd edition. Fingar, P. K. (2000). Enterprise. Florida: Meghan Kiffer Press.. Hartman, A. (2000). Net Ready: Strategies for Success in the E-Conomy. United States: McGraw-Hill. Hastati, R. P. (2013). ANALISIS DAN PERANCANGAN SISTEM PENJUALAN BERBASIS WEB (E-COMMERCE) PADA TATA DISTRO KABUPATEN PACITAN. IJNS - Indonesian Journal on Networking and Security, ISSN: Kendall. (2003). Analisis dan Perancangan Sistem. Jakarta: Prenhallido. Kosiur, D. (1997). Understanding Electronic Commerce: How Online Transactions can Grow Your Business. Washington: Redmond. M, J. H. (2001). Analisis dan Desain Sistem Informasi : Pendekatan Terstruktur Teori dan Praktek Aplikasi Bisnis. Yogyakarta: Andi Offset. Pressman, R. S. (2002). Rekayasa Perangkat Lunak. Yogyakarta: Andi Offset. Sianipar, R. (2015). HTML5 dan CSS3 : Belajar dari kasus. Bandung: Informatika. Sunarko, H. (November 2013). RANCANG BANGUN E-COMMERCE PADA USAHA DAGANG (UD) HARAPAN JAYA MEUBEL. IJNS - Indonesian Journal on Networking and Security, ISSN: (P) (O). Sutopo, A. H. (2002). Analisis dan Desain Berorientasi Objek. Yogyakarta: J&J Learning. Thomson Laura, W. L. (2005). PHP And My Sql Web Development. ( 2nd Edition ). Australia: RMIT University In Melbourne. 12

13 13