RANCANG BANGUN APLIKASI UNDANGAN PERNIKAHAN VIRTUAL BERBASIS WEBSITE DENGAN MENGGUNAKAN PHP DAN MYSQL DWI MENTARI 41512120012 PROGRAM STUDI INFORMATIKA FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCUBUANA 2017
RANCANG BANGUN APLIKASI UNDANGAN PERNIKAHAN VIRTUAL BERBASIS WEBSITE DENGAN MENGGUNAKAN PHP DAN MYSQL Laporan Tugas Akhir Diajukan Untuk Melengkapi Salah Satu Syarat Memperoleh Gelar Sarjana Komputer Oleh : DWI MENTARI 41512120012 PROGRAM STUDI INFORMATIKA FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCUBUANA 2017
LEMBAR PERNYATAAN Yang bertanda tangan dibawah ini: Nim : 41512120012 Nama : DWI MENTARI Judul Skripsi : RANCANG BANGUN APLIKASI UNDANGAN VIRTUAL BERBASIS WEBSITE DENGAN MENGGUNAKAN PHP DAN MYSQL Menyatakan bahwa skripsi tersebut diatas adalah hasil karya sastra saya sendiri bukan plagiat. Apabila ternyata ditemukan di dalam laporan skripsi saya terdapat unsur plagiat, maka saya siap untuk mendapatkan sanksi akademik yang terkait dengan hal tersebut. Jakarta, 2017 (Dwi Mentari) i
LEMBAR PENGESAHAN Nama : Dwi Mentari NIM : 41512120012 Jurusan Fakultas Judul : Informatika : Ilmu Komputer : Rancang bangun Aplikasi Undangan Virtual Berbasis Website Dengan Menggunakan PHP dan MYSQL Jakarta, Januari 2017 Disetujui dan diterima oleh, Sabar Rudiarto, M.Kom Dosen Pembimbing Diky Firdaus, S.Kom., MM Koord. Tugas Akhir Informatika Afiyati, S.Si., MT KaProdi Informatika ii
KATA PENGANTAR Alhamdulillah saya panjatkan atas ke hadirat Allah Subhanahu wa Ta ala, karena atas berkat dan rahmat-nya, sehingga penulis dapat menyelesaikan laporan tugas akhir ini dengan judul Rancang Bangun Aplikasi Undangan Pernikahan Virtual Berbasis Website Dengan Menggunakan PHP dan MySQL tepat pada waktunya. Penulisan tugas akhir ini dilakukan dalam rangka memenuhi salah satu persyaratan untuk dapat menyelesaikan program studi strata satu (S1) pada Jurusan Informatika Universitas Mercu Buana. Penulis menyadari bahwa laporan tugas akhir ini masih jauh dari sempurna. Karena itu, kritik dan saran akan senantiasa penulis terima dengan senang hati. Dengan segala keterbatasan, penulis menyadari pula bahwa laporan tugas akhir ini takkan terwujud tanpa bantuan, bimbingan, dan dorongan dari berbagai pihak. Untuk itu, dengan segala kerendahan hati, penulis menyampaikan ucapan terima kasih kepada : 1. Sabar Rudiarto, M.Kom, selaku pembimbing tugas akhir pada Jurusan Informatika Universitas Mercu Buana. 2. Afiyati, S.Si., MT selaku Kepala Program Studi pada Jurusan Informatika Universitas Mercu Buana. 3. Diky Firdaus, S.Kom., MM selaku Koordinator Tugas Akhir pada Jurusan Informatika Universitas Mercu Buana.. 4. Seluruh Dosen Fakultas Teknik Informatika Universitas Mercu Buana Menteng yang telah memberikan bekal ilmu dan pengajaran. 5. Kedua orang tua, Ayahanda Sukari dan Ibunda Siti Mrembani yang telah memberikan bantuan dukungan material dan moral serta mendoakan saya. 6. Sahabat seperjuangan Fakultas Informatika, khususnya Angkatan 2012. Akhir kata saya berharap Allah Subhanahu wa Ta ala membalas segala kebaikan semua pihak yang telah membantu. Semoga Tugas Akhir ini membawa manfaat bagi pengembangan ilmu komputer. Penulis iii
DAFTAR ISI Halaman LEMBAR PERNYATAAN.. i LEMBAR PENGESAHAN ii KATA PENGANTAR... iii ABSTRAKSI.. iv ABSTRACT... v DAFTAR ISI. vi DAFTAR TABEL... x DAFTAR GAMBAR. xi DEFINISI xiv BAB I PENDAHULUAN.. 1 1.1 LATAR BELAKANG.. 1 1.2 PERUMUSAN MASALAH.... 3 1.3 BATASAN MASALAH.. 3 1.4 TUJUAN DAN MANFAAT... 4 1.4.1 TUJUAN PENELITIAN.... 1.4.2 MANFAAT PENELITIAN 4 4 1.5 1.6 METODOLOGI PENELITIAN... 1.5.1 METODE PENGUMPULAN DATA 1.5.2 METODE PENGEMBANGAN PERANGKAT LUNAK. SISTEMATIKA PENULISAN 4 4 5 6 1.6.1 BAB I PENDAHULUAN.. 6 1.6.2 BAB II LANDASAN TEORI. 6 1.6.3 BAB III ANALISA SISTEM 1.6.4 BAB IV PERANCANGAN SISTEM... 1.6.5 BAB V IMPLEMENTASI DAN PENGUJIAN.. 1.6.6 BAB VI KESIMPULAN DAN SARAN.. 6 7 7 7 vi
BAB II LANDASAN TEORI... 8 2.1 KONSEP DASAR PERANCANGAN... 8 2.2 KONSEP DASAR SISTEM... 8 2.2.1 DEFINISI SISTEM... 8 2.2.2 KARAKTERISTIK SISTEM. 9 2.3 2.4 2.5 2.6 2.7 2.8 2.9 KONSEP KOMUNIKASI VIRTUAL...... KONSEP DASAR UNDANGAN PERNIKAHAN ONLINE. KONSEP DASAR APLIKASI WEB... DASAR PEMROGRAMAN SISTEM... 2.6.1 BASIS DATA... 2.6.2 ARSITEKTUR BASIS DATA.. PERANGKAT LUNAK PENUNJANG. 2.7.1 PHP... 2.7.2 MYSQL... 2.7.3 XAMPP... REKAYASA PERANGKAT LUNAK 2.8.1 SDLC (SYSTEM DEVELOPMENT LIFE CYCLE)... 2.8.2 UML (UNIFIED MODELLING LANGUAGE).. PENGUJIAN PERANGKAT LUNAK 2.9.1 METODE PENGUJIAN BLACK BOX. 2.9.2 METODE PENGUJIAN WHITE BOX. 10 11 11 12 12 13 14 14 14 16 16 17 18 20 21 21 BAB III ANALISA SISTEM... 22 3.1 ANALISA SISTEM YANG BERJALAN... 22 3.1.1 ANALISA PROSEDUR YANG BERJALAN... 22 vii
3.2 3.3 3.4 3.5 3.6 3.7 3.8 3.9 BAB IV 4.1 4.2 BAB V 5.1 5.2 5.3 ANALISA SISTEM YANG DIUSULKAN... ANALISA PENGGUNA.... ANALISA KEBUTUHAN......... ANALISA PERANGKAT LUNAK... ANALISA PERANGKAT KERAS... ANALISA SISTEM BERDASARKAN ANALISA KEBUTUHAN DAN PENGGUNA... ANALISA KEEFEKTIFAN PENGGUNAAN APLIKASI... ANALISA PROSEDUR PENGGUNAAN APLIKASI... PERANCANGAN SISTEM... PERANCANGAN SISTEM... 4.1.1 USE CASE DIAGRAM... 4.1.2 ACTIVITY DIAGRAM... 4.1.3 SEQUENCE DIAGRAM... 4.1.4 CLASS DIAGRAM...... DESIGN ANTARMUKA (DESIGN INTERFACE). IMPLEMENTASI DAN PENGUJIAN LINGKUNGAN IMPLEMENTASI... 5.1.1 PERANGKAT KERAS... 5.1.2 PERANGKAT LUNAK... HASIL IMPLEMENTASI... 5.2.1 HALAMAN AWAL WEBSITE... 5.2.2 HALAMAN REGISTER... 5.2.3 HALAMAN LOGIN... 5.2.4 HALAMAN AWAL DASHBOARD USER 5.2.5 HALAMAN CREATE WEDDING INVITATION... 5.2.6 HALAMAN UNIQUE LINK... 5.2.7 HALAMAN ROMANTIC JOURNEY... 5.2.8 HALAMAN GALLERY UPLOAD... HASIL PENGUJIAN... 25 25 26 26 26 27 27 27 29 29 29 30 39 44 44 50 50 50 50 51 51 53 55 57 58 59 61 62 64 viii
BAB VI 6.1 6.2 5.3.1 METODE PENGUJIAN... 5.3.2 SKENARIO UJI COBA... 5.3.3 HASIL UJI COBA... 5.3.4 ANALISA HASIL PENGUJIAN... KESIMPULAN DAN SARAN... KESIMPULAN... SARAN... DAFTAR PUSTAKA... 64 65 69 72 73 73 73 74 ix
DAFTAR TABEL Halaman Tabel 4.1 keterangan Use Case Diagram... 30 Tabel 5.1 Skenario Hasil Pengujian Pendaftaran Account Pada Halaman Register......... 65 Tabel 5.2 Skenario Hasil Pengujian Login member..... 65 Tabel 5.3 Skenario Hasil Pengujian Halaman Menu Utama Dashboard User 66 Tabel 5.4 Skenario Hasil Pengujian Halaman Wedding Information... 66 Tabel 5.5 Skenario Hasil Pengujian Penulisan Romantic Journey... 67 Tabel 5.6 Skenario Hasil Pengujian Halaman Pembuatan Unique Link..... 67 Tabel 5.7 Skenario Hasil Pengujian Halaman Choose Design..... 68 Tabel 5.8 Skenario Hasil Pengujian Halaman Gallery Upload.... 68 Tabel 5.9 Hasil Pengujian Pendaftaran Account Pada Halaman Register.. 69 Tabel 5.10 Hasil Pengujian Login member........... 69 Tabel 5.11 Hasil Pengujian Halaman Menu Utama Dashboard User..... 70 Tabel 5.12 Hasil Pengujian Halaman Wedding Information........ 70 Tabel 5.13 Hasil Pengujian Halaman Penulisan Romantic Journey.... 70 Tabel 5.14 Skenario Hasil Pengujian Halaman Pembuatan Unique Link... 71 Tabel 5.15 Skenario Hasil Pengujian Halaman Choose Design...... 71 Tabel 5.16 Skenario Hasil Pengujian Halaman Gallery Upload...... 71 x
DAFTAR GAMBAR Halaman Gambar 2.1 Metodologi Perangkat Lunak (Classic life Cycle/Waterfall... 18 Gambar 3.1 Flow Chart Pemesanan Undangan Konvensional.... 22 Gambar 3.2 Flow Chart Proses Cetak Undangan Konvensional..... 23 Gambar 3.3 Flow Chart Pengambilan Undangan Konvensional..... 24 Gambar 4.1 Use case Diagram............ 29 Gambar 4.2 Activity Diagram Menu Register........... 31 Gambar 4.3 Activity Diagram Menu Login........... 32 Gambar 4.4 Activity Diagram Menu Create Wedding Information... 33 Gambar 4.5 Activity Diagram Menu Romantic Journey... 34 Gambar 4.6 Activity Diagram Menu Choose Design Invitation... 35 Gambar 4.7 Activity Diagram Menu Upload Foto dan Video... 36 Gambar 4.8 Activity Diagram Menu Unique Link... 37 Gambar 4.9 Activity Diagram Access Invitation... 38 Gambar 4.10 Sequence Diagram Register... 39 Gambar 4.11 Sequence Diagram Login... 40 Gambar 4.12 Sequence Diagram Wedding Information... 40 Gambar 4.13 Sequence Diagram Unique Link... 41 Gambar 4.14 Sequence Diagram Romantic Journey... 41 Gambar 4.15 Sequence Diagram Gallery Upload... 42 Gambar 4.16 Sequence Diagram Choose Design Invitation... 43 xi
Gambar 4.17 Sequence Diagram Access Invitation... 43 Gambar 4.18 Class Diagram... 44 Gambar 4.19 Rancangan Halaman Utama Website... 45 Gambar 4.20 Rancangan Halaman Register... 45 Gambar 4.21 Rancangan Halaman Login... 46 Gambar 4.22 Rancangan Halaman Dashboard User... 46 Gambar 4.23 Rancangan Halaman Create Wedding Information... 47 Gambar 4.24 Rancangan Halaman Romantic Journey... 47 Gambar 4.25 Rancangan Halaman Gallery Upload... 48 Gambar 4.26 Rancangan Halaman Choose Design... 48 Gambar 4.27 Rancangan Halaman Unique Link... 49 Gambar 5.1 Halaman Utama Website Aplikasi Undangan Pernikahan Virtual...52 Gambar 5.2 Source Code Halaman Utama Website Aplikasi Undangan Pernikahan Virtual... 53 Gambar 5.3 Halaman Register Website Aplikasi Undangan Pernikahan Virtual... 54 Gambar 5.4 Source Code Halaman Register Website Aplikasi Undangan Pernikahan Virtual... 55 Gambar 5.5 Halaman Login Website Aplikasi Undangan Pernikahan Virtual... 56 Gambar 5.6 Source Code Halaman Login Website Aplikasi Undangan Pernikahan Virtual... 56 Gambar 5.7 Halaman Dashboard User Pada Website Aplikasi Undangan xii
Pernikahan Virtual... 57 Gambar 5.8 Source Code Halaman Wedding Information... 58 Gambar 5.9 Halaman Sub Menu Wedding Information... 59 Gambar 5.10 Source Code Halaman Wedding Information...59 Gambar 5.11 Halaman Sub Menu Unique Link... 60 Gambar 5.12 Source Code Halaman Unique Link... 60 Gambar 5.13 Halaman Sub Menu Romantic Journey... 61 Gambar 5.14 Source Code Halaman Romantic Journey....62 Gambar 5.15 Halaman Sub Menu Gallery Upload... 63 Gambar 5.16 Source Code Halaman Gallery Upload... 63 xiii
DEFINISI Source Code User Istilah Pengertian Kumpulan pernyataan perintah yang digunakan di dalam ilmu komputer User merupakan Pengguna dari komputer \ xiv