PERANCANGAN DAN PEMBUATAN SISTEM INFORMASI DIVISI IT BERBASIS WEB DENGAN NOTIFIKASI EMAIL RIAN ADITIA CAHYADI 41511110115 PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2016
PERANCANGAN DAN PEMBUATAN SISTEM INFORMASI DIVISI IT BERBASIS WEB DENGAN NOTIFIKASI EMAIL Laporan Tugas Akhir Diajukan Untuk Melengkapi Salah Satu Syarat Memperoleh Gelar Sarjana Komputer Oleh : RIAN ADITIA CAHYADI 41511110115 PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCU BUANA JAKARTA 2016
ii
iii
KATA PENGANTAR Puji dan rasa syukur mendalam penulis panjatkan kehadirat Allah SWT, karena atas karunia yang telah diberikan sehingga penulis dapat menyelesaikan Laporan Tugas Akhir tersebut yang merupakan persyaratan untuk dapat menyelesaikan Program Studi Strata Satu (S1) pada Jurusan Teknik Informatika Universitas Mercu Buana. Penulis juga menyadari bahwa Laporan Tugas Akhir ini tidak dapat terselesaikan tepat pada waktunya tanpa bantuan, bimbingan, dan motivasi dari berbagai pihak. Maka dari itu, dengan segala hormat dan kerendahan hati, Penulis menyampaikan ucapan terima kasih kepada : 1. Anis Cherid, SE, MTI, selaku Pembimbing Tugas Akhir yang telah membimbing penulis dengan semua nasihat, semangat serta ilmunya dalam menyelesaikan penyusunan laporan tugas akhir ini. 2. Nia Kusuma Wardhani, S. Kom., MM., selaku Koordinator Tugas Akhir Teknik Informatika Universitas Mercu Buana. 3. Sabar Rudiarto, S.Kom., M.Kom., selaku Kepala Program Studi Teknik Informatika Mercu Buana. 4. Orang tua, keluarga, teman, serta istri dan anak yang telah memberikan doa dan semangat yang sangat berarti kepada penulis. 5. Beserta semua pihak yang telah memotivasi dan ikut memberikan bantuannya kepada penulis yang namanya tidak bisa disebutkan satu per satu. Akhir kata dari penulis mengucapkan terima kasih kepada seluruh rekanrekan dan pihak yang tidak dapat penulis sebutkan, karena telah memberikan bantuan, motivasi dan semangat yang berarti. Penulis menyadari bahwa Laporan Tugas Akhir ini belum sempurna, baik dari segi materi meupun penyajiannya. Untuk itu saran dan kritik yang membangun sangat diharapkan dalam penyempurnaan tugas akhir ini. Jakarta, 3 Februari 2015 Rian Aditia Cahyadi iv
DAFTAR ISI LEMBAR PERNYATAAN..ii LEMBAR PENGESAHAN..iii KATA PENGANTAR... iv ABSTRACT... v ABSTRAK... vi DAFTAR ISI... vii DAFTAR GAMBAR... x DAFTAR TABEL... xii BAB I PENDAHULUAN... 1 1.1. Latar Belakang... 1 1.2. Perumusan Masalah... 2 1.3. Tujuan dan Manfaat... 2 1.4. Batasan Masalah... 3 1.5. Metodologi Penelitian... 3 1.6. Sistematika Penulisan... 4 BAB II... 6 LANDASAN TEORI... 6 2.1 Entity Relationship Diagram... 6 2.2 Metode Pengembangan Sistem... 6 2.3 Sistem Informasi... 8 2.4 PHP (Hypertext Preprocessor)... 8 2.5 C S S (Cascading Style Sheet)... 9 2.6 JQuery & JavaScript... 10 2.7 HTML... 10 2.8 BASIS DATA... 10 2.8.1. MySQL... 11 2.8.2. MariaDB... 11 2.9 E-Mail... 12 2.10 Internet... 12 2.11 SendEmail... 12 2.12 NetBeans IDE... 13 vii
2.13 Metode Pengujian Aplikasi... 13 BAB III... 14 ANALISA DAN PERANCANGAN... 14 3.1. Analisa... 14 3.1.1 Analisa Pembuatan Sistem... 14 3.1.2 Analisa Pengguna... 14 3.1.3 Analisa Kebutuhan... 15 3.2. Use Case... 16 3.2.1. Use Case Diagram... 16 3.2.2. Use Case Description... 16 3.3. Perancangan Perangkat Lunak... 19 3.3.1. Perancangan Data Flow Diagram (DFD)... 19 3.3.2. Perancangan Entity Relationship Diagram (ERD)... 20 3.3.3. Perancangan Basis Data... 20 3.3.4. Perancangan Antarmuka Aplikasi... 24 BAB IV... 36 IMPLEMENTASI DAN PENGUJIAN... 36 4.1. Implementasi Instalasi dan Konfigurasi... 36 4.1.1 Spesifikasi Sistem... 36 4.1.2 Instalasi & Konfigurasi... 37 4.1.2.1 Instalasi dan Konfigurasi Sistem Operasi... 37 4.1.2.2 Instalasi dan Konfigurasi Apache/2.4.7... 38 4.1.2.3 Instalasi dan Konfigurasi PHP5... 39 4.1.2.4 Instalasi dan Konfigurasi MySQL Server... 39 4.1.2.5 Instalasi dan Konfigurasi SQLyog... 39 4.1.2.6 Instalasi Browser... 40 4.1.3 Implementasi Pembuatan Basis data... 41 4.1.3.1 Struktur Tabel Data Laporan... 41 4.1.3.2 Stuktur Tabel User... 41 4.1.3.3 Stuktur Tabel Divisi... 42 4.1.3.4 Stuktur Tabel Cabang... 42 4.1.3.5 Stuktur Tabel Menu... 42 viii
4.1.4 Implementasi Perancangan... 43 4.1.4.1 Struktur File Coding Antarmuka... 43 4.1.4.2 Implementasi Antarmuka... 44 4.1.4.2.1 Halaman Login... 44 4.1.4.2.2 Halaman Menu Utama... 44 4.1.4.2.3 Menu Input Laporan Kendala... 45 4.1.4.2.4 Menu Validasi Laporan Kendala... 45 4.1.4.2.5 Menu Cetak Laporan Kendala... 45 4.1.4.2.6 Menu Input & View Tabel Cabang... 46 4.1.4.2.7 Menu Input & View Tabel Divisi... 46 4.1.4.2.8 Menu Input & View Tabel User... 47 4.1.4.2.9 Hasil Kiriman Email... 48 4.2. Pengujian... 49 4.2.1 Skenario Pengujian Black Box... 49 4.2.2 Analisa Hasil Pengujian... 53 BAB V... 54 KESIMPULAN DAN SARAN... 54 5.1. Kesimpulan... 54 5.2. Saran... 54 DAFTAR PUSTAKA... 55 LAMPIRAN... 57 ix
DAFTAR GAMBAR Gambar 3.1 Gambar 3.2 Gambar 3.3 Gambar 3.4 Gambar 3.5 Gambar 3.6 Gambar 3.7 Gambar 3.8 Gambar 3.9 Gambar 3.10 Gambar 3.11 Gambar 3.13 Gambar 3.14. Gambar 3.15 Gambar 4.1 Gambar 4.2 Gambar 4.3 Gambar 4.4 Gambar 4.5 Gambar 4.6 Gambar 4.7 Gambar 4.8 Gambar 4.9 Gambar 4.10 Gambar 4.11 Use Case Diagram Sistem Informasi IT Data Flow Diagram Untuk Input Tabel Cabang Entity Relationship Diagram Rancangan Halaman Login Rancangan Tampilan Menu Utama Rancangan Tampilan Input Laporan Kendala Rancangan Tampilan Validasi Laporan Kendala Rancangan Tampilan Cetak Laporan Kendala Rancangan Tampilan Input Tabel Cabang Rancangan Tampilan View Tabel Cabang Rancangan Tampilan Input Tabel DivisI Rancangan Tampilan Input Tabel Divisi Rancangan Tampilan View Tabel Divisi Rancangan Tampilan Kiriman Email Tampilan install OS Ubuntu 14.04 LTS (Trusty Tahr) Tampilan konfigurasi apache2 Tampilan install SQLyog Tampilan konfigurasi SQLyog Tampilan install Google Chrome pada Windows Struktur Tabel Data Laporan Struktur Tabel User Gambar Struktur Tabel Divisi Struktur Tabel Cabang Struktur Tabel Cabang Struktur File Antarmuka x
Gambar 4.12 Gambar 4.13 Gambar 4.14 Gambar 4.15 Gambar 4.16 Gambar 4.17 Gambar 4.18 Gambar 4.19 Gambar 4.20 Gambar 4.21 Gambar 4.22 Gambar 4.23 Halaman Login Halaman Menu Utama Menu Input Laporan Kendala Menu Validasi Laporan Kendala Menu Cetak Laporan Kendala Input Tabel Cabang View Tabel Cabang Input Tabel Divisi View Tabel Divisi Input Tabel User View Tabel User Hasil Kiriman Email xi
DAFTAR TABEL Tabel 3.1 Analisa Pengguna Aplikasi Tabel 3.2 Use Case Description Input Data Laporan Kerusakan Tabel 3.3 Use Case Description Validasi Data Laporan Kerusakan Tabel 3.4 Use Case Description Input Tabel Cabang Tabel 3.5 Use Case Description Input Tabel Divisi Tabel 3.6 Use Case Description Input Data User Tabel 3. 7 Rancangan Tabel Data Laporan Kerusakan Tabel 3. 8 Rancangan Tabel Divisi Tabel 3.9 Rancangan Tabel Cabang Tabel 3.10 Rancangan Tabel User Tabel 3.11 Rancangan Tabel Menu Tabel 3.11 Skenario Pengujian Tabel 4.1 Skenario Pengujian Black Box xii