Baru belajar: Tutorial Membuat Kalkulator untuk Menghitung Volume Gas dengan Eclipse

Assalammualikum Wr.Wb

Oke siang hari ini gue bakal ngasih tutorial membuat kalkulator untuk menghitung volume gas dengan eclipse dan ini postingan pertama gue kalo jelek maklumin aje ye.

Oke langsung saja kita harus mempunyai aplikasi eclipsenya itu wajib.

1. Buka aplikasi eclipsenya

2. Pilih file > New > Android Application Project

3. Maka akan muncul tampilan seperti ini (itu ada tanda silang karna gue udah membuat project dengan nama tersebut) > next (biarkan default) > next (biarkan default) > next (biarkan default) > next (biarkan default) > finish

4. Buka activity_main.xml (activity_volume_gas.xml) yg grapical layout dan buat seperti ini

5. Jika sudah kita pindah ke activity_main.xml (activity_volume_gas.xml) ada disebelah tab grapical layout dan masukan source code seperti ini

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

<TextView

android:id="@+id/txtMol"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_marginLeft="20dp"

android:layout_marginTop="50dp"

android:textColor="#ffffff"

android:text="Mol"

android:textSize="14dp" />

<EditText

android:id="@+id/edtMol"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignLeft="@+id/txtMol"

android:layout_below="@+id/txtMol"

android:ems="10"

android:inputType="numberDecimal"

android:textColor="#ffffff" >

</EditText>

<TextView

android:id="@+id/txtRgas"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignLeft="@+id/edtMol"

android:layout_below="@+id/edtMol"

android:layout_marginTop="15dp"

android:textColor="#ffffff"

android:text="R gas"

android:textSize="14dp" />

<EditText

android:id="@+id/edtRgas"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignLeft="@+id/txtRgas"

android:layout_below="@+id/txtRgas"

android:ems="10"

android:inputType="numberDecimal"

android:textColor="#ffffff" />

<TextView

android:id="@+id/txtTemperatur"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignLeft="@+id/edtRgas"

android:layout_below="@+id/edtRgas"

android:layout_marginTop="15dp"

android:textColor="#ffffff"

android:text="Temperatur"

android:textSize="14dp" />

<EditText

android:id="@+id/edtTemperatur"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignLeft="@+id/txtTemperatur"

android:layout_below="@+id/txtTemperatur"

android:ems="10"

android:inputType="numberDecimal"

android:textColor="#ffffff" />

<TextView

android:id="@+id/txtTekanan"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignLeft="@+id/edtTemperatur"

android:layout_below="@+id/edtTemperatur"

android:layout_marginTop="15dp"

android:textColor="#ffffff"

android:text="Tekanan"

android:textSize="14dp" />

<EditText

android:id="@+id/edtTekanan"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignLeft="@+id/txtTekanan"

android:layout_below="@+id/txtTekanan"

android:ems="10"

android:inputType="numberDecimal"

android:textColor="#ffffff" />

<Button

android:id="@+id/btnHitung"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignLeft="@+id/edtTekanan"

android:layout_below="@+id/edtTekanan"

android:layout_marginTop="20dp"

android:text="Hitung"

android:textColor="#ccffff" />

<TextView

android:id="@+id/txtVolume"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentRight="true"

android:layout_alignTop="@+id/btnHitung"

android:layout_marginRight="46dp"

android:text="Volume Gas :"

android:textColor="#ccffff"

android:textSize="14dp" />

</RelativeLayout>

6. Kita sudah selesai di activity_main.xml (activity_volume_gas.xml) selanjutnya kita buka tab strings.xml (res > value > strings.xml) dan masukan source code seperti ini

7. Nah kita sudah selesai di tab strings.xml selanjutnya kita buka tab MainActivity.java (VolumeGas.java) seperti ini

8. dan masukan source code seperti ini

package com.example.volumegas;

// mengimpor semua komponen yang ada di layout

import android.os.Bundle;

import android.app.Activity;

import android.view.Menu;

import android.view.View;

import android.widget.Button;

import android.widget.EditText;

import android.widget.TextView;

public class VolumeGas extends Activity {

// Deklarasi komponen yang ada di layout

EditText Mol,Rgas,Temperatur,Tekanan;

Button btnHitung;

TextView txtVolume;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_volume_gas);

//Membaca komponen input yang ada di layout

Mol = (EditText) findViewById(R.id.edtMol);

Rgas = (EditText) findViewById(R.id.edtRgas);

Temperatur = (EditText) findViewById(R.id.edtTemperatur);

Tekanan = (EditText) findViewById(R.id.edtTekanan);

//Membaca komponen button dari layout

btnHitung = (Button) findViewById(R.id.btnHitung);

//Membaca komponen output dari layout

txtVolume = (TextView) findViewById(R.id.txtVolume);

//Meng-handle ketika button di klik

btnHitung.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View arg0) {

// TODO Auto-generated method stub

//Deklarasi variable n,R,T,p sebagai bilangan real Double

Double n,R,T,p,volume;

//Mengubah string menjadi bilangan real Double

n= Double.parseDouble(Mol.getText().toString());

R= Double.parseDouble(Rgas.getText().toString());

T= Double.parseDouble(Temperatur.getText().toString());

p= Double.parseDouble(Tekanan.getText().toString());

//Rumus menghitung volume gas

volume=(n*R*T)/p;

txtVolume.setText("Volume gas: "+volume);

}

});

}

@Override

public boolean onCreateOptionsMenu(Menu menu) {

// Inflate the menu; this adds items to the action bar if it is present.

getMenuInflater().inflate(R.menu.volume_gas, menu);

return true;

}

9. Nah kita sudah selesai ditab MainActivity.java (VolumeGas.java) selanjutnya kita harus membuat virtual devicenya dahulu sebelum meruning project. Window > Android Virtual Device Manager maka akan muncul seperti ini. Selanjutnya pilih New > dan isikan seperti ini > Ok

10. Nah Virtual sudah jadi sekarang tinggal di running. Caranya klik kanan di project kita > Run As > Run Configuration maka akan muncul tampilan seperti ini