Jumat, 21 April 2017

Tutorial Membuat Aplikasi Konversi Suhu Pada Aplikasi Android Studio

1. Buat Project Baru, kemudian kasi nama project kamu, lalu klik Next.





2. Selanjutnya pilih perangkat yang bisa menjalankan aplikasi yang kamu buat. Disini kita membuat aplikasi untuk phone dan tablet. Jadi silahkan pilih Phone dan tablet. Kemudian klik Next.
 





3. Kemudian pilih activity pada mobile. Pilih saja yang Empty activity. Jika sudah klik Next.




4. Selnjutnya, isi nama activity sesuai keinginan mu, atau biarkan default. Lalu klik Next.




5. Sekarang, kamu masukkan komponen-komponen berikut dan sesuaikan ID nya sesuai gambar berikut: (Gunakanlah RelativeLayout), Kemudian anda atur posisi dari setiap komponen.
 

 
6. Lalu ketikkan lah koding berikut: 
 
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    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="com.bacacoding.convertersuhu.MainActivity">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Converter Suhu"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:textStyle="normal|bold"
        android:textAlignment="center"
        android:textSize="18sp"
        android:textColor="@android:color/holo_orange_dark" />
    <TextView
        android:text="Celcius"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="65dp"
        android:id="@+id/textView2"
        android:layout_below="@+id/textView"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:textColor="@android:color/background_dark" />
    <EditText
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:inputType="textPersonName"
        android:ems="10"
        android:layout_marginLeft="31dp"
        android:layout_marginStart="31dp"
        android:id="@+id/edtxt_celcius"
        android:layout_alignBaseline="@+id/textView2"
        android:layout_alignBottom="@+id/textView2"
        android:layout_toRightOf="@+id/textView4"
        android:layout_toEndOf="@+id/textView4"
        android:hint="Masukkan Celcius" />
    <Button
        android:text="CONVERT"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/btn_konvert"
        android:onClick="konversisuhu"
        android:layout_above="@+id/edtxt_kelvin"
        android:layout_alignRight="@+id/textView6"
        android:layout_alignEnd="@+id/textView6"
        android:textStyle="normal|bold"
        android:textAlignment="center" />
    <TextView
        android:text="Kelvin"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/textView2"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_marginTop="82dp"
        android:id="@+id/textView3"
        android:textColor="@android:color/black" />
    <EditText
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:inputType="textPersonName"
        android:ems="10"
        android:id="@+id/edtxt_kelvin"
        android:hint="Hasil dalam Kelvin"
        android:layout_alignBaseline="@+id/textView3"
        android:layout_alignBottom="@+id/textView3"
        android:layout_alignLeft="@+id/edtxt_celcius"
        android:layout_alignStart="@+id/edtxt_celcius"
        android:textSize="14sp"
        android:textStyle="normal|bold" />
    <TextView
        android:text="Farenheit"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/textView4"
        android:textColor="@android:color/black"
        android:layout_alignBaseline="@+id/edtxt_farenheit"
        android:layout_alignBottom="@+id/edtxt_farenheit"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true" />
    <EditText
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:inputType="textPersonName"
        android:ems="10"
        android:id="@+id/edtxt_farenheit"
        android:hint="Hasil dalam Farenheit"
        android:layout_below="@+id/edtxt_kelvin"
        android:layout_alignLeft="@+id/edtxt_kelvin"
        android:layout_alignStart="@+id/edtxt_kelvin"
        android:textSize="14sp"
        android:textStyle="normal|bold" />
    <TextView
        android:text="Reamur"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="13dp"
        android:id="@+id/textView5"
        android:layout_below="@+id/edtxt_farenheit"
        android:textColor="@android:color/black" />
    <EditText
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:inputType="textPersonName"
        android:ems="10"
        android:id="@+id/edtxt_reamur"
        android:layout_alignBaseline="@+id/textView5"
        android:layout_alignBottom="@+id/textView5"
        android:layout_alignLeft="@+id/edtxt_farenheit"
        android:layout_alignStart="@+id/edtxt_farenheit"
        android:hint="Hasil dalam Reamur"
        android:textSize="14sp"
        android:textStyle="normal|bold" />
    <Button
        android:text="EXIT"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/btn_exit"
        android:onClick="keluar"
        android:layout_below="@+id/edtxt_reamur"
        android:layout_alignRight="@+id/textView6"
        android:layout_alignEnd="@+id/textView6"
        android:layout_marginTop="10dp"
        android:textStyle="normal|bold" />
</RelativeLayout>
 
7. Selanjutnya kita masuk ke tab MainActivity.Java. silahkan kamu ketikkan kode berikut:

package com.bacacoding.convertersuhu;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
public class MainActivity extends AppCompatActivity {
    EditText celcius,kelvin,farenheit,reamur; //Deklarasi variable
    Button btn_konversi; //deklarasi varaibel
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        celcius = (EditText)findViewById(R.id.edtxt_celcius);
        kelvin = (EditText)findViewById(R.id.edtxt_kelvin);
        farenheit = (EditText)findViewById(R.id.edtxt_farenheit);
        reamur = (EditText)findViewById(R.id.edtxt_reamur);
        btn_konversi = (Button)findViewById(R.id.btn_konvert);
    }
    public void konversisuhu (View view){
        try{
            int ncelcius = Integer.parseInt(celcius.getText().toString());
            double nkelvin = ncelcius*273.15;
            double nfarenheit = ncelcius*1.8*32;
            double nreamur = ncelcius*6.8;
            kelvin.setText(String.valueOf(nkelvin));
            farenheit.setText(String.valueOf(nfarenheit));
            reamur.setText(String.valueOf(nreamur));
        }catch (Exception e){
            e.printStackTrace();
        }
    }
    public void keluar (View view){
        finish();
    }
}
 
8. Pada Button Convert jangan lupa menambahkan pada OnClik nya konversisuhu supaya ada aksi ketika button di klik. “pilihan konversisuhu akan keluar setelah anda ketikkan kodingnya di MainActivity.Java”









 9. Sama juga dengan Tombol Keluar. Pada onClicknya pilih Keluar.





10. Jika sudah coba RUN applikasi anda, jika berhasil hasilnya akan seperti ini:

Salam WriteCode..Mungkin Hanya itu saja yang bisa saya sampaikan pada postingan kali ini..  Jika ada kesalahan saya mohon maaf. Jangan lupa berkunjung dan Share artikel ini . Dan tetap semangat dalam menjalankan aktivitasnya .







Tidak ada komentar:

Posting Komentar