BAB III ANALISA DAN PERANCANGAN SISTEM

Transkripsi

1 BAB III ANALISA DAN PERANCANGAN SISTEM Bab ini membahas tentang analisis kebutuhan sistem dan perancangan aplikasi story game edukasi anti korupsi. 3.1 Analisis Sistem Analisis Sistem merupakan tahapan pertama yang harus dilakukan, pada tahapan ini penulis akan menganalisa semua kebutuhan untuk membuat aplikasi. Dengan menganalisa semua kebutuhan penulis dapat mengetahui apa saja yang dibutuhkan dalam pembuatan aplikasi. Dalam membuat sebuah aplikasi mengenai pembelajaran anti korupsi, penulis akan menganalisa kebutuhan dasar dari sistem aplikasi tersebut. Oleh karena itu diperlukan suatu metode yang dapat digunakan sebagai pedoman dalam pembuatan sistem. Analisa dilakukan terhadap data-data yang akan merepresentasikan masalah, sehingga dapat diketahui spesifikasi kebutuhan sistem yang akan dibangun. Pada saat ini pendidikan anti korupsi di Indonesia mulai diterapkan dengan diterbitkannya buku anti korupsi untuk anak usia dini oleh Komisi Pemberantas Korupsi (KPK). Selain itu Komisi Pemberantas Korupsi (KPK) juga meluncurkan pendidikan anti korupsi melalui sebuah game anti korupsi, siap beraksi?. Walaupun pendidikan anti korupsi di Indonesia sudah ada dan sudah efisien, namun disalah satu sisi banyaknya buku-buku dan game-game baru sehingga perlu memperbanyak metode pendidikan anti korupsi di Indonesia dan di sinilah Penulis mencoba dan membantu pendidikan anti korupsi khususnya untuk anak usia dini, dengan membuat aplikasi story game edukasi anti korupsi. 19

2 Analisa Kebutuhan Berikut merupakan komponen yang dibutuhkan dalam penelitian, yaitu : Perangkat keras (hardware) - Processor nvidia geforce 1 GB - RAM 2 GB - HDD 640 GB Perangkat lunak (software) - Sistem operasi Windows 7 Ultimate - Software Adobe Flash Professional CS6 Perangkat Pendukung - Alur Cerita - Karakter - Background - Pengisi Suara Karakter - Backsound - Sound Effect 3.3 Konsep Aplikasi story game edukasi anti korupsi berbasis flash merupakan aplikasi pembelajan anti korupsi dengan alur cerita yang mudah dipahami untuk membantu pembentukan sikap untuk mampu melawan tindak korupsi. Aplikasi story game edukasi anti korupsi dibuat untuk anak usia dini (5-8 tahun). Pendidikan yang paling efisien adalah pendidikan yang dilakukan sejak usia dini, pemilihan usia 5-8 tahun disebabkan pada usia tersebut sifat dan karakter anak mulai terbentuk, pada usia 5-8 tahun anak belum mengetahui pilihan yang dipilih benar ataupun salah karena pada dasarnya anak usia 5-8 tahun lebih mengikuti apa yang diinginkan dibandingkan dengan benar atau salahnya suatu pilihan.

3 21 Oleh sebab itu aplikasi ini akan menjadi pembelajaran secara mandiri dengan mengontrol keinginan untuk diri sendiri jika dihadapkan pada suatu pilihan. Aplikasi multimedia interaktif yang dapat menarik minat pengguna dengan desain user interface yang sederhana dengan beberapa perpaduan warna serta dilengkapi Sound effect, backsound, dan suara karakter. Aplikasi yang merupakan gabungan pandangan, gerakan dan juga suara. 3.4 Perancangan Sistem Perancangan sistem terdiri dari pembahasan desain diantaranya cara kerja sistem, perancangan flowchart, perancangan peta navigasi dan perancangan story board. Dengan adanya perancangan sistem kerja tersebut, dapat memberikan gambaran umum dari sistem yang akan dibuat Cara Kerja Sistem Cara Kerja aplikasi ini adalah offline. Aplikasi ini tidak perlu koneksi internet dan tidak perlu melakukan instalasi, aplikasi game ini dapat dimainkan tanpa terdapat Adobe Flash Player pada system operasi windows karena file aplikasi game ini berekstensi.exe (executabel) yang akan dapat berjalan tanpa dukungan Adobe Flash Player cukup dengan melakukan double click pada aplikasi ini Perancangan Flowchart Flowchart merupakan bagan hubungan antar proses beserta instruksinya. Dalam tiap proses digambarkan dalam bentuk simbol. Sedangkan untuk hubungan antar tiap proses digambarkan dengan garis penghubung. Flowchart harus ditampilan secara berurutan sesuai dengan aplikasi yang dibuat.

4 22 Berikut merupakan flowchart dari aplikasi story game edukasi anti korupsi : Gambar 3.1 Flowchart Story Game Edukasi Anti Korupsi

5 23 Gambar 3.1 Prosesnya dimulai saat user memasukan nama di halaman login maka secara otomatis akan tampil halaman utama. Disini user bisa memilih ada 4 tombol diantaranya ada main jika user memilih tombol ini maka user dibawa untuk menyetujui peraturan permainan setelah itu maka akan tampil narasi dan percakapan lalu diselingi dengan pertanyaan tiap pertanyaan bernilai 20 point jika user menjawab maka cerita berjalan terus namun jika tidak akan sebaliknya permainan berakhir, setelah itu akan tampil halaman skor akhir dari permainan. Sedangkan tombol bantuan untuk melihat penjelasan permainan, peringkat untuk melihat daftar skor pemain dari skor terbesar sampai dengan terkecil pada halaman ini user bisa mencetak daftar skor yang ada dan keluar untuk keluar dari aplikasi Perancangan Peta Navigasi Peta navigasi ini memudahkan untuk merancang aplikasi yang akan dibuat dengan menentukan lokasi pada setiap halaman yang ada dalam aplikasi ini. Pada gambar 3.2 merupakan peta navigasi dari Aplikasi Story Game Edukasi Anti Korupsi. Gambar 3.2 Peta Navigasi Aplikasi Story Game Edukasi Anti korupsi

6 Perancangan Storyboard Storyboard adalah gambaran dasar suatu urutan (alur cerita) dan elemenelemen yang terdapat pada aplikasi yang akan dibuat, pembuatan storyboard harus dibuat dengan rinci mulai dari tampilan antar muka sampai dengan deskripsi dari tampilan tersebut Tampilan Antarmuka Login Gambar 3.3 Perancangan Antarmuka Login Pada Halaman login ini adalah halaman depan yang berisi text dan juga tombol yang berfungsi sebagai syarat user untuk dapat memainkan aplikasi ini. Berikut penjelasan secara rinci : Text, bagian ini berfungsi untuk memasukkan nama user yang kan memainkan permainan. Tombol Masuk, berfungsi untuk menyimpan nama user yang telah diinput selama permainan berlangsung.

7 Tampilan Antarmuka Menu Utama Gambar 3.4 Perancangan Antarmuka Menu Utama Pada Tampilan menu utama ini adalah halaman yang berisi tombol-tombol yang berfungsi untuk mempermudah user dalam menggunakan aplikasi ini. Berikut penjelasan secara rinci : Tombol Main, berfungsi untuk mulai memainkan permainan. Tombol Bantuan, berfungsi untuk pindah menuju halaman yang berisi tentang penjelasan bermain. Tombol Keluar, berfungsi untuk keluar dari aplikasi. Tombol Peringkat, berfungsi untuk menampilkan daftar skor permainan. Selain berisikan tombol-tombol, pada halaman ini juga menampilkan header dan nama user yang telah diketik pada halaman login.

8 Tampilan Antarmuka Bantuan Gambar 3.5 Perancangan Antarmuka Bantuan Pada tampilan antarmuka bantuan, berisi penjelasan permainan. Dengan adanya halaman antarmuka help ini berfungsi untuk memudahkan user. Pada tampilan ini terdapat juga tombol yang disertakan dengan fungsi berikut penjelasan secara rinci : Tombol Mengerti, berfungsi untuk memastikan user paham tata cara dalam permainan Tampilan Antarmuka Peraturan Gambar 3.6 Perancangan Antarmuka Peraturan

9 27 Pada tampilan halaman peraturan. Akan terdapat satu karakter yang ada dalam alur cerita permainan. Karakter tersebut akan menjelaskan peraturan yang harus diikuti oleh user selama memainkan aplikasi ini Tampilan Antarmuka Persetujuan Gambar 3.7 Perancangan Antarmuka Persetujuan Pada tampilan antarmuka persetujuan, terdapat pertanyaan untuk menyetujui peraturan yang ada pada halaman antarmuka peraturan sebelumnya. Pada tampilan ini juga dilengkapi dengan \ tombol yang disertakan dengan fungsi berikut penjelasan secara rinci : Tombol Iya, berfungsi untuk menyetujui pemainan dan lanjut unuk bermain. Tombol Tidak, berfungsi untuk tidak bermain dan kembali ke halaman awal.

10 Tampilan Antarmuka Percakapan Gambar 3.8 Perancangan Antarmuka Percakapan Pada tampilan percakapan akan menampilkan percakapan yang berlasung melibatkan karakter-karakter yang terdapat dalam permainan. Percakapan ataupun narasi berfungsi untuk mendukung sebuah aluar cerita dalam permainan. Selain itu, pada halaman ini juga menampilkan nama user yang telah diketik pada halaman login Tampilan Antarmuka Uang Sementara Gambar 3.9 Perancangan Antarmuka Uang Sementara

11 29 Pada tampilan dihalaman uang ini, akan memperlihan peroleh uang yang telah didapat selama memainkan pemainan ini pada kondisi tertentu. Pada halaman ini juga terdapat tombol yang disertakan dengan fungsi berikut penjelasan secara rinci : Tombol Lanjut, berfungsi untuk melanjutkan ke tampilan selanjutnya atau cerita selanjutnya Tampilan Antarmuka Pertanyaan Gambar 3.10 Perancangan Antarmuka Pertanyaan Pada tampilan di halaman soal akan menampilkan pertanyaan yang berlasung melibatkan user dan karakter-karakter yang terdapat dalam permainan. Bentuk pertanyaan berisi nilai kejujuran dan anti korupsi. Tiap jawaban user. Akan membawa user pada alur cerita yang berbeda. Pada halaman ini juga terdapat tombol yang disertakan dengan fungsi berikut penjelasan secara rinci : Tombol pilihan1 untuk jawaban 1. Tombol pilihan2 untuk jawaban 2.

12 Tampilan Antarmuka Percakapan Akhir Gambar 3.11 Perancangan Antarmuka Percakapan Akhir Pada tampilan dihalaman akhir akan menampilkan kondisi akhir berupa percakapan yang sesuai dengan pilihan yang yang dipilih oleh user. Percakapan dapat berupa kekecewaan ataupun nasihat Tampilan Antarmuka Skor Akhir Gambar 3.12 Perancangan Antarmuka Skor Akhir

13 31 Pada tampilan ini akan menampilkan skor akhir setelah user berhasil menjawab soal yang ada pada aplikasi story game anti korupsi. Serta pada bagian atas halaman ini di tampilkan logo universitas mercu buana. Pada halaman ini juga terdapat tombol yang disertakan dengan fungsi berikut penjelasan secara rinci : Tombol Peringkat, berfungsi untuk pindah menuju halaman peringkat Tampilan Antarmuka Peringkat Gambar 3.13 Perancangan Antarmuka Peringkat Pada tampilan ini akan menampilkan daftar skor akhir setelah user berhasil menjawab soal yang ada pada aplikasi story game anti korupsi dari skor tertinggi sampai dengan skor terendah. Pada halaman ini juga terdapat tombol yang disertakan dengan fungsi berikut penjelasan secara rinci : Tombol Cetak, berfungsi untuk mencetak daftar skor permainan. Tombol Kembali, berfungsi untuk pindah menuju halaman antarmuka Keluar.

14 Tampilan Antarmuka Keluar Gambar 3.14 Perancangan Antarmuka Keluar Pada tampilan antarmuka keluar, dilengkapi dengan tombol yang disertakan dengan fungsi berikut penjelasan secara rinci : Tombol Iya, berfungsi untuk keluar dari tampilan permainan Tombol Tidak, berfungsi untuk kembali ke antarmuka menu Tampilan Karakter Bapak Gambar 3.15 Karakter Bapak

15 33 Karakter bapak pada permainan ini, untuk memberikan instruksi pada karakter kakak (user) untuk mempergunakan uang yang diberikan sebaik-baiknya, bukan untuk hal yang yang tidak berguna. Selain itu, karakter bapak juga ikut berpengaruh pada pertanyaan yang ada didalam alur cerita. Spesifikasi Karakter Bapak : Warna Kulit : Putih Warna Rambut : Hitam Warna Mata : Hitam Warna Pakaian : Putih Warna Sabuk : Hitam Warna Sepatu : Putih Tampilan Karakter Mama Gambar 3.16 Karakter Mama Karakter mama merupakan karakter yang banyak berpengaruh pada alur cerita, karena karakter mama melibatkan banyak pertanyaan yang ada didalam alur cerita.

16 34 Spesifikasi Karakter Mama : Warna Kulit : Putih Warna Rambut : Abu Warna Mata : Hitam Warna Pakaian : Merah Muda, Kancing Hitam Warna Rok : Merah Marun Warna Sepatu : Hitam Tampilan Karakter Kakak (User) Karakter Kakak (User) merupakan karakter utama yang ada didalam permainan ini. Karakter kakak (user) adalah seorang anak yang ingin berperilaku anti korupsi. Gambar 3.17 Karakter Kakak (User)

17 35 Spesifikasi Karakter Kakak (User) : Warna Kulit : Putih Warna Rambut : Hitam Warna Mata : Hitam Warna Pakaian : Putih Warna Dasi : Merah Warna Celana : Merah Warna Sepatu : Hitam Tampilan Karakter Adik Gambar 3.18 Karakter Adik Karakter adik adalah karakter yang turut mempengaruhi alur cerita, karakter adik juga terlibat dalam pertanyaan yang ada didalam permainan ini.

18 36 Spesifikasi Karakter Adik : Warna Kulit : Putih Warna Rambut : Hitam Warna Mata : Hitam Warna Pakaian : Putih Warna Dasi : Merah Warna Rok : Putih Warna Sepatu : Hitam Tampilan Karakter Pegawai Mainan Gambar 3.19 Karakter Pegawai Mainan Karakter pegawai mainan merupakan karakter pendukung didalam permainan, tanpa adannya karakter pegawai mainan maka alur cerita tidak akan lengkap.

19 37 Spesifikasi Karakter Pegawai Mainan : Warna Kulit : Putih Warna Rambut : Abu Warna Mata : Hitam Warna Pakaian : Merah Muda Lengan Putih Warna Rok : Abu Warna Sepatu : Hitam Tampilan Karakter Pegawai Es Krim Gambar 3.20 Karakter Pegawai Es Krim Karakter pegawai es krim sama dengan pegawai mainan yang merupakan karakter pendukung didalam permainan, tanpa adannya karakter pegawai mainan maka alur cerita tidak akan lengkap. Spesifikasi Karakter Pegawai Es Krim : Warna Kulit : Putih Warna Rambut : Abu Warna Mata : Hitam Warna Pakaian : Hitam dan Ungu, Lengan Putih Warna Rok : Abu Warna Sepatu : Hitam

20 Tampilan Karakter Pegawai Toko Gambar 3.21 Karakter Pegawai Toko Karakter pegawai toko sama dengan karakter pegawai es krim dan pegawai mainan yang merupakan karakter pendukung didalam permainan, tanpa adannya karakter pegawai mainan maka alur cerita tidak akan lengkap. Spesifikasi Karakter Pegawai Toko : Warna Kulit : Putih Warna Rambut : Abu Warna Mata : Hitam Warna Pakaian : Biru, Lengan Putih, Kancing Hitam Warna Rok : Abu Warna Sepatu : Hitam.

21 39