Skip to content Skip to sidebar Skip to footer

Widget Atas Posting

Cara Mudah Membuat Aplikasi Perhitungan UTS dan UAS sehingga tampil Nilai Akhir Menggunakan Eclipse Android (Mobile Programming)

Dalam pembuatan aplikasi android menggunakan eclipse, kita dapat membuat desain user interface melalui mode grafis maupun mode teks. Untuk mode grafis, dapat kita lakukan dengan drag and drop melalui jendela palette. Sedangkan desain melalui mode teks dapat kita lakukan menggunakan kode XML.




Disini saya akan memberikan tutorial bagaimana membuat aplikasi perhitungan uts dan uas setelah dihitung tampil nilai akhir dari nilai yang dimasukkan tadi. Ini juga tugas mahasiswa/mahasiswi unpam ya, jadi kalau misalnya ada yang mau belajar juga boleh aja mengikuti tutorial yang saya sampaikan.

Simak baik-baik langsung masuk ke tutorialnya.

Pertama buka eclipse.


Lalu klik File - New - Other



Kemudian pilih Android Application Project



Kemudian akan tampil seperti ini:

Application Name : UserInterface_
Project Name         : UserInterface_
Package Name       : com.example.userinterface_



Next.. Tentukan Logo android seperti digambar, lalu next.




Lalu ganti title menjadi UserInterface, klik Finish.





Langkah selanjutnya ubah layout anda seperti dibawah ini:




Masukkan script activity_main.xml


<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" >
    <LinearLayout

        android:id="@+id/linearLayout1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true" >
        
        <TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:text="@string/judul"
            android:textAppearance="?android:attr/textAppearanceMedium" />
    </LinearLayout>

    <LinearLayout
        android:id="@+id/linearLayout2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentRight="true"
        android:layout_below="@+id/linearLayout1"
        android:layout_marginTop="14dp" >
        
        <TextView
            android:id="@+id/textView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/uts" />

        <EditText
            android:id="@+id/utsEditText"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:inputType="numberDecimal" >
            <requestFocus />
        </EditText>
    </LinearLayout>
    <LinearLayout

        android:id="@+id/linearLayout3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentRight="true"
        android:layout_below="@+id/linearLayout2">
        <TextView
            android:id="@+id/textView3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/uas" />
        <EditText

            android:id="@+id/uasEditText"
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:inputType="numberDecimal" />
    </LinearLayout>
    <LinearLayout
        android:id="@+id/linearLayout4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentRight="true"
        android:layout_below="@+id/linearLayout3"
        android:layout_marginTop="22dp"
        android:orientation="vertical" >
        <TextView

            android:id="@+id/textView4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="right"
            android:text="@string/nilai_akhir" />
        <EditText

            android:id="@+id/nilaiAkhirEditText"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="right"
            android:clickable="false"
            android:focusable="false"
            android:inputType="numberDecimal" />
    </LinearLayout>
    <LinearLayout

        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentRight="true"
        android:layout_below="@+id/linearLayout4"
        android:layout_marginTop="20dp" >
        <Button

            android:id="@+id/hitungButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="3"
            android:text="@string/hitung" />
        <Button
            android:id="@+id/tutupButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="@string/tutup" />
    </LinearLayout>
</RelativeLayout>

Kemudian langsung ke MainActivity.java , masukkan scriptnya:


package com.example.userinterface_;
import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.EditText;
public class MainActivity extends Activity implements OnClickListener{
private EditText utsET, uasET, nilaiAkhirET;
@Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
     
        utsET = (EditText) findViewById(R.id.utsEditText);
        uasET = (EditText) findViewById(R.id.uasEditText);
        nilaiAkhirET = (EditText) findViewById(R.id.nilaiAkhirEditText);
     
        findViewById(R.id.hitungButton).setOnClickListener(this);
        findViewById(R.id.tutupButton).setOnClickListener(this);
    }
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.activity_main, menu);
        return true;
    }

public void onClick(View v) {
  // TODO Auto-generated method stub
  switch (v.getId()){
  case R.id.hitungButton:
   double uts=0, uas=0, nilaiAkhir;
 
   try {
    uts =
Double.parseDouble(utsET.getText().toString());
   } catch (Exception ex) {}
 
   try {
    uas =
Double.parseDouble(uasET.getText().toString());
   } catch (Exception ex) {}
 
   nilaiAkhir = (uts + uas)/2;
 
   if (nilaiAkhir >= 60){

nilaiAkhirET.setBackgroundResource(R.color.hijau);
   } else {
 
nilaiAkhirET.setBackgroundResource(R.color.merah);
   }
 
   nilaiAkhirET.setText(Double.toString(nilaiAkhir));
   break;
  case R.id.tutupButton:
   System.exit(0);
  }
}
}

Selanjutnya tinggal Run program klik kanan pada project Run As - Android Application
jika tidak ada kesalahan maka hasilnya seperti ini ketika di Run:
Sekian tutorial Cara Mudah Membuat Aplikasi Perhitungan UTS dan UAS sehingga tampil Nilai Akhir Menggunakan Eclipse Android Mobile Programming , semoga kalian bisa menerapkannya dan semoga bermanfaat untuk tugas kalian.

Jangan lupa kunjungi maswijaba untuk artikel bermanfaat lainnya.

Post a Comment for "Cara Mudah Membuat Aplikasi Perhitungan UTS dan UAS sehingga tampil Nilai Akhir Menggunakan Eclipse Android (Mobile Programming)"