Kamis, 11 Juli 2019

Membuat Kuis Pilihan Ganda Sederhana


Assalamualaikum Wr. Wb

Pada blog kali ini saya akan membuat program kuis pilihan ganda bergambar sederhana dan pertanyaan nya tersebut bersifat umum, slanjutnya sekarang saya akan menjelaskan proses atau langkah – langkahnya:

1.    Pertama - tama copy kan gambar – gambarnya yang diperlukan untuk jawaban di pilihan ganda nya.
2.   Kedua gambar yang diperlukan untuk imageview/imagebutton pada drawable, dengan ukuran yang cukup.
3.   Ketiga Sediakan 2 Activity dan 2 Layout.


  • Source Code Activity_main.xml
<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"
    android:background="#7FFFD4"
    tools:context=".Main" >

    <TextView
        android:id="@+id/hello"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:text="@string/hello_world" />

    <ImageButton
        android:id="@+id/siberian"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignTop="@+id/golden"
        android:layout_toRightOf="@+id/hello"
        android:src="@drawable/hiu" />

    <ImageButton
        android:id="@+id/samoyed"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/golden"
        android:layout_below="@+id/siberian"
        android:layout_marginTop="29dp"
        android:layout_toLeftOf="@+id/hello"
        android:src="@drawable/lumba_lumba" />

    <ImageButton
        android:id="@+id/akita"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignTop="@+id/samoyed"
        android:layout_toRightOf="@+id/hello"
        android:src="@drawable/markzuberg" />

    <ImageButton
        android:id="@+id/golden"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/soal"
        android:layout_marginTop="40dp"
        android:layout_toLeftOf="@+id/hello"
        android:src="@drawable/soekarno" />

    <TextView
        android:id="@+id/soal"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/hello"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="60dp"
        android:text="Questions" />

    <Button
        android:id="@+id/btn_next"
        style="?android:attr/buttonStyleSmall"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignRight="@+id/akita"
        android:layout_marginBottom="28dp"
        android:text="Next" />

    <TextView
        android:id="@+id/salahbenar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/samoyed"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="19dp"
        android:text="" />

</RelativeLayout>


  • Source Code Activity_hasil.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#EE82EE" >
  

    <TextView
        android:id="@+id/Hasil1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="150dp"
        android:text="Hasil" />

    <Button
        android:id="@+id/btnexit"
        style="?android:attr/buttonStyleSmall"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:layout_marginRight="15dp"
        android:layout_marginTop="20dp"
        android:text="exit" />
  
</RelativeLayout> 



Nah setelah itu kita masukkan source code java nya


  • MainActivity.java
package com.uas.andrean_majid_161011401347;

import android.os.Bundle;
import android.app.Activity;
import android.content.Intent;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.ImageButton;
import android.widget.TextView;

public class MainActivity extends Activity implements OnClickListener {
    Button btn_next;
    ImageButton pilih_a,pilih_b,pilih_c,pilih_d;
    TextView soal,salahbenar;
    String [] pertanyaan ={"Manakah Mamalia terbesar dilaut?",
    "Bill gates adalah pembuat pertama kali Microsoft, manakah dia?",
    "Siapakah Presiden Pertama Indonesia?",
    "Manakah mobil tercepat didunia?",
    "Dimanakah letak negara indonesia?"};
  
    int [] pilihan_a ={R.drawable.hiu,R.drawable.markzuberg,    R.drawable.megawati,R.drawable.cepat, R.drawable.afrika};
    int [] pilihan_b={R.drawable.dugong,R.drawable.billgates,    R.drawable.bj,R.drawable.venom, R.drawable.australi};
    int [] pilihan_c ={R.drawable.lumba_lumba,R.drawable.google,    R.drawable.sukarno,R.drawable.chiron, R.drawable.asia};
    int [] pilihan_d ={R.drawable.paus,R.drawable.fb,    R.drawable.suharto,R.drawable.veyron, R.drawable.eropa};
    String [] jawaban = {"D","B","C","A","C"};
    int indeks=0;
    int salah = 0, benar = 0 , skor = 0;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        soal=(TextView)findViewById(R.id.soal);
        soal.setText(pertanyaan[0]);
      
        salahbenar=(TextView)findViewById(R.id.salahbenar);
      
        pilih_a=(ImageButton)findViewById(R.id.golden);
        pilih_a.setImageResource(pilihan_a[0]);
        pilih_a.setOnClickListener(this);
      
        pilih_b=(ImageButton)findViewById(R.id.siberian);
        pilih_b.setImageResource(pilihan_b[0]);
        pilih_b.setOnClickListener(this);
      
        pilih_c=(ImageButton)findViewById(R.id.samoyed);
        pilih_c.setImageResource(pilihan_c[0]);
        pilih_c.setOnClickListener(this);
      
        pilih_d=(ImageButton)findViewById(R.id.akita);
        pilih_d.setImageResource(pilihan_d[0]);
        pilih_d.setOnClickListener(this);
      
        btn_next=(Button)findViewById(R.id.btn_next);
        btn_next.setOnClickListener(this);
  }


    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.activity_main, menu);
        return true;
    }
    public void onClick(View v)
    {
    if (v==pilih_a)
          {
          if (jawaban[indeks].equals("A"))
               {
               salahbenar.setText("benar");benar++;
               }
          else
               {
               salahbenar.setText("salah");salah++;
               }
          }
    else if (v==pilih_b)
          {
          if (jawaban[indeks].equals("B"))
               {
               salahbenar.setText("benar");benar++;
               }
          else
               {
               salahbenar.setText("salah");salah++;
               }
          }
    else if (v==pilih_c)
          {
          if (jawaban[indeks].equals("C"))
               {
               salahbenar.setText("benar");benar++;
               }
          else
          {
               salahbenar.setText("salah");salah++;
          }
          }
    else if (v==pilih_d)
          {
          if (jawaban[indeks].equals("D"))
               {
               salahbenar.setText("benar");benar++;
               }
          else
          {
               salahbenar.setText("salah");salah++;
          }
          }
    else if (v==btn_next)
          {
               if (indeks<jawaban.length-1)
               {
                    indeks++;
                    soal.setText(pertanyaan[indeks]);
                    pilih_a.setImageResource(pilihan_a[indeks]);
                    pilih_b.setImageResource(pilihan_b[indeks]);
                    pilih_c.setImageResource(pilihan_c[indeks]);
                    pilih_d.setImageResource(pilihan_d[indeks]);
                    salahbenar.setText("");
               }
               else
               {
                    Intent i = new Intent (MainActivity.this,HasilActivity.class);
                    i.putExtra("Benar", benar);
                    i.putExtra("salah", salah);
                    startActivity(i);
               }
          }
    }
}




  • Source Code HasilActivity.java
package com.uas.andrean_majid_161011401347;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.TextView;

public class HasilActivity extends Activity implements OnClickListener {

    TextView hasil;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_hasil);
        int benar = getIntent().getIntExtra("Benar", 0);
        int salah = getIntent().getIntExtra("Salah", 0);
      
        hasil= (TextView)findViewById(R.id.Hasil1);
        hasil.setText("Jawaban benar : "+benar+"Jawaban Salah : "+salah);
        }

    public void onClick(View arg0) {
          // TODO Auto-generated method stub
    }
}



Dan inilah hasil Run nya

















Dan itulah hasil dari codingan sederhana yang saya buat mohon maaf bila ada kesalahan dari codingan nya.
Terima Kasih.

Tidak ada komentar:

Posting Komentar

Anime yg saya suka