√ Cara Membuat Aplikasi Konversi Uang Sederhana

Beberapa bulan yang lalu nilai dollar sempat mencapai angka Rp. 15 ribu. Akhirnya saya kepikiran untuk membuat tutorial cara membuat aplikasi konversi uang sederhana menggunakan android studio.

Langsung saja silahkan ikuti tutorial cara membuat aplikasi konversi uang sederhana berikut ini.

1. Penjelasan Aplikasi

Aplikasi android yang akan dibuat ini tidak begitu rumit yaitu ketika kita memasukan nilai rupiah lalu menekan tombol rupiah ke dollar maka akan ditampilkan berapa hasil dalam versi dollar atau mata uang yang lainnya.

Karena seperti biasanya tutorial yang disajikan adalah tutorial membuat aplikasi android sederhana yang ditujukan untuk mengasah logika pembuatan aplikasi saja.

2. Requirements

Sebelum mempelajari tutorial ini ada baiknya kamu mempelajari tutorial-tutorial dasar yang ada dibawah ini :

3. Buat Project Baru di Android Studio

Silahkan buka android studionya lalu buat project baru. Kemudian isi :

Application name : konversimatauang(disesuaikan)
Phone and tablet : API 19 ( disesuaikan)
Activity : empty activity
Activity name : mainactivity

4. LinearLayout

Jika workspace android studio sudah siap digunakan. Klik tab Activity_main.xml lalu ubah layoutnya menggunakan layout linearlayout.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:orientation="vertical"
    android:gravity="center"
    android:padding="20dp"
    tools:context="badoystudio.com.konversimatauang.MainActivity">
   
</LinearLayout>

5. ImageView

Tambahkan gambar menggunakan widget ImageView didalam linearlayout yang sudah ditambahkan pada langkah ke empat. sebelumnya silahkan kamu masukan dulu gambar pendukungnya ke folder drawable. Disini saya menggunakan gambar / icon dari flaticon.

Jika sudah masukan kode-kode dibawah ini diantara linearlayout.

<ImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:src="@drawable/bank"/>

6. EditText dan TextView

Sekarang tambahkan edittext dan textview dibawah widget imageview. Supaya posisinya horizontal maka kita tambahkan linearlayout terlebih dahulu. Baru di dalamnya tambahkan edittext dan textview.

<LinearLayout
    android:padding="20dp"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal">

    <EditText
        android:layout_width="120dp"
        android:layout_height="wrap_content"
        android:id="@+id/uang_input"
        android:textSize="20sp"
        android:hint="0 Rupiah"/>
<TextView
        android:layout_margin="5dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="="
        android:textSize="20sp"/>

    <TextView
        android:layout_margin="5dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/hasil_konversi"
        android:text="Hasil Konversi"
        android:background="#FFFFFF"
        android:textSize="20sp"/>
</LinearLayout>

Rekomendasi : Buku android studio lengkap terbaru

7. Button

Pada langkah ini kita akan menambahkan 3 widget button dengan teks :

rp > usd
rp > yen
rp > euro

fungsi dari ketiga button tersebut yaitu mengubah nilai rupiah ke mata uang yang telah ditentukan. Tambahkan kode-kode dibawah ini pada linearlayout yang mengapit edittext dan textview.

<Button
    android:layout_width="270dp"
    android:layout_marginTop="10dp"
    android:layout_height="wrap_content"
    android:text="Rp > USD"
    android:textSize="20sp"
    android:textColor="#FFFFFF"
    android:background="#FF0000"
    android:onClick="toUSD"
    android:id="@+id/rpusd"/>

<Button
    android:layout_width="270dp"
    android:layout_marginTop="10dp"
    android:textSize="20sp"
    android:layout_height="wrap_content"
    android:text="Rp > YEN"
    android:textColor="#FFFFFF"
    android:background="#483D8B "
    android:onClick="toYEN"
    android:id="@+id/rpyen"/>

<Button
    android:layout_width="270dp"
    android:textColor="#FFFFFF"
    android:background="#A52A2A"
    android:layout_marginTop="10dp"
    android:layout_height="wrap_content"
    android:text="Rp > Euro"
    android:textSize="20sp"
    android:onClick="toEuro"
    android:id="@+id/rpeuro"/>

8. Activity_main. xml

Kode lengkap xml dari langkah 3 sampai dengan 7 yaitu :

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:orientation="vertical"
    android:gravity="center"
    android:padding="20dp"
    tools:context="badoystudio.com.konversimatauang.MainActivity">


    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:src="@drawable/bank"/>

    <LinearLayout
        android:padding="20dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <EditText
            android:layout_width="120dp"
            android:layout_height="wrap_content"
            android:id="@+id/uang_input"
            android:textSize="20sp"
            android:hint="0 Rupiah"/>
        <TextView
            android:layout_margin="5dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="="
            android:textSize="20sp"/>

        <TextView
            android:layout_margin="5dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/hasil_konversi"
            android:text="Hasil Konversi"
            android:background="#FFFFFF"
            android:textSize="20sp"/>
    </LinearLayout>


    <Button
        android:layout_width="270dp"
        android:layout_marginTop="10dp"
        android:layout_height="wrap_content"
        android:text="Rp > USD"
        android:textSize="20sp"
        android:textColor="#FFFFFF"
        android:background="#FF0000"
        android:onClick="toUSD"
        android:id="@+id/rpusd"/>

    <Button
        android:layout_width="270dp"
        android:layout_marginTop="10dp"
        android:textSize="20sp"
        android:layout_height="wrap_content"
        android:text="Rp > YEN"
        android:textColor="#FFFFFF"
        android:background="#483D8B "
        android:onClick="toYEN"
        android:id="@+id/rpyen"/>

    <Button
        android:layout_width="270dp"
        android:textColor="#FFFFFF"
        android:background="#A52A2A"
        android:layout_marginTop="10dp"
        android:layout_height="wrap_content"
        android:text="Rp > Euro"
        android:textSize="20sp"
        android:onClick="toEuro"
        android:id="@+id/rpeuro"/>
</LinearLayout>

Maka hasil dari kode-kode xml di atas yaitu :

9. MainActivity.java

Buka file MainActivity.java lalu tambahkan kode-kode java dibawah ini :

package badoystudio.com.konversimatauang;

import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;
import android.widget.Toast;

import androidx.appcompat.app.AppCompatActivity;

import java.text.NumberFormat;
import java.util.Locale;

public class MainActivity extends AppCompatActivity {
    EditText input_uang;
    Button rp_usd, rp_euro, rp_yen;
    TextView hasil_konversi;

    double angka;

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

        input_uang = (EditText) findViewById(R.id.uang_input);
        rp_usd = (Button) findViewById(R.id.rpusd);
        rp_euro = (Button) findViewById(R.id.rpeuro);
        rp_yen = (Button) findViewById(R.id.rpyen);
        hasil_konversi = (TextView) findViewById(R.id.hasil_konversi);
    }

    public boolean cek(){
        if (input_uang.getText().toString().isEmpty()){
            Toast.makeText(this, "Silahkan masukan jumlah uang", Toast.LENGTH_SHORT).show();
            return false;
        }
        return true;
    }

    public void toYEN(View v){
        if (!cek()){
            return;
        }

        try{
            angka = Double.parseDouble(input_uang.getText().toString());
        }catch(Exception ex){
            Toast.makeText(this, "Masukkan angka", Toast.LENGTH_SHORT).show();
        }

        double hasil = angka / 132;
        hasil_konversi.setText(NumberFormat.getCurrencyInstance(Locale.JAPAN).format(hasil));
        Toast.makeText(this, "1 Yen = Rp 132", Toast.LENGTH_SHORT).show();
    }

    public void toEuro(View v){
        if (!cek()){
            return;
        }

        try{
            angka = Double.parseDouble(input_uang.getText().toString());
        }catch(Exception e){
            Toast.makeText(this, "Masukkan angka", Toast.LENGTH_SHORT).show();
        }

        double hasil = angka / 17228;
        hasil_konversi.setText(NumberFormat.getCurrencyInstance(Locale.GERMANY).format(hasil));
        Toast.makeText(this, "1 Euro = Rp 17.228", Toast.LENGTH_SHORT).show();
    }



    public void toUSD(View v){
        if (!cek()){
            return;
        }

        try{
            angka = Double.parseDouble(input_uang.getText().toString());
        }catch(Exception e){
            Toast.makeText(this, "Masukkan angka", Toast.LENGTH_SHORT).show();
        }

        double hasil = angka / 14808;
        hasil_konversi.setText(NumberFormat.getCurrencyInstance(Locale.US).format(hasil));
        Toast.makeText(this, "1 U$D = Rp 14808", Toast.LENGTH_SHORT).show();
    }
}

10. Running app

Langkah terakhir dari tutorial ini adalah merunning aplikasi konversi uang. bisa menggunakan emulator bawaan android studio, genymotion atau langsung ke smartphone android.

Ditutorial ini saya merunning aplikasi menggunakan emulator genymotion. Itulah cara membuat aplikasi konversi uang menggunakan android studio. Silahkan praktekan dan modifikasi sesuai keinginanmu agar aplikasi yang kamu buat bisa lebih baik lagi dari pada tutorial ini.

Cara Membuat Aplikasi Konversi Uang Sederhana