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.

Kamis, 25 April 2019

Membuat Daftar Wisata


Assalamualaikum Wr. Wb


Kali ini saya akan membuat aplikasi daftar wisata yang sederhana dimana aplikasi ini memberikan informasi tentang daftar wisata di blog saya ini saya kerjakan untuk memenuhi syarat tugas untuk UTS (Ujian Tengah Semester) Mobile Programing.

- Langsung saja buka aplikasi eclipse nya
Pilih file, new , other lalu pilih Android Application Project

klik next

- Ketik Nama aplikasi sesuai yg di inginkan

Next



Next



Next


-

Ketik nama Activity nya sesuai keinginan atau langsung juga tidak masalah, setelah itu klik Finish.



- Disini saya akan membuat 7 class java dan 7 xml layout serta menu nya



- Pertama kali saya buat terlebih dahulu di activity_main.xml nya untuk menampilkan TAB HOST nya

<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=".MainActivity" >

    <TabHost
        android:id="@android:id/tabhost"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true" >

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical" >
           
            <TabWidget
                android:id="@android:id/tabs"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" >
            </TabWidget>
           
            <FrameLayout
                android:id="@android:id/tabcontent"
                android:layout_width="match_parent"
                android:layout_height="match_parent" >

                <LinearLayout
                    android:id="@+id/tab1"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent" >
                </LinearLayout>

                <LinearLayout
                    android:id="@+id/tab2"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent" >
                </LinearLayout>

                <LinearLayout
                    android:id="@+id/tab3"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent" >
                </LinearLayout>
            </FrameLayout>
        </LinearLayout>
    </TabHost>

</RelativeLayout>
           
- Maka tampilan nya seperti ini

- setelah itu masukkan codingan MainActivity.java nya

package com.example.uts;

import android.os.Bundle;
import android.app.Activity;
import android.app.TabActivity;
import android.content.Intent;
import android.view.Menu;
import android.widget.TabHost;

public class MainActivity extends TabActivity {

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Intent intent;
        TabHost tabHost = getTabHost();
        TabHost.TabSpec spec;
       
        intent =new Intent().setClass(this, HomeActivity.class);
        spec = getTabHost().newTabSpec("Home").setIndicator("Home").setContent(intent);     
        tabHost.addTab(spec);
               
        intent =new Intent().setClass(this, DaftarActivity.class);
        spec = getTabHost().newTabSpec("Daftar Wisata").setIndicator("Daftar Wisata").setContent(intent);     
        tabHost.addTab(spec);
       
        intent =new Intent().setClass(this, PrintActivity.class);
        spec = getTabHost().newTabSpec("Tentang Saya").setIndicator("Tentang Saya").setContent(intent);     
        tabHost.addTab(spec);
       
       
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.activity_main, menu);
        return true;
    }
}

Tampilan Run nya


- Kedua, saya membuat codingan nya di activity_home.xml nya

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:gravity="center"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="52dp"
        android:text="Daftar tempat wisata Sumatera Barat"
        android:textSize="20dp" />

    <Button
        android:id="@+id/exit"
        android:layout_width="125dp"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:layout_marginBottom="143dp"
        android:text="Exit" />

    <Button
        android:id="@+id/jkt1"
        android:layout_width="125dp"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/exit"
        android:layout_alignBottom="@+id/exit"
        android:layout_alignParentLeft="true"
        android:text="About" />

</RelativeLayout>

- Tampilan nya

- Sekarang buat codingan HomeActivity.java nya

package com.example.uts;

import android.app.Activity;
import android.app.AlertDialog;
import android.content.DialogInterface;
import android.os.Bundle;
import android.widget.Button;
import android.widget.Toast;
import android.view.Menu;
import android.view.View;

public class HomeActivity extends Activity implements View.OnClickListener {
  Button about;
  Button keluar;

    @Override
    public void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_home);
   
      about=(Button)findViewById(R.id.jkt1);
      about.setOnClickListener(this);
   
      keluar=(Button)findViewById(R.id.exit);
      keluar.setOnClickListener(this);
    }
    public void onClick(View view){
      if(view==about){
      Toast.makeText(this, "Ini adalah aplikasi daftar wisata di Sumatera Barat"+
      "\n"+"Nama : Andrean Majid Nurdin\n"+"NIM : 161011401347", Toast.LENGTH_LONG).show(); }
      else if(view==keluar){
      AlertDialog.Builder builder = new AlertDialog.Builder(HomeActivity.this);
      builder.setMessage("Apakah Anda Benar-Benar ingin keluar?").setCancelable(false)
      .setPositiveButton("Ya",new DialogInterface.OnClickListener() {
      public void onClick(DialogInterface dialog,int id) {
        HomeActivity.this.finish();}
      })
      .setNegativeButton("Tidak",new DialogInterface.OnClickListener(){
      public void onClick(DialogInterface dialog, int id) {
      dialog.cancel();}}).show();
      }
    }
   

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.activity_home, menu);
        return true;
    }
}

- Tampilan Run nya
Button About

Button Exit

Hasil Run di tampilan Home


- Sekarang saya akan membuat daftar wisata nya menggunakan listviewimage, buat xml nya dan codingan java.

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: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=".MainActivity" >
   
    <ListView
       
       android:id="@+id/list"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >
       
    </ListView>
   

</RelativeLayout>


JAVA
package com.example.uts;

import android.os.Bundle;
import android.app.Activity;
import android.content.Intent;
import android.view.Menu;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ListView;
import android.widget.Toast;
import android.widget.ArrayAdapter;

public class DaftarActivity extends Activity {
ListView list;
String[] web = {"Jam Gadang", "Bukit Langkisau", "Danau Singkarak", "Lembah Harau",
"Istana Pagaruyung"};
Integer[] imageId = {
R.drawable.image1,
R.drawable.image2,
R.drawable.image3,
R.drawable.image4,
R.drawable.image5
};

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_daftar);
        ListActivity adapter = new
        ListActivity(DaftarActivity.this, web, imageId);
        list=(ListView)findViewById(R.id.list);
       
        ArrayAdapter wisata =new ArrayAdapter(this,android.R.layout.simple_list_item_1,web);
        list.setAdapter(adapter);
        list.setOnItemClickListener(new AdapterView.OnItemClickListener() {
       
        public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
        long arg3) {
              // TODO Auto-generated method stub
          int itemke=arg2;
               String itemText=(String) list.getItemAtPosition(arg2);
                Toast.makeText(getBaseContext(), "You're Choice " +itemText, Toast.LENGTH_LONG).show();
                if(itemText.equals("Jam Gadang")){
                 Intent DipilihIntent=new Intent(arg0.getContext(),JGActivity.class);
                 startActivityForResult(DipilihIntent, 0);
                   }
        }
                });
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.activity_daftar, menu);
        return true;
    }
}

XML (Run)

JAVA (Run)




- Sekarang saya akan membuat tab yg terakhir

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" >

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="88dp"
        android:text="TUGAS UTS MOBILE PROGRAMMING" />

    <AnalogClock
        android:id="@+id/analogClock1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="25dp" />

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@+id/analogClock1"
        android:layout_alignParentLeft="true"
        android:layout_marginBottom="53dp"
        android:text="Nama Andrean Majid Nurdin kuliah di STMIK ERESHA" />

</RelativeLayout>

- Dan hasil Run nya



*Note : Mohon maaf bila hasil dari blog saya ada yg kurang.

Terima Kasih