TUTORIAL | Membuat Kalkulator Sederhana. . .

Posted in Labels: , , , | at December 21, 2013


Langkah Pertama, seperti gambar berikut, (sebenarnya untuk pemberian nama project, aplikasi dan package id bisa terserah kalian sih.. tapi mungkin untuk newbie kaya ane, bisa diikutin dulu ajja kaya gni :D hhe)

Langkah Kedua, Mendesain tampilan kalkulatornya di “main.xml” ...

Source Code untuk main.xml :
<?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">

<EditText
    android:id="@+id/input1"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:editable="false"
    android:inputType="number"
    android:numeric="integer"
    android:text="" >

    <requestFocus />

</EditText>


<LinearLayout
  android:orientation="horizontal"
  android:layout_width="fill_parent"
  android:layout_height="wrap_content">
  
    />
  <LinearLayout
  android:orientation="vertical"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_weight="1">
  
  >
         <Button
         android:id="@+id/satu"
         android:layout_width="fill_parent"
         android:layout_height="wrap_content"
         android:layout_weight="1"
         android:text="1"
         ></Button>
         <Button
         android:id="@+id/empat"
         android:layout_width="fill_parent"
         android:layout_height="wrap_content"
         android:layout_weight="1"
         android:text="4"
         ></Button>
         <Button
         android:id="@+id/tujuh"
         android:layout_width="fill_parent"
         android:layout_height="wrap_content"
         android:layout_weight="1"
         android:text="7"
         ></Button>

         <Button
             android:id="@+id/koma"
             android:layout_width="fill_parent"
             android:layout_height="wrap_content"
             android:layout_weight="1"
             android:text="." >
</Button></LinearLayout>
  
  <LinearLayout
  android:layout_weight="1"
  android:orientation="vertical"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content">
  
   <Button
         android:id="@+id/dua"
         android:layout_width="fill_parent"
         android:layout_height="wrap_content"
         android:layout_weight="1"
         android:text="2"
         ></Button>
         <Button
         android:id="@+id/lima"
         android:layout_width="fill_parent"
         android:layout_height="wrap_content"
         android:layout_weight="1"
         android:text="5"
         ></Button>
         <Button
         android:id="@+id/delapan"
         android:layout_width="fill_parent"
         android:layout_height="wrap_content"
         android:layout_weight="1"
         android:text="8"
         ></Button>
         <Button
         android:id="@+id/nol"
         android:layout_width="fill_parent"
         android:layout_height="wrap_content"
         android:layout_weight="1"
         android:text="0"
         ></Button></LinearLayout>
  <LinearLayout
  android:layout_weight="1"
  android:orientation="vertical"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content">
  
   <Button
         android:id="@+id/tiga"
         android:layout_width="fill_parent"
         android:layout_height="wrap_content"
         android:layout_weight="1"
         android:text="3"
         ></Button>
         <Button
         android:id="@+id/enam"
         android:layout_width="fill_parent"
         android:layout_height="wrap_content"
         android:layout_weight="1"
         android:text="6"
         ></Button>
         <Button
         android:id="@+id/sembilan"
         android:layout_width="fill_parent"
         android:layout_height="wrap_content"
         android:layout_weight="1"
         android:text="9"
         ></Button>
         <Button
         android:id="@+id/samadengan"
         android:layout_width="fill_parent"
         android:layout_height="wrap_content"
         android:layout_weight="1"
         android:text="="
         ></Button></LinearLayout>
  <LinearLayout
  android:layout_weight="1"
  android:orientation="vertical"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content">
  
  >
         <Button
         android:id="@+id/tambah"
         android:layout_width="fill_parent"
         android:layout_height="wrap_content"
         android:layout_weight="1"
         android:text="+"
         ></Button>
         <Button
         android:id="@+id/kurang"
         android:layout_width="fill_parent"
         android:layout_height="wrap_content"
         android:layout_weight="1"
         android:text="-"
         ></Button>
         <Button
         android:id="@+id/kali"
         android:layout_width="fill_parent"
         android:layout_height="wrap_content"
         android:layout_weight="1"
         android:text="*"
         ></Button>
         <Button
         android:id="@+id/bagi"
         android:layout_width="fill_parent"
         android:layout_height="wrap_content"
         android:layout_weight="1"
         android:text="/"
         ></Button></LinearLayout>
         <LinearLayout
  android:layout_weight="1"
  android:orientation="vertical"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content">
  
  >
         <Button
         android:id="@+id/clear"
         android:layout_width="fill_parent"
         android:layout_height="wrap_content"
         android:layout_weight="1"
         android:text="Clear"
         ></Button></LinearLayout>
</LinearLayout>
</LinearLayout>

Langkah Ketiga, kita bermain sedikit dengan kode seperti pembagian, perkalian, pengurangan, penambahan, terus kode untuk dipake di button clear pada MainActivity..


Source Code Untuk MainActivity :
package id.nanokomara.kalkulator;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.EditText;

public class MainActivity extends Activity implements OnClickListener {
/** Called when the activity is first created. */
Button satu,dua,tiga,empat,lima,enam,tujuh,delapan,sembilan,
nol,tambah,kali,kurang,bagi,samadengan,akar,clear,koma;
EditText input;
int operator;
double nilai1 , nilai2;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

input = (EditText)findViewById(R.id.input1);
satu = (Button)findViewById(R.id.satu);
dua = (Button)findViewById(R.id.dua);
tiga = (Button)findViewById(R.id.tiga);
empat = (Button)findViewById(R.id.empat);
lima = (Button)findViewById(R.id.lima);
enam = (Button)findViewById(R.id.enam);
tujuh = (Button)findViewById(R.id.tujuh);
delapan = (Button)findViewById(R.id.delapan);
sembilan = (Button)findViewById(R.id.sembilan);
nol = (Button)findViewById(R.id.nol);
tambah = (Button)findViewById(R.id.tambah);
kali = (Button)findViewById(R.id.kali);
kurang = (Button)findViewById(R.id.kurang);
bagi = (Button)findViewById(R.id.bagi);
samadengan = (Button)findViewById(R.id.samadengan);
koma = (Button)findViewById(R.id.koma);
clear = (Button)findViewById(R.id.clear);

satu.setOnClickListener(this);
dua.setOnClickListener(this);
tiga.setOnClickListener(this);
empat.setOnClickListener(this);
lima.setOnClickListener(this);
enam.setOnClickListener(this);
tujuh.setOnClickListener(this);
delapan.setOnClickListener(this);
sembilan.setOnClickListener(this);
nol.setOnClickListener(this);
tambah.setOnClickListener(this);
kali.setOnClickListener(this);
kurang.setOnClickListener(this);
bagi.setOnClickListener(this);
samadengan.setOnClickListener(this);
koma.setOnClickListener(this);
clear.setOnClickListener(this);

}

public void onClick(View v) {
switch (v.getId()) {
case R.id.satu:
handleNomor("1");
break;
case R.id.dua:
handleNomor("2"); 
break;
case R.id.tiga:
handleNomor("3");
break;
case R.id.empat:
handleNomor("4");
break;
case R.id.lima:
handleNomor("5");
break;
case R.id.enam:
handleNomor("6");
break;
case R.id.tujuh:
handleNomor("7");
break;
case R.id.delapan:
handleNomor("8");
break;
case R.id.sembilan:
handleNomor("9");
break;
case R.id.nol:
handleNomor("0");
break;
case R.id.koma:
handleNomor(".");
break;
case R.id.tambah:
nilai1=Double.parseDouble(input.getText().toString());
input.setText("");
operator=1;
break;
case R.id.kurang:
nilai1=Double.parseDouble(input.getText().toString());
input.setText("");
operator=2;
break;
case R.id.kali:
nilai1=Double.parseDouble(input.getText().toString());
input.setText("");
operator=3;
break;
case R.id.bagi:
nilai1=Double.parseDouble(input.getText().toString());
input.setText("");
operator=4;
break;
case R.id.samadengan:
nilai2=Double.parseDouble(input.getText().toString());
input.setText("");
if(operator==1){
input.setText(Double.toString(nilai1+nilai2));
}else if(operator==2){
input.setText(Double.toString(nilai1-nilai2));
}else if(operator==3){
input.setText(Double.toString(nilai1*nilai2));
}else if(operator==4){
input.setText(Double.toString(nilai1/nilai2));
}
break;
case R.id.clear:
clear();
break;
default:
break;
}


}
private void handleNomor(String nomor) {
// TODO Auto-generated method stub

String txt = input.getText().toString();
txt+=nomor;
input.setText(txt);

}
private void clear(){
input.setText("");
}
}

Langkah Keempat, Kita run as dech project nya (eitsssssssss, yg tadi harus disave dulu tentunya, kan biar ke save semua perubahan pada source kode yg kita udah otak atik tadi J )

 

Dan Tadaa....
Inilah screen shoot tampilan kalkulator sederhana. :D

 
Semoga Bermanfaat J
Silahkan download source code nya DISINI

 Lihat Juga :

TUTORIAL MEMBUAT TRIAL SELAMANYA PADA APLIKASI

MENJALANKAN APLIKASI ANDROID DI LAPTOP / PC

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • Twitter
  • RSS
Read Users' Comments (0)

TIPS 'N TRICK | Cara Mengatasi Apache Xampp Tidak Running (Busy Port 80)

Posted in Labels: , , | at December 01, 2013

Apache Xampp Not Running
Selamat Pagi :-)

Selamat Siang :D

Selamat Sore >_<

Selamat Malam ^_^

Ceritanya ane mau nyoba project web ane, ane install dlu xampp nya, singkat cerita udah terinstall nich xampp nya di laptop ane, tapi lho kqo gk bisa running apache nya, :(
Apache Xammp Running




udah nyari di gugel, dan ternyata belum berhasil juga..
Langsung saja...

Langkah Langkah ini cara mengatasinya

1. Buka file httpd.conf di C:\xampp\apache\conf\, kemudian buka dengan notepad

2. Cari Listen 80 kemudian ubah menjadi Listen 8080

3. Kemudian cari lagi ServerName localhost:80 lalu ubah menjadi ServerName localhost:8080

4. Save file tersebut

5. Buka file httpd-ssl.conf di C:\xampp\apache\conf\extra\

6. Cari Listen 443 kemudian ubah jadi Listen 4499

7. Cari lagi VirtualHost _default_:443 kemudian ubah menjadi VirtualHost _default_:4499

8. Setelah itu cari ServerName localhost:443 lalu ubah jadi ServerName localhost:4499

9. Save, kemudian jalankan xampp seperti biasa, biasanya akan muncul peringatan Apache started [Port 80]

Apache Xammp Running

Alhamdulillah bisa jalan skrg :)

10. Untuk mengakses xampp via web browsernya, masuk dengan alamat ini http://localhost:8080/xampp



Semoga Bermafaat ^_^
Terimkasih sudah mengunjungi blog kita. :D

Lihat Juga :

TUTORIAL MEMBUAT TRIAL SELAMANYA PADA APLIKASIMENJALANKAN APLIKASI ANDROID DI LAPTOP / PC



  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • Twitter
  • RSS
Read Users' Comments (6)
Subscribe to: Posts (Atom)