SKRIPSI RANCANG BANGUN APLIKASI FRONT OFFICE BERBASIS WEB DAN ANDROID DI TOKO PUJI COLLECTION KUDUS HALAMAN JUDUL OLEH : RYAN OKTAVIANTO

Transkripsi

1 SKRIPSI RANCANG BANGUN APLIKASI FRONT OFFICE BERBASIS WEB DAN ANDROID DI TOKO PUJI COLLECTION KUDUS HALAMAN JUDUL OLEH : RYAN OKTAVIANTO SRIPSI DIAJUKAN SEBAGAI SALAH SATU SYARAT UNTUK MEMPEROLEH GELAR SARJANA KOMPUTER PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MURIA KUDUS 2015 i

2 JUDUL : RANCANG BANGUN APLIKASI FRONT OFFICE BERBASIS WEB DAN ANDROID DI TOKO PUJI COLLECTION KUDUS SAYA : RYAN OKTAVIANTO Mengizinkan skripsi Teknik Informatika ini disimpan di perpustakaan program studi Teknik Informatika Universitas Muria Kudus dengan syarat-syarat kegunaan sebagai berikut : 1. Skripsi adalah hal milik program studi Teknik Informatika UMK 2. Perpustakaan Teknik Informatika UMK dibenarkan membuat salinan untuk tujuan referensi saja 3. Perpustakaan juga dibenarkan membuat salinan skripsi ini sebagai bahan pertukaran antar institusi pendidikan tinggi 4. Berikut tanda sesuai dengan kategori skripsi Sangat Rahasia Rahasia Biasa UNIVERSITAS MURIA KUDUS PENGESAHAN STATUS SKRIPSI (Mengandung isi tentang keselamatan/kepentingan Negara Republik Indonesia) (Mengandung isi tentang kerahasiaan dari suatu organisasi/badan tempat penelitian skripsi ini dikerjakan) Disahkan Oleh : Penulis Pembimbing Utama Ryan Oktavianto NIM : Alamat Tetap : Desa Getas Pejaten Rt 08 Rw III Kec. Jati Kab. Kudus Tanggal : 29 Juli 2015 Arief Susanto, S.T,M.Kom NIDN Tanggal :29 Juli 2015 ii

3 UNIVERSITAS MURIA KUDUS PERNYATAAN PENULIS JUDUL SAYA : RANCANG BANGUN APLIKASI FRONT OFFICE BERBASIS WEB DAN ANDROID DI TOKO PUJI COLLECTION KUDUS : RYAN OKTAVIANTO NIM : Saya Menyatakan dan bertanggung jawab dengan sebenarnyaa bahwa skripsi ini adalah hasil karya saya sendiri kecuali cuplikan dan ringkasan yang masing-masing telah saya jelaskan sumbernya, jika pada waktu selanjutnya ada pihak lain yang, mengklaim bahwa skripsi ini sebagai karyanya, yang disertai dengan bukti-bukti yang cukup, maka saya bersedia untuk membatalkan gelar Sarjana Komputer saya beserta segala hak dan kewajiban yang melekat pada gelar tersebut. Kudus, 27 Agustus 2015 Ryan Oktavianto Penulis iii

4 UNIVERSITAS MURIA KUDUS PERSETUJUAN SKRIPSI JUDUL SAYA : RANCANG BANGUN APLIKASI FRONT OFFICE BERBASIS WEB DAN ANDROID DI TOKO PUJI COLLECTION KUDUS : RYAN OKTAVIANTO NIM : Laporan ini telah diperiksa dan disetujui, Kudus, 29 Juli 2014 Pembimbing 1 Pembimbing 2 Arief Susanto, S.T,M.Kom NIDN Mengetahui Kaprogdi Teknik Informatika Tutik Khotimah, M.Kom NIDN Ahmad Jazuli, M.Kom NIDN iv

5 UNIVERSITAS MURIA KUDUS PENGESAHAN SKRIPSI JUDUL SAYA : RANCANG BANGUN APLIKASI FRONT OFFICE BERBASIS WEB DAN ANDROID DI TOKO PUJI COLLECTION KUDUS : RYAN OKTAVIANTO NIM : Skipsi ini telah diujikan dan dipertahankan di hadapan Dewan Penguji pada Sidang Skripsi tanggal 20 Agustus Menurut pandangan kami, Skripsi ini memadai dari segi kualitas untuk tujuan penganugerahan gelar Sarjana Komputer (S.Kom). Kudus, 20 Agustus 2015 Ketua Penguji Penguji 1 Ahmad Jazuli, M.Kom NIDN Dekan Fakultas Teknik Mengetahui, Tri Listyorini, M.Kom NIDN Kaprogdi Teknik Informatika Rochmad Winarso, ST., MT NIS Ahmad Jazuli, M.Kom NIDN v

6 ABSTRACK Design of a web-based front office applications and android in stores Praise Collection used to build something that is required by the store and the customer that is growing toward computerization. The method used is the method by Sammerville Ian Waterfall. Research results with such systems make it easier for stores Praise Collection can promote and sell products more easily, effectively and efficiently. The system was developed using PHP programming language. Then proceed with the use of android-based system in order to make it easier for customers and shopkeepers to access the application. Expected useful systems developed optimally. Keywords: Front Office, Design, Web, PHP, Android. vi

7 ABSTRAK Rancang bangun aplikasi front office berbasis web dan android di toko Puji Collection Kudus digunakan untuk membangun sesuatu yang diperlukan oleh pihak toko maupun customer yang sedang berkembang ke arah komputerisasi. Metode penelitian yang digunakan adalah Metode Waterfall oleh Sammerville Ian. Hasil penelitian dengan adanya sistem tersebut lebih memudahkan toko Puji Collection Kudus dapat mempromosikan dan menjual produk dengan lebih mudah, efektif dan efisien. Sistem dikembangkan dengan menggunakan menggunakan bahasa pemrograman PHP. Kemudian dilanjutkan dengan penggunaan sitem berbasis android agar lebih memudahkan para customer maupun pemilik toko untuk mengakses aplikasi tersebut. Diharapkan sistem yang dikembangkan bermanfaat seoptimal mungkin. Kata Kunci : Front Office, Rancang Bangun, Web, PHP, Android. vii

8 KATA PENGANTAR Puji syukur kehadirat Allah SWT karena atas Rahmat dan Hidayah-Nya penulis mampu menyelesaikan penyusunan skripsi ini dengan judul Rancang Bangun Aplikasi Front Office Berbasis Web dan Android di Toko Puji Collection Kudus. Skripsi ini disusun guna melengkapi salah satu persyaratan untuk memperoleh Gelar Kesarjanaan Progam Studi Teknik Informatika Fakultas Teknik Universitas Muria Kudus. Kiranya dalam penyusunan skripsi ini tidak akan terselesaikan dengan baik tanpa bantuan dari berbagai pihak. Untuk itu pada kesempatan ini penulis mengucapkan terima kasih yang sebesar-besarnya, penghargaan yang setinggi-tingginya dan permohonan maaf atas segala kesalahan yang pernah penulis lakukan kepada semua pihak yang telah membantu dalam penyelesaian skripsi ini, terutama kepada : 1. Allah SWT yang telah memberikan Ridho, Rahmat dan Hidayah-Nya. 2. Bapak Dr.Suparnyo, SH, MS, selaku Rektor Universitas Muria Kudus. 3. Bapak Rochmad Winarso, ST, MT, selaku Dekan Fakultas Teknik Universitas Muria Kudus. 4. Bapak Ahmad Jazuli, S.Kom, M.Kom, selaku Ketua Program Studi Teknik Informatika Universitas Muria Kudus. 5. Bapak Arief Susanto, S.T,M.Kom selaku pembimbing utama Skripsi. 6. Ibu Tutik Khotimah, M.Kom, selaku pembimbing Skripsi penulis. 7. Ibu dan Bapak tercinta yang selalu memberikan dukungan moral dan materiil. 8. Semua pihak yang telah membantu penyusunan skripsi ini yang tidak bisa penulis sebutkan satu persatu. Penulis menyadari sepenuhnya bahwa dalam penyusunan skripsi ini masih terdapat banyak kekurangan, untuk itu penulis mengharap kritik dan saran dari berbagai pihak untuk sempurnanya sebuah karya tulis. Kudus, 29 Juli 2015 Penulis viii

9 DAFTAR ISI HALAMAN JUDUL... i PENGESAHAN SKRIPSI... ii PERNYATAAN PENULIS...iii PERSETUJUAN SKRIPSI... iv PENGESAHAN SKRIPSI... v ABSTRACK... vi ABSTRAK... vii KATA PENGANTAR...viii DAFTAR ISI... ix DAFTAR TABEL... xii DAFTAR GAMBAR...xiii DAFTAR LAMPIRAN... xvi BAB I PENDAHULUAN Latar Belakang Identifikasi Masalah Batasan Masalah Rumusan Masalah Tujuan Penelitian Manfaat Penelitian Manfaat Bagi Toko Tas Puji Collection Kudus Manfaat Bagi Masyarakat Manfaat Bagi IPTEK... 4 BAB II TINJAUAN PUSTAKA Penelitian Terkait Landasan Teori Diagram Aliran Data / Data Flow Diagram (DFD) Penyimpanan (Data Store) Diagram Konteks (Context Diagram) Diagram Nol Zero (Overview Diagram) ix

10 2.2.5 Diagram Rinci (Level Diagram) Kamus Data Entity Relationship Diagram (ERD) Website Java Script PHP MySQL Dreamweaver Android Sejarah dan Pengertian Android Macam-macam Versi Android Eclipse Kerangka Pemikiran BAB III METODE PENELITIAN Study Literature Pengumpulan Data dan Analisis Metode Pengerjaan BAB IV ANALISA, PERANCANGAN DAN DESAIN INPUT OUTPUT Gambaran Umum Aplikasi Front Office Berbasis Web dan Android Analisis Masalah Analisis Sistem yang Berjalan Analisis Sistem yang Diusulkan Analisis Kebutuhan Data dan Informasi Analisis Kebutuhan Aplikasi Untuk Perancangan Analisa Kebutuhan Perangkat Keras Analisa Kebutuhan Perangkat Lunak Perancangan Sistem Perancangan Basis Data ERD (Entity Relationship Diagram) Skema Tabel atau Relasi Antar Tabel Perancangan Database Perancangan Desain Interface, Input dan Output x

11 BAB V IMPLEMENTASI SISTEM Implemetasi Basis Data Implemetasi Sistem Upload Aplikasi ke Server Pengujian Sistem Hasil Pengujian Untuk Proses Registrasi/Pendaftaran Customer Hasil Pengujian Untuk Proses Login Customer Hasil Pengujian Untuk Proses Pemesanan Customer Halaman Pengujian Login Admin Halaman Pengujian Konfirmasi Pemesanan Admin Pengujian Instalasi Aplikasi di Handphone Android Rekapitulasi Hasil Kuisioner BAB VI PENUTUP Kesimpulan Saran DAFTAR PUSTAKA xi

12 DAFTAR TABEL Tabel 2.1 Simbol-simbol DFD... 7 Tabel 2.2 Penomeran Proses... Error! Bookmark not defined. Tabel 4.1 Tabel Admin Tabel 4.2 Tabel Kategori Tabel 4.3 Tabel Produk Tabel 4.4 Tabel Order Produk Tabel 4.5 Tabel Detail Transaksi Tabel 4.6 Tabel Pelanggan Tabel 4.7 Tabel Ongkir Tabel 4.8 Tabel Kota Tabel 4.9 Tabel Jasa Tabel 5.1 Tabel Pengujian Proses Registrasi Tabel 5.2 Tabel Pengujian Proses Login Customer Tabel 5.3 Tabel Pengujian Proses Pemesanan Customer Tabel 5.5 Tabel Pengujian Login Admin Tabel 5.6 Tabel Pengujian KonfirmasiPesanan Admin Tabel 5.7 Tabel Pengujian Aplikasi di Handphone Android Tabel 5.8 Rekapitulasi Kuisioner xii

13 DAFTAR GAMBAR Gambar 2.1 Kesatuan Luar... 7 Gambar 2.2 Proses... 8 Gambar 2.3 Penyimpanan (Data Store)... 9 Gambar 2.4 Entitas.....Error! Bookmark not defined. Gambar 2.5 Atribut Gambar 2.6 Relationship Gambar 2.7 Kerangka Pemikiran Gambar 3.1 Metodologi Waterfall Gambar 4.1 Context Diagram Aplikasi Front Office Toko Gambar 4.2 DFD Level 0 Aplikasi Front Office Toko Gambar 4.3 DFD Level 1 Pendataan Toko Gambar 4.4 DFD Level 1 Order Produk Gambar 4.5 ERD (Entity Relationship Diagram Gambar 4.6 Relasi Antar Tabel Gambar 4.7 Halaman Desain Aplikasi Untuk Pelanggan dan Pengunjung Gambar 4.8 Halaman Utama Untuk Pelanggan dan Pengunjung Gambar 4.9 Halaman login dan Sign up untuk Pelanggan dan Pengunjung Gambar 4.10 Halaman Detail Produk untuk Pelanggan dan Pengunjung Gambar 4.11 Halaman Cart untuk Pelanggan Gambar 4.12 Halaman Selesai Belanja untuk Pelanggan Gambar 4.13 Halaman Detail Transaksi untuk Pelanggan Gambar 4.14 Halaman Desain Aplikasi untuk Admin Gambar 4.15 Halaman Login Untuk Admin Gambar 4.16 Halaman Data Pelanggan Untuk Admin Gambar 4.17 Halaman Input Kategori Untuk Admin Gambar 4.18 Halaman Data Kategori Untuk Admin Gambar 4.19 Halaman Input Produk Untuk Admin Gambar 4.20 Halaman Data Produk Untuk Admin Gambar 4.21 Halaman Data Order Produk Untuk Admin Gambar 4.22 Halaman Input Ongkos Kirim Untuk Admin xiii

14 Gambar 4.23 Halaman Data Ongkos Kirim Untuk Admin Gambar 4.24 Halaman Input Jasa Kirim Untuk Admin Gambar 4.25 Halaman Data Jasa Kirim Untuk Admin Gambar 4.26 Halaman Input Kota Kirim Untuk Admin Gambar 4.27 Halaman Data Kota Kirim Untuk Admin Gambar 5.1 Tabel Admin Gambar 5.2 Tabel Pelanggan Gambar 5.3 Tabel Kategori Gambar 5.4 Tabel Produk Gambar 5.5 Tabel Jasa Gambar 5.6 Tabel Kota Gambar 5.7 Tabel Ongkir Gambar 5.8 Tabel Order Gambar 5.9 Tabel Detail Transaksi Gambar 5.10 Tabel Relasi Antar Tabel Gambar 5.11 Masukan Domain dan Pasword Gambar 5.12 Konfirmasi Order Gambar 5.13 Konfirmasi Domain Berhasil Dibuat Gambar 5.14 Halaman Menu File Gambar 5.15 Instal File Manager Gambar 5.16 Direktori File manager Gambar 5.17 Direktori file Manager /public_html Gambar 5.18 Menu File Database Gambar 5.19 Halaman PHP MyAdmin Gambar 5.20 Halaman importing Database Gambar 5.21 Halaman Direktori File Manager Folder Puji Gambar 5.22 Edit file Koneksi.php Gambar 5.23 Halaman Pelanggan dan Pengunjung Gambar 5.24 Gambar Produk Detail Gambar 5.25 Gambar Login Pelanggan Gambar 5.26 Menu Cart Gambar 5.27 Menu Ceckout xiv

15 Gambar 5.28 Menu Order Detail Gambar 5.29 Login Admin Gambar 5.30Tampilan Aplikasi Android xv

16 DAFTAR LAMPIRAN Lampiran 1 : Biodata Lampiran 2 : Konsultasi Skripsi Lampiran 3 : Revisi Skripsi Lampiran 4 : Biografi Penulis xvi