Makalah Perancangan aplikasi bermain ber

(1)

PEMOGRAMAN ANDROID STUDIO

SISTEM BELAJAR ITU ASIK

DI SUSUN OLEH :

ADITYA NUGRAHA

ANGGA CIKAL ANJANI

361301005

361301008

STMIK – INDONESIA MANDIRI

BANDUNG

2016

(2)

Segala puji dan syukur saya panjatkan kepada tuhan yang maha esa, karena atas berkat dan

limpahan rahmatnyalah maka saya boleh menyelesaikan sebuah Makalah Belajar itu asik

dengan menggunakan model Waterfall dengan tepat waktu.

Berikut ini penulis mempersembahkan sebuah makalah dengan judul "Sistem Belajar itu

Asik", yang menurut saya dapat memberikan manfaat .

Melalui kata pengantar ini penulis lebih dahulu meminta maaf dan memohon permakluman

bila mana isi makalah ini ada kekurangan dan ada tulisan yang saya buat kurang tepat atau

menyinggu perasaan pembaca.

Dengan ini saya mempersembahkan makalah ini dengan penuh rasa terima kasih dan semoga

allah SWT memberkahi makalah ini sehingga dapat memberikan manfaat.

Bandung 9 Juni 2016

(3)

Latar Belakang Masalah Perkembangan Teknologi Informasi sangat berperan penting

bagi kehidupan manusia. dengan adanya perkembangan Teknologi Informasi manusia dapat

dengan mudah mendapatkan informasi dan manusia dapat dengan mudah melakukan kegiatan

sehari-hari dengan bantuan teknologi yang ada. Teknologi membawa manusia melihat lebih

jauh dunia luar, membuka wawasan berfikir, serta membangun sebuah kreativitas untuk

menciptakan hal-hal baru. Salah satu teknologi yang saat ini berkembang sangat pesat adalah

teknologi yang berupa smartphone terutama yang berbasis Android.

Android adalah sistem operasi yang berbasis Linux untuk telepon seluler seperti

smartphone dan komputer tablet. Android menyediakan platform terbuka bagi para

pengembang untuk menciptakan aplikasi mereka sendiri untuk digunakan oleh bermacam

piranti bergerak.

Game merupakan salah satu media hiburan yang menjadi pilihan masyarakat untuk

menghilangkan kejenuhan atau hanya untuk sekedar mengisi waktu luang. Selain menjadi

media hiburan, game juga dapat menjadi sebuah media pembelajaran untuk meningkatkan

perkembangan otak seseorang. Game edukasi memberikan kesempatan yang baik untuk

merangsang pemikiran anak-anak. Game Edukasi adalah salah satu jenis game yang

digunakan untuk memberikan pembelajaran kepada penggunanya melalui media permainan

yang mudah di pahami.

Pembelajaran ilmu tentang Belajar Itu Asik menggunakan media-media elektronik

saat ini seperti game edukasi masih jarang ditemui, bahkan game edukasi yang bertemakan

pembelajaran tentang Pengenalan Huruf, Pengenalan Angka, dan Pengenalan Alat Musik

Tradisional Jawa Barat belum tersedia. Game edukasi Belajar Itu Asik ini dilakukan untuk

membantu anak-anak supaya bisa lebih mengenal baik huruf, angka dan alat musik. Dengan

adanya beberapa permasalahan diatas, maka penulis memilih judul “SISTEM BELAJAR ITU

ASIK” yang diharapkan dapat memberikan pendidikan, kemudahan dan hiburan yang lebih

menarik, efisien, efektif, dan berdaya guna.

(4)

Berdasarkan latar belakang permasalahan yang telah diuraikan diatas, dapat disimpulkan

bahwa permasalahan yang dihadapi yaitu Bagaimana merancang dan membuat sebuah game

edukasi Belajar Itu Asik berbasis Android.

Batasan Masalah Tugas ini membatasi permasalahan dalam perancangan dan pembuatan

game Belajar Itu Asik berbasis Android. Batasan masalah tersebut adalah sebagai berikut :

1. Game ini hanya bisa dimainkan secara single player

2. Aplikasi ini ditunjukan untuk usia 4-12 tahun

3. Aplikasi ini mencakup pengenalan Huruf, Angka, dan Alat Musik Tradisonal Jawa

Barat

4. Aplikasi ini dibangun berbasis Android Versi 4.4.4 ( Kitkat )

Tujuan Penelitian

Adapun tujuan dari penelitian ini adalah :

1. Merancang dan membuat game edukasi Belajar Itu Asik berbasis Android.

2. Menjadikan aplikasi sebagai media pembelajaran yang menarik dan sesuai pada

kebutuhan anak-anak.

3. Menciptakan pola pembelajaran yang mudah di pahami sehingga dapat meningkatkan

proses pembelajaran Mengenal Huruf, Angka, dan Alat Musik Tradisional.

Manfaat Penelitian

Adapun manfaat dari penelitian yang penulis lakukan antara lain adalah :

1. Game edukasi ini dapat meningkatkan minat pada anak-anak untuk belajar

Huruf,Angka, dan Alat Musik Tradisional

2. Dapat menambah serta memperdalam pengetahuan yang berkaitan dengan Angka,

Huruf, dan Alat Musik Tradisional.

(5)

Game adalah salah satu jenis aktifitas bermain, yang didalamnya dilakukan dalam konteks

berpura-pura namun terlihat seperti realitas, yang mana pemainnya memiliki tujuan untuk

mendapatkan satu kemenangan serta dilakukan dengan sesuai aturan permainan yang dibuat1.

Menurut Agustinus Nilwan game merupakan permainan komputer yang dibuat dengan

teknik dan metode animasi. Mendalami penggunaan animasi haruslah memahami pembuatan

game. Jika membuat game, maka haruslah memahami teknik dan metode animasi, sebab

keduanya saling berkaitan. Tetapi yang akan di bahas pada kesempatan kali ini adalah game

yang terdapat di Android.

Tahapan Membuat Game

Berikut ini tahapan-tahapan dalam pembuatan game

2

_:

-

Genre Game

Pertama kali memikirkan genre game apakah yang akan dibuat.

-

Tool

Ini merupakan bagian yang terpenting, yaitu menentukan tool yang akan digunakan untuk

membuat game.

-

Gameplay

Gameplay adalah sistem jalannya game tersebut.

-

Grafis

Setelah membuat gameplay selanjutnya menentukan grafis yang akan digunakan.

-

Suara

Tanpa suara akan membuat game kehilangan nilainya, karena itulah pilih suara yang ingin

digunakan dalam permainan.

-

Pembuatan

(6)

-

Publishing

Ketika sudah selesai dalam segala proses pembuatan game, publish game menjadi setup.

Pengertian Android

Android adalah sistem operasi yang berbasis Linux untuk telepon seluler seperti telepon

pintar dan komputer tablet. Android menyediakan platform terbuka bagi para

pengembang untuk menciptakan aplikasi mereka sendiri untuk digunakan oleh bermacam

piranti bergerak.

Versi Android Perkembangan versi Android dan fitur-nya secara dramatis termasuk

sangat cepat sekali, sehingga ada beberapa produsen yang produknya baru tetapi memiliki

versi Android lama, kronologis perkembanganversi Android dan fitur-nya sebagai berikut

:

1. Android Versi Beta

2. Android Versi 1.0

3. Android Versi 1.1

4. Android Versi 1.5 (Cupcake)

5. Android Versi 1.6 (Donut)

6. Android Versi 2.0 (Eclair)

7. Android Versi 2.0.1 (Eclair)

8. Android Versi 2.1 (Eclair)

9. Android Versi 2.2 (Froyo : Frozen Yogurt)

10. Android Versi 2.3 (Gingerbread)

11. Android Versi 3.0 (Honeycomb)

12. Android 3.1 (HoneyComb)

13. Android 3.1 (HoneyComb)

14. Android Versi 4.0 (ICS : Ice Cream Sandwich)

15. Android Versi 4.1 (Jelly Bean)

(7)

Analisis dan Perancangan Sistem

Analisis Sistem

Analisis sistem didefinisikan sebagai bagaimana memahami dan menspesifikasikan dengan

detail apa yang harus dilakukan oleh sistem.

Analisis sistem merupakan tahapan paling awal dari pengembangan sistem yang menjadi

fondasi menentukan keberhasilan sistem informasi yang dihasilkan nantinya.

Analisis Kebutuhan Sistem

Dalam mempermudah analisis sistem untuk menentukan keseluruhan kebutuhan secara

lengkap, maka analis membagi kebutuhan sistem menjadi dua jenis yaitu analisis kebutuhan

fungsional dan analisis kebutuhan non-fungsional.

Analisis Kebutuhan Fungsional

Kebutuhan fungsional berisi proses-proses apa saja yang nantinya dilakukan oleh sistem.

Kebutuhan fungsional juga berisi informasi-informasi apa saja yang harus ada dan dihasilkan

oleh sistem.

Analisis Kebutuhan Non-Fungsional

Kebutuhan ini adalah tipe kebutuhan yang berisi properti perilaku yang dimiliki oleh sistem.

1. Kebutuhan Perangkat Lunak

Perangkat lunak yang digunakan di dalam perancangan sistem antara lain :

-

Sistem Operasi Microsoft windows 10

(8)

2. Kebutuhan Perangkat Keras

Konfigurasi perangkat keras yang dibutuhkan oleh sistem adalah sebagai berikut:

-

Komputer/Laptop

-

Processor Intel Core i3/ AMD A8

-

Memory 6 GB DDR3

-

Harddisk 500 GB

-

Mouse

- Kabel USB

3. Kebutuhan Sistem Belajar Itu Asik

Kebutuhan system Belajar itu asik diantaranya :

-

Belajar Mengenal Huruf

-

Belajar Mengenal Angka

- Bermain Tebak gambar

- Bermain Tebak Angka

-

Belajar Memainkan Alat Musik Angklung

-

Belajar Memainkan Alat Musik Kendang

-

Belajar Memainkan Alat Musik Kecapi

-

Belajar Memainkan Alat Musik Saron

4. Kegunaan Sistem

Kegunaan system penilaian siswa diantaranya :

-

Mempermudah Anak-anak mengenal huruf

-

Mempermudah Anak-anak mengenal huruf

-

Mempermudah Anak-anak mengenal Alat Musik Tradisonal Jawa Barat

Perancangan UML-nya

(9)

Sequence diagram

Desain Interface-nya

(10)

Desain Interface Abjad.xml

(11)

Desain Interface Musik.xml

(12)

Desain Interface Angklung.xml

(13)

(14)

Desain Interface Kecapi.xml

(15)

Tampilan Abjad

(16)

Tampilan Angka

(17)

Tampilan Tebak Angka

(18)

Tampilan Alat Musik Angklung

(19)

Tampilan Alat Musik Saron

(20)

Berikut ini adalah macam-macam Implementasi Pembuatan Aplikasi Belajar Itu Asik

-

Impementasi Splashscreen

- <?xml version="1.0" encoding="utf-8"?> <RelativeLayout

(21)

xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"

android:layout_height="match_parent"

android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin"

tools:context="com.example.adityanugraha.aplikasibelajar.splashscreen" android:background="#fff">

<ImageView

android:layout_width="300dp" android:layout_height="300dp" android:id="@+id/logo_spscreen" android:layout_centerVertical="true" android:layout_centerHorizontal="true" android:src="@drawable/splashscreen" />

</RelativeLayout>

Syntax Java SplasScreen

package com.example.adityanugraha.aplikasibelajar;

import android.content.Intent;

import android.support.v7.app.AppCompatActivity;

import android.os.Bundle;

import android.view.Window;

import android.view.WindowManager;

import android.os.Handler;

import android.view.animation.Animation;

import android.view.animation.AnimationUtils;

import android.widget.ImageView;

public class splashscreen extends AppCompatActivity {

private static int splashInterval = 3000; @Override

protected void onCreate(Bundle savedInstanceState) { this.requestWindowFeature(Window.FEATURE_NO_TITLE);

this.getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_splashscreen);

ImageView logo_spscreen = (ImageView)findViewById(R.id.logo_spscreen); Animation animasi =

AnimationUtils.loadAnimation(getApplicationContext(),R.anim.splashscreen); logo_spscreen.startAnimation(animasi);

new Handler().postDelayed(new Runnable() { @Override

public void run() {

Intent intent = new Intent(splashscreen.this, Main.class); intent.setFlags(Intent.FLAG_ACTIVITY_NO_ANIMATION);

startActivity(intent);

this.finish(); }

private void finish(){

(22)

},splashInterval); }

}

-

Implementasi Activity_main

- <?xml version="1.0" encoding="utf-8"?> <RelativeLayout

xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent" android:layout_height="match_parent"

tools:context="com.example.adityanugraha.aplikasibelajar.Main" android:background="@drawable/bg4">

<ImageView

android:layout_width="270dp" android:layout_height="150dp" android:id="@+id/title"

android:src="@drawable/title1" android:foregroundGravity="center" android:layout_alignParentTop="true" android:layout_centerHorizontal="true" />

<ImageView

android:layout_width="100dp" android:layout_height="100dp" android:id="@+id/btnabjad" android:src="@drawable/btnabjad" android:foregroundGravity="center" android:layout_alignTop="@+id/btnnomor" android:layout_toLeftOf="@+id/btnnomor" android:layout_toStartOf="@+id/btnnomor" android:layout_marginLeft="10dp"

android:layout_marginRight="10dp" android:layout_marginBottom="10dp" />

<ImageView

android:layout_width="100dp" android:layout_height="100dp" android:id="@+id/btnnomor" android:src="@drawable/btnangka" android:foregroundGravity="center"

android:layout_alignBottom="@+id/btnmusik" android:layout_toLeftOf="@+id/btnmusik" android:layout_toStartOf="@+id/btnmusik" />

<ImageView

(23)

<ImageView

android:layout_width="170dp" android:layout_height="200dp" android:id="@+id/icon"

android:src="@drawable/icon1"

android:layout_alignParentBottom="true" android:layout_alignParentLeft="true" android:layout_alignParentStart="true" />

<ImageView

android:layout_width="50dp" android:layout_height="50dp" android:id="@+id/btnSoundOff"

android:layout_alignParentTop="true" android:layout_alignParentRight="true" android:layout_alignParentEnd="true" android:src="@drawable/suara_off" />

<ImageView

android:layout_width="50dp" android:layout_height="50dp" android:id="@+id/btnSoundOn" android:src="@drawable/suara"

android:layout_alignParentTop="true" android:layout_alignParentRight="true" android:layout_alignParentEnd="true" />

<ImageView

android:layout_width="50dp" android:layout_height="50dp" android:id="@+id/btninfo" android:src="@drawable/btninfo" android:layout_alignParentTop="true" android:layout_alignParentRight="true" android:layout_alignParentEnd="true" android:layout_marginTop="60dp"/>

<ImageView

android:layout_width="50dp" android:layout_height="50dp" android:id="@+id/btnclose"

android:layout_alignParentTop="true" android:layout_alignParentLeft="true" android:layout_alignParentStart="true" android:src="@drawable/btnclose" />

-Syntax Java Activity_main

import android.media.MediaPlayer;

import android.view.MotionEvent;

import android.view.View;

(24)

public class Main extends AppCompatActivity {

MediaPlayer audioBackground; MediaPlayer audioClick; MediaPlayer pilihMenu; int statusAudio; int inStatusAudio;

@Override

protected void onCreate(Bundle savedInstanceState) { this.requestWindowFeature(Window.FEATURE_NO_TITLE);

super.onCreate(savedInstanceState); setContentView(R.layout.activity_main);

//---ANIMASI NYA

LUR---//

final ImageView btnabjad = (ImageView) findViewById(R.id.btnabjad); final ImageView btnnomor = (ImageView) findViewById(R.id.btnnomor); final ImageView btnmusik = (ImageView) findViewById(R.id.btnmusik); final ImageView btninfo = (ImageView) findViewById((R.id.btninfo)); final ImageView title = (ImageView) findViewById(R.id.title); final ImageView btnclose = (ImageView)findViewById(R.id.btnclose);

Animation animasi =

AnimationUtils.loadAnimation(getApplicationContext(), R.anim.abjad); Animation animasi1 =

AnimationUtils.loadAnimation(getApplicationContext(), R.anim.angka); Animation animasi2 =

AnimationUtils.loadAnimation(getApplicationContext(), R.anim.musik); Animation animasi4 =

AnimationUtils.loadAnimation(getApplicationContext(), R.anim.title); final Animation animasi5 =

AnimationUtils.loadAnimation(getApplicationContext(),R.anim.icon);

btnabjad.startAnimation(animasi); btnnomor.startAnimation(animasi1); btnmusik.startAnimation(animasi2); title.startAnimation(animasi4);

//---//

//=================================AUDIO BACKBGROUND NYA BOS=============================================//

statusAudio = 1;

inStatusAudio = getIntent().getIntExtra("status", statusAudio); audioBackground = MediaPlayer.create(this, R.raw.theme);

audioBackground.setLooping(true);

final ImageView btnSoff = (ImageView)findViewById(R.id.btnSoundOff); final ImageView btnSon = (ImageView)findViewById(R.id.btnSoundOn); final ImageView icon = (ImageView)findViewById(R.id.icon);

if (inStatusAudio == 0){

audioBackground.setVolume(0, 0); btnSon.setVisibility(View.GONE); statusAudio = 0;

audioBackground.start(); }else{

audioBackground.setVolume(1,1); btnSoff.setVisibility(View.VISIBLE); statusAudio = 1;

(25)

//=========================================================================== ============================//

//================================SUARA PILIH MENU============================================//

pilihMenu = MediaPlayer.create(this, R.raw.pilih_menu); pilihMenu.setLooping(false);

pilihMenu.setVolume(1,1);

//=========================================================================== ================//

//---SUARA

KLIK---//

audioClick = MediaPlayer.create(this,R.raw.touch); audioClick.setLooping(false);

audioClick.setVolume(1,1);

//---//

//============================================BUTTON SUARA===========================================//

btnSon.setOnClickListener(new View.OnClickListener() { @Override

public void onClick(View v) {

btnSon.setVisibility(View.GONE); btnSoff.setVisibility(View.VISIBLE); statusAudio = 0;

audioBackground.setVolume(0,0); }

});

btnSoff.setOnClickListener(new View.OnClickListener() { @Override

public void onClick(View v) {

btnSoff.setVisibility(View.GONE); btnSon.setVisibility(View.VISIBLE); statusAudio = 1;

audioBackground.setVolume(1,1); }

});

icon.setOnTouchListener(new View.OnTouchListener() { @Override

public boolean onTouch(View v, MotionEvent event) { icon.startAnimation(animasi5);

if (pilihMenu.isPlaying()) { pilihMenu.seekTo(0); }else{

pilihMenu.start(); }

return false; }

});

//=========================================================================== ========================//

//---BUTTON MENU NYA CUY---//

btnabjad.setOnClickListener(new View.OnClickListener() { @Override

public void onClick(View v) { audioClick.start();

(26)

intent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP); intent.addFlags(Intent.FLAG_ACTIVITY_NO_ANIMATION); intent.putExtra("status", statusAudio);

startActivity(intent); audioBackground.stop(); finish();

} });

btnnomor.setOnClickListener(new View.OnClickListener() { @Override

Intent intent2 = new Intent(getApplicationContext(), angka.class);

intent2.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP); intent2.addFlags(Intent.FLAG_ACTIVITY_NO_ANIMATION); intent2.putExtra("status", statusAudio);

startActivity(intent2); audioBackground.stop(); finish();

} });

btnmusik.setOnClickListener(new View.OnClickListener() { @Override

Intent intent4 = new Intent(getApplicationContext(), musik.class);

} });

btninfo.setOnClickListener(new View.OnClickListener() { @Override

public void onClick(View v) { audioClick.start(); Intent intent5 = new

Intent(getApplicationContext(),info.class);

intent5.addFlags(Intent.FLAG_ACTIVITY_NO_ANIMATION); intent5.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP); intent5.putExtra("status", statusAudio);

} });

btnclose.setOnClickListener(new View.OnClickListener() { @Override

public void onClick(View v) { audioBackground.stop(); audioClick.start(); pilihMenu.stop();

Intent intent0 = new Intent(getApplicationContext(), exit.class);

(27)

finish(); }

}); }

//---//

//================================NGATUR HIDUPNYA BRO===================================//

@Override

public void onPause(){ super.onPause();

audioBackground.setVolume(0, 0); pilihMenu.setVolume(0,0);

}

@Override

public void onStart(){ super.onStart(); if (statusAudio == 1){

audioBackground.setVolume(1, 1); pilihMenu.setVolume(1, 1); }else{

audioBackground.setVolume(0,0); pilihMenu.setVolume(1,1); }

}

@Override

public void onBackPressed(){ return;

}

//=========================================================================== ============//

}

-

Implementasi Abjad

import android.os.Handler;

public class splashscreen extends AppCompatActivity {

private static int splashInterval = 3000; @Override

(28)

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_splashscreen); ImageView logo_spscreen =

(ImageView)findViewById(R.id.logo_spscreen); Animation animasi =

AnimationUtils.loadAnimation(getApplicationContext(),R.anim.splashscreen); logo_spscreen.startAnimation(animasi);

new Handler().postDelayed(new Runnable() { @Override

public void run() {

Intent intent = new Intent(splashscreen.this, Main.class); intent.setFlags(Intent.FLAG_ACTIVITY_NO_ANIMATION);

startActivity(intent);

this.finish(); }

private void finish(){

}

},splashInterval); }

}

Syntax Java Abjad

public class abjad extends AppCompatActivity {

(29)

private ImageView btnQ; private ImageView btnR; private ImageView btnS; private ImageView btnT; private ImageView btnU; private ImageView btnV; private ImageView btnW; private ImageView btnX; private ImageView btnY; private ImageView btnZ; int statusAudio;

@Override

super.onCreate(savedInstanceState); setContentView(R.layout.activity_abjad);

//============================================AUDIONYA==================== =============================//

audioTitle =

MediaPlayer.create(this,R.raw.title_belajar_semua_huruf); audioTitle.setLooping(false);

audioTitle.setVolume(1, 1); audioTitle.start();

statusAudio = getIntent().getIntExtra("status",statusAudio); audioBackground = MediaPlayer.create(this,R.raw.gameplay); audioBackground.setLooping(true);

audioBackground.setVolume(1, 1); if (statusAudio == 1){

audioBackground.start(); }else{

audioBackground.stop(); }

audioBackground.start();

audioClick = MediaPlayer.create(this,R.raw.touch); audioClick.setLooping(false);

audioClick.setVolume(1, 1);

//======================================================================== ============================//

ImageView btnkembali = (ImageView) findViewById(R.id.btnkembali1); btnkembali.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

Intent intent1 = new Intent(getApplicationContext(), Main.class);

intent1.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP); intent1.addFlags(Intent.FLAG_ACTIVITY_NO_ANIMATION); intent1.putExtra("status", statusAudio);

startActivity(intent1); audioBackground.stop(); audioTitle.stop(); audioClick.start(); finish();

} });

ImageView pnlbtn1 = (ImageView)findViewById(R.id.pnlbtn1); pnlbtn1.setOnClickListener(new View.OnClickListener() { @Override

(30)

gameAbjad.class);

btnA.setOnClickListener(new View.OnClickListener() { @Override

btnB.setOnClickListener(new View.OnClickListener() { @Override

(31)

btnC.startAnimation(animasi); }

});

btnD.setOnClickListener(new View.OnClickListener() { @Override

btnE.setOnClickListener(new View.OnClickListener() { @Override

btnF.setOnClickListener(new View.OnClickListener() { @Override

btnG.setOnClickListener(new View.OnClickListener() { @Override

btnH.setOnClickListener(new View.OnClickListener() { @Override

btnI.setOnClickListener(new View.OnClickListener() { @Override

btnJ.setOnClickListener(new View.OnClickListener() { @Override

public void onClick(View arg0) { Animation animasi =

(32)

R.anim.button_belajar);

playSound(10);

btnJ.startAnimation(animasi); }

});

btnK.setOnClickListener(new View.OnClickListener() { @Override

btnL.setOnClickListener(new View.OnClickListener() { @Override

btnM.setOnClickListener(new View.OnClickListener() { @Override

btnN.setOnClickListener(new View.OnClickListener() { @Override

btnO.setOnClickListener(new View.OnClickListener() { @Override

btnP.setOnClickListener(new View.OnClickListener() { @Override

btnQ.setOnClickListener(new View.OnClickListener() { @Override

(33)

Animation animasi =

btnR.setOnClickListener(new View.OnClickListener() { @Override

btnS.setOnClickListener(new View.OnClickListener() { @Override

btnT.setOnClickListener(new View.OnClickListener() { @Override

btnU.setOnClickListener(new View.OnClickListener() { @Override

btnV.setOnClickListener(new View.OnClickListener() { @Override

btnW.setOnClickListener(new View.OnClickListener() { @Override

(34)

@Override

btnY.setOnClickListener(new View.OnClickListener() { @Override

(35)

}else if (arg == 12) {

player = MediaPlayer.create(this, R.raw.huruf_l); }else if (arg == 13) {

player = MediaPlayer.create(this, R.raw.huruf_m); }else if (arg == 14) {

player = MediaPlayer.create(this, R.raw.huruf_n); }else if (arg == 15) {

player = MediaPlayer.create(this, R.raw.huruf_o); }else if (arg == 16) {

player = MediaPlayer.create(this, R.raw.huruf_p); }else if (arg == 17) {

player = MediaPlayer.create(this, R.raw.huruf_q); }else if (arg == 18) {

player = MediaPlayer.create(this, R.raw.huruf_r); }else if (arg == 19) {

player = MediaPlayer.create(this, R.raw.huruf_s); }else if (arg == 20) {

player = MediaPlayer.create(this, R.raw.huruf_t); }else if (arg == 21) {

player = MediaPlayer.create(this, R.raw.huruf_u); }else if (arg == 22) {

player = MediaPlayer.create(this, R.raw.huruf_v); }else if (arg == 23) {

player = MediaPlayer.create(this, R.raw.huruf_w); }else if (arg == 24) {

player = MediaPlayer.create(this, R.raw.huruf_x); }else if (arg == 25) {

player = MediaPlayer.create(this, R.raw.huruf_y); }else if (arg == 26) {

player = MediaPlayer.create(this, R.raw.huruf_z); }

player.setLooping(false); player.setVolume(1,1); player.start();

}

//======================================================================== =========================//

//================================NGATUR HIDUPNYA BRO=========================================//

@Override

public void onPause(){ super.onPause();

audioBackground.setVolume(0, 0); audioTitle.setVolume(0,0); }

@Override

public void onStart(){ super.onStart();

audioBackground.setVolume(1,1); audioTitle.setVolume(1,1); }

@Override

public void onBackPressed(){ return;

}

//======================================================================== ====================//

}

(36)

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools"

tools:context="com.example.adityanugraha.aplikasibelajar.angka" android:background="@drawable/bg4">

<ImageView

android:layout_width="50dp" android:layout_height="50dp" android:id="@+id/btnkembali" android:layout_column="4" android:src="@drawable/btnback" android:layout_alignParentTop="true" android:layout_alignParentRight="true" android:layout_alignParentEnd="true" /> <TableLayout

android:layout_width="match_parent" android:layout_height="match_parent" android:layout_alignParentLeft="true" android:layout_alignParentStart="true" android:shrinkColumns="*"

android:stretchColumns="*"

android:layout_marginTop="100dp">

<TableRow

android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center_horizontal" android:layout_marginBottom="10dp">

<ImageView

android:layout_width="60dp" android:layout_height="60dp" android:id="@+id/btn1" android:src="@drawable/n1"

android:layout_alignParentTop="true" android:layout_alignParentLeft="true" android:layout_alignParentStart="true" android:layout_marginRight="10dp" android:layout_column="0" />

<ImageView

android:layout_alignTop="@+id/btn3" android:layout_toLeftOf="@+id/btn3" android:layout_toStartOf="@+id/btn3" android:layout_column="1" /> <ImageView

(37)

<ImageView

android:layout_alignTop="@+id/btn5" android:layout_toRightOf="@+id/btn3" android:layout_toEndOf="@+id/btn3" android:layout_column="3" />

<ImageView

android:layout_alignParentTop="true" android:layout_alignParentRight="true" android:layout_alignParentEnd="true" android:layout_column="4" />

</TableRow>

<TableRow

android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center_horizontal" android:layout_marginBottom="10dp">

<ImageView

android:layout_alignTop="@+id/btn7" android:layout_alignParentLeft="true" android:layout_alignParentStart="true" android:layout_column="0" />

<ImageView

android:layout_alignTop="@+id/btn10" android:layout_toLeftOf="@+id/btn8" android:layout_toStartOf="@+id/btn8" android:layout_column="1" />

<ImageView

android:layout_alignBottom="@+id/btn7" android:layout_toLeftOf="@+id/btn9" android:layout_toStartOf="@+id/btn9" android:layout_column="2" />

<ImageView

android:layout_alignBottom="@+id/btn7" android:layout_toLeftOf="@+id/btn10" android:layout_toStartOf="@+id/btn10" android:layout_column="3" />

(38)

android:layout_above="@+id/btnkembali1" android:layout_alignRight="@+id/btnkembali1" android:layout_alignEnd="@+id/btnkembali1" android:layout_column="4" />

</TableRow>

<TableRow

android:layout_width="match_parent" android:layout_height="match_parent" android:layout_marginBottom="10dp">

</TableRow>

</TableLayout>

<ImageView

android:layout_width="100dp" android:layout_height="55dp" android:id="@+id/pnlbtn1"

android:src="@drawable/panelbutton1" android:layout_alignParentTop="true" android:layout_alignParentLeft="true" android:layout_alignParentStart="true" />

Syntax Java Angka

public class angka extends AppCompatActivity {

(39)

@Override

super.onCreate(savedInstanceState); setContentView(R.layout.activity_angka);

//============================================AUDIONYA==================== =============================//

audioTitle = MediaPlayer.create(this,R.raw.title_belajar1); audioTitle.setLooping(false);

audioTitle.setVolume(1, 1); audioTitle.start();

statusAudio = getIntent().getIntExtra("status",statusAudio); audioBackground = MediaPlayer.create(this,R.raw.gameplay); audioBackground.setLooping(true);

audioBackground.setVolume(1, 1); if (statusAudio == 1){

audioBackground.start(); }else{

audioBackground.stop(); }

audioBackground.start();

audioClick = MediaPlayer.create(this,R.raw.touch); audioClick.setLooping(false);

audioClick.setVolume(1, 1);

//======================================================================== ============================//

//---INTENTNYA---//

ImageView btnkembali = (ImageView) findViewById(R.id.btnkembali); btnkembali.setOnClickListener(new View.OnClickListener() {

@Override

Intent intent3 = new Intent(getApplicationContext(), Main.class);

intent3.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP); intent3.addFlags(Intent.FLAG_ACTIVITY_NO_ANIMATION); intent3.putExtra("status",statusAudio);

startActivity(intent3); audioTitle.stop(); audioBackground.stop(); audioClick.start(); finish();

} });

ImageView pnlbtn1 = (ImageView)findViewById(R.id.pnlbtn1); pnlbtn1.setOnClickListener(new View.OnClickListener() { @Override

public void onClick(View v) { Intent intent5 = new

Intent(getApplicationContext(),gameAngka.class);

intent5.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP); intent5.addFlags(Intent.FLAG_ACTIVITY_NO_ANIMATION); intent5.putExtra("status",statusAudio);

startActivity(intent5); audioTitle.stop(); audioBackground.stop(); audioClick.start(); finish();

(40)

(41)

});

(42)

}else if (arg == 2){

player = MediaPlayer.create(this, R.raw.angka_2); }else if (arg == 3){

player = MediaPlayer.create(this, R.raw.angka_3); }else if (arg == 4) {

player = MediaPlayer.create(this, R.raw.angka_10); }

player.setLooping(false); player.setVolume(1,1); player.start();

}

//======================================================================== =========================//

//================================NGATUR HIDUPNYA BRO=========================================//

@Override

public void onPause(){ super.onPause();

audioBackground.setVolume(0, 0); audioTitle.setVolume(0,0); }

@Override

public void onStart(){ super.onStart();

audioBackground.setVolume(1, 1); audioTitle.setVolume(1,1); }

@Override

public void onBackPressed(){ return;

}

//======================================================================== ====================//

}

-

Implementasi Game Abjad

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools"

(43)

android:background="@drawable/bg4" android:fitsSystemWindows="true">

<ImageView

android:layout_width="50dp" android:layout_height="50dp" android:id="@+id/btnkembali" android:src="@drawable/btnback" android:layout_alignParentTop="true" android:layout_alignParentRight="true" android:layout_alignParentEnd="true" />

<ImageView

android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/btn11"

android:src="@drawable/d2"

<ImageView

android:src="@drawable/a2"

android:layout_alignParentBottom="true" android:layout_centerHorizontal="true" />

<ImageView

android:src="@drawable/c2"

android:layout_alignParentBottom="true" android:layout_alignParentRight="true" android:layout_alignParentEnd="true" />

<ImageView

android:src="@drawable/a2"

<ImageView

android:src="@drawable/s2"

android:layout_alignParentBottom="true" android:layout_centerHorizontal="true" />

<ImageView

android:src="@drawable/r2"

android:layout_alignParentBottom="true" android:layout_alignParentRight="true" android:layout_alignParentEnd="true" />

<TextView

android:layout_width="90dp" android:layout_height="40dp"

(44)

android:text="0"

android:id="@+id/tcounter" android:textColor="#333232" android:textSize="30sp"

android:background="@drawable/pnlbenar" android:textStyle="bold"

android:textAlignment="viewEnd" android:paddingRight="10dp" android:typeface="sans"

android:layout_alignParentTop="true" android:layout_centerHorizontal="true" />

<ImageView

android:layout_alignParentBottom="true" android:layout_alignParentLeft="true" android:layout_alignParentStart="false" android:src="@drawable/b2" />

<ImageView

android:layout_alignParentBottom="true" android:layout_centerHorizontal="true" android:src="@drawable/e2" />

<ImageView

android:layout_alignParentBottom="true" android:layout_alignParentRight="true" android:layout_alignParentEnd="true" android:src="@drawable/d2" />

<ImageView

android:layout_alignParentBottom="true" android:layout_alignParentLeft="true" android:layout_alignParentStart="true" android:src="@drawable/s2" />

<ImageView

android:layout_alignParentBottom="true" android:layout_centerHorizontal="true" android:src="@drawable/a2" />

<ImageView

android:layout_alignParentBottom="true" android:layout_alignParentRight="true" android:layout_alignParentEnd="true" android:src="@drawable/r2" />

<ImageView

(45)

android:layout_alignParentBottom="true" android:layout_alignParentLeft="true" android:layout_alignParentStart="true" android:src="@drawable/n2" />

<ImageView

android:layout_alignParentBottom="true" android:layout_centerHorizontal="true" android:src="@drawable/o2" />

<ImageView

android:layout_alignParentBottom="true" android:layout_alignParentRight="true" android:layout_alignParentEnd="true" android:src="@drawable/m2" />

<ImageView

android:layout_width="80dp" android:layout_height="80dp" android:id="@+id/str1"

android:src="@drawable/star0" android:layout_alignTop="@+id/str2" android:layout_toLeftOf="@+id/str2" android:layout_toStartOf="@+id/str2" />

<ImageView

android:src="@drawable/star0" android:layout_alignTop="@+id/str3" android:layout_toLeftOf="@+id/str3" android:layout_toStartOf="@+id/str3" />

<ImageView

android:src="@drawable/star0"

android:layout_centerVertical="true" android:layout_centerHorizontal="true" />

<ImageView

android:src="@drawable/star0" android:layout_alignTop="@+id/str3" android:layout_toRightOf="@+id/str3" android:layout_toEndOf="@+id/str3" />

<ImageView

android:src="@drawable/star0" android:layout_alignTop="@+id/str4" android:layout_toRightOf="@+id/str4" android:layout_toEndOf="@+id/str4" />

<ImageView

(46)

android:layout_height="80dp" android:id="@+id/strOn1" android:src="@drawable/star1" android:layout_alignTop="@+id/str1" android:layout_alignLeft="@+id/str1" android:layout_alignStart="@+id/str1" />

<ImageView

android:layout_width="80dp" android:layout_height="80dp" android:id="@+id/strOn2" android:src="@drawable/star1" android:layout_alignTop="@+id/str2" android:layout_toLeftOf="@+id/str3" android:layout_toStartOf="@+id/str3" />

<ImageView

android:layout_width="80dp" android:layout_height="80dp" android:id="@+id/strOn3" android:src="@drawable/star1" android:layout_alignTop="@+id/str3" android:layout_alignLeft="@+id/str3" android:layout_alignStart="@+id/str3" />

<ImageView

android:layout_width="80dp" android:layout_height="80dp" android:id="@+id/strOn4" android:src="@drawable/star1" android:layout_alignTop="@+id/str4" android:layout_toRightOf="@+id/str3" android:layout_toEndOf="@+id/str3" />

<ImageView

android:layout_width="80dp" android:layout_height="80dp" android:id="@+id/strOn5" android:src="@drawable/star1" android:layout_alignTop="@+id/str4" android:layout_toRightOf="@+id/str4" android:layout_toEndOf="@+id/str4" />

<ImageView

android:layout_width="50dp" android:layout_height="50dp" android:id="@+id/btntry"

android:src="@drawable/btnretry"

android:layout_alignParentBottom="true" android:layout_alignRight="@+id/str5" android:layout_alignEnd="@+id/str5" android:layout_marginBottom="10dp"/>

<ImageView

android:layout_width="50dp" android:layout_height="50dp" android:id="@+id/btnhome" android:src="@drawable/btnhome"

android:layout_alignParentBottom="true" android:layout_alignRight="@+id/str5" android:layout_alignEnd="@+id/str5" android:layout_marginBottom="10dp" android:layout_marginRight="60dp"/>

<ImageView

(47)

android:src="@drawable/nilai0" android:layout_below="@+id/str2"

android:layout_centerHorizontal="true" />

<ImageView

android:layout_width="100dp" android:layout_height="100dp" android:id="@+id/nilai1" android:src="@drawable/nilai1" android:layout_below="@+id/str2"

<ImageView

android:layout_centerHorizontal="true" /> <ImageView

<ImageView

android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/buku"

android:src="@drawable/iconbuku" android:layout_above="@+id/str2"

<ImageView

android:layout_width="50dp" android:layout_height="50dp" android:id="@+id/btnulangi" android:src="@drawable/btnsuara" android:layout_below="@+id/pnlbtn2" android:layout_alignParentRight="true" android:layout_alignParentEnd="true" />

<ImageView

android:layout_width="100dp" android:layout_height="55dp" android:id="@+id/pnlbtn2"

android:src="@drawable/panelbutton2" android:layout_alignParentTop="true" android:layout_alignParentLeft="true" android:layout_alignParentStart="true" />

(48)

Syntax Java Game Abjad

import android.annotation.TargetApi;

import android.os.Build;

import android.widget.TextView;

public class gameAbjad extends AppCompatActivity {

int counter = 0; int repeatQuest;

MediaPlayer quest1; MediaPlayer quest2; MediaPlayer quest3; MediaPlayer quest4; MediaPlayer quest5;

MediaPlayer hurufD; MediaPlayer hurufR; MediaPlayer hurufE; MediaPlayer hurufA; MediaPlayer hurufM;

MediaPlayer sbagus; MediaPlayer shebat; MediaPlayer shebat2; MediaPlayer sluarbiasa; MediaPlayer sistimewa; MediaPlayer ssalah; MediaPlayer ssalah2; MediaPlayer ssalah3; MediaPlayer ssalah4; MediaPlayer ssalah5;

MediaPlayer star1; MediaPlayer star2; MediaPlayer star3; MediaPlayer star4; MediaPlayer star5; MediaPlayer star0;

MediaPlayer audioBackground; MediaPlayer audiotitle; MediaPlayer audioClick;

int statusAudio;

@TargetApi(Build.VERSION_CODES.JELLY_BEAN) @Override