2.3 Aplikasi Yang Dipakai Dalam Pembuatan website... II Pemrograman dengan Menggunakan PHP... II Pengertian PHP... II

Ukuran: px

Mulai penontonan dengan halaman:

Download "2.3 Aplikasi Yang Dipakai Dalam Pembuatan website... II Pemrograman dengan Menggunakan PHP... II Pengertian PHP... II"

Liana Lie
7 tahun lalu
Tontonan:

1 DAFTAR ISI ABSTRACT... i ABSTRAK... ii KATA PENGANTAR... iii DAFTAR ISI... v DAFTAR TABEL... viii DAFTAR GAMBAR... ix DAFTAR SIMBOL... xi LAMPIRAN... xvi BAB I PENDAHULUAN 1.1 Latar Belakang... I Identifikasi Masalah... I Rumusan Masalah... I Tujuan dan Manfaat... I Batasan Masalah... I Metodologi Penelitian... I Sistematika Penulisan... I-6 BAB II LANDASAN TEORI 2.1 Tinjauan Umum Pariwisata... II Definisi Pariwisata... II Bentuk Pariwisata... II Upaya Pengembangan Pariwisata... II Pariwisata di Timor Leste... II Tinjauan Mengenai Website... II Definisi Website... II Unsur-Unsur Dalam Penyediaan Website atau Situs... II Jenis Website... II Portal... II Berita... II Informasi... II Bisnis... II Pendidikan... II Hiburan... II Advokasi... II Blog... II Wiki... II Agregator Isi... II Perorangan... II-10 v

2 2.3 Aplikasi Yang Dipakai Dalam Pembuatan website... II Pemrograman dengan Menggunakan PHP... II Pengertian PHP... II Sejarah PHP... II Kelebihan dan Kelemahan Bahsa Pemrograman PHP.. II HTML..... II Penggabungan Script PHP dan HTML... II Database MySQL... II Database... II MySQL... II Metode Rekayasa Perangkat Lunak dengan Fountain Model II Pengenalan CSS... II Pengembangan Aplikasi Berbasis Mobile... II Strategi Pengembangan Aplikasi... II Web Based Mobile... II-27 BAB III ANALISIS SISTEM 3.1 Penyebab Masalah... III Analisis Sistem yang Berjalan... III Analisis Sistem Yang Akan Dibuat... III Hasil Analisis... III-9 BAB IV PERANCANGAN SISTEM 4.1 Analisa Kebutuhan dan Pemodelan Sistem Baru... IV Kebutuhan Fungsional... IV Use Case Diagram Sistem yang Akan dikembangkan IV Skenario... IV Sequence Diagram... IV Sequence Diagram Mengakses Informasi Timor Leste... IV Sequence Diagram Mengakses Informasi Pariwisata... IV Sequence Diagram Mengakses Informasi Kebudayaan... IV Sequence Diagram Mengakses Event... IV Sequence Diagram Mengelola Informasi... IV Collaboration Diagram... IV Collaboration Diagram Mengakses Informasi Timor Leste... IV Collaboration Diagram Mengakses Informasi Pariwisata... IV Collaboration Diagram Mengakses Informasi vi

3 Kebudayaan... IV Collaboration Diagram Mengakses Event... IV Collaboration Diagram Mengelola Informasi... IV Activity Diagram... IV Activity Diagram Timor Leste... IV Activity Diagram Timor Pariwisata...IV Activity Diagram Timor Kebudayaan... IV Activity Diagram Timor Event... IV Analysis Class (Kelas Analisis)... IV Classs Diagram... IV Perancangan Metaphor (Design Metaphor)... IV Desain Halaman Utama Website Negara Timor Leste.IV Desain Halama Tampilan Timor Leste... IV Desain Tampilan Halaman Pariwisata... IV Desain Tampilan Halaman Kebudayaan... IV Desain Tampilan Halaman Event... IV Tipe Informasi... IV Struktur Navigasi... IV System Controls... IV-32 BAB V IMPLEMENTASI SISTEM 5.1 Prototyping... V User Interface Menu Utama... V User Interface Halaman tentang Timor Leste... V User Interface Halaman Pariwisata... V User Interface Halaman Kebudayaan... V User Interface Halaman Event... V Pengujian Sistem... V Kecepatan Mengakses Pembangunan Website Pariwisata Negara Timor Lesteia Berbasis Mobile... V Hasil Uji Coba Aplikasi (Beta Testing)... V-15 BAB VI KESIMPULAN DAN SARAN 6.1 Kesimpulan... VI Saran... VI-2 DAFTAR PUSTAKA LAMPIRAN vii

4 DAFTAR TABEL Tabel 3.1 Tabel Permasalahan dan Pemecahan Kebutuhan User... III-6 Tabel 4.1 Kebutuhan Fungsional Sistem Aplikasi... IV-1 Tabel 4.2 Deskripsi Aktor... IV-4 Tabel 4.3 Deskripsi Use Case... IV-4 Tabel 4.4 Skenario diagram pada Pembangunan Website Pariwisata Negara Timor Leste Berbasis Mobile... IV-5 Tabel 5.1 Hasil yang diharapkan uji aplikasi... V-15 viii

5 DAFTAR GAMBAR Gambar 2.1 Peta Negara Timor Leste... II-10 Gambar 2.2 Foto Keindahan Pemandangan Pantai di Dili... II-10 Gambar 2.3 Foto Wisata Pantai di Timor leste... II-11 Gambar 2.4 Patung Kristus Raja (Cristo Rei) di Dili, Timor Leste... II-11 Gambar 2.5 Diagram Interpreter PHP Dalam Proses Eksekusi Secara Client Side... II-20 Gambar 2.6 Metode Fountain Model... II-29 Gambar 2.7 Contoh Aplikasi Web Wordpress yang Digunakan Pada Piranti Mobile Blackberry.... II-33 Gambar 2.8 Contoh Aplikasi Web Kompasiana Yang Digunakan Pada Piranti Mobile Blackbery... II-34 Gambar 3.1 Flowmap yang sedang berjalan... III-40 Gambar 3.2 Flowmap system yang diusulkan... III-43 Gambar 4.1 Usa Case diagram sistem yang akan dikembangkan... IV-48 Gambar 4.2 Sequence Diagram Mengakses Informasi Timor Leste... IV-55 Gambar 4.3 Sequence Diagram Mengakses Informasi Pariwisata... IV-56 Gambar 4.4 Sequence Diagram Mengakses Informasi Kebudayaan... IV-57 Gambar 4.5 Sequence Diagram Mengakses Informasi Event... IV-58 Gambar 4.6 Sequence Diagaram Edit Informasi... IV-69 Gambar 4.7 Sequence Diagram Hapus Informasi... IV-60 Gambar 4.8 Collaboration Diagram Mengaksen Informasi Timor Leste IV-61 Gambar 4.9 Collaboration Diagram Mengaksen Informasi Pariwisata.... IV-62 Gambar 4.10 Collaboration Diagram Mengaksen Informasi Kebudayaan. IV-63 Gambar 4.11 Collaboration Diagram Mengaksen Informasi Event... IV-64 Gambar 4.12 Collaboration Diagram Edit Informasi... IV-64 Gambar 4.13 Collaboration Diagram Hapus Informasi... IV-65 Gambar 4.14 Diagram Activity Timor Leste... IV-66 Gambar 4.15 Diagram Activity Pariwisata... IV-67 Gambar 4.16 Diagram Activity Kebudayaan... IV-68 ix

6 Gambar 4.17 Diagram Activity Event... IV-79 Gambar 4.18 Analysis class pembangunan website Pariwisata Negara Timor Leste Berbasis Mobile... IV-70 Gambar 4.19 Class Diagram Pembanguna Website Pariwisata Negara Timor Leste Berbasis Mobile... IV-71 Gambar 4.20 Desain Menu Utama... IV-72 Gambar 4.21 Desain Menu About Timor Leste... IV-73 Gambar 4.22 Desain Menu Pariwisata... IV-74 Gambar 4.23 Desain Menu Kebudayaan... IV-75 Gambar 4.24 Desain Menu Event... IV-76 Gambar 4.25 Link Program Pembangunan Website Pariwisata Negara Timor Leste Berbasis Mobile... IV-77 Gambar 5.1 User Interface Menu Utama... V-78 Gambar 5.2 User Interface Halaman tentang Timor Leste... V-89 Gambar 5.3 User Interface Menu Administrasi... V-80 Gambar 5.4 User Interface Menu Goegrafis... V-81 Gambar 5.5 User Interface Menu Demografi... V-82 Gambar 5.6 User Interface Menu Gallery... V-83 Gambar 5.7 User Interface Menu Pariwisata... V-84 Gambar 5.8 User Interface Menu wisata Bahari... V-85 Gambar 5.9 User Interface Menu Wisata Kuliner... V-85 Gambar 5.10 User Interface Biaya Akomodasi... V-86 Gambar 5.11 User Interface Alamat Pariwisata... V-86 Gambar 5.12 User Interface Halaman Kebudayaan.... V-87 Gambar 5.13 User Interface Menu Rumah Adat... V-88 Gambar 5.14 User Interface Menu Senjata Tradisional... V-88 Gambar 5.15 User Interface Menu Lagu Daerah... V-89 Gambar 5.16 User Interface Menu Pakaian Daerah... V-89 Gambar 5.17 User Interface Menu Makanan... V-90 Gambar 5.18 User Interface Menu Event... V-91 x

7 DAFTAR SIMBOL Daftar Simbol Untuk Diagram Alir Dokumen ( Flowmap ) Gambar 1. Simbol Flowmap xi

8 NO GAMBAR NAMA KETERANGAN 1 Actor Menspesifikasikan himpuan peran yang pengguna mainkan ketika berinteraksi dengan use case. 2 Dependency Hubungan dimana perubahan yang terjadi pada suatu elemen mandiri (independent) akan mempengaruhi elemen yang bergantung padanya elemen yang tidak mandiri (independent). 3 Generalization Hubungan dimana objek anak (descendent) berbagi perilaku dan struktur data dari objek yang ada di atasnya objek induk (ancestor). 4 Include Menspesifikasikan bahwa use case sumber secara eksplisit. 5 Extend 6 Association Menspesifikasikan bahwa use case target memperluas perilaku dari use case sumber pada suatu titik yang diberikan. Apa yang menghubungkan antara objek satu dengan objek lainnya. 7 System Menspesifikasikan paket yang menampilkan sistem secara terbatas. 8 Use Case Deskripsi dari urutan aksi-aksi yang ditampilkan sistem yang menghasilkan suatu hasil yang terukur bagi suatu aktor 9 Collaboration Interaksi aturan-aturan dan elemen lain yang bekerja sama untuk menyediakan prilaku yang lebih besar dari jumlah dan elemen-elemennya (sinergi). xii

9 10 Note Elemen fisik yang eksis saat aplikasi dijalankan dan mencerminkan suatu sumber daya komputasi Gambar 2. Simbol Use Case Diagram NO GAMBAR NAMA KETERANGAN 1 Generalization Hubungan dimana objek anak (descendent) berbagi perilaku dan struktur data dari objek yang ada di atasnya objek induk (ancestor). 2 Nary Association Upaya untuk menghindari asosiasi dengan lebih dari 2 objek. 3 Class Himpunan dari objek-objek yang berbagi atribut serta operasi yang sama. 4 Collaboration 5 Realization Deskripsi dari urutan aksi-aksi yang ditampilkan sistem yang menghasilkan suatu hasil yang terukur bagi suatu aktor Operasi yang benar-benar dilakukan oleh suatu objek. 6 Dependency 7 Association Hubungan dimana perubahan yang terjadi pada suatu elemen mandiri (independent) akan mempegaruhi elemen yang bergantung padanya elemen yang tidak mandiri Apa yang menghubungkan antara objek satu dengan objek lainnya Gambar 3. Simbol Class Diagram xiii

10 NO GAMBAR NAMA KETERANGAN 1 LifeLine Objek entity, antarmuka yang saling berinteraksi. 2 Message Spesifikasi dari komunikasi antar objek yang memuat informasi-informasi tentang aktifitas yang terjadi 3 Message Spesifikasi dari komunikasi antar objek yang memuat informasi-informasi tentang aktifitas yang terjadi Gambar 4. Simbol Sequence Diagram NO GAMBAR NAMA KETERANGAN 1 State Nilai atribut dan nilai link pada suatu waktu tertentu, yang dimiliki oleh suatu objek. 2 Initial Pseudo State Bagaimana objek dibentuk atau diawali 3 Final State Bagaimana objek dibentuk dan dihancurkan 4 Transition 5 Association 6 Node Sebuah kejadian yang memicu sebuah state objek dengan cara memperbaharui satu atau lebih nilai atributnya Apa yang menghubungkan antara objek satu dengan objek lainnya. Elemen fisik yang eksis saat aplikasi dijalankan dan mencerminkan suatu sumber daya komputasi. Gambar 5. Simbol StateChart Diagram xiv

11 NO GAMBAR NAMA KETERANGAN 1 Actifity 2 Action Memperlihatkan bagaimana masing-masing kelas antarmuka saling berinteraksi satu sama lain State dari sistem yang mencerminkan eksekusi dari suatu aksi 3 Initial Node Bagaimana objek dibentuk atau diawali. 4 Actifity Final Node Bagaimana objek dibentuk dan dihancurkan 5 Fork Node Satu aliran yang pada tahap tertentu berubah menjadi beberapa aliran Gambar 6. Simbol Actifity Diagram xv

12 DAFTAR LAMPIRAN Lampiran A Listing Program... A-1 Lampiran B Progess Report Form... B-1 xvi

dokumen-dokumen yang mirip

APLIKASI PENGOLAHAN ARSIP SERTIFIKAT PEGAWAI BERBASIS WEB PADA TELKOM LEARNING CENTER

APLIKASI PENGOLAHAN ARSIP SERTIFIKAT PEGAWAI BERBASIS WEB PADA TELKOM LEARNING CENTER TUGAS AKHIR Disusun sebagai salah satu syarat untuk kelulusan Program Strata 1, di Program Studi Teknik Informatika,