Pages

Subscribe:

Kamis, 27 Maret 2014

How to make Calculator on Android

Disini saya akan sedikit berbagi, cara membuat kalkulator sederhana pada android. Berikut langkah-langkahnya :
1. Buka Eclipse untuk membuat project baru dengan klik File -> New -> Android Projet. Seperti gambar      dibawah ini  : 



2. Setelah itu akan muncul jendela seperti dibawah ini untuk mengisi nama project dan pilihan versi android yang akan dibuat. 







3. Setelah klik Finish kita buka Main.xml untuk mulai coding, dan mulai design tampilan dari main langkahnya seperti dibawah ini. 



4. Dibawah ini coding (source code) untuk Main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/textView4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Calculator Dito (A11.2011.05945)" />
    
    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Bilangan 1" />
    

    <EditText
        android:id="@+id/angka1"
        android:layout_width="48dp"
        android:layout_height="wrap_content"
        android:inputType="numberDecimal"
        android:text="              " >
</EditText>
    

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Bilangan 2" />
    
    <EditText android:text="             "
            android:layout_height="wrap_content"
            android:id="@+id/angka2"
            android:layout_width="50dip"></EditText>
    
    
<TableRow android:id="@+id/tableRow"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   >
   
    <Button
        android:id="@+id/tambah"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="+" />

    <Button
        android:id="@+id/kurang"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="-" />
    
    <Button
        android:id="@+id/kali"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="X" />

    <Button
        android:id="@+id/bagi"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="/" />
    
    <Button
        android:id="@+id/pangkat"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="^" />

    <Button
        android:id="@+id/akar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="v" />
</TableRow>

<Button
   android:id="@+id/reset"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:text="Delete" />
    
    <TextView
        android:id="@+id/textView3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="HASIL" />
    
    <TextView android:text=""
                  android:layout_height="wrap_content"
                  android:id="@+id/hasil"
                  android:textStyle="bold"
                  android:textSize="20dip"
                  android:layout_width="wrap_content"></TextView>
    

</LinearLayout>



5. Setelah selesai dengan Main.xml, langkah selanjutnya adalah mulai coding pada src, berikut tampilan dan source codenya. 


package com.calculator.dito;

import java.text.DecimalFormat;

import android.app.Activity;
import android.content.DialogInterface;
import android.content.DialogInterface.OnClickListener;
import android.os.Bundle;
import android.text.Editable;
import android.view.View;
import android.view.View.OnLongClickListener;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;

public class CalculatorDitoActivity extends Activity {
      EditText angka1, angka2;
      TextView hasil;
      Editable isiangka1, isiangka2;
      Button rset;
      Button tmbah;
      Button krang;
      Button kli;
      Button bgi;
      Button pkt;
      Button akr;
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        hasil = (TextView) findViewById(R.id.hasil);
        angka1 = (EditText) findViewById(R.id.angka1);
        angka2 = (EditText) findViewById(R.id.angka2);
        rset = (Button) findViewById(R.id.reset);
        rset.setOnClickListener((android.view.View.OnClickListener) new itung());
        tmbah = (Button) findViewById(R.id.tambah);
        tmbah.setOnClickListener((android.view.View.OnClickListener) new itung());
        krang = (Button) findViewById(R.id.kurang);
        krang.setOnClickListener((android.view.View.OnClickListener) new itung());
        bgi = (Button) findViewById(R.id.bagi);
        bgi.setOnClickListener(new itung());
        kli = (Button) findViewById(R.id.kali);
        kli.setOnClickListener(new itung());
        pkt = (Button) findViewById(R.id.pangkat);
        pkt.setOnClickListener((android.view.View.OnClickListener) new itung());
        akr = (Button) findViewById(R.id.akar);
        akr.setOnClickListener((android.view.View.OnClickListener) new itung());

 }
    private class itung implements OnClickListener, OnLongClickListener, android.view.View.OnClickListener{

        
public void onClick(View v){
               try{
              switch(v.getId()){
              case R.id.tambah:
              Double a = Double.parseDouble(angka1.getText().toString());
              Double b = Double.parseDouble(angka2.getText().toString());
              double hsl= a + b;
              DecimalFormat df = new DecimalFormat("@@##");
              hasil.setText(df.format(hsl));
              break;
              case R.id.kurang:
              Double c = Double.parseDouble(angka1.getText().toString());
              Double d= Double.parseDouble(angka2.getText().toString());
              double hsll= c - d;
              DecimalFormat dff = new DecimalFormat("@@##");
              hasil.setText(dff.format(hsll));
              break;
              case R.id.kali:
              Double e = Double.parseDouble(angka1.getText().toString());
              Double f= Double.parseDouble(angka2.getText().toString());
              double hslll= e * f;
              DecimalFormat dfff = new DecimalFormat("@@##");
              hasil.setText(dfff.format(hslll));
              break;
              case R.id.bagi:
              Double g = Double.parseDouble(angka1.getText().toString());
              Double h= Double.parseDouble(angka2.getText().toString());
              double hsllll= g / h;
              DecimalFormat dffff = new DecimalFormat("@@##");
              hasil.setText(dffff.format(hsllll));
              break;
              
              case R.id.pangkat:
                  Integer k = Integer.parseInt(angka1.getText().toString());
                  Integer j= Integer.parseInt(angka2.getText().toString());
                  int hslllll= 1;
                  for(int x=1;x<=j;x++)
                  hslllll=hslllll*k;
                 // DecimalFormat dffff = new DecimalFormat("@@##");
                  hasil.setText(hslllll+"");
                  break;
                  
              case R.id.akar:
                  float l = Float.parseFloat(angka1.getText().toString());
                  
                 
                 
                 double hsllllll=Math.sqrt(l);
                 // DecimalFormat dffff = new DecimalFormat("@@##");
                  hasil.setText(hsllllll+"");
                  break;
              
              
              
              case R.id.reset:
              angka1.setText("");
              angka2.setText("");
              hasil.setText("");
              break;
                                               
                            }
                                   }catch (Exception e){
                            }

               }

public void onClick(DialogInterface arg0, int arg1) {
// TODO Auto-generated method stub
}

public boolean onLongClick(View v) {
// TODO Auto-generated method stub
return false;
}
}
}

6. Setelah selesai dengan coding, kita run project android yang telah kita buat dengan cara seperti dibawah ini


7. Setelah di run, berikut tampilan aplikasi kalkulator sederhana


  • Akar




  • Pembagian




  • Perkalian




  • Pengurangan




  • Pangkat




  • Penjumlahan



Sekian sedikit penjalasan untuk membuat kalkulator sederhana, semoga bisa bermanfaat. terima kasih 


Sabtu, 22 Maret 2014

Langkah Membuat Program Android Sederhana untuk Menampilkan List Anggota Kelompok

Kami akan sedikit berbagi ilmu bagaimana membuat program android sederhana untuk menampilkan list anggota kelompok, berikut langkah-langkahnya :


1. Buka eclipse.exe dan kemudian akan muncul tampilan awal seperti dibawah ini. Untuk membuat project       baru, Klik File -> New -> Android Application Project




2. Beri nama project yang akan di buat, pada gambar dibawah ini project yang akan dibuat diberi nama      "listkelompok". Kemudian klik "Next" dan Pilih versi android yang akan dibuat kemudian klik "Finish"








3. Tampilan dibawah ini merupakan tampilan awal program "listkelompok". Disini kita akan membuat list dari anggota kelompok, masukkan TextView sesuai dengan jumlah anggota kelompok. Dengan cara klik TextView dan drug ke dalam tampilan program tersebut. 




4. Selanjutnya masukkan nama dari anggota kelompok dengan cara double klick pada TextView pada tampilan program, kemudian ganti tiap-tiap teksnya dengan Nama dan NIM anggota kelompok seperti tampilan dibawah ini. 







5. Tampilan pada program sudah berubah menjadi nama dan NIM dari anggota kelompok, seperti tampilan    dibawah ini.




6. Untuk menjalankan program "listkelompok" tersebut, klik kanan pada nama program -> Run As -> Android Application.




7. Inilah tampilan dari program "listkelompok" yang sudah kita buat, dengan nama dan NIM anggota    kelompok.




Terima kasih telah berkunjung, semoga bermanfaat :)