RANCANG BANGUN APLIKASI TOKO ONLINE BERBASIS WEB RESPONSIVE MENGGUNAKAN HMVC PADA CODEIGNITER

Transkripsi

1 RANCANG BANGUN APLIKASI TOKO ONLINE BERBASIS WEB RESPONSIVE MENGGUNAKAN HMVC PADA CODEIGNITER TUGAS AKHIR Sebagai Persyaratan Guna Meraih Sarjana Strata 1 Teknik Informatika Universitas Muhammadiyah Malang Disusun Oleh: Jiwanto Ardi JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH MALANG 2016 i

2 LEMBAR PERSETUJUAN RANCANG BANGUN APLIKASI TOKO ONLINE BERBASIS WEB RESPONSIVE MENGGUNAKAN HMVC PADA CODEIGNITER TUGAS AKHIR Sebagai Persyaratan Guna Meraih Sarjana Strata 1 Teknik Informatika Universitas Muhammadiyah Malang Disusun Oleh : Jiwanto Ardi Telah diperiksa dan disetujui, Dosen Pembimbing I Dosen Pembimbing II Maskur, S.Kom, M.Kom. Zamah Sari, S.T, M.T. NIP NIP ii

3

4

5

6 SURAT PERNYATAAN Yang bertanda tangan dibawah ini: Nama : Jiwanto Ardi NIM : Fak / jur : Teknik Informatika Dengan ini saya menyatakan bahwa tugas akhir saya dengan judul: Rancang Bangun Aplikasi Toko Online Berbasis Web Responsive Menggunakan HMVC Pada Codeigniter. Adalah bukan merupakan karya tulis orang lain, baik sebagian maupun keseluruhan, kecuali dalam bentuk kutipan yang telah disebutkan sumbernya. Demikian surat pernyataan ini saya buat dengan sebenar-benarnya dan apabila surat pernyataan ini tidak benar, saya siap mendapatkan sanksi akademis. Malang, 3 Mei 2016 Yang Menyatakan (Jiwanto Ardi) Mengetahui, Dosen Pembimbing I Dosen Pembimbing II Maskur, S.Kom, M.Kom. Zamah Sari, S.T, M.T. NIP NIP iv

7 ABSTRAK Sistem aplikasi web toko online menggunakan hmvc pada codeigniter diharapkan dapat memberi kemudahan kepada para pelaku bisnis online dalam melakukan kegiatan usaha jual beli dan memudahkan para programmer web dalam mengembangkan sistem aplikasi ini karena programmer dapat membongkar dan memasang sebuah modul tanpa mempengaruhi sistem yang sedang berjalan. Perancangan sistem aplikasi ini dikembangkan dengan menggunakan perangkat lunak XAMPP dan adobe dreamweaver cs6. Dengan menggunakan XAMPP, paket - paket aplikasi yang kita perlukan dalam merancang sebuah situs yang baik seperti Apache Web Server, PHP dan MySQL telah tersedia. Sistem aplikasi web toko online ini meliputi pemakaian situs oleh superadmin, admin, guest, dan member. Kata Kunci : hmvc, codeigniter, xampp, php v

8 ABSTRACT Web application system online store using hmvc on codeigniter is expected to provide convenience to business people conducting business online in selling buying and facilitates web programmers in developing this application system because programmer can unpack and install a module without affecting the running system. This application system design software developed using XAMPP and Adobe Dreamweaver CS6. By using the XAMPP package - a package of applications that we need in designing a good site such as Apache Web Server, PHP and MySQL are available. Online store web application system includes the use of the site by superadmin, admin, guest, and member. Keywords : hmvc, codeigniter, xampp, php vi

9 LEMBAR PERSEMBAHAN Puji syukur kepada Allah SWT atas rahmat, hidayah, dan karunia-nya, penulis dapat menyelesaikan Tugas Akhir dengan judul Rancang Bangun Aplikasi Toko Online Berbasis Web Responsive Menggunakan HMVC Pada Codeigniter. Atas terselesaikannya Tugas Akhir ini, dengan kerendahan hati, penulis menyampaikan banyak terima kasih kepada: 1. Bapak Maskur, S.Kom, M.Kom dan Bapak Zahmah Sari, S.T, M.T selaku pembimbing tugas akhir saya. 2. Bapak/Ibu Rektor Universitas Muhammadiyah Malang. 3. Bapak/Ibu Dekan Fakultas Teknik Universitas Muhammadiyah Malang. 4. Bapak/Ibu Ketua Jurusan Teknik Informatika Universitas Muhammadiyah Malang. 5. Bapak/Ibu Dosen Jurusan Teknik Informatika Universitas Muhammadiyah Malang 6. Kedua Orang Tua tercinta, Ayahanda Sukardi dan Ibunda Sumarmi. Terima kasih atas segala pengorbanan dan kasih sayang yang kalian berikan, serta doa - doa yang sangat istimewa dan yang terbaik yang kalian kirimkan lewat perantara-nya. 7. Seluruh teman teman i-class angkatan Seluruh teman teman Ikabama Universitas Muhammadiyah Malang, terima kasih atas pengalaman yang diberikan. vii

10 LEMBAR PENGESAHAN RANCANG BANGUN APLIKASI TOKO ONLINE BERBASIS WEB RESPONSIVE MENGGUNAKAN HMVC PADA CODEIGNITER Tugas Akhir Diajukan Sebagai Syarat Untuk Memperoleh Gelar Sarjana (S1) Di Fakultas Teknik Universitas Muhammadiyah Malang Disusun Oleh : Nama : Jiwanto Ardi Nim : Tugas Akhir ini telah disetujui dan dinyatakan lulus oleh tim penguji Pada hari senin 3 mei 2016 Disetujui Oleh, Dosen Penguji 1 Dosen Penguji 2 Aminudin, S.Kom, M.Cs. Eko Budi Cahyono, S.Kom, M.T. NIDN NIP Mengetahui Kepala Jurusan Teknik Informatika Yuda Munarko, S.kom, M.Sc. NIP iii

11 KATA PENGANTAR Segala puji bagi Allah SWT, Tuhan seluruh alam atas limpahan rahmat dan hidayah-nya sehingga penulis dapat menyelesaikan tugas akhir yang berjudul : RANCANG BANGUN APLIKASI TOKO ONLINE BERBASIS WEB RESPONSIVE MENGGUNAKAN HMVC PADA CODEIGNITER Pada tugas akhir ini disajikan pokok-pokok pembahasan yang meliputi pendahuluan, landasan teori, perancangan sistem, implementasi dan pengujian sistem. Penulis menyadari bahwa masih terdapat banyak kekurangan dan keterbatasan dalam tugas akhir ini. Oleh karena itu, penulis mengharapkan masukan berupa saran dan kritik yang membangun agar tulisan ini dapat lebih bermanfaat bagi perkembangan ilmu pengetahuan kedepan. Akhir kata penulis berharap semoga tugas akhir ini dapat bermanfaat dan menjadi tambahan ilmu pengetahuan bagi pembaca sekalian. Penulis juga menyampaikan terima kasih kepada semua pihak yang telah membantu terselesaikannya tugas akhir mulai dari tahap awal hingga akhir. Malang, 3 Mei 2016 viii Penulis

12 DAFTAR ISI HALAMAN JUDUL... LEMBAR PERSETUJUAN... LEMBAR PENGESAHAN... LEMBAR PERNYATAAN... ABSTRAK... ABSTRACT... LEMBAR PERSEMBAHAN... KATA PENGANTAR... DAFTAR ISI... DAFTAR GAMBAR... DAFTAR TABEL... Hal. i ii iii iv v vi vii viii ix xii xiv BAB I : PENDAHULUAN Latar Belakang Rumusan Masalah Tujuan Batasan Masalah Metodologi... 3 BAB II : LANDASAN TEORI Web Toko Online Hierarchical Model View Controller (HMVC) Framework Codeigniter Gocart Raja Ongkir... 8 ix

13 2.4 Basis Data Database Management System (DBMS) Unified Modeling Language Bagian Bagian UML Tujuan Penggunaan UML BAB III : ANALISA DAN PERANCANGAN SISTEM Analisa Sistem Arsitektur Sistem Perancangan HMVC Perancangan UML Use Case Diagram Sistem Activity Diagram Sistem Sequence Diagram Sistem Class Diagram Sistem Desain Database Desain Interface BAB IV : IMPLEMENTASI DAN PENGUJIAN Implementasi Sistem Implementasi Pengembangan Perangkat Keras Implementasi Lingkungan Pengembangan Perangkat Lunak Antar Muka Sistem Halaman Backend Halaman Frontend Alur Proses Pemesanan Pengujian Sistem Blackbox Testing x

14 4.4.2 Pengujian Kuesioner Pengujian Performa Test BAB V : KESIMPULAN DAN SARAN Kesimpulan Saran DAFTAR PUSTAKA xi

15 DAFTAR GAMBAR Hal. Gambar 2.1 Konsep HMVC... 5 Gambar 3.1 Arsitektur Sistem Gambar 3.2 Struktur MVC Framework Codeigniter Gambar 3.3 Struktur HMVC Gambar 3.4 Use Case Diagram Backend Sistem Gambar 3.5 Use Case Diagram Frontend Sistem Gambar 3.6 Activity Diagram Backend Superadmin Gambar 3.7 Activity Diagram Backend Admin Gambar 3.8 Activity Diagram Frontend Login User Gambar 3.9 Activity Diagram Frontend Guest User Gambar 3.10 Sequence Diagram Backend Superadmin Gambar 3.11 Sequence Diagram Backend Admin Gambar 3.12 Sequence Diagram Frontend Member Gambar 3.13 Sequence Diagram Frontend Guest User Gambar 3.14 Class Diagram Gambar 3.15 Designer Relational Database Gambar 3.16 Tampilan Interface Gambar 4.1 Tampilan Halaman Modul Katalog Gambar 4.2 Tampilan Halaman Modul Pesanan Gambar 4.3 Tampilan Halaman Modul Konfirmasi Pembayaran Gambar 4.4 Tampilan Halaman Modul Pelanggan Gambar 4.5 Tampilan Halaman Modul Pelanggan Group Gambar 4.6 Tampilan Halaman Modul Kupon Diskon Gambar 4.7 Tampilan Halaman Modul Laporan Penjualan xii

16 Gambar 4.8 Tampilan Halaman Modul Kurir dan Pembayaran Gambar 4.9 Integrasi API Ongkos Kirim Gambar 4.10 Tampilan Halaman Home Gambar 4.11 Tampilan Kupon Diskon Gambar 4.12 Tampilan Member Diskon Gambar 4.13 Tampilan Alamat Tagihan dan Pengiriman Gambar 4.14 Tampilan Metode Pengiriman Gambar 4.15 Tampilan Metode Pembayaran Gambar 4.16 Tampilan Submit Pesanan Gambar 4.17 Tampilan Submit Pesanan Ke Gambar 4.18 Tampilan Konfirmasi Pembayaran Gambar 4.19 Alur Proses Pemesanan Gambar 4.20 Hasil Pengujian Performance Test xiii

17 DAFTAR TABEL Hal. Tabel 3.1 Structure Tabel Katalog Produk Tabel 3.2 Structure Tabel Kategori Produk Tabel 3.3 Structure Tabel Pelanggan Tabel 3.4 Structure Tabel Pesanan Tabel 3.5 Structure Tabel Kupon Diskon Tabel 3.6 Structure Tabel Konfirmasi Pembayaran Tabel 4.1 Pengujian Halaman Backend Tabel 4.2 Pengujian Halaman Frontend Tabel 4.3 Pertanyaan Kuesioner Tabel 4.4 Jawaban Kuesioner Tabel 4.5 Pemberian Nilai Pada Jawaban xiv

18 DAFTAR PUSTAKA Connolly, Thomas M. and Carolyn E. Begg Database System : A Practical Approach to Design, Implementation, and Management Fourth Edition. USA: Addison Wesley, Longman Inc. Edhy Sutanta. (2004). Sistem Basis Data. Yogyakarta: Graha Ilmu Kadir, Abdul Pengenalan Sistem Informasi. Yogyakarta: Penerbit Andi. McLeod, Raymond dan Schell, George Sistem Informasi Manajemen. Diterjemahkan oleh Hendra Teguh. Edisi Delapan. Jakarta: PT Indeks. Saputra, Agus Trik dan Solusi Pemrograman PHP, Jakarta : PT. Elex Media Komputindo. EllisLab, Inc. (2012). CodeIgniter - Open source PHP web application framework, consulted January diakses tanggal , jam diakses tanggal , jam

19 BIOGRAFI PENULIS Jiwanto Ardi adalah seorang mahasiswa Teknik Informatika Universitas Muhammadiyah Malang. Lahir di Kota Malang pada tanggal 1 November Pernah menempuh jenjang Sekolah di SDK 1 Mardiwiyata Malang sampai tahun Kemudian melanjutkan jenjang pendidikan di SMPN 8 Malang hingga tahun Selanjutnya Melanjutkan Pendidikan di SMAN 2 Malang sampai tahun Dan kemudian menempuh jenjang perguruan tinggi di Universitas Muhammadiyah Malang hingga tahun Selagi orang tidur saya bangun, Selagi orang bangun saya jalan, Selagi orang jalan saya lari.