Cara membuat aplikasi tebak gambar

12/22/2016 08:15:00 AM

Cara membuat aplikasi tebak gambar

Cara membuat aplikasi tebak gambar. Pada tutorial INFORMASIKU kali ini, saya akan berbagi cara membuat aplikasi tebak gambar. Saat ini aplikasi tebak gambar sedang populer dan banyak dimainkan karena aplikasi ini tidak hanya sebatas game untuk bermain, akan tetapi game tebak gambar ini mampu merangsang otak kiri dan otak kanan kita, selain itu dengan game tebak gambar ini pengetahuan dan feel anda juga di uji, karena pada setiap jawaban butuh ketelitian dan insting untuk menganalisa soal yang berbentuk gambar. Kebanyakan pengguna aplikasi terutama game mungkin hanya untuk sebatas penghibur dan penghilang kelelahan, dan biasanya mereka sudah cukup puasa jika mereka sudah bisa memainkan game tersebut, dan mendapatkan skor tertinggi, akan tetapi bagi anda yang ingin belajar cara membuat game / aplikasi mungkin berbeda, pasti anda bertanya – tanya pada diri anda bagaimana caranya membuat aplikasi / game terutama yang bisa dimainkan di android seperti gane tebak gambar.

Cara membuat aplikasi tebak gambar
contoh membuat game tebak gambar

Disini saya bukan ingin berbagi cara membuat game/ aplikasi tebak gambar sama persis dengan aplikasi yang sedang populer tersebut, akan tetapi disini saya akan memberikan sebuah referensi kepada anda bagaimana cara membuat aplikasi seperti tebak gambar tersebut, dan untuk kemudian anda kembangkan.

Langsung saja ya…
Untuk membuat aplikasi tebak gambar, seperti biasa terlebih dahulu anda buka program eclipse anda, kemudian buat project baru, disini saya membaari nama package dengan "package com.cuzz.ujikesehatanmata;" seperti pada gambar berikut

cara membuat aplikasi tebak gambar

pilih next,, kemudian tambahkan beberapa gambar pada folder drawable,, caranya cukup drag atau copy paste gambar di folder drawable contoh pada aplikasi yang saya buat adalah gambar deengan name kuncii, dan gambar angka.
Sekarang buat tampilan pada activity.xml anda.. masukan koding berikut 

Cara membuat aplikasi tebak gambar


 <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:layout_marginBottom="5dp"
    android:layout_marginLeft="5dp"
    android:layout_marginRight="5dp"
    android:layout_marginTop="5dp"

// ini untuk warna background di xml

    android:background="@drawable/background2"
    tools:context=".Main" >

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_marginTop="30dp"
            android:orientation="vertical"
            tools:ignore="ScrollViewSize" >

            <ImageView
                android:id="@+id/gambar"
                android:layout_width="match_parent"
                android:layout_height="240dp"
                android:layout_marginLeft="10dp"
                android:layout_marginRight="10dp"
                android:layout_marginTop="5dp"

// ini untuk warna background di xml

                android:background="@drawable/background1"
                android:src="@drawable/ic_launcher"
                tools:ignore="ContentDescription" />

            <Button
                android:id="@+id/lanjut"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:layout_marginLeft="20dp"
                android:layout_marginRight="20dp"
                android:layout_marginTop="123dp"
                android:text="@string/lanjut"
                tools:ignore="HardcodedText" />

        </LinearLayout>

    <LinearLayout
        android:id="@+id/linearLayout1"
        android:layout_width="278dp"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="80dp"
        tools:ignore="ObsoleteLayoutParam,UnknownIdInLayout" >

        <EditText
            android:id="@+id/isi"
            android:layout_width="194dp"
            android:layout_height="wrap_content"
            android:hint="@string/isidsni"

            android:inputType="number"   // ini jika anda menggunakan jawaban hanya dengan nomor

            tools:ignore="HardcodedText,InefficientWeight" />

        <Button
            android:id="@+id/butjwab"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:text="@string/ok"
            tools:ignore="HardcodedText" />
    </LinearLayout>

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:text="@string/apps_name"
        android:textColorLink="#FF000000"
        android:textSize="@dimen/infopg" />
</RelativeLayout>


biasanya jika anda hanya copy paste skrip diatas biasanya terjadi error pada file xml anda,, maka rubah setiap string dan background, sesuaikan dengan contoh skrip diatas.

Sekarang tambahkan skrip berikut pada file java project aplikasi " tebak gambar " milik anda


Cara membuat aplikasi tebak gambar


package com.cuzz.ujikesehatanmata;

// class util untuk akses random

import com.cuzz.ujikesehatanmata.Util;

import java.util.List;
import java.util.Collections;
import android.os.Bundle;
import android.annotation.SuppressLint;
import android.app.Activity;
import android.app.AlertDialog;
import android.view.KeyEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.TextView;
import android.widget.Toast;

import android.content.DialogInterface;
import android.content.Intent;

@SuppressWarnings("unused")
@SuppressLint("DefaultLocale")
public class Tesbutawarna extends Activity implements OnClickListener {
Button btn_jwb, btn_next, move;

private int nilaianda = 0;
private int salahjawab = 0;

EditText ngisi;


ImageView soal; 
// contoh soal gambar dengan dua gambar
  int[] pertanyaan = { R.drawable.kuncii, R.drawable.dua,
 };
// untuk jawaban
String[] jawaban = { "kunci", "2"};
String[] ceknilai = { "cek nilai" };
int indeks = 0;
int salah = 0;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity.xml);

soal = (ImageView) findViewById(R.id.gambar);
soal.setImageResource(pertanyaan[0]);
btn_jwb = (Button) findViewById(R.id.butjwab);
btn_jwb.setOnClickListener(this);

btn_next = (Button) findViewById(R.id.lanjut);
btn_next.setOnClickListener(this);
btn_next.setText("Keluar");

}

@Override
public void onClick(View v) {
if (v == btn_jwb) {

ngisi = (EditText) findViewById(R.id.isi);
String jawabanuser = ngisi.getText().toString();

if (jawabanuser.equalsIgnoreCase(jawaban[indeks])) {
if (indeks < pertanyaan.length - 1) {

Toast.makeText(this, "jawaban Benar", Toast.LENGTH_SHORT)
.show();
nilaianda += 1;
indeks++;

soal.setImageResource(pertanyaan[indeks]);

ngisi.setText("");

} else if (indeks < pertanyaan.length + 0) {

Toast.makeText(this, "jawaban benar", Toast.LENGTH_SHORT)
.show();
nilaianda += 1;
ngisi.setText("Pengujian selesai");
ngisi.setEnabled(false);
btn_jwb.setEnabled(false);
btn_next.setText("cek nilai");

}

} else if (jawabanuser.equalsIgnoreCase("")) {
Toast.makeText(this, "jawaban belum di isi", Toast.LENGTH_SHORT)
.show();

} else {
if (indeks < pertanyaan.length - 1) {
Toast.makeText(this, "Maaf jawaban salah ",
Toast.LENGTH_SHORT).show();
salahjawab += 1;

indeks++;
soal.setImageResource(pertanyaan[indeks]);
ngisi.setText("");

} else if (indeks < pertanyaan.length + 0) {
Toast.makeText(this, "Maaf jawaban salah",
Toast.LENGTH_SHORT).show();
salahjawab += 1;

ngisi.setText("Pengujian selesai");
btn_jwb.setEnabled(false);
ngisi.setEnabled(false);
}
if (salahjawab == 5) {
ngisi.setText("Pengujian selesai");
btn_jwb.setEnabled(false);
ngisi.setEnabled(false);
akseskeluar();
}

Util.TRACE("sekor anda " + nilaianda, jawabanuser);
}

} else if (v == btn_next) {

selesaikuis();

}
}


private void selesaikuis() {

AlertDialog tampilKotakAlert;
tampilKotakAlert = new AlertDialog.Builder(this).create();
tampilKotakAlert.setTitle("Benar " + nilaianda + " salah " + salahjawab
+ " dari 20 soal");

tampilKotakAlert.setMessage("Nilai anda = " + nilaianda * 10 / 2);

tampilKotakAlert.setButton(AlertDialog.BUTTON_NEGATIVE, "Keluar",
new DialogInterface.OnClickListener() {

public void onClick(DialogInterface dialog, int which) {

dialog.dismiss();
finish();

}

});

tampilKotakAlert.show();

}

public boolean onKeyDown(int keyCode, KeyEvent event) {
if (keyCode == KeyEvent.KEYCODE_BACK) {
Intent intent = new Intent();
setResult(RESULT_OK, intent);
finish();
}
return super.onKeyDown(keyCode, event);

}

}


Nah karena pada file java diatas saya memanggil class util, maka sekarang buat fackage util dan class util untuk class java nya.. ketikan skrip berikit

Cara membuat aplikasi tebak gambar


 import com.cuzz.ujikesehatanmata.Util;

import android.util.Log;
import com.cuzz.ujikesehatanmata.BuildConfig;
import com.google.android.gms.location.places.AutocompletePrediction.Substring;

public class Util {
public static void TRACE(Substring TAG, String message) {
if (BuildConfig.DEBUG) {
Log.d(TAG, message);
}
}

}

Nah setelah semua skrip anda masukan, sekarang coba run aplikasi anda, jika tidak terjadi error maka aplikasi siap digunakan dan tampilan sebagai berikut :


http://belajarkomputerdasarku.blogspot.com/2016/12/cara-membuat-aplikasi-tebak-gambar.html


Sekarang anda sudah bisa membuat aplikasi tebak gambar buatan anda sendiri, dan anda pun bisa meng uploadnya ke market android, baca juga cara upload aplikasi android ke play store.

Tutorial diatas hanyalah sedikit referensi bagi yang ingin membuat aplikasi tebak ngambar, mungkin diluar sana masih banyak referensi lain, jadi anda kembangkan sendiri ya,,heheh

Sekian tutorial INFORMASIKU tentang "Cara membuat aplikasi tebak gambar ". semoga bermanfaat.


tags :

 


Share this :

Previous
Next Post »
0 Komentar

Penulisan markup di komentar
  • Silakan tinggalkan komentar sesuai topik. Komentar yang menyertakan link aktif, iklan, atau sejenisnya akan dihapus.
  • Untuk menyisipkan kode gunakan <i rel="code"> kode yang akan disisipkan </i>
  • Untuk menyisipkan kode panjang gunakan <i rel="pre"> kode yang akan disisipkan </i>
  • Untuk menyisipkan quote gunakan <i rel="quote"> catatan anda </i>
  • Untuk menyisipkan gambar gunakan <i rel="image"> URL gambar </i>
  • Untuk menyisipkan video gunakan [iframe] URL embed video [/iframe]
  • Kemudian parse kode tersebut pada kotak di bawah ini
  • © 2015 Simple SEO ✔