ABSTRAK. Kata Kunci: Aplikasi, web, permainan tradisional, Indonesia, JAVA, Play framework. Universitas Kristen Maranatha

Transkripsi

1 ABSTRAK Indonesia memiliki berbagai macam budaya. Budaya Indonesia merupakan salah satu ciri khas dari bangsa Indonesia. Asal dari berbagai budaya tersebut salah satunya adalah beragam jenis permainan tradisional anak Indonesia. Jenis permainan tradisional sangat beragam. Tiap daerah memiliki jenis permainan tradisionalnya sendiri. Namun permainan tradisional sudah mulai ditinggalkan karna kurangnya sosialisasi dan minimnya sumber daya untuk mengetahui permainan tradisional Indonesia, karena permasalahan minimnya sumber daya dan sosialisasi akan permainan tradisional Indonesia maka, dibutuhkan pembuatan aplikasi permainan tradisional Indonesia sebagai solusi. Aplikasi permainan tradisional Indonesia dibuat dengan menggunakan bahasa pemograman JAVA dengan framework Play. Media penyimpanan data yang digunakan adalah MySQL. Aplikasi permainan tradisional Indonesia adalah aplikasi berbasis web, pengguna aplikasi secara garis besar dibagi menjadi dua golongan yaitu pengunjung dan admin. Aplikasi pengunjung dapat melakukan pencarian, penelusuran, melihat detail permainan, dan lain sebagainya. Aplikasi admin adalah aplikasi yang ditujukan untuk pengelolaan data aplikasi permainan tradisional Indonesia. Aplikasi permainan tradisional Indonesia diuji dengan menggunakan metode pengujian black-box yaitu sebuah metode untuk menguji aplikasi dari sisi tampilan atau user interface. Secara keseluruhan aplikasi permainan tradisional Indonesia mampu menyediakan informasi permainan tradisional, dan mampu mengelola data permainan tradisional sehingga pengguna aplikasi dapat menemukan permainan tradisional. Aplikasi juga mampu menampilkan atau memvisualisasikan permainan dalam bentuk tulisan, gambar, suara, dan video. Kata Kunci: Aplikasi, web, permainan tradisional, Indonesia, JAVA, Play framework.

2 ABSTRACT Indonesia has several kind of culture. Indonesian culture is hallmark of Indonesian nation. Source of the various cultures, one of them is several kinds of Indonesian traditional games. Each region has their unique traditional games. But now, traditional games began to be left because lack of socialization and lack of resources to be knowing it s, because of these problems Indonesian traditional games application needs to be develop. Indonesian traditional games application has builded by using JAVA programming language with Play framework. Database which used is MySQL. This application is webbased application, user of this application as an outline divided into two sections, first is visitor and second is admin. Visitor application can do searching, browsing, look for game detail, etc. Admin application is intended for data management of Indonesian traditional games application. Indonesian traditional games application has been tested by blackbox test method. Black-box is a test method for application testing from user interface side. Overall Indonesian traditional games application capable to provide traditional games information, and capable to managing traditional games so the user can found it. Application was also capable to display or visualize the games in texts, pictures, sounds, and videos. Keywords: Application, web, traditional games, Indonesia, JAVA, Play framework.

3 DAFTAR ISI LEMBAR PENGESAHAN... i LEMBAR PERNYATAAN PERSETUJUAN PUBLIKASI KARYA ILMIAH... ii SURAT PERNYATAAN ORISINALITAS KARYA... iii KATA PENGANTAR... iv ABSTRAK... v ABSTRACT... vi DAFTAR ISI... vii DAFTAR GAMBAR... xiii DAFTAR TABEL... xviii DAFTAR KODE... xix DAFTAR LAMPIRAN... xxii BAB I PENDAHULUAN Latar Belakang Rumusan Masalah Tujuan Batasan Masalah Sistematika Pembahasan BAB II DASAR TEORI Permainan Tradisional Indonesia Definisi Aplikasi Web Unified Modelling Language (UML) Diagram Statis Diagram Dinamis Diagram Keterhubungan Entitas (Entity Relationship Diagram) Pemograman JAVA Play Framework Model Aplikasi MVC (Model View Controller) Cara Kerja Play Framework Java Persistence API... 11

4 2.6. Basis Data MySQL Data Dictionary (Kamus Data) Metode Pengujian Black-Box BAB III ANALISA DAN PEMODELAN Proses Bisnis Aplikasi Fitur Pengunjung Mencari Permainan Menelusuri Permainan Melihat Detail Permainan Mengkomentari Permainan Menandai Komentar Fitur Admin Login Mengelola Admin Menambah Admin Menghapus Admin Memblokir Admin Mengubah Data Admin Mengelola Permainan Membuat Data Permainan Baru Mengubah Data Permainan Menghapus Data Permainan Mengelola Video Permainan Membuat Data Video Mengubah Data Video Menghapus Data Video Mengelola Audio Permainan Membuat Data Audio Mengubah Data Audio Menghapus Data Audio Mengelola Galeri Permainan Membuat Data Galeri Mengubah Data Galeri Menghapus Data Galeri Mengelola Komentar Permainan

5 Mengubah Komentar Menghapus Komentar Mengelola Tag Menambah Tag Mengubah Tag Menghapus Tag Diagram Kelas Diagram Hubungan Entitas (Entity Relationship Diagram / ER-Diagram) Kamus Data (Data Dictionary) Web Map Perancangan Interface Pengunjung Interface Cari Permainan Interface Telusur Permainan Interface Detail Permainan Interface Komentari Permainan Interface Tandai Permainan Perancangan Interface Admin Interface Login Interface Beranda Interface Daftar Admin Interface Tambah Admin Interface Ubah Admin Interface Hapus Admin Interface Blokir Admin Interface Daftar Permainan Interface Tambah Permainan Interface Ubah Permainan Interface Hapus Permainan Interface Daftar Gambar Interface Tambah Gambar Interface Ubah Gambar Interface Hapus Gambar Interface Daftar Video Interface Tambah Video Interface Ubah Video Interface Hapus Video

6 Interface Daftar Audio Interface Tambah Audio Interface Ubah Audio Interface Hapus Audio Interface Daftar Komentar Interface Ubah Komentar Interface Hapus Komentar Interface Daftar Tag Interface Tambah Tag Interface Ubah Tag Interface Hapus Tag BAB IV IMPLEMENTASI Implementasi Pengunjung Implementasi Mencari Permainan Implementasi Menelusuri Permainan Implementasi Melihat Detail Permainan Implementasi Mengkomentari Permainan Implementasi Menandai Komentar Implementasi Admin Implementasi Login Implementasi Beranda Implementasi Mengelola Admin Implementasi Tambah Admin Implementasi Ubah Admin Implementasi Hapus Admin Implementasi Blokir Admin Implementasi Mengelola Permainan Implementasi Tambah Permainan Implementasi Ubah Permainan Implementasi Hapus Permainan Implementasi Mengelola Video Implementasi Tambah Video Implementasi Ubah Video Implementasi Hapus Video Implementasi Mengelola Audio

7 Implementasi Tambah Audio Implementasi Ubah Audio Implementasi Hapus Audio Implementasi Mengelola Galeri Implementasi Tambah Galeri Implementasi Ubah Galeri Implementasi Hapus Galeri Implementasi Mengelola Komentar Implementasi Ubah Komentar Implementasi Hapus Komentar Implementasi Mengelola Tag Implementasi Tambah Tag Implementasi Ubah Tag Implementasi Hapus Tag Implementasi Basisdata BAB V PENGUJIAN Pengujian Login Pengujian Menambah Admin Pengujian Mengubah Data Admin Pengujian Menambah Data Permainan Baru Pengujian Mengubah Data Permainan Pengujian Membuat Data Galeri Pengujian Mengubah Data Galeri Pengujian Membuat Data Video Pengujian Mengubah Data Video Pengujian Membuat Data Audio Pengujian Mengubah Data Audio Pengujian Mengubah Komentar Pengujian Menambah Tag Pengujian Mengubah Tag Pengujian Mencari Permainan Pengujian Menkomentari Permainan

8 BAB VI PENUTUP Kesimpulan Saran DAFTAR PUSTAKA

9 DAFTAR GAMBAR Gambar 2.1. Arsitektur MVC Play framework Gambar 2.2. Cara kerja play framework Gambar 3.1. Diagram usecase aplikasi permainan tradisional Indonesia Gambar 3.2. Diagram aktivitas pencarian permainan Gambar 3.3. Diagram sequence perncarian permainan Gambar 3.4. Diagram aktivitas penelusuran permainan Gambar 3.5. Diagram sequence penelusuran permainan Gambar 3.6. Diagram aktivitas melihat detail permainan Gambar 3.7. Diagram sequence melihat detail permainan Gambar 3.8. Diagram aktivitas menambah komentar Gambar 3.9. Diagram sequence menambah komentar Gambar Diagram aktivitas menandai komentar Gambar Diagram sequence menandai komentar Gambar Diagram aktivitas login Gambar Diagram sequence login Gambar Diagram aktifitas daftar admin/user Gambar Diagram aktivitas menambah pengguna Gambar Diagram sequence menambah pengguna Gambar Diagram aktivitas menghapus pengguna Gambar Diagram sequence menghapus pengguna Gambar Diagram aktivitas memblokir pengguna Gambar Diagram sequence memblokir pengguna Gambar Diagram aktivitas mengubah data pengguna Gambar Diagram sequence mengubah data pengguna Gambar Diagram aktifitas daftar permainan Gambar Diagram aktivitas pembuatan data permainan baru Gambar Diagram sequence pembuatan data permainan baru Gambar Diagram aktivitas mengubah data permainan Gambar Diagram sequence mengubah data permainan Gambar Diagram aktivitas menghapus data permainan

10 Gambar Diagram sequence menghapus data permainan Gambar Diagram aktifitas daftar video Gambar Diagram aktivitas manambah video permainan Gambar Diagram sequence menambah video permainan Gambar Diagram aktifitas mengubah data video Gambar Diagram sequence mengubah data video Gambar Diagram aktifitas menghapus video Gambar Diagram aktifitas menghapus video Gambar Diagram aktifitas daftar audio Gambar Diagram aktivitas menambah audio permainan Gambar Diagram sequence menambah audio permainan Gambar Diagram aktifitas mengubah audio Gambar Diagram sequence mengubah audio Gambar Diagram aktifitas menghapus audio Gambar Diagram sequence menghapus audio Gambar Diagram aktifitas daftar galeri Gambar Diagram aktivitas mengelola galeri permainan Gambar Diagram sequence mengelola galeri permainan Gambar Diagram aktifitas mengubah data galeri Gambar Diagram sequence mengubah data galeri Gambar Diagram aktifitas menghapus data galeri Gambar Diagram sequence menghapus data galeri Gambar Diagram aktifitas daftar komentar Gambar Diagram aktifitas mengubah komentar Gambar Diagram sequnce mengubah komentar Gambar Diagram aktivitas menghapus komentar cara pertama Gambar Diagram sequence menghapus komentar cara pertama Gambar Diagram aktifitas menghapus komentar cara kedua Gambar Diagram sequence menghapus komentar cara kedua Gambar Diagram aktivitas menambah tag permainan Gambar Diagram sequence menambah tag permainan Gambar Diagram aktivitas mengubah tag permainan... 45

11 Gambar Diagram sequence mengubah tag permainan Gambar Diagram aktivitas menghapus tag permainan Gambar Diagram sequence menghapus tag Gambar Diagram Hubungan Entitas (ER-Diagram) permainan tradisional Gambar Struktur web map aplikasi permainan tradisional Indonesia Gambar Perancangan antarmuka header halaman pengunjung Gambar Perancangan halaman utama Gambar Perancangan halaman cari permainan Gambar Perancangan antarmuka telusur permainan Gambar Perancangan halaman detail Gambar Perancangan antarmuka detail permainan tab deskripsi Gambar Perancangan antarmuka komentari permainan Gambar Perancangan antarmuka tandai permainan Gambar Perancangan menu admin Gambar Perancangan halaman login Gambar Perancangan halaman beranda administrator area Gambar Perancangan halaman daftar admin Gambar Rancangan halaman tambah admin Gambar Rancangan halaman ubah admin Gambar Perancangan antarmuka tampilan konfirmasi hapus admin Gambar Perancangan antarmuka tampilan konfirmasi blokir admin Gambar Perancangan halaman daftar permainan Gambar Perancangan halaman tambah permainan Gambar Perancangan halaman ubah permainan Gambar Perancangan antarmuka hapus permainan Gambar Perancangan halaman daftar gambar Gambar Perancangan halaman tambah gambar Gambar Perancangan halaman ubah gambar Gambar Perancangan antarmuka konfirmasi hapus gambar Gambar Perancangan halaman daftar data video Gambar Perancangan halaman tambah video Gambar Perancangan halaman ubah video

12 Gambar Perancangan antarmuka konfirmasi hapus video Gambar Perancangan halaman daftar audio Gambar Perancangan halaman tambah audio Gambar Perancangan halaman ubah audio Gambar Perancangan antarmuka konfirmasi hapus audio Gambar Perancangan halaman daftar komentar Gambar Perancangan halaman ubah komentar Gambar Rancangan antarmuka hapus komentar cara pertama Gambar Rancangan antarmuka dialog konfirmasi menghapus komentar Gambar Perancangan halaman daftar tag Gambar Perancangan halaman tambah tag Gambar Perancangan halaman ubah tag Gambar Perancangan antarmuka konfirmasi hapus tag Gambar 4.1. Implementasi halaman beranda pengunjung Gambar 4.2. Implementasi halaman pencarian Gambar 4.3. Implementasi telusur permainan Gambar 4.4. Implementasi halaman detail permainan Gambar 4.5. Implementasi from komentari permainan Gambar 4.6. Implementasi menandai komentar Gambar 4.7. Implementasi menu admin Gambar 4.8. Implementasi halaman login Gambar 4.9. Implementasi halaman beranda admin Gambar Implementasi halaman daftar admin Gambar Implementasi halaman tambah admin Gambar Implementasi halaman ubah admin Gambar Implementasi dialog konfirmasi hapus admin Gambar Implementasi dialog konfirmasi blokir admin Gambar Implementasi halaman daftar permainan Gambar Implementasi halaman tambah permainan Gambar Implementasi tampilan halaman ubah permainan Gambar Implementasi dialog konfirmasi hapus permainan Gambar Implementasi tampilan halaman daftar video

13 Gambar Implementasi tampilan tambah video Gambar Implementasi tampilan halaman ubah video Gambar Implementasi dialog konfirmasi hapus video Gambar Implementasi tampilan halaman daftar audio Gambar Implementasi tampilan tambah audio Gambar Implementasi tampilan halaman ubah audio Gambar Implementasi dialog konfirmasi hapus audio Gambar Implementasi tampilan halaman daftar galeri Gambar Hasil implementasi halaman tambah galeri Gambar Implementasi tampilan halaman ubah galeri Gambar Implementasi dialog konfirmasi hapus permainan Gambar Implementasi tampilan halaman daftar komentar Gambar Hasil implementasi tampilan halaman ubah komentar Gambar Implementasi tampillan konfirmasi hapus komentar Gambar Implementasi link hapus permainan pada detail permainan Gambar Implementasi tampilan halaman daftar tag Gambar Implementasi halaman tambah tag Gambar Implementasi halaman ubah tag Gambar Implementasi dialog konfirmasi hapus permainan Gambar Implementasi tabel relasi

14 DAFTAR TABEL Tabel 2.1. Simbol ER-Diagram Tabel 2.2. Simbol Data Dictionary Tabel 5.1. Pengujian login Tabel 5.2. Pengujian menambah admin Tabel 5.3. Pengujian mengubah data admin Tabel 5.4. Pengujian menambah data permainan baru Tabel 5.5. Pengujian mengubah data permainan Tabel 5.6. Pengujian membuat data galeri Tabel 5.7. Pengujian mengubah data galeri Tabel 5.8. Pengujian membuat data video Tabel 5.9. Pengujian mengubah data video Tabel Pengujian membuat data audio Tabel Pengujian mengubah data audio Tabel Pengujian mengubah komentar Tabel Pengujian menambah tag Tabel Pengujian mengubah tag Tabel Pengujian mencari permainan Tabel Pengujian menkomentari permainan

15 DAFTAR KODE Kode 4.1. Fungsi implementasi halaman beranda Kode 4.2. Cara menampilkan permainan terbaru pada halaman beranda Kode 4.3. Cara menampilkan permainan terbaru lainya pada halaman beranda Kode 4.4. Cara menampilkan permainan terpopuler pada halaman beranda Kode 4.5. Cara menu navigasi atas Kode 4.6. Cara menu navigasi atas tujuan Kode 4.7. Cara menu navigasi bawah Kode 4.8. Cara menu navigasi bawah tujuan Kode 4.9. Cara kerja logo Kode Cara kerja kotak pencarian Kode Fungsi Implementasi halaman pencarian Kode Cara menampilkan hasil pencarian(1) Kode Cara menampilkan hasil pencarian(2) Kode Cara menampilkan telusur permainan Kode Cara menampilkan judul permainan pada halaman detail permainan Kode Cara like permainan javascript Kode Cara like permainan pada server Kode Cara menampilkan deskripsi permainan Kode Cara menampilkan video permainan Kode Cara menampilkan lagu permainan Kode Cara menampilkan syair permainan Kode Cara menampilkan komentar permainan Kode Fungsi implementasi halaman detail permainan Kode Cara menampilkan form komentar Kode Cara menambahkan komentar permainan Kode Implementasi javascript menandai komentar Kode Implementasi fungsi menambah tanda komentar Kode Cara menampilkan menu admin Kode Cara validasi login admin Kode Cara menampilkan halaman beranda admin

16 Kode Cara menampilkan nama admin Kode Cara menampilkan nama admin pada html Kode Cara menampilkan daftar admin Kode Cara menampilkan halaman form tambah user Kode 4.35.Cara menampilkan halaman ubah admin Kode Cara menampilkan konfirmasi hapus admin Kode Cara menampilkan konfirmasi hapus admin Kode Cara memblokir admin Kode Cara menampilkan daftar permainan Kode Cara menampilkan halaman tambah permainan Kode Cara menampilkan popout pilihan tag Kode Cara menampilkan halaman ubah permainan Kode Cara menampilkan popout pilihan tag Kode Cara menampilkan konfirmasi hapus permainan Kode Cara menampilkan halaman daftar video Kode Cara menampilkan halaman tambah video Kode Cara javascript meng-upload video Kode Cara server meng-upload video Kode Cara menampilkan halaman ubah video Kode Cara mengubah video Kode Cara menampilkan konfirmasi hapus video Kode Cara menampilkan halaman daftar audio Kode Cara menampilkan halaman tambah audio Kode Cara javascript meng-upload audio Kode Cara server meng-upload audio Kode Cara menampilkan halaman ubah audio Kode Cara mengubah audio Kode Cara menampilkan konfirmasi hapus audio Kode Cara menampilkan halaman daftar galeri permainan Kode Cara menampilkan halaman tambah galeri Kode Cara untuk memvalidasi halaman tambah galeri Kode Cara menampilkan halaman ubah galeri

17 Kode Cara untuk memvalidasi halaman ubah galeri Kode Cara menampilkan konfirmasi hapus galeri Kode Cara menampilkan halaman daftar komentar Kode Cara menampilkan konfirmasi hapus permainan pada daftar komentar Kode Cara menampilkan daftar tag Kode Cara menampilkan konfirmasi hapus tag

18 DAFTAR LAMPIRAN LAMPIRAN A KELAS DIAGRAM... A-1 LAMPIRAN B DATA PENGUJI APLIKASI... B-1 LAMPIRAN C DATA PENULIS...C-1