IMPLEMENTASI SISTEM. Tabel 4.1. Form, Sub Bab, Segmen Program, dan Keterangan Form Sub Bab Segmen Program Keterangan Menu Materi

(1)

IV. IMPLEMENTASI SISTEM

Pada bab ini dibahas tentang implementasi sistem yang telah dibuat dengan menggunakan program unity dan bahasa pemrograman C sharp. Implementasi tersebut meliputi implementasi program, menu awal, pemilihan materi, penyusunan soal, proses perhitungan skor.

4.1 Implementasi Program

Implementasi program adalah penerapan rancangan dari desain program yang telah dibuat. Pada Tabel 4.1 merupakan tabel yang menjelaskan tentang form, sub bab, segmen program dan keterangan.

Tabel 4.1. Form, Sub Bab, Segmen Program, dan Keterangan

Form Sub Bab Segmen Program Keterangan

Menu Materi 3.3.1.Menu Awal

Segmen Program 4.1

Memilih pada menu lanjutan

Penyusunan Dialog

3.3.2.Pemilihan Materi

Segmen Program 4.2 Penyusunan Dialog

Menampilkan pembicaraan pada materi yang disediakan Penyusunan

soal pada materi rumah

3.3.2.Pemilihan Materi

Segmen Program 4.3 Proses

Penyusunan Soal Materi Rumah

Menyusun soal sesuai pada bab dan materi

Penyusunan soal pada materi toko

3.3.2.Pemilihan Materi

Segmen Program 4.4 Proses

Penyusunan Soal Materi Toko

Menyusun soal sesuai pada bab dan materi

Penyusunan soal pada materi sekolah

3.3.2.Pemilihan Materi

Segmen Program 4.5 Proses

Penyusunan Soal Materi Sekolah

Menyusun soal sesuai pada bab dan materi

Penyusunan soal pada materi taman sekolah

3.3.2.Pemilihan Materi

Segmen Program 4.6 Proses

Penyusunan Soal Materi Taman Sekolah

Menyusun soal sesuai pada bab dan materi

Penyusunan soal pada materi kantor

3.3.2.Pemilihan Materi

Segmen Program 4.7 Proses

Penyusunan Soal Materi Kantor

Menyusun soal sesuai

pada bab dan materi

(2)

Pengacakan Soal

3.3.2.Pemilihan Materi

Segmen Program 4.8 Pengacakan Soal

Melakukan pengacakan pada urutan soal yang telah disediakan Perhitungan

skor

3.3.2.Pemilihan Materi

Segmen Program 4.9 Perhitungan skor

Menghitung skor yang telah diperoleh pemain

4.2 Pemilihan Materi

Pada subbab akan membahas mengenai proses yang terdapat pada pemilihan materi, yaitu proses menu materi, proses penyusunan dialog, dan proses penyusunan soal.

4.2.1. Proses Menu Materi

Proses menu materi terdapat penjelasan materi dan ujian saat memilih materi yang telah disediakan. Proses tersebut dapat dilihat pada Segmen Program 4.1.

Segmen Program 4.1. Menu Materi

public void materipelajaran(){

Application.LoadLevel("Materi Tempat Kantor");

}

public void kembali() {

Application.LoadLevel("Map");

}

public void ujiantempat() {

Application.LoadLevel("Test4");

} }

4.2.2. Proses Penyusunan Dialog

Proses penyusunan dialog digunakan untuk menampilkan percakapan yang terdapat pada setiap materi di map. Proses tersebut dapat dilihat pada Segmen Program 4.2.

Segmen Program 4.2. Penyusunan Dialog

void Start () {

dialog = GameObject.Find ("Dialog").GetComponent<Text> ();

nama = GameObject.Find ("Nama").GetComponent<Text> ();

}

void Update () {

dialog.text = dialogpembuka;

nama.text = namadialog;

(3)

Segmen Program 4.2. Penyusunan Dialog (Sambungan)

if (klik == 0) {

namadialog = "Anak SMP";

dialogpembuka = "Selamat pagi... Ayah";

}

if (klik == 1) { namadialog = "Ayah";

dialogpembuka = "Selamat pagi juga";

} if (klik == 2) {

dialogpembuka = "Hari ini adalah hari pertama saya sekolah";

}

dialogpembuka = "Belajar yang rajin jangan sampai tinggal kelas lagi ya";

}

if (klik == 4) {

dialogpembuka = "Ya ayah.... saya pergi berangkat dulu ya...";

}

dialogpembuka = "Ya sudah hati-hati di jalan ";

}

if (klik == 6) {

Application.LoadLevel ("Map");

}

4.2.3. Proses Penyusunan Soal

Proses penyusunan soal digunakan untuk membahas bab yang digunakan pada program. Terdapat lima materi yaitu Proses Penyusunan Soal Materi Toko, Proses Penyusunan Soal Materi Sekolah, Proses Penyusunan Soal Materi Taman Sekolah, Proses Penyusunan Soal Materi Kantor, dan Proses Penyusunan Soal Materi Rumah.

4.2.3.1. Proses Penyusunan Soal Materi Toko

Proses pada materi toko digunakan untuk melakukan penyusunan soal berdasarkan penjelasan materi yang terdapat pada materi toko. Proses penyusunan soal materi toko mengenai bab yang berhubungan dengan termometer. Proses tersebut dapat dilihat pada Segmen Program 4.3.

Segmen Program 4.3. Proses Penyusunan Soal Materi Toko

#region IBeginDragHandler implementation

public void OnBeginDrag (PointerEventData eventData) {

posisiawal = transform.position;

(4)

Segmen Program 4.3. Proses Penyusunan Soal Materi Toko (Sambungan)

posisijawaban1 = new Vector3(95f*3, 110f*3, 0f);

}

#endregion

#region IDragHandler implementation

public void OnDrag (PointerEventData eventData) {

transform.position = Input.mousePosition;

if (soal1) {

if ((idjawaban2 != idsoal1) && (idjawaban1 != idsoal1)

&&(idjawaban4 != idsoal1) &&(idjawaban5 != idsoal1) ) { jawaban2 = gameObject;

jawaban1 = gameObject;

idsoal1 = 0;

idjawaban3 = 0; } else

{jawaban3 = gameObject;

idsoal1 = 1;

idjawaban3 = 1;}

} if (soal2) {

idsoal2 = 0;

idjawaban5 = 0; } else {jawaban5 = gameObject;

idsoal2 = 2;

idjawaban5 = 2;}

} if (soal3) {

idsoal3 = 0;

idjawaban1 = 0;}

else {jawaban1 = gameObject;

idsoal3 = 3;

idjawaban1 = 3;}

} if (soal4) {

idsoal4 = 0;

idjawaban2 = 0;}

else{jawaban2 = gameObject;

(5)

Segmen Program 4.3. Proses Penyusunan Soal Materi Toko (Sambungan)

idsoal4 = 4;

idjawaban2 = 4;}

}

if (soal5) {

idsoal5 = 0;

idjawaban4 = 0; } else{jawaban4 = gameObject;

idsoal5 = 5;

idjawaban4 = 5; } }

}

#endregion

#region IEndDragHandler implementation

public void OnEndDrag (PointerEventData eventData) {

if ((idsoal1 == 1) && (idjawaban3 == 1)) {

soal1.transform.position = posisijawaban3;

} else if ((idsoal2 == 2) && (idjawaban5 == 2)) { soal2.transform.position = posisijawaban5;

} else {

transform.position = posisiawal;}

}

#endregion }

4.2.3.2. Proses Penyusunan Soal Materi Sekolah

Proses pada materi sekolah digunakan untuk melakukan penyusunan soal berdasarkan penjelasan materi yang terdapat pada materi sekolah. Proses penyusunan soal materi sekolah mengenai bab yang berhubungan dengan rumus suhu (Celcius, Fahrenheit, Reamur, dan Kelvin). Proses tersebut dapat dilihat pada Segmen Program 4.4.

Segmen Program 4.4. Proses Penyusunan Soal Materi Sekolah

void OnStart(){

//pesanc = GameObject.Find ("").GetComponent<Text> ();

} void OnGUI()

{

layar.ResizeGUI ();

GUI.color = Color.blue;

(6)

Segmen Program 4.4. Proses Penyusunan Soal Materi Sekolah (Sambungan)

tc = GUI.Toggle (new Rect (500, 250, 150, 100), tc, "Celcius");

tf = GUI.Toggle (new Rect (620, 250, 210, 100), tf, "Fahrenheit");

tr = GUI.Toggle (new Rect (800, 250, 150, 100), tr, "Reamur");

tk = GUI.Toggle (new Rect (930, 250, 150, 100), tk, "Kelvin");

if (tc == true) {

c = GUI.TextField (new Rect (500, 195, 300, 55), c);

GUI.Label(new Rect(800,450,400,50)," derajat Fahrenheit");

GUI.Label(new Rect(800,500,400,50)," derajat Reamur");

GUI.Label(new Rect(800,550,400,50)," derajat Kelvin");

GUI.skin.label.alignment = TextAnchor.MiddleRight;

if (GUI.Button (new Rect (500, 350, 300, 55), "HASIL")) { int nilai_c = 0;

int nilai_f = 0;

int nilai_r = 0;

int nilai_k = 0;

System.Int32.TryParse (c, out nilai_c);

System.Int32.TryParse (f, out nilai_f);

System.Int32.TryParse (r, out nilai_r);

System.Int32.TryParse (k, out nilai_k);

hasil_c_f = ((1.8 * nilai_c) + 32).ToString ();

hasil_c_r = (0.8 * nilai_c).ToString ();

hasil_c_k = (nilai_c + 273).ToString ();}

if(tf==true || tr ==true || tk == true){

hasil_c_f= "";

hasil_c_r= "";

hasil_c_k= "";}

}

if (tf == true) {

f = GUI.TextField (new Rect (500, 195, 300, 55), f);

GUI.Label(new Rect(800,450,400,50)," derajat Celcius");

if (GUI.Button (new Rect (500, 350, 300, 55), "HASIL")) { int nilai_c = 0;

int nilai_f = 0;

int nilai_r = 0;

int nilai_k = 0;

hasil_f_c = (0.56*(nilai_f - 32)).ToString ();

hasil_f_r = (0.44*(nilai_f - 32)).ToString ();

hasil_f_k = ((0.56*(nilai_f - 32))+273).ToString ();}

if( tc==true || tr ==true || tk == true){

hasil_f_c= "";

hasil_f_r= "";

hasil_f_k= "";}

}

if (tr == true) {

r = GUI.TextField (new Rect (500, 195, 300, 55), r);

if (GUI.Button (new Rect (500, 350, 300, 55), "HASIL")) {

(7)

Segmen Program 4.4. Proses Penyusunan Soal Materi Sekolah (Sambungan)

int nilai_c = 0;

int nilai_f = 0;

int nilai_r = 0;

int nilai_k = 0;

hasil_r_c = (1.25*nilai_r).ToString ();

hasil_r_f = (2.25*(nilai_r+32)).ToString ();

hasil_r_k = ((1.25*nilai_r)+273).ToString ();}

if( tc==true || tf ==true || tk == true){

hasil_r_c= "";

hasil_r_f= "";

hasil_r_k= "";}

} if (tk == true) {

k = GUI.TextField (new Rect (500, 195, 300, 55), k);

if (GUI.Button (new Rect (500, 350, 300, 55), "HASIL")) {

int nilai_c = 0;

int nilai_f = 0;

int nilai_r = 0;

int nilai_k = 0;

hasil_k_c = (nilai_k - 273).ToString ();

hasil_k_f = ((0.8*(nilai_k - 273))).ToString ();

hasil_k_r = ((1.8*(nilai_k - 273)) + 32).ToString ();

}

if( tc==true || tf ==true || tr == true){

hasil_k_c= "";

hasil_k_f= "";

hasil_k_r= "";}

}

if((tc ==true && tf ==true)||(tc ==true && tr==true)||(tc ==true &&

tk==true)||(tf ==true && tc==true)||(tf ==true && tr==true)||(tf ==true &&

tk==true)||(tr ==true && tc==true)||(tr ==true && tf==true)||(tr ==true &&

tk==true)||(tk ==true && tc==true)||(tk ==true && tf==true)||(tk ==true &&

tr==true)){

tc = false;

tf = false;

tr = false;

tk = false;}

(8)

4.2.3.3. Proses Penyusunan Soal Materi Taman Sekolah

Proses pada materi taman sekolah digunakan untuk melakukan penyusunan soal berdasarkan penjelasan materi yang terdapat pada materi taman sekolah.

Proses penyusunan soal materi taman sekolah mengenai bab yang berhubungan dengan pemuaian zat(padat, cair, dan gas). Proses tersebut dapat dilihat pada Segmen Program 4.5.

Segmen Program 4.5. Proses Penyusunan Soal Materi Taman Sekolah

void OnGUI() {

GUI.color = Color.blue;

layar.ResizeGUI ();

panjangawal = GUI.TextField(new Rect (90,100,250,50), panjangawal);

konstantap = GUI.TextField (new Rect (90, 150, 250, 50), konstantap);

selisihsuhup = GUI.TextField(new Rect (90,200,250,50), selisihsuhup);

luasawal = GUI.TextField(new Rect (90,330,250,50), luasawal);

konstantal = GUI.TextField (new Rect (90, 380, 250, 50), konstantal);

selisihsuhul = GUI.TextField(new Rect (90,430,250,50), selisihsuhul);

volumeawal = GUI.TextField(new Rect (90,560,250,50),

float.TryParse (konstantav, out nilai_konstantav);

System.Int32.TryParse (selisihsuhuv, out nilai_selisihsuhuv);

volumeakhir = (nilai_volumeawal * nilai_konstantav * nilai_selisihsuhuv).ToString ();}

if (GUI.Button (new Rect (510, 250, 250, 50), "")) { int nilai_volumeawalcair = 0;

float nilai_koefisien = 0;

int nilai_selisihsuhucair = 0;

System.Int32.TryParse (volumeawalcair, out nilai_volumeawalcair);

float.TryParse (koefisien, out nilai_koefisien);

System.Int32.TryParse (selisihsuhucair, out nilai_selisihsuhucair);

volumeakhircair = (nilai_volumeawalcair * nilai_koefisien * nilai_selisihsuhucair).ToString ();}

if (GUI.Button (new Rect (930, 250, 250, 50), "")) { int nilai_volumeawalgas = 0;

float nilai_koefisiengas = 0;

int nilai_selisihsuhugas = 0;

System.Int32.TryParse (volumeawalgas, out nilai_volumeawalgas);

float.TryParse (koefisiengas, out nilai_koefisiengas);

System.Int32.TryParse (selisihsuhugas, out nilai_selisihsuhugas);

volumeakhirgas = (nilai_volumeawalgas * nilai_koefisiengas

* nilai_selisihsuhugas).ToString ();}

(9)

Segmen Program 4.5. Proses Penyusunan Soal Materi Taman Sekolah (Sambungan)

GUI.Label (new Rect (90, 250, 250, 50), panjangakhir);

GUI.Label (new Rect (90, 480, 250, 50), luasakhir);

GUI.Label (new Rect (90, 710, 250, 50), volumeakhir);

GUI.Label (new Rect (510, 250, 250, 50), volumeakhircair);

GUI.Label (new Rect (930, 250, 250, 50), volumeakhirgas);

GUI.skin.textField.fontSize = 25;

GUI.skin.label.fontSize = 40;}

4.2.3.4. Proses Penyusunan Soal Materi Kantor

Proses pada materi kantor digunakan untuk melakukan penyusunan soal berdasarkan penjelasan materi yang terdapat pada materi kantor. Proses penyusunan soal materi kantor mengenai bab yang berhubungan dengan peristiwa pemuaian yang menguntungkan atau tidak menguntungkan. Proses tersebut dapat dilihat pada Segmen Program 4.6.

Segmen Program 4.6. Proses Penyusunan Soal Materi Kantor

// Use this for initialization void Start () {

pertanyaan = GameObject.Find ("Pertanyaan").GetComponent<Text>

();

nilai = 0;

temp = 0;

random ();}

// Update is called once per frame void Update () {

pertanyaan.text = soal;

if (nomersoal == 0){

soal = "Bila rel kereta api diberi celah pada sambungan rel?";

jawabana.GetComponentInChildren<Text> ().text = "Menguntungkan";

jawabanb.GetComponentInChildren<Text> ().text = "Tidak Menguntungkan";}

if (nomersoal==1) {

soal = "Bila rel kereta api tidak diberi celah pada sambungan rel?";

if (nomersoal==2){

soal = "Bila jembatan diberi ruang muai pada sambungannya?";

jawabana.GetComponentInChildren<Text> ().text =

"Menguntungkan";

if (nomersoal==3){

soal = "Bila jembatan tidak diberi ruang muai pada sambungannya?

";

jawabana.GetComponentInChildren<Text> ().text = Menguntungkan";

jawabanb.GetComponentInChildren<Text> ().text = "Tidak

(10)

Segmen Program 4.6. Proses Penyusunan Soal Materi Kantor (Sambungan)

Menguntungkan";}

if (nomersoal==4){

soal = "Bila kabel listrik dibuat kendor?";

if (nomersoal==5){

soal = "Bila kabel listrik tidak dibuat kendor?";

"Menguntungkan";

if (nomersoal==6){

soal = "Bila bingkai kaca pintu atau jendela di beri ruang dibandingkan kacanya?";

"Menguntungkan";

if (nomersoal==7){

soal = "Bila bingkai kaca pintu atau jendela tidak diberi ruang dibandingkan kacanya?";

if (nomersoal==8){

soal = "Bila gas koren api tidak di simpan didalam mobil?";

"Menguntungkan";

if (nomersoal==9){

soal = "Bila gas koren api di simpan didalam mobil?";

4.2.3.5. Proses Penyusunan Soal Materi Rumah

Proses pada materi rumah digunakan untuk melakukan penyusunan soal berdasarkan penjelasan materi yang terdapat pada materi rumah. Proses penyusunan soal materi rumah mengenai bab yang berhubungan dengan konveksi,konduksi, dan radiasi. Proses tersebut dapat dilihat pada Segmen Program 4.7.

Segmen Program 4.7. Proses Penyusunan Soal Materi Rumah

void Start () {

//pertanyaan = GameObject.Find ("Pertanyaan").GetComponent<Text>

();

nilai = 0;

temp = 0;

(11)

Segmen Program 4.7. Proses Penyusunan Soal Materi Rumah (Sambungan)

random ();}

void Update () {

jawabana.GetComponentInChildren<Text> ().text = "Konduksi";

jawabanb.GetComponentInChildren<Text> ().text = "Konveksi";

jawabanc.GetComponentInChildren<Text> ().text = "Radiasi";}

if (nomersoal == 1) {

jawabanc.GetComponentInChildren<Text> ().text =

"Radiasi";}

jawabanc.GetComponentInChildren<Text> ().text ="Radiasi";}

"Radiasi";}

jawabanc.GetComponentInChildren<Text> ().text = " Radiasi";}

"Radiasi";}

"Konduksi";

jawabanb.GetComponentInChildren<Text> ().text =

"Konveksi";

jawabanc.GetComponentInChildren<Text> ().text = "Radiasi";}}

public void OnGUI()

{layar.ResizeGUI ();

GUI.DrawTexture(new Rect(450,200,400,200),pertanyaan0, ScaleMode.ScaleToFit, true, 0);}

GUI.DrawTexture(new Rect(450,200,400,200),pertanyaan2,

(12)

Segmen Program 4.7. Proses Penyusunan Soal Materi Rumah (Sambungan)

ScaleMode.ScaleToFit, true, 0);}

}

4.2.3.6. Proses Pengacakan Soal

Proses pengacakan soal untuk mengacak soal yang akan disediakan untuk user. Proses tersebut dapat dilihat pada Segmen Program 4.8.

Segmen Program 4.8. Proses Pengacakan Soal

void random() {

nomersoal = Random.Range (0, 9);

}

4.2.3.7. Proses Perhitungan Skor

Proses perhitungan skor untuk menghitung skor yang di dapat ketika user menyelesaikan permainan pada materi rumah dan materi toko. Proses tersebut dapat dilihat pada Segmen Program 4.9.

Segmen Program 4.9. Proses Perhitungan Skor

void nilaites()

{Score.text = "Nilai: " + nilai.ToString ();

if (temp == 10) {pesan.text = "KAMU MENANG";

jawabana.interactable = false;

jawabanb.interactable = false;

jawabanc.interactable = false;}}