Penerapan Aplikasi QR Code Reader dan QR Code Generator Secara Mobile Untuk Mengelola Benda Cagar Budaya Kota Salatiga

Transkripsi

1 Penerapan Aplikasi QR Code Reader dan QR Code Generator Secara Mobile Untuk Mengelola Benda Cagar Budaya Kota Salatiga Skripsi Diajukan kepada Fakultas Teknologi Informasi untuk memperoleh Gelar Sarjana Komputer Oleh: Asih Kurniati NIM : Program Studi Teknik Informatika Fakultas Teknologi Informasi Universitas Kristen Satya Wacana Salatiga November 2011

2 ii

3 Pernyataan Skripsi yang berikut ini: Judul : Penerapan Aplikasi QR Code Reader dan QR Code Generator Secara Mobile Untuk Mengelola Benda Cagar Budaya Kota Salatiga Pembimbing : 1. Prof. Dr. Ir. Eko Sediyono, M.Kom. 2. Titin Pranoto, S.E., M.Si. adalah benar hasil karya saya: Nama : Asih Kurniati NIM : Saya menyatakan tidak mengambil sebagian atau seluruhnya dari hasil karya orang lain kecuali sebagaimana yang tertulis pada daftar pustaka. Pernyataan ini dibuat dengan sebenarnya sesuai dengan ketentuan yang berlaku dalam penulisan karya ilmiah. Salatiga, November 2011 Asih Kurniati iii

4 Prakata Puji Syukur penulis panjatkan atas kehadirat Allah SWT, yang atas rahmat-nya maka penulis dapat menyelesaikan penyusunan skripsi yang berjudul Penerapan Aplikasi QR Code Reader dan QR Code Generator Secara Mobile Untuk Mengelola Informasi Benda Cagar Budaya Kota Salatiga. Skripsi ini diajukan untuk memenuhi salah satu persyaratan guna memperoleh gelar Sarjana Komputer di Program Studi Teknik Informatika, Fakultas Teknologi Informasi, Universitas Kristen Satya Wacana Salatiga. Dalam menyelesaikan skripsi ini, penulis tidak lepas dari dukungan beberapa pihak. Untuk itu, penulis mengucapkan terima kasih yang sebesar-besarnya kepada : 1. Bapak Andeka Rocky Tanaamah, S.E., M.Cs., selaku Dekan Fakultas Teknologi Informasi, Universitas Kristen Satya Wacana Salatiga. 2. Bapak Dian W. Chandra, S.Kom., M.Cs., selaku Ketua Program Studi Teknik Informatika Fakultas Teknologi Informasi Universitas Kristen Satya Wacana Salatiga. 3. Bapak Prof. Dr. Ir. Eko Sediyono, M.Kom., selaku dosen pembimbing pertama yang selalu memberikan arahan dan dukungan dalam penyelesaian skripsi ini. 4. Ibu Titin Pranoto, S.E., M.Si., selaku pembimbing kedua yang sabar dalam membimbing penulis, masukan-masukan yang sangat berarti untuk penulis, serta kata-kata positif yang selalu membangkitkan semangat penulis. 5. Bapak Adriyanto Juliastomo Gundo, S.Si., M.Pd., selaku iv

5 Koordinator KP/TA, Fakultas Teknologi Informasi, Universitas Kristen Satya Wacana Salatiga. 6. Keluarga Besar Dinas Perhubungan Komunikasi Budaya dan Pariwisata Kota Salatiga yang telah membantu dan memberikan kesempatan penulis untuk melakukan penelitian. 7. Bapak Eddy Supangkat yang telah membantu dalam memberikan referensi data-data kepada penulis. 8. Teman-teman di FTI angkatan 2007 dan seperjuangan, Dwi Handayani, Valentina Ika, Wahyu Retno N, Widya Irawati, Hagar M Samon, Winda Pangesti Utami, Mulyati, dan lainnya. Terima kasih atas semangat yang selalu disalurkan. 9. Bapak, Ibu, kakak- kakakku Mas Dedy, Mas Heru yang telah sabar memberi dukungan dan doa kepada penulis untuk menyelesaikan skripsi. 10. Seluruh Staf Pengajar dan Karyawan Fakultas Teknologi Informasi Universitas Kristen Satya Wacana Salatiga. 11. Semua pihak yang tidak dapat penulis sebutkan satu per satu yang telah mendukung penulis dalam menyelesaikan skripsi. Penulis menyadari pembuatan skripsi ini masih belum sempurna. Oleh karena itu, kritik dan saran yang membangun sangat penulis harapkan dalam pengembangan skripsi khususnya, dan dalam pengembangan ilmu pengetahuan ke depannya. Salatiga, November 2011 Asih Kurniati v

6 Daftar Isi Halaman Halaman Judul... i Lembar Pengesahan... ii Pernyataan... iii Prakata... iv Daftar Isi... vi Daftar Gambar... viii Daftar Tabel... x Daftar Kode Program... xi Daftar Lampiran... xii Arti Singkatan... xiii Abstract... xiv Bab 1 Pendahuluan Latar Belakang Rumusan Masalah Tujuan dan Manfaat Batasan Masalah Sistematika Penulisan... 4 Bab 2 Tinjauan Pustaka Penelitian Sebelumnya PHP (Hypertext Preprocessor) MySQL QR Code QR Code Reader QR Code Generator Algoritma QR Code Generator Menentukan Kapasitas Encode Data Decode Data QR Code Position Detection Pattern Google Maps API Bab 3 Metode dan Perancangan Sistem Metode Perancangan Sistem Identifikasi Kebutuhan Pengguna Perancangan Sistem Use Case Diagram vi

7 3.3.2 Activity Diagram Sequence Diagram Class Diagram Perancangan Database Perancangan Antarmuka Bab 4 Hasil dan Pembahasan Prototype Website Cagar Budaya Salatiga Prototype Satu Website Cagar Budaya Tampilan Prototype Dua Website Cagar Budaya Detail Benda Cagar Budaya Dengan Scan QR Code Fungsi Deteksi Perangkat Fungsi Cek Session Publik Fungsi Detail Benda Tanpa Scan QR Code Fungsi Generate QR Code Fungsi Beri Komentar Fungsi Beri Rating Fungsi Login Member Fungsi Daftar Member Login Administrator Fungsi Tambah Data Benda Fungsi Cetak QR Code Benda Hasil Pengujian Bab 5 Kesimpulan dan Saran Pengembangan Kesimpulan Saran Pengembangan Daftar Pustaka... xv Lampiran vii

8 Daftar Gambar Halaman Gambar 2.1 Contoh QR Code Gambar 2.2 Contoh QR Code Beserta Bagian-bagiannya Gambar 2.3 Perbedaan QR Code dan Bar Code Gambar 2.4 Logo Aplikasi Scanlife Gambar 2.5 Contoh Nilai dari Parameter pada Sintaks dan Hasil QR Code Gambar 2.6 QR Code Pattern Gambar 2.7 QR Code Pattern Gambar 2.8 Contoh Tampilan Google Maps Gambar 2.9 Gambar Peta Statis yang Dihasilkan Gambar 3.1 Metode Prototyping Gambar 3.2 Use Case Diagram Website Cagar Budaya Salatiga 35 Gambar 3.3 Activity Diagram Akses Benda Melalui Pemindaian QR Code Gambar 3.4 Activity Diagram Cek Session Member Gambar 3.5 Activity Diagram Deteksi Perangkat (Device) Gambar 3.6 Activity Diagram Beri Komentar Benda Gambar 3.7 Activity Diagram Beri Nilai Rating Benda Gambar 3.8 Activity Diagram Cek Session Pengguna Administrator Gambar 3.9 Activity Diagram Kelola Data Gambar 3.10 Activity Diagram Proses Moderasi Komentar Gambar 3.11 Sequence Diagram Akses Detail Benda Melalui Scan QR Code Gambar 3.12 Sequence Diagram Akses Beranda Halaman Publik Gambar 3.13 Sequence Diagram Akses Daftar Benda Gambar 3.14 Sequence Diagram Cari Benda Gambar 3.15 Sequence Diagram Beri Komentar Gambar 3.16 Sequence Diagram Beri Rating Gambar 3.17 Sequence Diagram Login Member Gambar 3.18 Sequence Diagram Daftar Member Baru Gambar 3.19 Sequence Diagram Login Administrator Gambar 3.20 Sequence Diagram Cetak QR Code Gambar 3.21 Sequence Diagram Kelola Benda Gambar 3.22 Sequence Diagram Kelola Komentar Gambar 3.23 Sequence Diagram Kelola Halaman viii

9 Gambar 3.24 Class Diagram Website Cagar Budaya Gambar 3.25 Tampilan Antar Muka Beranda Mobile Gambar 3.26 Tampilan Antar Muka Halaman Mobile Gambar 3.27 Tampilan Antar Muka Halaman Desktop Gambar 3.28 Tampilan Antar Muka Panel Kiri Gambar 3.29 Tampilan Antar Muka Form Login Anggota Gambar 3.30 Tampilan Antar Muka Konten Halaman Gambar 3.31 Tampilan Antar Muka Login Administrator Gambar 3.32 Tampilan Antar Muka Halaman Administrator Gambar 4.1 Prototype Satu Format Mobile Gambar 4.2 Prototype Satu Format Desktop Gambar 4.3 Contoh Tampilan Breadcrumb Gambar 4.4 Tampilan Halaman Login Administrator Gambar 4.5 Tampilan Depan Halaman Administrator Setelah Login Gambar 4.6 Tampilan Beranda dalam Format Mobile Gambar 4.7 Tampilan Beranda dalam Format Desktop Gambar 4.8 Tampilan Detail Benda Gambar 4.9 Tampilan Detail Benda Dalam Format Desktop Gambar 4.10 QR Code Benda Gambar 4.11 Form Komentar Format Desktop Gambar 4.12 Tampilan Fungsi Rating dalam Format Mobile Gambar 4.13 Tampilan Login Member Gambar 4.14 Form Pendaftaran Member Format Desktop Gambar 4.15 Tampilan Form Tambah Data Benda Baru Gambar 4.16 Hasil Fungsi Cetak QR Code Benda ix

10 Daftar Tabel Halaman Tabel 2.1 Perbedaan QR Code dengan Barcode Tabel 2.2 Tabel Parameter Permintaan Google Chart API Tabel 2.3 Tabel Tipe Data Tabel 2.4 Tabel Pola Data QR Code Tabel 2.5 Tabel Format Informasi Tabel 3.1 Tabel Member Tabel 3.2 Tabel Benda Tabel 3.3 Tabel Admin Tabel 3.4 Tabel Counter Tabel 3.5 Tabel Halaman Tabel 3.6 Tabel Istilah Tabel 3.7 Tabel Trivia Tabel 3.8 Tabel Komentar Tabel 3.9 Tabel Rating Tabel 3.10 Tabel Benda Belum Normal Tabel 3.11 Tabel Hasil Normalisasi Tabel 4.1 Tabel Hasil Pengujian Terhadap Responden x

11 Daftar Kode Program Halaman Kode Program 4.1 Contoh Link URL Kode Program 4.2 Fungsi detail benda Kode Program 4.3 Fungsi Deteksi Perangkat Kode Program 4.4 Fungsi Cek Session Kode Program 4.5 URL akses detail benda Kode Program 4.6 Fungsi Detail Benda Tanpa Scan QR Code Kode Program 4.7 Fungsi Generate QR Code Kode Program 4.8 URL Beri Komentar Kode Program 4.9 Fungsi Beri Komentar Kode Program 4.10 URL Beri Rating Kode Program 4.11 Fungsi Beri Rating Kode Program 4.12 Fungsi Login Member Kode Program 4.13 Fungsi Daftar Member Kode Program 4.14 Fungsi Login Member Kode Program 4.15 Fungsi Tambah Benda Kode Program 4.16 Fungsi Simpan Benda Kode Program 4.17 Fungsi Cetak QR Code xi

12 Daftar Lampiran Halaman Lampiran 1 Surat Keterangan Rekomendasi Penelitian dari Kesbangpolinmas kota Salatiga... xvii Lampiran 2 Surat Keterangan Penelitian di Dishubkombudpar kota Salatiga... xvii Lampiran 3 Kuesioner... xix xii

13 Arti Singkatan Dishubkombudpar Dinas Perhubungan Komunikasi Kebudayaan dan Pariwisata PHP PHP (Hypertext Processor) QR Quick Response API Application Programming Interface HTML Hypertext Markup Language OOP Object Oriented Programming SQL Structured Query Language DBMS Database Management System GPL General Public License URL Uniform Resource Locator SMS Short Message Service HTTP Hypertext Transfer Protocol UML Unified Modelling Language xiii

14 Abstract Cultural heritage property created by a nation society in the past time, become a national identity and history in the present day. Salatiga which was a resort (rest area) in the Dutch Government Period, has some ancient buildings as historical heritage. The purpose of this research is creating website to socialize the existence of Salatiga s cultural heritage property to society. Therefore the society has information and expected to protect and take care of the Salatiga s cultural heritage property This research used Prototyping method to design and develop the website system. The result of this research is a Benda Cagar Budaya kota Salatiga website, which can be accessed by mobile phone or computer desktop. This application using QR Code to keep the complete information about Salatiga s cultural heritage property. This application including Google Map to show the map of cultural heritage property s location. This application become a portal for society to access information and to give feedback about a cultural heritage property. Keywords : Cultural Heritage Property, QR Code, Mobile Website. xiv