APLIKASI VALIDATOR IKLAN MENGGUNAKAN NEAR FIELD COMMUNICATION (NFC) PADA PLATFORM ANDROID TUGAS AKHIR Diajukan Untuk Memenuhi Persyaratan Guna Meraih Gelar Sarjana Strata 1 Teknik Informatika Universitas Muhammadiyah Malang Oleh : Triyana Syahfrudin Miftah 08560246 JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH MALANG 2015
LEMBAR PERSETUJUAN APLIKASI VALIDATOR IKLAN MENGGUNAKAN NEAR FIELD COMMUNICATION (NFC) PADA PLATFORM ANDROID TUGAS AKHIR Sebagai Persyaratan Guna Meraih Gelar Sarjana Strata 1 Teknik Informatika Universitas Muhammadiyah Malang Menyetujui, Pembimbing I Pembimbing II Yuda Munarko, S.Kom., M.Sc NIDN : 070607790 Agus Eko Minarno, S.Kom., M.Kom NIDN : 0729118203
LEMBAR PENGESAHAN APLIKASI VALIDATOR IKLAN MENGGUNAKAN NEAR FIELD COMMUNICATION (NFC) PADA PLATFORM ANDROID TUGAS AKHIR Sebagai Persyaratan Guna Meraih Gelar Sarjana Strata 1 Teknik Informatika Universitas Muhammadiyah Malang Disusun Oleh : Triyana Syahfrudin Miftah NIM. 08560246 Tugas Akhir ini telah diuji dan dinyatakan lulus melalui sidang majelis penguji pada tanggal 29 Januari 2015 Penguji I Menyetujui, Penguji II Luqman Hakim, S.Kom NIDN. 0724028602 Saifuddin, S.Kom Mengetahui, Ketua Jurusan Teknik Informatika Yuda Munarko, S.Kom., M.Sc NIDN. 070607790
LEMBAR PERNYATAAN Yang bertanda tangan dibawah ini : NAMA : TRIYANA SYAHFRUDIN MIFTAH NIM : 08560246 FAK. / JUR. : TEKNIK / TEKNIK INFORMATIKA Dengan ini saya menyatakan bahwa Tugas Akhir dengan judul APLIKASI VALIDATOR IKLAN MENGGUNAKAN NEAR FIELD COMMUNICATION (NFC) PADA PLATFORM ANDROID beserta seluruh isinya adalah karya saya sendiri dan bukan merupakan karya tulis orang lain, baik sebagian maupun seluruhnya, kecuali dalam bentuk kutipan yang telah disebutkan sumbernya. Demikian surat pernyataan ini saya buat dengan sebenar-benarnya. Apabila kemudian ditemukan adanya pelanggaran terhadap etika keilmuan dalam karya saya ini, atau ada klaim dari pihak lain terhadap keaslian karya saya ini maka saya siap menanggung segala bentuk resiko/sanksi yang berlaku. Malang, 1 Februari 2015 Yang Membuat Pernyataan, Triyana Syahfrudin Miftah Pembimbing I Mengetahui, Pembimbing II Yuda Munarko, S.Kom., M.Sc NIDN : 070607790 Agus Eko Minarno, S.Kom., M.Kom NIDN : 0729118203
LEMBAR PERSEMBAHAN Syukur Alhamdulillah atas kehadirat Allah SWT dengan limpahan hidayah dan rahmad-nya, shalawat serta salam senantiasa tercurahkan kepada junjungan Nabi besar Rasullullah Muhammad SAW sang revolusioner. Tiada kata selain puji syukur dan terima kasih karena penulis dapat menyelesaikan Tugas Akhir ini. Oleh karena itu, dengan rendah hati penulis menyampaikan ucapan terima kasih yang sebesar-besarnya kepada: 1. Kedua orang tua tercinta Bapak Suharsono dan Ibu Purwati Widjang Prihatin yang senantiasa tanpa lelah mendo akan dan memberi dukungan, semoga berkah dan rahmat-nya selalu menyertai beliau setiap waktu, 2. Saudara-saudara (Mbak Eka, Mas Torik, Mbak Novi, Mas Doni, Mbak Ari, Mas Edo, Reni) tercinta yang selalu memberikan semangat serta doanya untuk terus menyelesaikan tugas akhir ini, 3. Bapak Yuda Munarko, S.Kom., M.Sc., dan Bapak Agus Eko Minarno, S.Kom., M.Kom., selaku dosen pembimbing dalam tugas akhir. yang selalu membimbing dengan kesabaran dan mengarahkan pemahaman, 4. Bapak Yuda Munarko, S.Kom., M.Sc, selaku Ketua Jurusan Teknik Informatika, FakultasTeknik, Universitas Muhammadiyah Malang; 5. Bapak/Ibu Dosen Fakultas Teknik, Universitas Muhammadiyah Malang yang senantiasa menjadi pendidik tanpa tanda jasa, 6. Kawan-kawan Pass E : Andre, Arizal, Hatma, Udin, Andik, Reza, Fatih, Bhayu, Toni, Oliver, dan teman-teman Pass E lainnya yang berjuang selama menempuh pendidikan S1, 7. Rekan-rekan kerja di cloudastro yang memberikan dukungan selama pengerjaan tugas akhir ini, 8. Teman-teman Mahasiswa Teknik Informatika angkatan 2008, 9. Dan seluruh pihak yang tidak bisa disebutkan satu persatu, yang telah banyak membantu selama ini. Semoga segala bantuan, motivasi, dan do a yang diberikan kepada penulis diridhoi dan mendapat imbalan yang berlipat ganda dari Allah SWT.
KATA PENGANTAR Dengan memanjatkan puji syukur kehadirat Allah SWT yang telah memberikan hidayah dan rahmat-nya sehingga penulis dapat menyelesaikan penelitian tugas akhir dengan judul APLIKASI VALIDATOR IKLAN MENGGUNAKAN NEAR FIELD COMMUNICATION (NFC) PADA PLATFORM ANDROID. Pada penelitian tugas akhir ini, dirancang sebuah sistem perangkat lunak berbasis mobile yang bertujuan untuk mempermudah proses validasi iklan dan juga meminimalisir adanya pemalsuan kode validasi iklan. Penulis berharap bahwa tugas akhir ini dapat dijadikan sebuah teknologi alternatif yang dapat digunakan untuk menggantikan metode konvensional yang masih digunakan saat ini. Penulis menyadari sepenuhnya bahwa dalam tugas akhir ini masih terdapat kekurangan dan keterbatasan. Oleh karena itu, penulis mengharapkan kritik dan saran yang membangun untuk pengembangan aplikasi/perangkat lunak yang jauh lebih inovatif ke depannya. Malang, 1 Februari 2015 Penulis
DAFTAR ISI ABSTRAK... i ABSTRACT... ii KATA PENGANTAR... iii DAFTAR ISI... iv DAFTAR GAMBAR... vii DAFTAR TABEL... x BAB I PENDAHULUAN... 1 1.1 Latar Belakang... 1 1.2 Rumusan Masalah... 2 1.3 Tujuan... 2 1.4 Batasan Masalah... 3 1.5 Metodologi... 3 1.6 Sistematika Penulisan... 4 BAB II LANDASAN TEORI... 6 2.1 Iklan... 6 2.2 Near Fiels Communication... 7 2.2.1 NFC Tag... 8 2.2.2 Perangkat NFC... 9 2.3 Phonegap... 10 2.4 PHP... 12 2.5 MySQL... 13 BAB III ANALISA DAN PERANCANGAN SISTEM... 15 3.1 Analisa Sistem... 15 3.1.1 Deskripsi Produk... 15 3.1.2 Fungsional Sistem... 15 3.1.3 Use Case Diagram... 17 3.2 Perancangan Sistem... 19 3.2.1 Desain Arsitektur... 19 3.2.2 Activity Diagram... 20 3.2.3 Sequence Diagram... 22
3.2.4 Class Diagram... 24 3.2.5 Entity Relationship Diagram... 25 3.2.6 Desain Interface... 26 BAB IV IMPLEMENTASI DAN PENGUJIAN... 30 4.1 Implementasi... 30 4.1.1 Lingkungan Pembangunan dan Implementasi Sistem... 30 4.1.1.1 Perangkat Keras... 30 4.1.1.2 Perangkat Lunak... 31 4.1.2 Batasan Implementasi... 32 4.1.3 Panduan Penggunaan Aplikasi... 33 4.1.3.1 Aplikasi Operator Berbasis Web... 33 4.1.3.2 Aplikasi AdsWriter Berbasis Mobile... 33 4.1.3.3 Aplikasi Validator Iklan Berbasis Mobile... 33 4.1.4 Implementasi Sistem... 34 4.1.4.1 Implementasi Kode Program... 34 4.1.4.1.1 Aplikasi Operator Berbasis Web... 34 4.1.4.1.2 Aplikasi AdsWriter Berbasis Mobile... 39 4.1.4.1.3 Aplikasi Validator Iklan Berbasis Mobile... 39 4.1.4.2 Implementasi User Interface... 40 4.1.4.2.1 Aplikasi Operator Berbasis Web... 41 4.1.4.2.2 Aplikasi AdsWriter Berbasis Mobile... 53 4.1.4.2.3 Aplikasi Validator Iklan Berbasis Mobile... 56 4.1.4.3 Library yang Digunakan... 58 4.2 Pengujian Sistem... 58 4.2.1 Pengujian Fungsionalitas... 59 4.2.1.1 Aplikasi Operator Berbasis Web... 59 4.2.1.2 Aplikasi AdsWriter Berbasis Mobile... 61 4.2.1.3 Aplikasi Validator Iklan Berbasis Mobile... 63 4.2.2 Pengujian Performa... 64 4.2.2.1 Pengujian Jarak Jangkauan... 64 4.2.2.2 Pengujian Ketahanan NFC Tag... 65 4.2.3 Perbandingan Sistem dengan Metode Konvensional... 67
BAB V PENUTUP... 68 5.1 Kesimpulan... 68 5.2 Saran... 68 DAFTAR PUSTAKA BIOGRAFI PENULIS
DAFTAR GAMBAR Gambar 2.1 Perangkat NFC... 9 Gambar 2.2 Bahasa Pemrograman Perangkat Lunak Mobile... 10 Gambar 2.3 Aplikasi Native, Hybrid dan Web Apps... 11 Gambar 2.4 Sistem Operasi dan Fitur Native yang Didukung... 12 Gambar 3.1 Flowchart Aplikasi Validator Iklan... 16 Gambar 3.2 Use Case Diagram Aplikasi Validator Iklan... 17 Gambar 3.3 Desain Arsitektur Aplikasi Validator Iklan... 19 Gambar 3.4 Activity Diagram Scan Iklan... 20 Gambar 3.5 Activity Diagram Pelepasan Iklan... 21 Gambar 3.6 Sequence Diagram Scan Iklan... 22 Gambar 3.7 Sequence Diagram Pelepasan Iklan... 23 Gambar 3.8 Class Diagram Aplikasi Validator Iklan... 24 Gambar 3.9 Entity Relationship Diagram... 25 Gambar 3.10 Desain Interface Login Pegawai... 26 Gambar 3.11 Desain Interface Menu Utama... 27 Gambar 3.12 Desain Interface Halaman Scan Iklan... 27 Gambar 3.13 Desain Interface Form Pelepasan... 28 Gambar 3.14 Desain Interface Halaman Dashboard... 29 Gambar 3.15 Desain Interface Halaman Master Data... 29 Gambar 4.1 Spesifikasi Perangkat Keras Laptop... 31 Gambar 4.2 Spesifikasi Perangkat Lunak yang Digunakan... 32 Gambar 4.3 Potongan Controller Pengecekan Data Karyawan... 35 Gambar 4.4 Potongan Model Pengecekan Data Karyawan... 35 Gambar 4.5 Potongan Controller Pengecekan Data Pemesanan... 36 Gambar 4.6 Potongan Model Pengecekan Data Pemesanan... 37 Gambar 4.7 Potongan Controller Pelepasan Iklan... 38 Gambar 4.8 Potongan Model Pelepasan Iklan... 38 Gambar 4.9 Potongan Kode Program Untuk Menulis Data pada Stiker NFC... 39 Gambar 4.10 Potongan Kode Program Untuk Membaca Data Stiker NFC... 40 Gambar 4.11 Antarmuka Halaman Login... 41
Gambar 4.12 Antarmuka Halaman Utama... 42 Gambar 4.13 Antarmuka Menu Utama Master Data... 42 Gambar 4.14 Antarmuka Daftar Karyawan... 43 Gambar 4.15 Antarmuka Detail Karyawan... 43 Gambar 4.16 Antarmuka Edit Karyawan... 44 Gambar 4.17 Antarmuka Konfirmasi Delete Karyawan... 44 Gambar 4.18 Antarmuka Pendaftaran Karyawan... 45 Gambar 4.19 Antarmuka Daftar Jalan... 45 Gambar 4.20 Antarmuka Edit Jalan... 46 Gambar 4.21 Antarmuka Delete Jalan... 46 Gambar 4.22 Antarmuka Pendaftaran Jalan... 47 Gambar 4.23 Antarmuka Daftar Pelanggan... 47 Gambar 4.24 Antarmuka Edit Pelanggan... 48 Gambar 4.25 Antarmuka Delete Pelanggan... 48 Gambar 4.26 Antarmuka Pendaftaran Pelanggan... 49 Gambar 4.27 Antarmuka Daftar Iklan... 49 Gambar 4.28 Antarmuka Edit Iklan... 50 Gambar 4.29 Antarmuka Delete Iklan... 50 Gambar 4.30 Antarmuka Pendaftaran Iklan... 51 Gambar 4.31 Antarmuka Daftar Pemesanan... 51 Gambar 4.32 Antarmuka Edit Pemesanan... 52 Gambar 4.33 Antarmuka Delete Pemesanan Iklan... 53 Gambar 4.34 Antarmuka Pemesanan Ijin Iklan... 53 Gambar 4.35 Antarmuka Login Aplikasi AdsWriter... 54 Gambar 4.36 Antarmuka Halaman Utama... 54 Gambar 4.37 Antarmuka Tulis Iklan... 55 Gambar 4.38 Antarmuka Hapus... 55 Gambar 4.39 Antarmuka Login Aplikasi Mobile... 56 Gambar 4.40 Antarmuka Halaman Utama... 57 Gambar 4.41 Antarmuka Scan Iklan... 57 Gambar 4.42 Antarmuka Pelepasan Iklan... 58 Gambar 4.43 Potongan Langkah Instalasi Library phonegap-nfc... 58
Gambar 4.44 Form Penambahan Iklan... 59 Gambar 4.45 Form Penambahan Pelanggan... 60 Gambar 4.46 Form Pemesanan Ijin Iklan... 61 Gambar 4.47 Halaman Penulisan Kode pada NFC Tag... 62 Gambar 4.48 Halaman Penghapusan Data... 62 Gambar 4.49 Halaman Scan Iklan... 63 Gambar 4.50 Halaman Pelepasan Iklan... 64 Gambar 4.51 Pengujian Ketahanan NFC Tag... 66
DAFTAR TABEL Tabel 2.1 Prinsip Kerja NFC... 65 Tabel 4.1 Spesifikasi Smartphone yang Digunakan... 65 Tabel 4.2 Pengujian Jarak Jangkauan... 65 Tabel 4.3 Hasil Pengujian Ketahanan NFC Tag... 66 Tabel 4.4 Perbandingan Sistem dengan Metode Konvensional... 67
DAFTAR PUSTAKA Anhar, ST. 2010. Panduan Menguasai PHP & MySql secara Otodidak. MediaKita, Jakarta. Bambani Amri, Asnil. http://nasional.kontan.co.id/news/bandung-lautan-reklameapa-solusi-pemkot, diakses tanggal 9 Januari 2014. Chariotsolutions. https://github.com/chariotsolutions/phonegap-nfc/blob/master/ doc/gettingstartedcli.md, diakses tanggal 13 Januari 2015. Kasali, Rhenald. 1992. Manajemen Periklanan: Konsep dan Aplikasinya di Indonesia. Grafiti, Jakarta. Liliweri, Allo. 1992. Dasar Dasar Komunikasi Periklanan. PT Citra Aditya, Bandung. NFC Forum. http://members.nfc-forum.org/specs/spec_list, diakses tanggal 16 Januari 2014. Niken Restaty, SM. 2005. Modul Pengantar Periklanan. Fakultas Ilmu Komunikasi Universitas Mercu Buana, Jakarta. Purnama, Cahya. 2010. Implementasi Sistem Informasi Jadwal Kereta Api Menggunakan Phonegap pada Platform Smartphone. Jurusan Teknik Informatika Institut Teknologi Sepuluh Nopember, Surabaya. Putra, Konradus M.K. 2013. Rancang Bangun Aplikasi Pembayaran Transportasi Bus Menggunakan Teknologi Near Field Communication pada Perangkat Mobile. Magister Teknik Informatika Universitas Atma Jaya Yogyakarta, Yogyakarta. Triandjojo, Indriani. 2008. Semiotika Iklan Mobil di Media Cetak Indonesia. Magister Linguistik Universitas Diponegoro, Semarang.