Archive for Maret 2014

Selasa, 11 Maret 2014
by

Membuat Aplikasi Konversi Suhu Menggunakan Konsep MVC



APA ITU MVC ?

 Model-View-Controller atau MVC adalah sebuah metode untuk membuat sebuah aplikasi dengan memisahkan data (Model) dari tampilan (View) dan cara bagaimana memprosesnya (Controller).


Pada tutorial kali ini saya akan membuat sebuah aplikasi konversi suhu dari Celcius dan akan dikonversi ke Fahrenheit, Kelvin dan Rheamur.

Baiklah, langkah yang harus kita lakukan adalah sbb :

1. Pertama-tama kita buat project android dengan nama KonversiSuhu, detailnya seperti gambar di bawah ini :


2. 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 

3. kemudian buka file string.xml dah ubah hello(String) menjadi seperti gambar di bawah ini

Model
Model mewakili struktur data. Biasanya model berisi fungsi-fungsi yang membantu seseorang dalam pengelolaan basisdata seperti memasukkan data ke basis data, pembaruan data dan lain-lain.

 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>

View 
View adalah bagian yang mengatur tampilan ke pengguna

Ini adalah View nya. 




Controller
Controller merupakan penghubung antara Model dan View. Didalam Controller inilah terdapat class dan fungsi-fungsi yang memproses permintaan dari View kedalam struktur data didalam Model.
Buka File file konversi.java
Ketikkan kode :

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();
    }
}


Demikianlah Tutorial Penggunaan MVC Pada Aplikasi Koversi Suhu.








|