PEMBUATAN SISTEM INFORMASI WEB UNTUK ASOSIASI TOKO SPAREPART SEPEDA MOTOR. Diajukan Oleh DYAN PERMANA YUDHA M

Transkripsi

1 PEMBUATAN SISTEM INFORMASI WEB UNTUK ASOSIASI TOKO SPAREPART SEPEDA MOTOR Tugas Akhir Disusun untuk memenuhi salah satu syarat dalam memperoleh gelar Ahli Madya pada Program Studi Diploma III Teknik Informatika Universitas Sebelas Maret. Diajukan Oleh DYAN PERMANA YUDHA M PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET 2016 i

2 ii

3 iii

4 iv

5 HALAMAN MOTTO Tuhan.Mohon bantulah aku hari ini menjadi pribadi yang percaya diri.yang gagah menghadapi kesulitan.tabah menghadapi fitnah.dan justru bekerja dengan hasil yang hebat saat orang lain meragukanku.tuhan.aamiiin (Mario Teguh) HALAMAN PERSEMBAHAN Sebuah karya tulisan ini saya dedikasikan untuk : 1. Ridho Tuhan Yang Maha Esa 2. Ayahanda dan Ibunda Tercinta 3. Kakak kandung yang sudah lulus mendahului saya 4. Bapak dan Ibu Dosen D3 Teknik Informatika yang memberikan semangat kepada saya 5. Rekan-rekan seperjuangan TI A / B D3 Teknik Informartika 2013 v

6 KATA PENGANTAR Puji syukur kehadirat Tuhan YME yang telah melimpahkan segenap rahmat dan karunia-nya, sehingga penyusunan Tugas Akhir dengan judul PERANCANGAN SISTEM INFORMASI WEB UNTUK ASOSIASI TOKO SPAREPART SEPEDA MOTOR ini dapat terselesaikan pada waktunya tanpa halangan berarti. Penyusunan laporan ini bertujuan untuk memenuhi persyaratan dalam memperoleh gelar Amd. Program Diploma III Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta. Dalam melakukan penelitian dan penyusunan Laporan Tugas Akhir ini penulis mendapatkan bantuan dan dukungan dari berbagai pihak. Oleh sebab itu pada kesempatan ini, penulis mengucapkan terima kasih kepada semua pihak yang telah memberikan bantuan dan dukungannya, terutama kepada: 1. Prof. Ir. Ari Handono Ramelan, M.Sc.(Hons)., Ph.D. selaku Pimpinan Fakultas Matematika dan Ilmu Pengetahuan Universitas Sebelas Maret yang memberikan kesempatan kepada penulis untuk belajar. 2. Bapak Abdul Aziz, S.Kom., M.Cs. selaku Ketua Program Studi Diploma III Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta yang memberikan kesempatan kepada penulis untuk belajar. 3. Bapak Eko Harry Pratisto S.T., M.Info.Tech selaku Dosen Pembimbing Tugas Akhir yang telah memberikan bimbingan, waktu, saran serta dukungan kepada penulis. 4. Keluarga yang tercinta yang telah banyak memberikan dukungan serta doa. 5. Mahasiswa D3 Teknik Informatika 2013 yang selalu memberikan semangat lebih dalam memotivasi penulis dalam menggapai cita-cita. 6. Semua pihak terkait yang tidak bisa saya sebutkan satu persatu, atas bantuan dan dukungannya dalam pelaksanaan Tugas Akhir. vi

7 vii

8 DAFTAR ISI HALAMAN PERSETUJUAN... Error! Bookmark not defined. HALAMAN PENGESAHAN... ii PERNYATAAN... iii HALAMAN MOTTO... iv HALAMAN PERSEMBAHAN... v KATA PENGANTAR... vi DAFTAR ISI... viii DAFTAR TABEL... xi DAFTAR GAMBAR... xiii INTISARI... xv ABSTRACT... xvi BAB I PENDAHULUAN Latar Belakang Perumusan Masalah Batasan Masalah Tujuan Manfaat Metodologi Penelitian Pengumpulan Data Analisa Data Desain dan Perancangan Implementasi Pengujian Sistem Sistematika Penulisan BAB II TINJAUAN PUSTAKA DAN LANDASAN TEORI Tinjauan Pustaka HyperText Preprocessor (PHP) Bootstrap Unified Modellin Language (UML) Use Case Diagram viii

9 2.6 Class Diagram Squence Diagram Basis Data Entity Relationsip Diagram (ERD) Web Server BAB III ANALISIS DAN RANCANGAN SISTEM Proses Bisnis Aplikasi Software Requirement Specification (SRS) Aplikasi berbasis Web Kebutuhan Fungsional Aplikasi berbasis Web Kebutuhan Non-Fungsional Aplikasi berbasis Web Perancangan Aplikasi berbasis Web Use Case Diagram Skenario Use Case Sequence Diagram Class Diagram Perancangan Basis Data Entity Relationship Diagram (ERD) Relasi Antar Tabel Perancangan Tabel Tabel toko Tabel stok Tabel produk Tabel admin Tabel order Tabel konsumen Tabel list_produkbaru Tabel kategori Tabel merk Tabel detail_order Perancangan Desain User Interface User Interface Aplikasi berbasis Web ix

10 BAB IV IMPLEMENTASI DAN PENGUJIAN Implementasi... Error! Bookmark not defined Implementasi Interface Aplikasi Berbasis Web Pengujian Sistem Pengujian Black Box BAB V KESIMPULAN DAN SARAN a. Kesimpulan b. Saran Daftar Pustaka x

11 DAFTAR TABEL Tabel 2.1. Simbol Komponen Use Case Tabel 2.2. Notasi Class Diagram Tabel 2.4. Simbol Sequence Diagram Tabel 2.5. Simbol Entity Relationsip Diagram (ERD) Tabel 3.1. Kebutuhan Fungsional Sistem Tabel 3.5. Use Case Menambah Toko Tabel 3.6. Use Case Melihat Toko Tabel 3.7. Use Case Menampilkan data konsumen Tabel 3.8. Use Case Menambah kategori Tabel 3.9. Use Case Melihat Kategori Tabel Use Case Merubah Kategori Tabel Use Case Menghapus Kategori Tabel Use Case Melihat List Produk Tabel Use Case Menerima List Produk Tabel Use Case Menolak List Produk Tabel Use Case Melihat List Produk Diterima Tabel Use Case Menambah Produk Tabel Use Case Melihat Produk Tabel Use Case Merubah Produk Tabel Use Case Merubah Gambar Produk Tabel Use Case Melihat Detail Produk Tabel Use Case Melihat Admin Tabel Use Case Menambah Admin Tabel Use Case Merubah Admin Tabel Use Case Menghapus Admin Tabel Use Case Melihat Pemilik Toko Tabel Use Case Merubah Pemilik Toko Tabel Use Case Menambah List Produk Tabel Use Case Melihat Status List Produk Tabel Use Case Menambah Stok Produk Tabel Use Case Melihat Stok Tabel Use Case Merubah Stok xi

12 Tabel Use Case Melihat User Toko Tabel Use Case Merubah User Toko Tabel Tabel toko Tabel Tabel stok Tabel Tabel produk Tabel Tabel admin Tabel Tabel order Tabel Tabel konsumen Tabel Tabel list_produkbaru Tabel Tabel kategori Tabel Tabel detail_order Tabel Black Box Testing pada Toko xii

13 DAFTAR GAMBAR Gambar 2.1. Bootstrap template AdminLTE Gambar 2.2. Satu ke satu Gambar 2.3. Satu ke banyak Gambar 2.4. Banyak ke satu Gambar 2.5. Banyak ke banyak Gambar 2.6. Contoh Representasi JSON pada sebuah Object.. Error! Bookmark not defined. Gambar 3.2. Gambaran Proses Bisnis Gambar 3.3. Use Case Diagram Aplikasi berbasis Web Gambar 3.4. Sequence Diagram Menambah Toko Gambar 3.5. Squence Diagram Melihat Toko Gambar 3.6. Squence Diagram Melihat Konsumen Gambar 3.7. Squence Diagram Menambah Kategori Gambar 3.8. Squence Diagram Melihat kategori Gambar 3.9. Squence Diagram Merubah Kategori Gambar Squence Diagram Menghapus Kategori Gambar Sequence Diagram Melihat List Produk Gambar Sequence Diagram Menerima List Produk Gambar Sequence Diagram Menolak List Produk Gambar Squence Diagram Melihat List Produk Diterima Gambar Sequence Diagram Menambah Produk Gambar Sequence Diagram Melihat Produk Gambar Sequence Diagram Merubah Produk Gambar Sequence Diagram Merubah Gambar Produk Gambar Sequence Diagram Melihat Detail Produk Gambar Sequence Diagram Melihat Admin Gambar Sequence Diagram Menambah Admin Gambar Sequence Diagram Merubah Admin Gambar Sequence Diagram Menghapus Admin Gambar Sequence Diagram Melihat Pemilik Toko Gambar Sequence Diagram Merubah Pemilik Toko Gambar Sequence Diagram Menambah List Produk xiii

14 Gambar Sequence Diagram Melihat Status List Produk Gambar Sequence Diagram Menambah Stok Produk Gambar Sequence Diagram Melihat Stok Gambar Sequence Diagram Merubah Stok Gambar Sequence Diagram Melihat User Toko Gambar Sequence Diagram Menambah User Toko Gambar Class Diagram Gambar Entity Relationship Diagram (ERD) Gambar Relasi Antar Tabel Gambar Desain Halaman Layout Web Gambar 4.1. Implementasi Halaman Dashboard Gambar 4.2. Implementasi Halaman Produk Gambar 4.3. Implementasi Halaman List Produk xiv

15 INTISARI Sebuah asosiasi komunitas toko sparepart sepeda motor yang ada di berbagai daerah membutuhkan sebuah sistem informasi untuk menjual produk. Cara pembuatan sistem informasi menggunakan bahasa pemrograman framework PHP Codeigniter, sehingga sistem informasi tersebut dijalankan di perangkat Dekstop PC. Sistem informasi ini menggunakan google maps untuk menentukan letak lokasi toko dan harus terkoneksi dengan jaringan internet. Sedangkan alat bantu software untuk sajian penampilan sistem informasi dari sisi perangkat Dekstop PC menggunakan web browser yaitu Google Chrome. Pembuatan sistem informasi penjualan toko sparepart kendaraan untuk asosiasi komunitas sparepart bertujuan untuk mencari toko sparepart berada dan sistem tersebut mengerjakan rekomendasi toko yang menjual barang sparepart dan sistem informasi tersebut melakukan inventaris produk sparepart. Kata Kunci : Framework PHP Codeigniter,, tokosparepart xv

16 ABSTRACT A community association motorcycle spare parts shop in various regions need an information system to sell products. Ways of making information systems using the programming language PHP CodeIgniter framework, so that the information system is run on the device Desktop PC. This information system uses google maps to determine the location of the shop and must be connected to the Internet network. While software tools for serving the system performance information from the device side of desktop PC using a web browser, Google Chrome. Making the information system of vehicle spare parts store sales for the community association aims to find the spare parts store spare parts and the system is working on shops selling spare parts and information systems that perform product inventory of spare parts. Keywords: PHP CodeIgniter Framework, android, tokosparepart xvi