ANALISA DAN PERANCANGAN PERMAINAN CATUR CHINA BERBASIS WEB SKRIPSI. Oleh. Hengky Frans Winardi Cristian

Transkripsi

1 ANALISA DAN PERANCANGAN PERMAINAN CATUR CHINA BERBASIS WEB SKRIPSI Oleh Hengky Frans Winardi Cristian Universitas Bina Nusantara Jakarta 2011

2 ANALISA DAN PERANCANGAN PERMAINAN CATUR CHINA BERBASIS WEB SKRIPSI diajukan sebagai salah satu syarat untuk gelar kesarjanaan pada Jurusan Teknik Informatika Jenjang Pendidikan Strata-1 Oleh Hengky Frans Winardi Cristian Universitas Bina Nusantara Jakarta 2011 ii

3 PERNYATAAN Dengan ini kami, Nama : Hengky Frans NIM : Nama : Winardi Cristian NIM : Judul skripsi : Analisa dan Perancangan Permainan Catur China Berbasis Web Memberikan kepada Universitas Bina Nusantara hak non-eksklusif untuk menyimpan, memperbanyak, dan menyebarluaskan skripsi karya kami, secara keseluruhan atau hanya sebagian atau hanya ringkasannya saja, dalam bentuk format tercetak dan atau elektronik. Menyatakan bahwa kami, akan mempertahankan hak exclusive kami, untuk menggunakan seluruh atau sebagian isi skripsi kami, guna pengembangan karya di masa depan, misalnya bentuk artikel, buku, perangkat lunak, ataupun sistem informasi. Jakarta, 15 Maret 2011 Hengky Frans Winardi Cristian vi

4 PRAKATA Puji dan syukur tim peneliti ucapkan kepada Tuhan Yang Maha Esa atas segala berkat dan karunia yang telah diberikan sehingga penelitian ini dapat diselesaikan tepat pada waktunya. Skripsi berjudul Analisa dan Perancangan Permainan Catur China Berbasis Web ini disusun sebagai salah satu syarat untuk memperoleh gelar kesarjanaan pada jenjang pendidikan Strata-1 pada Universitas Bina Nusantara Jakarta. Pada kesempatan ini tim peneliti juga ingin mengucapkan banyak terima kasih kepada semua pihak yang telah memberikan bantuan dan dukungan baik dengan doa, moril, maupun materiil sehingga tim peneliti dapat menyelesaikan skripsi ini. Hormat dan terima kasih tim peneliti berikan kepada : 1. Orang tua tercinta dari tim peneliti atas doa, semangat, biaya dan dukungan-dukungan lainnya yang telah diberikan kepada tim peneliti dalam proses penelitian ini. 2. Bapak Prof. Dr. Ir. Harjanto Prabowo, M.M., selaku Rektor Universitas Bina Nusantara. 3. Bapak Ir. Sablin Yusuf, M.Sc, M.Com.Sc., selaku Dekan Fakultas Ilmu Komputer Universitas Bina Nusantara. 4. Bapak Fredy Purnomo, S.Kom, M.Kom., selaku Ketua Jurusan Teknik Informatika Universitas Bina Nusantara 5. Ibu Yen Lina Prasetio, S.Kom., M.CompSc., selaku Sekretaris Jurusan Teknik Informatika Universitas Bina Nusantara. 6. Bapak Jaka Hartanto, S.Kom., MM., selaku Dosen Pembimbing yang telah meluangkan waktunya untuk memberikan bimbingan, pengarahan, dan masukan dari awal sampai selesainya skripsi ini sehingga skripsi ini dapat terselesaikan dengan baik. viii

5 7. Bapak dan Ibu dosen yang telah membagikan ilmunya melalui kuliah sejak semester pertama hingga semester ketujuh ini. 8. Bapak Anderes Gui selaku mitra peneliti yang telah membantu dan memberikan pengetahuannya mengenai catur china kepada tim peneliti. 9. Teman-teman dan kerabat dekat tim peneliti yang telah memberikan dukungan moril berupa semangat dan doa kepada tim peneliti. 10. Semua pihak yang tidak dapat disebutkan satu per satu, yang telah membantu tim peneliti menyelesaikan skripsi ini baik secara langsung maupun tidak langsung. Sebagai manusia yang penuh keterbatasan, tim peneliti menyadari bahwa penelitian yang telah dilakukan masih memiliki kekurangan. Oleh karena itu, saran dan kritik yang membangun sangat diharapkan sebagai bahan pembelajaran untuk perkembangan dan perbaikan pada masa yang akan datang. Semoga Tuhan senantiasa melimpahkan karunia-nya kepada semua pihak. Akhir kata, tim peneliti berharap penelitian ini dapat berguna bagi berbagai pihak yang secara langsung ataupun tidak langsung berhubungan dengan penelitian ini. Semoga penelitian ini juga dapat menjadi inspirasi orang-orang yang terkait secara langsung atau tidak langsung melalui aplikasi ataupun penulisannya. Jakarta, Januari 2011 Tim Penelit i ix

6 DAFTAR ISI Halaman Judul Luar... Halaman Judul Dalam... Halaman Persetujuan Hard Cover... Halaman Pernyataan Dewan Penguji... Halaman Pemberian Hak Cipta Non Eksklusif dari Mahasiswa ke Universitas Bina Nusantara... Abstrak... i ii iii iv vi vii Prakata... viii Daftar Isi... Daftar Tabel... Daftar Gambar... x xiv xv Daftar Lampiran... xviii BAB 1 PENDAHULUAN Latar Belakang Ruang Lingkup Tujuan dan Manfaat Metodologi Sistematika Penulisan... 6 BAB 2 LANDASAN TEORI Teori Umum Analisis Perancangan Engine Web Browser Bahasa Pemrograman Internet x

7 Client-side Scripting Server-side Scripting IMK (Interaksi Manusia dan Komputer) Pengertian IMK Tujuan IMK Database Unified Modelling Language (UML) Internet Teori Khusus Game Java Java Server Pages Servlet AJAX (Asynchronous JavaScript and XML) JQuery MySQL BAB 3 ANALISA DAN PERANCANGAN Peraturan Catur China Peraturan Dasar Catur China CXQ Aturan Lanjutan Catur China CXQ Analisa Game Sejenis Xiang Qi Training Xiang Qi Online Analisa Perbandingan Game Sejenis Analisa Kuesioner Rancangan Aplikasi Rancangan Layar xi

8 Sebelum Login Setelah Login Rancangan Database Perancangan Data Konseptual Perancangan Data Logikal Kamus Data Atribut Mengidentifikasi candidate key dan primary key Menentukan hubungan relasional antar entiti Perancangan Data Fisikal Aliran Aplikasi (Application Flow) State Transition Diagram Index State Transition Diagram Home State Transition Diagram Server State Transition Diagram Lobby State Transition Diagram Room State Transition Diagram Profile BAB 4 IMPLEMENTASI Spesifikasi Sistem Spesifikasi Perangkat Keras Spesifikasi Perangkat Keras Server Spesifikasi Perangkat Keras Client Spesifikasi Perangkat Lunak Spesifikasi Perangkat Lunak Server Spesifikasi Perangkat Lunak Client Tampilan Layar Tampilan Layar Sebelum Login Tampilan Layar Setelah Login xii

9 4.3 Evaluasi Sistem Evaluasi dari Pengembang Evaluasi Berdasarkan Delapan Aturan Emas BAB 5 SIMPULAN DAN SARAN Simpulan Saran Daftar Pustaka Riwayat Hidup Lampiran... L1 xiii

10 DAFTAR TABEL Tabel 3.1. Tabel Perbandingan Xiang Qi Training dengan Xiang Qi Online Tabel 3.2. Tabel Hasil Kuesioner Pertanyaan No Tabel 3.3. Tabel Hasil Kuesioner Pertanyaan No Tabel 3.4. Tabel Hasil Kuesioner Pertanyaan No Tabel 3.5. Tabel Hasil Kuesioner Pertanyaan No Tabel 3.6. Tabel Hasil Kuesioner Pertanyaan No Tabel 3.7. Tabel Prioritas Elemen Permainan Catur China.. 63 Tabel 3.8. Tabel Penghitungan Bobot Prioritas Elemen Permainan Catur China 64 Tabel 3.9. Tabel Kamus Data Atribut.. 82 Tabel Tabel Candidate Key dan Primary Key.. 86 Tabel Tabel Hubungan Relasional Antar Entiti xiv

11 DAFTAR GAMBAR Gambar 3.1. Papan Catur China 37 Gambar 3.2. Tampilan Awal Xiang Qi Training. 43 Gambar 3.3. Tampilan ketika melakukan move Xiang Qi Training Gambar 3.4. Tampilan setelah menyerang Xiang Qi Training Gambar 3.5. Halaman login Xiang Qi online window mode.. 48 Gambar 3.6. Halaman login Xiang Qi online full screen mode Gambar 3.7. Halaman permainan Xiang Qi online window mode.. 50 Gambar 3.8. Halaman permainan Xiang Qi online full screen mode.. 50 Gambar 3.9. Halaman permainan Xiang Qi online pada saat memindahkan bidak Gambar Halaman permainan Xiang Qi online setelah melakukan move (1).. 52 Gambar Halaman permainan Xiang Qi online setelah melakukan move (2).. 52 Gambar Tampilan bidak menyerang Xiang Qi online. 53 Gambar Tampilan keadaan skak (check) Xiang Qi online.. 54 Gambar Grafik Hasil Kuesioner Pertanyaan No Gambar Grafik Hasil Kuesioner Pertanyaan No Gambar Grafik Hasil Kuesioner Pertanyaan No Gambar Grafik Hasil Kuesioner Pertanyaan No Gambar Grafik Hasil Kuesioner Pertanyaan No Gambar Grafik Hasil Penghitungan Tabel Prioritas Elemen Game xv

12 Gambar Rancangan Layar Halaman Index.. 66 Gambar Rancangan Layar Halaman Index Register Gambar Rancangan Layar Halaman Home Gambar Rancangan Layar Halaman Server Gambar Rancangan Layar Halaman Lobby Gambar Rancangan Layar Halaman Room Gambar Rancangan Layar Halaman Profile.. 73 Gambar Diagram Konseptual Hubungan Relasional antar Entiti. 79 Gambar Diagram Database Logikal.. 90 Gambar Entity Relationship Diagram.. 91 Gambar State Transition Diagram Index Gambar State Transition Diagram Home.. 94 Gambar State Transition Diagram Server. 95 Gambar State Transition Diagram Lobby. 96 Gambar State Transition Diagram Room.. 97 Gambar State Transition Diagram Profile. 98 Gambar 4.1. Interface Halaman Index Login Gambar 4.2. Interface Halaman Index Forgot Password Gambar 4.3. Interface Halaman Index Register. 104 Gambar 4.4. Interface Halaman Home Gambar 4.5. Interface Halaman Home Inbox 107 xvi

13 Gambar 4.6. Interface Halaman Home View Message 108 Gambar 4.7. Interface Halaman Home Reply Message Gambar 4.8. Interface Halaman Home Forward Message. 110 Gambar 4.9. Interface Halaman Home Sent Gambar Interface Halaman Home View Sent Message Gambar Interface Halaman Profile 113 Gambar Interface Halaman Profile Edit Gambar Interface Halaman Profile Edit Profile Picture. 115 Gambar Interface Halaman Server. 116 Gambar Interface Halaman Lobby. 117 Gambar Interface Halaman Lobby Create Room 118 Gambar Interface Halaman Room xvii

14 DAFTAR LAMPIRAN Lampiran 1 Kuesioner Penelitian. L1 xviii