RANCANG BANGUN APLIKASI UNDANGAN PERNIKAHAN VIRTUAL BERBASIS WEBSITE DENGAN MENGGUNAKAN PHP DAN MYSQL

Transkripsi

1 RANCANG BANGUN APLIKASI UNDANGAN PERNIKAHAN VIRTUAL BERBASIS WEBSITE DENGAN MENGGUNAKAN PHP DAN MYSQL DWI MENTARI PROGRAM STUDI INFORMATIKA FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCUBUANA 2017

2 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 PROGRAM STUDI INFORMATIKA FAKULTAS ILMU KOMPUTER UNIVERSITAS MERCUBUANA 2017

3 LEMBAR PERNYATAAN Yang bertanda tangan dibawah ini: Nim : 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

4 LEMBAR PENGESAHAN Nama : Dwi Mentari NIM : 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

5 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 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

6 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 LATAR BELAKANG PERUMUSAN MASALAH BATASAN MASALAH TUJUAN DAN MANFAAT TUJUAN PENELITIAN MANFAAT PENELITIAN METODOLOGI PENELITIAN METODE PENGUMPULAN DATA METODE PENGEMBANGAN PERANGKAT LUNAK. SISTEMATIKA PENULISAN BAB I PENDAHULUAN BAB II LANDASAN TEORI BAB III ANALISA SISTEM BAB IV PERANCANGAN SISTEM BAB V IMPLEMENTASI DAN PENGUJIAN BAB VI KESIMPULAN DAN SARAN vi

7 BAB II LANDASAN TEORI KONSEP DASAR PERANCANGAN KONSEP DASAR SISTEM DEFINISI SISTEM KARAKTERISTIK SISTEM KONSEP KOMUNIKASI VIRTUAL KONSEP DASAR UNDANGAN PERNIKAHAN ONLINE. KONSEP DASAR APLIKASI WEB... DASAR PEMROGRAMAN SISTEM BASIS DATA ARSITEKTUR BASIS DATA.. PERANGKAT LUNAK PENUNJANG PHP MYSQL XAMPP... REKAYASA PERANGKAT LUNAK SDLC (SYSTEM DEVELOPMENT LIFE CYCLE) UML (UNIFIED MODELLING LANGUAGE).. PENGUJIAN PERANGKAT LUNAK METODE PENGUJIAN BLACK BOX METODE PENGUJIAN WHITE BOX BAB III ANALISA SISTEM ANALISA SISTEM YANG BERJALAN ANALISA PROSEDUR YANG BERJALAN vii

8 BAB IV BAB V 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 USE CASE DIAGRAM ACTIVITY DIAGRAM SEQUENCE DIAGRAM CLASS DIAGRAM DESIGN ANTARMUKA (DESIGN INTERFACE). IMPLEMENTASI DAN PENGUJIAN LINGKUNGAN IMPLEMENTASI PERANGKAT KERAS PERANGKAT LUNAK... HASIL IMPLEMENTASI HALAMAN AWAL WEBSITE HALAMAN REGISTER HALAMAN LOGIN HALAMAN AWAL DASHBOARD USER HALAMAN CREATE WEDDING INVITATION HALAMAN UNIQUE LINK HALAMAN ROMANTIC JOURNEY HALAMAN GALLERY UPLOAD... HASIL PENGUJIAN viii

9 BAB VI METODE PENGUJIAN SKENARIO UJI COBA HASIL UJI COBA ANALISA HASIL PENGUJIAN... KESIMPULAN DAN SARAN... KESIMPULAN... SARAN... DAFTAR PUSTAKA ix

10 DAFTAR TABEL Halaman Tabel 4.1 keterangan Use Case Diagram Tabel 5.1 Skenario Hasil Pengujian Pendaftaran Account Pada Halaman Register Tabel 5.2 Skenario Hasil Pengujian Login member Tabel 5.3 Skenario Hasil Pengujian Halaman Menu Utama Dashboard User 66 Tabel 5.4 Skenario Hasil Pengujian Halaman Wedding Information Tabel 5.5 Skenario Hasil Pengujian Penulisan Romantic Journey Tabel 5.6 Skenario Hasil Pengujian Halaman Pembuatan Unique Link Tabel 5.7 Skenario Hasil Pengujian Halaman Choose Design Tabel 5.8 Skenario Hasil Pengujian Halaman Gallery Upload Tabel 5.9 Hasil Pengujian Pendaftaran Account Pada Halaman Register.. 69 Tabel 5.10 Hasil Pengujian Login member Tabel 5.11 Hasil Pengujian Halaman Menu Utama Dashboard User Tabel 5.12 Hasil Pengujian Halaman Wedding Information Tabel 5.13 Hasil Pengujian Halaman Penulisan Romantic Journey Tabel 5.14 Skenario Hasil Pengujian Halaman Pembuatan Unique Link Tabel 5.15 Skenario Hasil Pengujian Halaman Choose Design Tabel 5.16 Skenario Hasil Pengujian Halaman Gallery Upload x

11 DAFTAR GAMBAR Halaman Gambar 2.1 Metodologi Perangkat Lunak (Classic life Cycle/Waterfall Gambar 3.1 Flow Chart Pemesanan Undangan Konvensional Gambar 3.2 Flow Chart Proses Cetak Undangan Konvensional Gambar 3.3 Flow Chart Pengambilan Undangan Konvensional Gambar 4.1 Use case Diagram Gambar 4.2 Activity Diagram Menu Register Gambar 4.3 Activity Diagram Menu Login Gambar 4.4 Activity Diagram Menu Create Wedding Information Gambar 4.5 Activity Diagram Menu Romantic Journey Gambar 4.6 Activity Diagram Menu Choose Design Invitation Gambar 4.7 Activity Diagram Menu Upload Foto dan Video Gambar 4.8 Activity Diagram Menu Unique Link Gambar 4.9 Activity Diagram Access Invitation Gambar 4.10 Sequence Diagram Register Gambar 4.11 Sequence Diagram Login Gambar 4.12 Sequence Diagram Wedding Information Gambar 4.13 Sequence Diagram Unique Link Gambar 4.14 Sequence Diagram Romantic Journey Gambar 4.15 Sequence Diagram Gallery Upload Gambar 4.16 Sequence Diagram Choose Design Invitation xi

12 Gambar 4.17 Sequence Diagram Access Invitation Gambar 4.18 Class Diagram Gambar 4.19 Rancangan Halaman Utama Website Gambar 4.20 Rancangan Halaman Register Gambar 4.21 Rancangan Halaman Login Gambar 4.22 Rancangan Halaman Dashboard User Gambar 4.23 Rancangan Halaman Create Wedding Information Gambar 4.24 Rancangan Halaman Romantic Journey Gambar 4.25 Rancangan Halaman Gallery Upload Gambar 4.26 Rancangan Halaman Choose Design Gambar 4.27 Rancangan Halaman Unique Link Gambar 5.1 Halaman Utama Website Aplikasi Undangan Pernikahan Virtual...52 Gambar 5.2 Source Code Halaman Utama Website Aplikasi Undangan Pernikahan Virtual Gambar 5.3 Halaman Register Website Aplikasi Undangan Pernikahan Virtual Gambar 5.4 Source Code Halaman Register Website Aplikasi Undangan Pernikahan Virtual Gambar 5.5 Halaman Login Website Aplikasi Undangan Pernikahan Virtual Gambar 5.6 Source Code Halaman Login Website Aplikasi Undangan Pernikahan Virtual Gambar 5.7 Halaman Dashboard User Pada Website Aplikasi Undangan xii

13 Pernikahan Virtual Gambar 5.8 Source Code Halaman Wedding Information Gambar 5.9 Halaman Sub Menu Wedding Information Gambar 5.10 Source Code Halaman Wedding Information...59 Gambar 5.11 Halaman Sub Menu Unique Link Gambar 5.12 Source Code Halaman Unique Link Gambar 5.13 Halaman Sub Menu Romantic Journey Gambar 5.14 Source Code Halaman Romantic Journey Gambar 5.15 Halaman Sub Menu Gallery Upload Gambar 5.16 Source Code Halaman Gallery Upload xiii

14 DEFINISI Source Code User Istilah Pengertian Kumpulan pernyataan perintah yang digunakan di dalam ilmu komputer User merupakan Pengguna dari komputer \ xiv