RSS

Membuat Aplikasi Konversi Suhu

07 Jul
Setelah pada postingan yang lalu kita telah mempelajari bagaimana membuat suatu aplikasi sederhana di android, sekarang kita akan mencoba mempelajari bagaimana untuk membuat sebuah apalikasi android yang sedikit lebih kompleks yaitu kita akan menambahkan aksi pada aplikasi yang akan kita buat yaitu aplikasi konversi suhu.
Pada tutorial kali ini saya akan membuat sebuah aplikasi konversi suhu dari Celcius dan akan dikonversi ke Fahrenheit, Kelvin dan Rheamur. Untuk konversi sebaliknya (red: misalnya dari kelvin ke celcius atau rheamur ke kelvin dll) silahkan dicoba-coba sendiri ya😉 hehe dengan menggunakan project yang telah saya buat ini hanya tinggal mengganti rumus konversinya, banyak di internet kok😉.
Baiklah, langkah yang harus kita lakukan adalah sbb :
    • Pertama-tama kita buat project android dengan nama KonversiSuhu, detailnya seperti gambar di bawah ini :
    • Kemudian akan kita dapatkan sebuah project dengan nama sesuai yang kita buat tadi. file yang akan kita edit ada 3 yaitu konversi.java, main.xml dan string.xml
    • kemudian buka file string.xml dah ubah hello(String) menjadi seperti gambar di bawah ini
      • Setelah itu buka file main.xml dan ubah seperti sourcode di bawah ini :
 <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
<TextView
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="@string/hello"
    />
<TextView android:id="@+id/textView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Celcius"></TextView>
<EditText android:layout_height="wrap_content" android:id="@+id/textCelcius" android:layout_width="fill_parent" android:inputType="numberSigned|numberDecimal"></EditText>
<Button android:layout_height="wrap_content" android:id="@+id/buttonKonversi" android:text="Konversi" android:layout_width="fill_parent" android:onClick="konversiSuhu"></Button>
<TextView android:id="@+id/textView2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Kelvin"></TextView>
<EditText android:layout_height="wrap_content" android:id="@+id/textKelvin" android:editable="false" android:layout_width="fill_parent"></EditText>
<TextView android:id="@+id/textView3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Fahrenheit"></TextView>
<EditText android:layout_height="wrap_content" android:editable="false" android:id="@+id/textFahren" android:layout_width="fill_parent"></EditText>
<TextView android:id="@+id/textView4" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Reamur"></TextView>
<EditText android:layout_height="wrap_content" android:id="@+id/textReamur" android:editable="false" android:layout_width="fill_parent"></EditText>
<Button android:layout_height="wrap_content" android:id="@+id/buttonExit" android:layout_width="fill_parent" android:text="Exit" android:onClick="keluar"></Button>
</LinearLayout>
 
      • Kemudian ubah file konversi.java seperti di bawah ini
 package com.fairuz.konversisuhu;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;

public class konversi extends Activity {
	public EditText txtCelcius;
	public EditText txtKelvin;
	public EditText txtFahren;
	public EditText txtReamur;
	public Button btnKonversi;
	public Button btnExit;

    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        txtCelcius = (EditText) findViewById(R.id.textCelcius);
        txtKelvin = (EditText) findViewById(R.id.textKelvin);
        txtFahren = (EditText) findViewById(R.id.textFahren);
        txtReamur = (EditText) findViewById(R.id.textReamur);
        btnKonversi = (Button) findViewById(R.id.buttonKonversi);
        btnExit = (Button) findViewById(R.id.buttonExit);
    }

    public void konversiSuhu(View view){
    	try{
    		int celcius = Integer.parseInt(txtCelcius.getText().toString());
    		double kelvin = celcius + 273.15;
    		double fahren = celcius * 1.8 + 32;
    		double reamur = celcius * 0.8;
    		txtKelvin.setText(String.valueOf(kelvin));
    		txtFahren.setText(String.valueOf(fahren));
    		txtReamur.setText(String.valueOf(reamur));
    	}catch (Exception e) {
			e.printStackTrace();
		}
    }

    public void keluar(View view){
    	finish();
    }
} 
      • Pada file main.xml TextView merupakan tag yg kita gunakan untuk membuat sebuah text yang akan tampil di layar android atau bisa kita sebut juga label di java. Sedangkan EditText merupakan tag yg kita gunakan untuk menghasilkan suautu inputan yang akan menerima data-data yg di masukkan oleh user. Dan Button merupakan tag yang menerima aksi dari data-data yang telah diinputkan oleh user.
      • Pada file konversi.java seperti biasa kita deklarasikan dulu apa-apa saja objek yang akan dipakai yaitu pada code public EditText txtCelcius; dst. Kemudian pada method public void onCreate(Bundle savedInstanceState) { akan melakukan eksekusi layout main.xml dan melakukan pengenalan thd objek yg telah kita deklarasikan tadi. Sedangkan pada method public void konversiSuhu(View view) dilakukan eksekusi untuk pengkonversian suhu.
      • Setelah itu, kita RUN dengan cara klik kanan pada project pilih Run As > Android Aplication.
      • Kemudian akan tampil pada AVD seperti gambar di bawah ini (membutuhkan waktu beberapa menit untuk melihat hasil running program tsb):

Nah, kalau agan-agan mau download soure code sama file .apk nya bisa download di mari


Sekian tutorial kali ini, semoga bermanfaat.
sampai jumpa di tutorial selanjutnya🙂
 
Leave a comment

Posted by on July 7, 2011 in Android, Java, Source Code

 

Tags: , , ,

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

 
%d bloggers like this: