PENGEMBANGAN APLIKASI SISTEM PENANGANAN KELUHAN PELANGGAN BERBASIS WEB PADA PT. DATASYS INTEGRATED TECHNOLOGY

Transkripsi

1 PENGEMBANGAN APLIKASI SISTEM PENANGANAN KELUHAN PELANGGAN BERBASIS WEB PADA PT. DATASYS INTEGRATED TECHNOLOGY MUHAMMAD SULTON PROGRAM STUDI SISTEM INFORMASI FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2017

2 PENGEMBANGAN APLIKASI SISTEM PENANGANAN KELUHAN PELANGGAN BERBASIS WEB PADA PT. DATASYS INTEGRATED TECHNOLOGY Laporan Tugas Akhir Diajukan Untuk Melengkapi Salah Satu Syarat Memperoleh Gelar Sarjana Komputer Oleh: Muhammad Sulton PROGRAM STUDI SISTEM INFORMASI FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2017

3

4

5

6 KATA PENGANTAR Allhamdulilah, Puji dan Syukur kehadirat ALLAH SWT. Yang telah melimpahkan rahmat serta karunia-nya sehingga penulis dapat menyelesaikan penulisan Tugas Akhir ini yang berjudul Pengembangan Aplikasi Sistem Penanganan Keluhan Pelanggan Berbasis Web Pada PT. Datasys Integrated Technology. Tugas Akhir ini diajukan untuk memenuhi salah satu syarat dalam menyelesaikan Strata Satu Program Studi Sistem Informasi Universitas Mercubuana. Penulis menyadari bahwa tanpa bimbingan dan dorongan dari semua pihak, maka penulisan Tugas Akhir ini tidak akan lancar. Oleh karena itu pada kesempatan ini, Maka perkenankanlah penulis menyampaikan rasa terima kasih kepada : 1. Bapak Rinto Priambodo, ST, MTi, selaku Dosen Pembimbing yang selalu teliti memberikan koreksi terhadap penulisan laporan tugas akhir ini disertai dengan penjelasan yang rinci. 2. Ibu Nur Ani, ST, MMSI, selaku Kepala Prodi Sistem Informasi. 3. Ibu Inge Handriani, M.Ak, MMSI, selaku Koordinator Tugas Akhir Sistem Informasi. 4. Orang tua tercinta yang telah banyak memberikan dukungan, motivasi, dan selalu mengingatkan saya sehingga saya dapat menyelesaikan perkuliahan di Universitas Mercu Buana. 5. Teman-Teman di Universitas Mercubuana khususnya jurusan Sistem Informasi yang telah memberikan dukungan moril untuk menyelesaikan Tugas Akhir ini. Penulis mengharapkan Laporan Tugas Akhir ini dapat memberikan manfaat bagi pembaca. Penulis sadar dalam penulisan tugas akhir ini masih mempunyai banyak kekurangan, Untuk mencapai kesempurnaan penulis mengharapkan saran dan kritik yang membangun dari semua pihak. Jakarta, 31 Mei 2017 Muhammad Sulton

7 DAFTAR ISI Halaman LEMBAR PERNYATAAN... i LEMBAR PERSETUJUAN... ii LEMBAR PENGESAHAN... iii KATA PENGANTAR... iv ABSTRACTION... v ABSTRAKSI... vi DAFTAR ISI... vii DAFTAR GAMBAR... xi DAFTAR TABEL... xv BAB I PENDAHULUAN 1.1. Latar Belakang Rumusan Masalah Batasan Masalah Tujuan dan Manfaat Perancangan Sistem Metodologi Penelitian Metodologi Pengumpulan Data Metode Pengembangan Sistem System Development Life Cycle (SDLC) Metode Waterfall Sistematika Penulisan... 5 BAB II LANDASAN TEORI 2.1. Konsep Dasar Helpdesk Pengertian Helpdesk Kelebihan Helpdesk Pengertian Ticketing Tipe Helpdesk Pengertian Skala Prioritas Konsep Dasar Sistem Pengertian Sistem Informasi Karakteristik Sistem Definisi Informasi Definisi Sistem Informasi... 13

8 Komponen Sistem Informasi Pengertian Web Pengertian Web Browser Analisa Sistem Development Life Cycle (SDLC) Definisi SDLC Metode Waterfall Perangkat Pemodelan Sistem Unified Modelling Language (UML) Diagram Dalam UML Perangkat Lunak Pendukung Hypertext Markup Language (HTML) Perl Hypertext Preprocessor (PHP) Pengertian Cascading Style Sheet (CSS) Pengertian JavaScript Pengertian JQuery Pengertian Bootstrap Pengertian Framework Pengertian CodeIgniter Pengertian Xampp Pengertian MySQL Pengertian Basis Data Pengujian Perangkat Lunak Metode White-Box Metode Black-Box BAB III ANALISA DAN PERANCANGAN 3.1. Gambaran Umum Perusahaan Sejarah Perusahaan Visi dan Misi Struktur Organisasi Analisa Sistem Berjalan Uraian Prosedur Sistem Berjalan Analisa dokumen Use Case Diagram Sistem Berjalan Analisa Masalah... 48

9 3.4. Analisis Kebutuhan (Requirement Analysis) Analisa Sistem Usulan Use Case Diagram Sistem Usulan Activity Diagram Sistem Usulan Activity Diagram Usulan Global Activity Diagram Usulan Kelola Login Activity Diagram Usulan Kelola User Activity Diagram Usulan Kelola Master Surat Tugas Activity Diagram Usulan Kelola Master Tiket Activity Diagram Usulan Kelola Master Informasi Activity Diagram Usulan Kelola Master Laporan Activity Diagram Usulan Input Tiket dan Validasi Activity Diagram Usulan Tanggapan Surat Tugas Activity Diagram Usulan Lihat Informasi Activity Diagram Usulan Export Laporan Activity Diagram Usulan Approve Surat Tugas Activity Diagram Usulan Export Laporan Activity Diagram Usulan Lihat Informasi Activity Diagram Usulan Input Surat Tugas Activity Diagram Usulan Tanggapan Form Tiket Activity Diagram Usulan Export Laporan Sequence Diagram Sistem Usulan Sequence Diagram Sistem Usulan Login Sequence Diagram Sistem Usulan Master User Sequence Diagram Sistem Usulan Edit Profile Sequence Diagram Sistem Usulan Master Tiket Sequence Diagram Sistem Usulan Master Laporan Sequence Diagram Sistem Usulan Master Informasi Sequence Diagram Sistem Usulan Master Surat Tugas Sequence Diagram Sistem Usulan Input & Validasi Sequence Diagram Sistem Usulan Export Laporan Sequence Diagram Sistem Usulan Lihat Laporan Sequence Diagram Sistem Usulan Tanggapa ST Sequence Diagram Sistem Usulan Tanggapan Tiket Sequence Diagram Sistem Usulan Approve ST... 86

10 Sequence Diagram Sistem Usulan Ex. Laporan Tiket Sequence Diagram Sistem Usulan Ex. Laporan ST Class Diagram Sistem Usulan Class Diagram Sistem Usulan Spesifikasi Basis Data Tabel tbl_m_user Tabel tbl_m_user_detail Tabel tbl_m_user_type Tabel tbl_m_pelanggan Tabel tbl_m_tiket Tabel tbl_m_tiket_detail Tabel tbl_m_lpt Tabel tbl_m_informasi Tabel tbl_m_beranda_login Tabel tbl_m_menu Rancangan Layar Aplikasi Rancangan Layar Aplikasi Rancangan Layar Dashboard pada bagian Admin Rancangan Layar Profile pada bagian Admin Rancangan Layar Master User pada bagian Admin Rancangan Layar Tambah Adminstrator pada bagian Admin Rancangan Layar Tambah Teknisi pada bagian Admin Rancangan Layar Tambah Pelanggan pada bagian Admin Rancangan Layar Master Tiket pada bagian Admin Rancangan Layar Perubahan Status Tiket pada bagian Admin Rancangan Layar Detail Tiket pada bagian Admin Rancangan Layar Export Laporan pada bagian Admin Rancangan Layar Master Informasi pada bagian Admin Rancangan Layar Master Surat Tugas pada bagian Admin Rancangan Layar Tambah Surat Tugas pada bagian Admin Rancangan Layar Detail Surat Tugas pada bagian Admin Rancangan Layar Master Tiket pada bagian Admin Rancangan Layar Update Tiket Status pada bagian Pelanggan Rancangan Layar Tambah Tiket pada bagian Pelanggan Rancangan Layar Tiket Detail pada bagian Pelanggan

11 Rancangan Layar Export Laporan pada bagian Pelanggan Rancangan Layar Informasi pada bagian Pelanggan Rancangan Layar Surat Tugas pada bagian Pelanggan Rancangan Layar Edit Profile pada bagian Pelanggan Rancangan Layar Detail Surat Tugas pada bagian Pelanggan Rancangan Layar Master Tiket pada bagian Teknisi Rancangan Layar Detail Tiket pada bagian Teknisi Rancangan Layar Master Informasi pada bagian Teknisi Rancangan Layar Master Surat Tugas pada bagian Teknisi Rancangan Layar Detail Surat Tugas pada bagian Teknisi Rancangan Layar Edit Profile pada bagian Teknisi Rancangan Layar Master Tiket pada bagian Spv Teknisi Rancangan Layar Master Laporan pada bagian Spv Teknisi Rancangan Layar Master Surat Tugas pada Spv Teknisi Rancangan Layar Master Laporan pada bagian Manajer Opr Rancangan Layar Master Informasi pada bagian Manajer Opr Rancangan Layar Master Tiket pada bagian Manajer Opr Rancangan Layar Master Surat Tugas pada bagian Manajer Opr BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1. Implementasi Sistem Kebutuhan Perangkat Keras dan Lunak Implementasi Basis Data Implementasi fitur pada Aplikasi Implementasi Antar Muka Aplikasi Metode Pengujian Sistem Skenario Pengujian Analisa Hasil Pengujian BAB V KESIMPULAN DAN SARAN 5.1. Kesimpulan Saran DAFTAR PUSTAKA LAMPIRAN

12 DAFTAR GAMBAR Halaman Gambar 2.1. Cara Kerja Helpdesk... 8 Gambar 2.2. Siklus Pengembangan Dengan Metode Waterfall Gambar 2.3. Diagram UML Gambar 3.1. Struktur Organisasi Perusahaan Gambar 3.2. Analisa Sistem Berjalan Gambar 3.3. Use Case Diagram Sistem Berjalan Gambar 3.4. Diagram Fishbone untuk Analisa Masalah Gambar 3.5. Use Case Diagram Sistem Usulan Gambar 3.6. Activity Diagram Sistem Usulan Keseluruhan Gambar 3.7. Activity Diagram Usulan Sistem Usulan Login Gambar 3.8. Activity Diagram Usulan Kelola User Gambar 3.9. Activity Diagram Usulan Kelola Master Surat Tugas Gambar Activity Diagram Usulan Kelola Master Tiket Gambar Activity Diagram Usulan Kelola Master Informasi Gambar Activity Diagram Usulan Kelola Master Laporan Gambar Activity Diagram Usulan Input tiket dan Validasi Status Tiket Gambar Activity Diagram Usulan Tanggapan Surat Tugas Gambar Activity Diagram Usulan Lihat Informasi Gambar Activity Diagram Usulan Export Laporan Gambar Activity Diagram Usulan Approve Surat Tugas Gambar Activity Diagram Usulan Export Laporan Gambar Activity Diagram Usulan Lihat Informasi Gambar Activity Diagram Usulan Input Surat Tugas Gambar Activity Diagram Usulan Tanggapan Form Tiket Gambar Activity Diagram Usulan Usulan Export Laporan Gambar Sequence Diagram Usulan Login Gambar Sequence Diagram Usulan Kelola Master User Gambar Sequence Diagram Usulan Edit Profile Gambar Sequence Diagram Usulan Kelola Master Tiket Gambar Sequence Diagram Usulan Master Laporan Gambar Sequence Diagram Usulan Master Informasi Gambar Sequence Diagram Usulan Kelola Master Surat Tugas... 80

13 Gambar Sequence Diagram Usulan Input dan Validasi Status Tiket Gambar Sequence Diagram Usulan Export Laporan Gambar Sequence Diagram Usulan Lihat Informasi Gambar Sequence Diagram Usulan Tanggapan Surat Tugas Gambar Sequence Diagram Usulan Tanggapan Form Tiket Gambar Sequence Diagram Usulan Approve Surat Tugas Gambar Sequence Diagram Usulan Export Laporan Tiket Gambar Sequence Diagram Usulan Kelola Export Laporan Surat tugas Gambar Class Diagram Sistem Usulan Gambar Rancangan Layar Login Gambar Rancangan Layar Dashboard pada Bagian Admin Gambar Rancangan Layar Profile Pada Bagian Admin Gambar Rancangan Layar Master User Pada Bagian Admin Gambar Rancangan Layar Tambah Administrator Pada Bagian Admin Gambar Rancangan Layar Tambah Teknisi Pada Bagian Admin Gambar Rancangan Layar Tambah Pelanggan Pada Bagian Admin Gambar Rancangan Layar Master Tiket Pada Bagian Admin Gambar Rancangan Layar Perubahan Status Tiket Pada Bagian Admin Gambar Rancangan Layar Detail Tiket Pada Bagian Admin Gambar Rancangan Layar Export Laporan Pada Bagian Admin Gambar Rancangan Layar Master Informasi Pada Bagian Admin Gambar Rancangan Layar Master Surat Tugas Pada Bagian Admin Gambar Rancangan Layar Tambah Surat Tugas Bagian Admin Gambar Rancangan Layar Detail Surat Tugas Pada Bagian Admin Gambar Rancangan Layar Master tiket Pada Bagian Pelanggan Gambar Rancangan Layar Update Status Tiket pada Bagian Pelanggan Gambar Rancangan Layar Tambah Tiket pada Bagian Pelanggan Gambar Rancangan Layar Detail Tiket pada Bagian Pelanggan Gambar Rancangan Layar Export Laporan pada Bagian Pelanggan Gambar Rancangan Layar Informasi pada Bagian Pelanggan Gambar Rancangan Layar Master Surat Tugas pada bagian Pelanggan Gambar Rancangan Layar Edit Profile pada Bagian Pelanggan Gambar Rancangan Layar Detail Surat tugas pada Bagian Pelanggan Gambar Rancangan Layar Master tiket pada Bagian Teknisi Gambar Rancangan Layar Detail Tiket pada Bagian Teknisi

14 Gambar Rancangan Layar Master Informasi pada Bagian Teknisi Gambar Rancangan Layar Master Surat Tugas pada Bagian Teknisi Gambar Rancangan Layar Detail Surat Tugas pada Bagian Teknisi Gambar Rancangan Layar Edit Profile pada Bagian Teknisi Gambar Rancangan Layar Master tiket pada Bagian Spv Teknisi Gambar Rancangan Layar Master Laporan pada Bagian Spv Teknisi Gambar Rancangan Layar Master Surat Tugas pada Bagian Spv Teknisi Gambar Rancangan Layar Master Laporan pada Bagian Man. Oprasional Gambar Rancangan Layar Master Informasi pada Bagian Man. Oprasional Gambar Rancangan Layar Master tiket pada Bagian Man.Oprasional Gambar Rancangan Layar Master Surat Tugas pada bagian Man.Oprasional Gambar 4.1. Implementasi Rancangan Database helpdesk_system Gambar 4.2. Implementasi Tabel tbl_m_beranda_login Gambar 4.3. Implementasi Tabel tbl_m_informasi Gambar 4.4. Implementasi Tabel tbl_m_lpt Gambar 4.5. Implementasi Tabel tbl_m_menu Gambar 4.6. Implementasi Tabel tbl_m_pelanggan Gambar 4.7. Implementasi Tabel tbl_m_tiket Gambar 4.8. Implementasi Tabel tbl_m_tiket_detail Gambar 4.9. Implementasi Tabel tbl_m_user Gambar Implementasi Tabel tbl_m_user_detail Gambar Implementasi Tabel tbl_m_user_type Gambar Implementasi Halaman Login Gambar Implementasi Dashboard pada Admin Gambar Implementasi Profile pada Admin Gambar Implementasi Master User pada Admin Gambar Implementasi Tambah Data pada Admin Gambar Implementasi Master Tiket pada Admin Gambar Implementasi Detail Tiket pada Admin Gambar Implementasi Rubah Status Tiket pada Admin Gambar Implementasi Master Laporan pada Admin Gambar Implementasi Master Informasi pada Admin Gambar Implementasi Tambah Informasi pada Admin Gambar Implementasi Edit Informasi pada Admin Gambar Implementasi Detail Informasi pada Admin

15 Gambar Implementasi Master Surat Tugas pada Admin Gambar Implementasi Tambah Surat Tugas pada Admin Gambar Implementasi Detail Surat Tugas pada Admin Gambar Implementasi Profile pada Pelanggan Gambar Implementasi Master Tiket pada Pelanggan Gambar Implementasi Tambah Tiket pada Pelanggan Gambar Implementasi Detail Tiket pada Pelanggan Gambar Implementasi Master Laporan pada Pelanggan Gambar Implementasi Master Informasi pada Pelanggan Gambar Implementasi Detail Informasi pada Pelanggan Gambar Implementasi Master Surat Tugas pada Pelanggan Gambar Implementasi Detail Surat Tugas pada Pelanggan Gambar Implementasi Master tiket pada Teknisi Gambar Implementasi Detail Tiket pada Teknisi Gambar Implementasi Master Informasi pada Teknisi Gambar Implementasi Master Surat Tugas pada Teknisi Gambar Implementasi Detail Surat Tugas pada Teknisi Gambar Implementasi Master Tiket pada Supervisor Teknisi Gambar Implementasi Master Laporan pada Supervisor Teknisi Gambar Implementasi Master Surat Tugas pada Supervisor Teknisi Gambar Implementasi Hasil Export Laporan Surat Tugas Gambar Implementasi Hasil Export Laporan Tiket Gambar Implementasi Master Tiket pada Manajer Oprasional Gambar Implementasi Detail Tiket pada Manajer Oprasional Gambar Implementasi Master Surat Tugas pada Manajer Oprasional Gambar Implementasi Master Laporan pada Manajer Oprasional

16 . DAFTAR TABEL Halaman Tabel 2.1. Simbol Use Case Tabel 2.2. Simbol Class Diagram Tabel 2.3. Simbol Use Sequence Diagram Tabel 2.4. Simbol Activity Diagram Tabel 3.1. Skenario Use Case Melaporkan Permasalahan Tabel 3.2. Skenario Use Case Membuat Form Surat Tugas Tabel 3.3. Skenario Use Case Melakukan Verfikasi Surat Tugas Tabel 3.4. Skenario Use Case Mengisi Form Surat Tugas Tabel 3.5. Skenario Use Case Melakukan Verifikasi Form Surat Tugas Tabel 3.6. Skenario Use Case Laporan Surat Tugas Tabel 3.7. Skenario Use Case Merekap Semua Laporan Tabel 3.8. Skenario Use Case Login Tabel 3.9. Skenario Use Case Kelola Master User Tabel Skenario Use Case Kelola Master tiket Tabel Skenario Use Case Kelola Informasi Tabel Skenario Use Case Master Laporan Tabel Skenario Use Case Master Surat Tugas Tabel Skenario Use Case Edit Profile Tabel Skenario Use Case Input Tiket dan Validasi Status Tiket Tabel Skenario Use Case Tanggapan form Surat Tugas Tabel Skenario Use Case Appove Form Surat Tugas Tabel Skenario Use Case Input Surat Tugas Tabel Skenario Use Case Tanggapan Form Tiket Tabel Skenario Use Case Melihat Form Surat Tugas / Tiket Tabel Skenario Use Case Export Laporan Tabel Keterangan Sequence Diagram Usulan Login Tabel Keterangan Sequence Diagram Usulan Kelola Master User Tabel Keterangan Sequence Diagram Usulan Edit Profile Tabel Keterangan Sequence Diagram Usulan Master Tiket Tabel Keterangan Sequence Diagram Usulan Kelola Master Laporan Tabel Keterangan Sequence Diagram Usulan Kelola Master Informasi Tabel Keterangan Sequence Diagram Usulan Master Informasi... 80

17 Tabel Keterangan Sequence Diagram Usulan Input dan Validasi Status Tiket Tabel Keterangan Sequence Diagram Usulan Export Laporan Tabel Keterangan Sequence Diagram Usulan Lihat Informasi Tabel Keterangan Sequence Diagram Usulan Tanggapan Surat tugas Tabel Keterangan Sequence Diagram Usulan Tanggapan Tiket Tabel Keterangan Sequence Diagram Usulan Approve Surat Tugas Tabel Keterangan Sequence Diagram Usulan Export Laporan Tiket Tabel Keterangan Sequence Diagram Usulan Kelola Master Laporan Tabel Keterangan Tabel tbl_m_user Tabel Keterangan Tabel tbl_m_user_detail Tabel Keterangan Tabel tbl_m_user_type Tabel Keterangan Tabel tbl_m_pelanggan Tabel Keterangan Tabel tbl_m_tiket Tabel Keterangan Tabel tbl_m_tiket_detail Tabel Keterangan Tabel tbl_m_lpt Tabel Keterangan Tabel tbl_m_informasi Tabel Keterangan Tabel tbl_m_beranda_login Tabel Keterangan Tabel tbl_m_menu Tabel 4.1. Keterangan Kategori Tiket Tabel 4.2. Keterangan Prioritas Tiket Tabel 4.3. Keterangan Status Tiket Tabel 4.4. Keterangan Status Surat Tugas Tabel 4.5. Keterangan Tabel Skenario Pengujian