TUGAS AKHIR APLIKASI AUDIO DAN VIDEO BURUNG PLECI BERBASIS ANDROID Disusun Oleh : NAMA : NANDA DWI SURYO PUTRO NIM : 143110004 JURUSAN : Diploma III (D3) SEKOLAH TINGGI MANAGEMEN INFORMATIKA DAN KOMPUTER AKAKOM YOGYAKARTA 2017
APLIKASI AUDIO DAN VIDEO BURUNG PLECI BERBASIS ANDROID TUGAS AKHIR Diajukan sebagai salah satu syarat untuk menyelesaikan studi Jenjang diploma tiga (D3) jurusan manajemen informatika di Sekolah Tinggi Manajemen Informatika Dan Komputer AKAKOM YOGYAKARTA Disusun Oleh : NANDA DWI SURYO PUTRO No.Mhs : 143110004 Jurusan : Manajemen Informatika Jenjang : Diploma III (D3) vokasi SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AKAKOM YOGYAKARTA 2017 i
ii
iii
HALAMAN PERSEMBAHAN Skripsi ini saya persembahkan untuk kedua orangtua saya, ibu juminem dan buat ayah wantaka yang tidak pernah berhenti memberi saya semangat, doa, pikiran dan kasih sayang kepada anaknya yang sangat lemah ini, akan keadaan sekitar yang sangat keras. Mereka selalau berkata untuk selalu tegar dan selalu berjuang. Setiap kali aku mendapatkan masalah mereka selalu mengingatkan ibuku berkata jangan pernah tinggalkan ibadah lima waktu dan ayahku selalu berkata jangan terlalu dipikirkan dan jangan terburu-buru dan selalu berdoa terus. Kata-kata mereka selalu membuatku bangkit dari keterpurukan dan karna merekalah aku bisa sampai seperti ini. Terimakasih ibu bapak, nanda akan selalu sayang ibuk dan bapak terimakasih atas doa ibu dan bapak terimaksih telah melahirkan nanda di dunia. Dan untuk Dosen Pembimbing tugas akhir Ibu Ir. Hj Hera Wasiati, M.M yang telah membimbing saya dan membantu terlaksananya Tugas Akhir ini serta keluarga besar STMIK AKAKOM YOGYAKARTA yang telah memberikan ilmunya sehingga saya dapat mengerjakan tugas akhir. Dan untuk sahabat saya, terimaskih telah mau menerimaku sebagai sahabat, dan selalu ada ketika saya susah dikala tertekan oleh semua coding coding yang memusingkan. engkau tak akan terganti sahabat. Sukes selalu sahabatku iv
MOTTO Hidup itu indah hanya mengikuti aliran yang bergetar dan getaran yang mengalir. Lakukan apa yang membuatmu bahagia dan tinggalkan apa yang membuatmu bersedih. Sukurilah kesulitan, karena terkadang kesulitan mengantarkan kita pada hasil yang lebih baik dari apa yang kita bayangkan. Tidak semua yang kita takutkan akan terjadi, dan tidak semua yang kita harapkan akan terwujud v
INTISARI Sistem operasi handphone kini telah mengalami perkembangan yang signifikan. Saat ini ada berbagai macam sistem operasi seperti : Symbian, Java, ios, dan Android. Namun sistem yang sekarang dikembangkan oleh Google adalah sistem Android. Aplikasi audio dan video burung pleci ini adalah sistem aplikasi yang dibuat untuk memutar suara dan video burung pleci yang digunakan sebagai proses melatih untuk menirukan burung berkicau dengan suara-suara lain(pemasteran). Aplikasi ini berbasis android. Sistem aplikasi ini dibuat menggunakan Bahasa pemograman PHP, HTML5, serta Javascript dan database menggunakan MYSQL. Diharapkan dengan adanya sistem ini dapat membantu pecinta burung pleci dalam melatih burung pleci tersebut. Kata kunci : Aplikasi audio dan video dengan mobile, HTML5, JavaScript,PHP dan Mysql. vi
KATA PENGANTAR Puji syukur penulis panjatkan kehadiran Allat SWT karena berkat Rahmat dan Karunia-Nya penulis dapat penyelesaikan penyusunan Tugas Akhir. Shalawat beserta salam semoga senantiasa terlimpahcurahkan kepada Nabi Muhammad SAW, kepada keluarganya, para sahabatnya, hingga kepada umatnya hingga akhir zaman. Penyusunan tugas akhir ini tidak lepas dari bimbingan, pengarahan, bantuan dan dukungan dari berbagai pihak baik berupa materil maupun spiritual. Untuk itu perkenankanlah penulis untuk mengucapkan terima kasih kepada : 1. Kepada orang tua tercinta yang tiada henti - hentinya memberikan doa, dukungan, perhatian yang amat begitu besar, semoga selalu dalam lindungan AllAh SWT, Amin. 2. Bapak Fx.Henry Nugroho ST.M,cs Selaku Kepala Jurusan Manajemen Informatika STMIK AKAKOM Yogyakarta. 3. Ibu Ir. Hj Hera Wasiati, M.M Selaku dosen pembimbing yang telah memberi pengarahan dan bimbingan selama penyusunan Laporan Tugas Akhir ini. 4. Teman teman seperjuangan semuanya Manajemen Informatika yang membantu. 5. Semua pihak yang membantu terselesaikannya laporan ini yang tidak dapat penulis sebutkan. vii
Penulis menyadari bahwa dalam penyusunan laporan Tugas Akhir ini masih banyak terdapat kekurangan yang jauh dari sempurna. Begitu juga dengan sistem yang penulis rancang, masih perlu sentuhan untuk hasil yang lebih baik dari temanteman semua. Untuk itu penulis tidak menutup kemungkinan kritik dan saran yang bersifat membangun guna penyempurnaan hasil Laporan Tugas Akhir ini di masa mendatang. Akhir kata semoga laporan ini dapat bermanfaat bagi penyusun dan semua yang berkenan membacanya. Yogyakarta, Agustus 2017 Penulis viii
DAFTAR ISI HALAMAN JUDUL... i HALAMAN PERSETUJUAN... ii HALAMAN PENGESAHAN... iii HALAMAN PERSEMBAHAN... v MOTTO... vi INTISARI... vii KATA PENGANTAR... viii DAFTAR ISI... x DAFTAR GAMBAR... xii DAFTAR TABEL... xv BAB I... 1 PENDAHULUAN... 1 1.1 Latar Belakang... 1 1.2 Tujuan... 2 1.3 Batasan... 2 BAB II... 3 TINJUAN PUSTAKA DAN DASAR TEORI... 3 2.1 Tinjuan Pustaka... 3 2.2 Dasar Teori... 4 2.2.1 PHP... 4 2.2.2 Basis Data... 5 2.2.3 MySQL... 5 2.2.4 Internet... 5 2.2.5 Web... 5 2.2.6 HTML... 5 ix
2.2.7 Bootstrap... 6 2.2.8 Javascript... 6 BAB III... 7 ANALISIS DAN PERANCANGAN SISTEM... 7 3.1 Diskripsi sistem... 7 3.2 Analisa Kebutuhan dari Sistem... 7 3.3 Sistem Pendukung... 7 3.3.1 Perangkat Keras (Hardware)... 8 3.3.2 Perangkat Lunak (Software)... 8 3.3.3 User Yang Terlibat... 9 3.4 Perancangan Sistem... 9 3.4.1 Diagram Alir Sistem... 9 3.4.2 Perancangan Basis Data... 11 3.2 Rancangan Struktur Tabel... 11 3.5.1 Tabel Admin... 12 3.5.2 Tabel Jenis... 12 3.5.3 Tabel Burung... 12 3.5.4 Tabel Audio... 13 3.5.5 Tabel Video... 13 3.5.6 Tabel Perawatan... 14 3.6 Rancangan Input... 14 3.6.1 Rancangan Input Data Jenis... 14 3.6.2 Rancangan Input Data Burung... 15 3.6.3 Rancangan Input Data Video... 15 3.6.4 Rancangan Input Data Audio... 16 3.6.5 Rancangan Input Data Perawatan... 16 3.7 Rancangan Output... 17 3.7.1 Rancangan Daftar Jenis... 17 3.7.2 Rancangan Daftar Burung... 18 3.7.3 Rancangan Daftar Video... 18 3.7.4 Rancangan Daftar Audio... 18 3.7.5 Rancangan Daftar Perawatan... 19 BAB IV... 20 x
IMPLEMENTASI DAN PEMBAHASAN SISTEM... 20 4.1 Implementasi... 20 4.2 Pembahasan Sistem... 20 4.2.1 Tampilan Aplikasi Halaman Utama... 20 4.2.2 Tampilan Halaman Galeri... 22 4.2.3 Tampilan Halaman Daftar Perawatan Menurut Jenis... 23 4.2.4 Tampilan Halaman Detail Perawatan Menurut Jenis... 25 4.2.5 Tampilan Halaman Detail Perawatan... 25 4.2.6 Tampilan Halaman Daftar Video Menurut Jenis... 27 4.2.7 Tampilan Halaman Daftar Video... 28 4.2.8 Tampilan Halaman Pemutar Video... 29 4.2.9 Tampilan Halaman Daftar Audio Menurut Jenis... 30 4.2.10 Tampilan Halaman Daftar Audio... 32 4.2.11 Tampilan Halaman Pemutar Audio... 32 4.2.12 Tampilan Halaman Cari... 34 BAB V... 37 KESIMPULAN DAN SARAN... 37 5.1 Kesimpulan... 37 5.2 Saran... 37 DAFTAR PUSTAKA... 38 xi
DAFTAR GAMBAR Gambar 3. 1 Diagram Alir Sistem... 10 Gambar 3. 2 Relasi Tabel... 11 Gambar 3. 3 Rancangan Input Data Jenis... 15 Gambar 3. 4 Rancangan Input Data Burung... 15 Gambar 3. 5 Rancangan Input Data Video... 16 Gambar 3. 6 Rancangan Input Data Audio... 16 Gambar 3. 7 Rancangan Input Data Perawatan... 17 Gambar 3. 8 Rancangan Daftar Jenis... 17 Gambar 3. 9 Rancangan Daftar Burung... 18 Gambar 3. 10 Rancangan Daftar Video... 18 Gambar 3. 11 Rancangan Daftar Audio... 18 Gambar 3. 12 Rancangan Daftar Perawatan... 19 Gambar 4. 1 Halaman Utama... 21 Gambar 4. 2 Potongan Progam Halaman Utama... 21 Gambar 4. 3 Halaman Galeri... 22 Gambar 4. 4 Potongan Program Halaman Galeri... 23 Gambar 4. 5 Halaman Daftar Perawatan Menurut Jenis... 24 Gambar 4. 6 Potongan Program Halaman Daftar Perawatan Menurut Jenis... 24 Gambar 4. 7 Halaman Daftar Perawatan Menurut Jenis... 25 Gambar 4. 8 Potongan Program Halaman Daftar Perawatan Menurut Jenis... 25 Gambar 4. 9 Halaman Detail Perwatan... 26 Gambar 4. 10 Potongan Program Halaman Detail Perawatan... 27 Gambar 4. 11 Halaman Daftar Video Menurut Jenis... 28 Gambar 4. 12 Potongan Program Halaman Daftar Video Menurut Jenis... 28 Gambar 4. 13 Halaman Daftar Video... 29 Gambar 4. 14 Potongan Program Halaman Daftar Video... 29 Gambar 4. 15 Halaman Memutar Video... 30 xii
Gambar 4. 16 Potongan Program Halaman Memutar Video... 30 Gambar 4. 17 Halaman Daftar Audio Menurut Jenis... 31 Gambar 4. 18 Potongan Program Halaman Daftar Audio Menurut Jenis... 31 Gambar 4. 19 Halaman Daftar Audio... 32 Gambar 4. 20 Potongan Program Halaman Daftar Audio... 32 Gambar 4. 21 Halaman Memutar Audio... 33 Gambar 4. 22 Potongan Program Halaman Memutar Audio... 34 Gambar 4. 23 Halaman Cari... 35 Gambar 4. 24 Potongan Program Halaman Cari... 36 xiii
DAFTAR TABEL Tabel 3. 1 Struktur Tabel Admin... 12 Tabel 3. 2 Struktur Tabel Jenis... 12 Tabel 3. 3 Struktur Tabel Burung... 12 Tabel 3. 4 Struktur Tabel Audio... 13 Tabel 3. 5 Struktur Tabel VIdeo... 13 Tabel 3. 6 Struktur Tabel Perawatan... 14 xiv