Perancangan Sistem Informasi Promosi Condotel Berbasis Web Pada PT.Anugerah Tri Artha Diajukan kepada Fakultas Teknologi Informasi Untuk memperoleh Gelar Ahli Madya Komputer Oleh: Joko Ma ruf 562011012 Program Studi Diploma Teknik Informatika Fakultas Teknologi Informasi Universitas Kristen Satya Wacana Salatiga 2014
Perancangan Sistem Informasi Promosi Condotel Berbasis Web Pada PT.Anugerah Tri Artha Laporan Tugas Akhir Oleh: Joko Ma ruf 562011012 Program Studi Diploma Teknik Informatika Fakultas Teknologi Informasi Universitas Kristen Satya Wacana Salatiga 2014 i
ii
iii
iv
KATA PENGANTAR Segala puji syukur penulis panjatkan kehadiran Tuhan Yang Maha Esa atas segala berkat dan anugerahnya yang sangat luar biasa sehingga penulis dapat menyelesaikan penulisan laporan Tugas Akhir ini dengan baik. Penulisan laporan Tugas Akhir ini dimaksudkan untuk memenuhi sebagian dari syarat dalam rangka meraih gelar sarjana Ahli Madya Komputer pada Program Studi Diploma Teknik Informatika Fakultas Teknologi Informasi Universitas Kristen Satya Wacana Salatiga. Penulis juga menyadari bahwa terselesaikannya laporan Tugas Akhir dengan lancar tidak terlepas juga karena bantuan dari berbagai pihak. Oleh karena itu, pada kesempatan ini penulis ingin menyampaikan terimakasih kepada : 1. Dr. Dharmaputra T. Palekahelu, M. Pd sebagai Dekan Fakultas Teknologi Informasi, Universitas Kristen Satya Wacana. 2. Bapak Sri Winarso Martyas Edi, S.Kom, M.Cs sebagai Ketua Program Studi Teknik Informatika, Diploma Fakultas Teknologi Informasi, Universitas Kristen Satya Wacana. 3. Bapak Felix David, S.Kom yang telah berkenan meluangkan waktu untuk memberikan bimbingan dalam penyusunan Tugas Akhir ini. v
4. Orang tua dan keluarga tercinta, yang memberikan dukungan baik moril maupun materil kepada penulis untuk selalu berusaha mencapai hasil yang terbaik. 5. Semua teman-teman D3 Teknik Informatika 2011 yang telah memberikan doa, dukungan, serta kebersamaannya selama ini. 6. Serta semua pihak yang tidak dapat penulis sebutkan satu persatu. Salatiga, 15-Agustus-2014 Joko Ma ruf vi
Daftar Isi Judul... i Lembar Pengesahan... ii Lembar Pernyataan Bebas Plagiasi... iii Lembar Pernyataan Persetujuan Publikasi... iv Kata Pengantar... v Daftar Isi... vii Daftar Gambar... ix BAB I. PENDAHULUAN... 1 1.1 Latar Belakang... 1 1.2 Tujuan... 2 1.2.1 Tujuan Umum... 2 1.2.2 Tujuan Khusus... 2 1.3 Rumusan Masalah... 2 1.4 Batasan Masalah... 3 1.5 Metodologi... 3 1.5.1 Pengumpulan Data... 3 1.5.2 Perancangan Sistem... 5 BAB II. TINJAUAN PUSTAKA... 6 2.1 Penelitian Terdahulu... 6 2.2 Landasan Teori... 6 2.2.1 Pengertian Sistem... 6 2.2.2 Pengertian Sistem Informasi... 7 2.2.3 Pengertian Promosi... 7 vii
2.2.4 Pengertian Interaksi Manusia dan Komputer... 8 2.2.5 Pengertian Internet... 8 2.2.6 Pengertian World Wide Web... 9 2.2.7 Bahasa Pemograman (PHP)... 9 2.2.8 Pengertian Database... 9 BAB III. PERANCANGAN SISTEM... 11 3.1 Perangkat Lunak... 11 3.1 Lembar Kerja Tampilan (LKT)... 12 3.3 Jaringan Sematik Tampilan (JST)... 20 3.2 Context Diagram ( CD)... 24 3.3 Data Flow Diagram (DFD)... 24 3.4 Daftar Tabel... 26 3.5 Struktur Tabel... 26 BAB IV. HASIL DAN ANALISIS... 33 4.1 Hasil Karya/Implementasi... 33 4.1.1 Tampilan Website... 33 4.1.2 Tampilan Halaman Administrator... 43 4.2 Hasil Pengujian... 67 4.3 Analisis... 67 BAB V. PENUTUP... 68 5.1 Kesimpulan... 68 5.2 Saran... 68 DAFTAR PUSTAKA... 71 viii
DAFTAR GAMBAR Gambar 3.1 LKT Halaman Awal Website... 12 Gambar 3.2 LKT Halaman Atria Condotel & Conference... 14 Gambar 3.3 LKT Halaman Contact Us... 16 Gambar 3.4 LKT Halaman About Us... 18 Gambar 3.5 LKT Halaman administrator... 19 Gambar 3.6 Jaringan Sematik Tampilan (JST)... 20 Gambar 3.7 Context Diagram... 24 Gambar 3.8 Data Flow Diagram tingkat 0... 24 Gambar 3.9 Data Flow Diagram tingkat 1... 25 Gambar 3.10 Daftar tabel... 26 Gambar 3.11 Struktur Tabel User... 27 Gambar 3.12 Struktur Tabel Album... 27 Gambar 3.13 Struktur Tabel Banner... 27 Gambar 3.14 Struktur Tabel Berita... 28 Gambar 3.15 Struktur Tabel Event... 28 Gambar 3.16 Struktur Tabel Favicon... 29 Gambar 3.17 Struktur Tabel Gallery... 29 Gambar 3.18 Struktur Tabel Galleryhome... 29 Gambar 3.19 Struktur Tabel Gambar... 29 Gambar 3.20 Struktur Tabel Header... 30 Gambar 3.21 Struktur Tabel Modul... 30 Gambar 3.22 Struktur Tabel Progress... 31 Gambar 3.23 Struktur Tabel Slide... 31 Gambar 3.24 Struktur Tabel Social... 31 ix
Gambar 3.25 Struktur Tabel Statistik... 32 Gambar 3.26 Struktur Tabel Title... 32 Gambar 3.27 Struktur Tabel YM... 32 Gambar 4.1 Halaman Awal... 33 Gambar 4.2 Halaman About Us... 34 Gambar 4.3 Halaman Atria Condotel & Conference... 34 Gambar 4.4 Halaman Contact Us... 35 Gambar 4.5 Halaman Progress... 35 Gambar 4.6 Halaman Gallery... 36 Gambar 4.7 Halaman News Update... 36 Gambar 4.8 Halaman Our Partner... 37 Gambar 4.9 Halaman Job Oppurtunities... 37 Gambar 4.10 Halaman Special Promo... 38 Gambar 4.11 Halaman Event... 38 Gambar 4.12 Halaman Atria Condotel & Conference Overview... 39 Gambar 4.13 Halaman Atria Condotel & Conference Facilities... 39 Gambar 4.14 Halaman Atria Condotel & Conference Unit type... 40 Gambar 4.15 Halaman Atria Condotel & Conference Floor Plan... 40 Gambar 4.16 Halaman Atria Condotel & Conference Location Map... 41 Gambar 4.17 Halaman Atria Condotel & x
Conference Price List... 41 Gambar 4.18 Halaman Atria Condotel & Conference Concept... 42 Gambar 4.19 Halaman Atria Condotel & Conference Information... 42 Gambar 4.20 Halaman Atria Condotel & Conference Gallery... 43 Gambar 4.21 Halaman Login Administrator... 43 Gambar 4.22 Halaman Utama Administrator... 44 Gambar 4.23 Halaman Edit Home... 44 Gambar 4.24 Halaman edit About Us... 45 Gambar 4.25 Halaman Edit Contact Us... 45 Gambar 4.26 Halaman edit Progress... 46 Gambar 4.27 HalamanTambah Progress... 46 Gambar 4.28 Halaman edit Progress... 46 Gambar 4.29 Halaman awal News Update... 47 Gambar 4.30 Halaman Tambah News Update... 47 Gambar 4.31 Halaman Edit News Update... 47 Gambar 4.32 Halaman Edit Job Oppurtunities... 48 Gambar 4.33 Halaman Edit Our Partner... 48 Gambar 4.34 Halaman Edit Customer Service... 49 Gambar 4.35 Halaman Edit Progress... 49 Gambar 4.36 Halaman Awal Event... 49 Gambar 4.37 Halaman Tambah Event... 50 Gambar 4.38 Halaman Edit Event... 50 Gambar 4.39 Halaman Awal Slideshow Awal... 51 xi
Gambar 4.40 Halaman Tambah Slideshow... 51 Gambar 4.41 Halaman edit Slideshow... 51 Gambar 4.42 Halaman Awal Album... 51 Gambar 4.43 Halaman Tambah Album... 51 Gambar 4.44 Halaman edit Album... 52 Gambar 4.45 Halaman Awal Gallery... 52 Gambar 4.46 Halaman Tambah Gallery... 53 Gambar 4.47 Halaman edit Gallery... 53 Gambar 4.48 Halaman Awal Slideshow... 54 Gambar 4.49 Halaman Tambah Foto Slideshow... 54 Gambar 4.50 Halaman edit Foto Slideshow... 54 Gambar 4.51 Halaman edit Overview... 55 Gambar 4.52 Halaman Tambah Foto Overview... 55 Gambar 4.53 Halaman edit Foto Overview... 55 Gambar 4.54 Halaman edit Facilities... 56 Gambar 4.55 Halaman Tambah Foto Facilities... 56 Gambar 4.56 Halaman edit Foto Facilities... 56 Gambar 4.57 Halaman edit Unit Type... 57 Gambar 4.58 Halaman Tambah Foto Unit Type... 57 Gambar 4.59 Halaman edit FotoUnit Type... 57 Gambar 4.60 Halaman edit Floor Plan... 58 Gambar 4.61 Halaman Tambah Foto Floor Plan... 58 Gambar 4.62 Halaman edit Foto Floor Plan... 58 Gambar 4.63 Halaman edit Location Map... 59 Gambar 4.64 Halaman Tambah Foto Location Map... 59 xii
Gambar 4.65 Halaman edit Foto Location Map... 59 Gambar 4.66 Halaman edit Pricelist... 60 Gambar 4.67 Halaman Tambah Foto Pricelist... 60 Gambar 4.68 Halaman edit Foto Pricelist... 60 Gambar 4.69 Halaman edit Concept... 61 Gambar 4.70 Halaman Foto Concept... 61 Gambar 4.71 Halaman edit Foto Concept... 61 Gambar 4.72 Halaman edit Information... 61 Gambar 4.73 Halaman Foto Information... 62 Gambar 4.74 Halaman edit Foto Information... 62 Gambar 4.75 Halaman edit Favicon... 63 Gambar 4.76 Halaman edit Web Title... 63 Gambar 4.77 Halaman edit Web Diskripsi... 63 Gambar 4.78 Halaman edit Web Keyword... 64 Gambar 4.79 Halaman Komentar... 64 Gambar 4.80 Halaman Detail Komentar... 64 Gambar 4.81 Halaman Banner Link... 65 Gambar 4.82 Halaman Tambah Banner Link... 65 Gambar 4.83 Halaman edit Banner Link... 65 Gambar 4.84 Halaman edit Link Media Sosial... 66 Gambar 4.85 Halaman Yahoo Messagger... 66 Gambar 4.86 Halaman Tambah Yahoo Messagger... 66 Gambar 4.87 Halaman Edit Yahoo Messagger... 66 Gambar 4.88 Halaman User... 66 xiii
Gambar 4.89 Halaman Edit User... 67 xiv