SISTEM INFORMASI USAHA KECIL MENENGAH (UKM) DAN FASILITAS PUBLIK DI AREA UNIVERSITAS MERCU BUANA BERBASIS WEB. Nama : Risky Miftahul Fajri

Transkripsi

1 SISTEM INFORMASI USAHA KECIL MENENGAH (UKM) DAN FASILITAS PUBLIK DI AREA UNIVERSITAS MERCU BUANA BERBASIS WEB Nama : Risky Miftahul Fajri NIM : PROGRAM STUDI SISTEM INFORMASI FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2016

2 SISTEM INFORMASI USAHA KECIL MENENGAH (UKM) DAN FASILITAS PUBLIK DI AREA UNIVERSITAS MERCU BUANA BERBASIS WEB Laporan Tugas Akhir Diajukan Untuk Melengkapi Salah Satu Syarat Memperoleh Gelar Sarjana Komputer Oleh : Risky Miftahul Fajri PROGRAM STUDI SISTEM INFORMASI FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2016

3 i

4 ii

5 KATA PENGANTAR Puji syukur kehadirat Allah SWT yang telah melimpahkan rahmat dan karunia-nya, sehingga penulis dapat menyelesaikan penyusunan skripsi ini dengan baik. Shalawat serta salam semoga senantiasa terlimpah curahkan kepada Nabi Muhammad SAW, kepada keularganya,, para sahabatnya, hingga kepada umatnya hingga akhir zaman. Adapun tujuan penulisan skripsi ini sebagai syarat untuk mendapatkan gelar sarjana strata satu (S1) pada Fakultas Ilmu Komputer, Program Studi Sistem Informasi, Universitas Mercu Buana Jakarta Barat. Dalam menyelesaikan skripsi ini, penulis bersyukur atas bantuan dari semua pihak yang telah membantu kelancaran dalam menyelesaikan skripsi ini. Dengan segala hormat dan kerendahan hati, penulis mengungkapkan banyak terimakasih kepada: 1. Ibu Nur Ani, ST, MMSI selaku dosen pembimbing dan Kepala Program Studi Sistem Informasi, Fakultas Ilmu Komputer, Universitas Mercu Buana yang telah berbaik hati memberikan waktu, arahan dan bimbingan kepada penulis, sehingga penulis dapat menyelesaikan skripsi ini dengan baik. 2. Ibu Yustika Erliani, SE, MMSI selaku Dosen Pembimbing Akademik yang telah memberikan bimbingannya selama penulis mengikuti perkuliahan. 3. Seluruh Dosen Fakultas Ilmu Komputer Universitas Mercu Buana yang telah memberikan ilmu selama penulis mengikuti perkuliahan. 4. Seluruh Staff Tata Usaha dan Karyawan Fakultas Ilmu Komputer Universitas Mercu Buana yang telah banyak membantu selama ini. 5. Kedua Orang Tua dan kakak ku tercinta yang selalu memberikan doa, dukungan dan perhatian dalam menyelesaikan skripsi ini. 6. Novi Astutik yang selalu mendampingi, mendoakan, mengajari, membantu, memberikan semangat dan dukungan kepada penulis dalam menyelesaikan skripsi ini. 7. Teman-teman Fosikagi dan Al Khawarizmi yang selalu memberikan doa, semangat dan dukungan kepada penulis serta seluruh teman-teman Sistem Informasi angkatan 2012 Universitas Mercu Buana atas dukungannya penulis ucapkan terimakasih. iii

6 Dan semua pihak terdekat saya yang telah memberikan dukungan dan motivasi untuk menyelesaikan skripsi ini dengan baik. Penulis sangat menyadari bahwa masih terdapat banyak kekurangan dalam skripsi ini. Saran dan kritik yang membangun akan penulis terima dengan senang hati demi kesempurnaan skripsi ini. Semoga skripsi ini dapat bermanfaat bagi penulis maupun yang membacanya. Jakarta Penulis iv

7 DAFTAR ISI LEMBAR PERNYATAAN... i LEMBAR PENGESAHAN... ii KATA PENGANTAR... iii ABSTRACT... v ABSTRAK... vi DAFTAR ISI... vii DAFTAR GAMBAR... xii DAFTAR TABEL... xv BAB I PENDAHULUAN Latar Belakang Rumusan Masalah Batasan Masalah Tujuan dan Manfaat Metodologi Penelitian Jenis Penelitian Teknik Pengumpulan Data Metode Pengembangan Sistem Sistematika Penulisan... 5 BAB II LANDASAN TEORI Penilitian Terdahulu Konsep Dasar Sistem Definisi Sistem Karakteristik Sistem Konsep Dasar Informasi Pengertian Informasi Kualitas Informasi Pengertian Sistem Informasi Usaha Kecil Menengah Definisi Usaha Kecil Menengah Ciri-ciri Usaha Kecil Menengah Fasilitas Publik Konsep Basis Data vii

8 2.7.1 Pengertian Basis Data Pengertian DBMS Analisa Perancangan Perangkakt Lunak Pengertian SDLC Model Waterfall Unified Modeling Language (UML) Pengenalan UML Use Case Diagram Activity Diagram Sequence Diagram Class Diagram Pengertian Adobe Dreamweaver CC Pengertian Google Maps API Testing Perangkat Lunak Metode Black Box Metode White Box Perangkat Lunak Pendukung XAMPP PHP (Hypertext Preprocessor) MySQL (My Structure Query Language) BAB III ANALISA DAN PERANCANGAN SISTEM Analisis Perancangan Aplikasi Gambaran Umum Sistem Yang Diusulkan Perancangan Sistem Usulan Use Case Usulan Use Case Diagram Login Use Case Diagram Kelola User Use Case Diagram Kelola Data UKM, Fasilitas Publik, Agenda Use Case Diagram Kelola Data Rekomendasi Use Case Diagram Validasi Data UKM Use Case Diagram Pengajuan Data UKM Use Case Diagram Kelola Data Personal Use Case Diagram Menampilkan Data UKM, Fasilitas Publik, Agenda Use Case Diagram Menampilkan Filter Data viii

9 Use Case Diagram Entri Komentar, Rating Activity Diagram Login Admin, Pengusaha, Pengguna Activity Diagram Kelola User Activity Diagram Kelola Data UKM, Fasilitas Publik, Agenda Activity Diagram Kelola Data Rekomendasi Activity Diagram Validasi Data UKM Activity Diagram Pengajuan Data UKM Activity Diagram Kelola Data Personal Activity Diagram Menampilkan Data UKM, Fasilitas Publik, Agenda Activity Diagram Menampilkan Filter Data Activity Diagram Entri Komentar, Rating Sequence Diagram Usulan Sequence Diagram Login Sequence Diagram Kelola User Sequence Diagram Kelola Data UKM, Fasilitas Publik, Agenda Sequence Diagram Kelola Data Rekomendasi Sequence Diagram Validasi Data UKM Sequence Diagram Pengajuan Data UKM Sequence Diagram Kelola Data Personal Sequence Diagram Menampilkan Data UKM, Fasilitas Publik, Agenda Sequence Diagram Menampilkan Filter Data Sequence Diagram Entri Komentar, Rating Class Diagram Rancangan Struktur Tabel Struktur Tampilan Struktur Tampilan Menu Utama Pengguna dan Pengusaha Struktur Tampilan Menu Utama Admin Struktur Tampilan Rancangan Layar Menu Login Rancangan Layar Register Pengguna Rancangan Layar Register Pengusaha Rancangan Layar Landing Page Rancangan Layar Menu Utama Rancangan Layar UKM ix

10 3.9.7 Rancangan Layar UKM Panel Rancangan Layar Detail UKM Rancangan Layar Fasilitas Publik Rancangan Layar Fasilitas Publik Panel Rancangan Layar Detail Fasilitas Publik Rancangan Layar Agenda Rancangan Layar Detail Agenda Rancangan Layar Edit Profile Rancangan Layar Formulir Upload UKM Rancangan Layar Data UKM Rancangan Layar Menu Login Admin Rancangan Layar Dashboard Admin Rancangan Layar Data UKM Rancangan Layar View UKM Rancangan Layar Formulir Upload Fasiltias Publik Rancangan Layar Data Fasilitas Publik Rancangan Layar View Fasilitas Publik Rancangan Layar Formulir Upload Agenda Rancangan Layar Data Agenda Rancangan Layar Calendar Rancangan Layar View Agenda Rancangan Layar Data Pengguna Rancangan Layar Data Pengusaha BAB IV IMPLEMENTASI DAN PENGUJIAN Implementasi Implementasi Antarmuka Metode Pengujian Skenario Pengujian Analisa Hasil Pengujian BAB V KESIMPULAN DAN SARAN Kesimpulan Saran DAFTAR PUSTAKA LAMPIRAN I x

11 LAMPIRAN II LAMPIRAN III LAMPIRAN IV xi

12 DAFTAR GAMBAR Gambar 2.1 Ilustrasi Model Waterfall Gambar 2.2 Contoh Use Case Diagram Gambar 2.3 Contoh Activity Diagram Gambar 2.4 Contoh Sequence Diagram Gambar 2.5 Contoh Class Diagram Gambar 3.1 Use Case Usulan Gambar 3.2 Activity Diagram Login Admin, Pengusaha, Pengguna Gambar 3.3 Activity Diagram Kelola User Gambar 3.4 Activity Diagram Kelola Data UKM, Fasilitas Publik, Agenda Gambar 3.5 Activity Diagram Kelola Data Rekomendasi Gambar 3.6 Activity Diagram Validasi Data UKM Gambar 3.7 Activity Diagram Pengajuan Data UKM Gambar 3.8 Activity Diagram Kelola Data Personal Gambar 3.9 Activity Diagram Menampilkan Data UKM, Fasilitas Publik, Agenda Gambar 3.10 Activity Diagram Menampilkan Filter Data Gambar 3.11 Activity Diagram Entri Komentar, Rating Gambar 3.12 Sequence Diagram Login Gambar 3.13 Sequence Diagram Kelola User Gambar 3.14 Sequence Diagram Kelola Data UKM, Fasilitas Publik, Agenda Gambar 3.15 Sequence Diagram Kelola Data Rekomendasi Gambar 3.16 Sequence Diagram Validasi Data UKM Gambar 3.17 Sequence Diagram Pengajuan Data UKM Gambar 3.18 Sequence Diagram Kelola Data Personal Gambar 3.19 Sequence Diagram Menampilkan Data UKM, Fasilitas Publik, Agenda. 61 Gambar 3.20 Sequence Diagram Menampilkan Filter Data Gambar 3.21 Sequence Diagram Entri Komentar, Rating Gambar 3.22 Class Diagram Gambar 3.23 Struktur Tampilan Menu Utama Pengguna dan Pengusaha Gambar 3.24 Struktur Tampilan Menu Utama Admin Gambar 3.25 Rancangan Layar Menu Login Gambar 3.26 Rancangan Layar Register Pengguna xii

13 Gambar 3.27 Rancangan Layar Register Pengusaha Gambar 3.28 Rancangan Layar Landing Page Gambar 3.29 Rancangan Layar Menu Utama Gambar 3.30 Rancangan Layar UKM Gambar 3.31 Rancangan Layar UKM Panel Gambar 3.32 Rancangan Layar Detail UKM Gambar 3.33 Rancangan Layar Fasilitas Publik Gambar 3.34 Rancangan Layar Fasilitas Publik Panel Gambar 3.35 Rancangan Layar Detail Fasilitas Publik Gambar 3.36 Rancangan Layar Agenda Gambar 3.37 Rancangan Layar Detail Agenda Gambar 3.38 Rancangan Layar Edit Profile Gambar 3.39 Rancangan Layar Formulir Upload UKM Gambar 3.40 Rancangan Layar Data UKM Gambar 3.41 Rancangan Layar Login Admin Gambar 3.42 Rancangan Layar Dashboard Admin Gambar 3.43 Rancangan Layar Data UKM Gambar 3.44 Rancangan Layar View UKM Gambar 3.45 Rancangan Layar Formulir Upload Fasilitas Publik Gambar 3.46 Rancangan Layar Data Fasilitas Publik Gambar 3.47 Rancangan Layar View Fasilitas Publik Gambar 3.48 Rancangan Layar Formulir Upload Agenda Gambar 3.49 Rancangan Layar Data Agenda Gambar 3.50 Rancangan Layar Calendar Gambar 3.51 Rancangan Layar View Agenda Gambar 3.52 Rancangan Layar Data Pengguna Gambar 3.52 Rancangan Layar Data Pengusaha Gambar 4.1 Tampilan Menu Login Gambar 4.2 Tampilan Register Pengguna Gambar 4.3 Tampilan Landing Page Gambar 4.4 Tampilan Menu Utama Gambar 4.5 Tampilan UKM Gambar 4.6 Tampilan UKM Panel Gambar 4.7 Tampilan Detail UKM xiii

14 Gambar 4.8 Tampilan Fasilitas Publik Gambar 4.9 Tampilan Agenda Gambar 4.10 Tampilan Detail Agenda Gambar 4.11 Tampilan Upload UKM Gambar 4.12 Tampilan Menu Login Admin Gambar 4.13 Tampilan Dashboard Admin Gambar 4.14 Tampilan Data UKM Gambar 4.15 Tampilan View UKM Gambar 4.16 Tampilan Formulir Upload Fasilitas Publik Gambar 4.17 Tampilan Data Fasilitas Publik Gambar 4.18 Tampilan Data Agenda Gambar 4.19 Tampilan Calendar Gambar 4.20 Tampilan Data Pengguna xiv

15 DAFTAR TABEL Tabel 2.1 Perbandingan Penelitian Sejenis... 7 Lanjutan Tabel 2.1 Perbandingan Penelitian Sejenis... 8 Tabel 2.2 Simbol Pada Use Case Diagram Tabel 2.3 Simbol Pada Activity Diagram Tabel 2.4 Simbol Pada Sequence Diagram Tabel 2.5 Simbol Pada Class Diagram Tabel 3.1 Deskripsi Use Case Diagram Login Tabel 3.2 Deskripsi Use Case Diagram Kelola User Tabel 3.3 Deskripsi Use Case Diagram Kelola Data UKM, Fasilitas Publik, Agenda Tabel 3.4 Deskripsi Use Case Diagram Kelola Data Rekomendasi Tabel 3.5 Deskripsi Use Case Diagram Validasi Data UKM Tabel 3.6 Deskripsi Use Case Diagram Pengajuan Data UKM Tabel 3.7 Deskripsi Use Case Diagram Kelola Data Personal Tabel 3.8 Deskripsi Use Case Diagram Menampilkan Data UKM, Fasilitas Publik, Agenda Tabel 3.9 Deskripsi Use Case Diagram Menampilkan Filter Data Tabel 3.10 Deskripsi Use Case Diagram Entri Komentar, Rating Tabel 3.11 Struktur Tabel Login Tabel 3.12 Struktur Tabel Mahasiswa Tabel 3.13 Struktur Tabel Pengusaha Tabel 3.14 Struktur Tabel Fasilitas Publik Tabel 3.15 Struktur Tabel UKM Tabel 3.16 Struktur Tabel Agenda Tabel 3.17 Struktur Tabel Komentar Tabel 3.18 Struktur Tabel Komentar Tabel 3.19 Struktur Tabel Komentar Tabel 4.1 Tabel Skenario Pengujian Lanjutan Tabel 4.1 Tabel Skenario Pengujian xv