TUTORIAL MEMBUAT CALCULATOR PADA ANDROID

·         Buka Java-ADT buat project baru dengan klik file – new – android application project, seperti gambar di bawah ini :

·         Akan muncul jendela New Android Application, klik Next seperti gambar di bawah ini :

 ·         Setelah di klik Next akan muncul jendela lagi, di klik next lagi sampai muncul jendela yang terakhir yaitu Blank Activity lalu Finish. Seperti gambar di bawah ini :

·         Kemudian muncul lembar project yang akan dibuat, pertama pada Pallete Text Fields ada number yang bertuliskan angka 42 drag angka tersebut ke dalam lembar project dua kali karena untuk memasukkan angka yang akan dihitung, lalu kita juga menambahkan button 2 yang tersedia pada pallete form widgets untuk “hitung” dan “reset” dan yang terakhir kita menambahkan textview untuk hasil perhitungannya. Sehingga tampilannya seperti di bawah ini :

 ·         Langkah berikutnya memberikan id pada masing-masing button, text view, dan number caranya klik kanan pada button/ textview/number – pilih edit id – pada jendela Rename Resource isi New name misalkan “bilangan2” jika pada button isikan dengan “hitung” dan “reset” pada number yang kedua “bilangan1” dan pada textview “hasil”.

 ·         Kemudian pada button hitung kita juga akan mengubah nama button nya dengan cara klik kanan pada button pilih Edit Text lalu akan muncul jendela Resource Chooser pilih new string isikan dengan “hitung”, lalu Ok.

 ·         Tuliskan source code di bawah ini pada 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"

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

    <Button

        android:id="@+id/hitung"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignLeft="@+id/bilangan2"

        android:layout_below="@+id/bilangan2"

        android:layout_marginTop="52dp"

        android:text="@string/txthitung" />

<Button

        android:id="@+id/reset"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignBaseline="@+id/hitung"

        android:layout_alignBottom="@+id/hitung"

        android:layout_alignRight="@+id/isiangka2"

        android:text="@string/txtreset" />

    <EditText

        android:id="@+id/bilangan1"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignParentTop="true"

        android:layout_centerHorizontal="true"

        android:layout_marginTop="65dp"

        android:ems="10"

        android:inputType="number" />

    <EditText

        android:id="@+id/bilangan2"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignLeft="@+id/bilangan1"

        android:layout_below="@+id/bilangan1"

        android:layout_marginTop="30dp"

        android:ems="10"

        android:inputType="numberDecimal" />

    <TextView

        android:id="@+id/hasil"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignLeft="@+id/hitung"

        android:layout_below="@+id/hitung"

        android:layout_marginTop="68dp"

        android:text="TextView" />

</RelativeLayout>

·         Pada nama project yang kita buat di bawahnya terdapat folder src buka folder tersebut akan muncul folder lagi yang isinya MainActivity.java klik dua kali ketikkan Source code di bawah ini:

package semangat.example.calculator;

import java.text.DecimalFormat;

import android.os.Bundle;

import android.app.Activity;

import android.view.Menu;

import android.view.View;

import android.view.View.OnClickListener;

import android.widget.Button;

import android.widget.EditText;

import android.widget.TextView;

public class MainActivity extends Activity {

         EditText bilangan1, bilangan2;

         TextView hasil;

Button reset;

         Button hitung;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

       

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

        bilangan1 = (EditText) findViewById(R.id.bilangan1);

        bilangan2 = (EditText) findViewById(R.id.bilangan2);

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

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

       

        hitung.setOnClickListener(new itung());

    }

    private class itung implements OnClickListener {

         public void onClick(View v){

                     try {

                                 double h = Double.parseDouble(bilangan1.getText().toString());

                                 double d = Double.parseDouble(bilangan2.getText().toString());

                                 double hsl = h+d;

                                 DecimalFormat df = new DecimalFormat("@@##");

                                 hasil.setText(df.format(hsl));

                     }

                     catch (Exception e){}

         }

    }

    @Override

    public boolean onCreateOptionsMenu(Menu menu) {

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

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

        return true;

    }

   

}

·         Setelah langkah-langkah di atas sudah dilakukan dengan benar dan tidak ada yang tertinggal, save all terlebih dahulu project  yang telag di buat.

·         Tapi sebelum langkah yang terakhir buat emulatornya terlebih dahulu, caranya klik icon handphone yang kecil di bawah menu navigate yaitu Android Virtual Device Manager – New – pada create new adroid device manager ketikkan nama AVD contoh “endah” pilih device nya, lalu Ok. Lihat gambar di bawah ini :

 ·         Kemudian jalankan AVD yang telah di buat, dengan klik Start-Launch.

 ·         Lalu Run As dengan cara klik kanan pada nama project –Run As-Android Application, seperti gambar di bawah ini :

 ·         Emulator sedang dalam proses

 ·         Setelah proses selesai akan muncul tampilan seperti di bawah ini, untuk membuka project yang telah kita buat, klik menu.

 ·         Inilah menu yang ada cari nama project kita, lalu buka.

 ·         Dan inilah hasil perhitungannya , seperti gambar di bawah ini :

7 + 10 =17

Read More

TUTORIAL MEMBUAT RADIO BUTTON PADA ADT BUNDLE

Android adalah system operasi untuk telepon seluler yang berbasis Linux. Android menyediakan platform terbuka bagi para pengembang buat menciptakan aplikasi mereka sendiri untuk digunakan oleh bermacam piranti bergerak. Awalnya Google Inc., pendatang baru yang membuat piranti lunak untuk ponsel. Kemudian untuk mengembangkan Android, dibentuklah Open Handset Alliance, konsorsium dari 34 perusahaan piranti keras, piranti lunak, dan telekomunikasi, termasuk Google, HTC, Intel, Motorola, Qualcomn, T-Mobile, dan Nvidia.

Dan di bawah ini merupak tutorial membuat Radio Button pada ADT Bundle:                                                                         

Ø  Buka Java-ADT maka akan muncul jendela select a workspace yaitu tempat dimana project tersebut akan disimpan.

 Ø  Kemudian pilih file – new – android application project, seperti gambar di bawah ini :

 Ø  Akan muncul kotak dialog new android application, masukkan nama projectnya misalkan “praktikum3” seperti gambar di bawah ini, lalu next.

 Ø  Selanjutnya muncul jendela di bawah ini, klik next.

 Ø  Akan muncul jendela configure launcher icon yang digunakan untuk mengubah icon, warna background, clip art, dan jenis text yang akan di tampilkan pada hasil akhirnya, lalu next.

 Ø  Kemudian akan muncul jendela create activity, next.

 Ø  Setelah itu jendela blank activity sesuai yang sudah di pilih pada jendela create activity, di atas – Next.

 Ø  Tibalah di pembuatan projectnya yang pertama, klik kanan pada tengah –tengah project – change layout.

 Ø  Pada jendela change layout pilih Linera Layout (Vertical).

 Ø  Lalu klik OK

 Ø  Pada project bagian bawah terdapat activity_main.xml yang berada di sebelah graphical layout, klik graphical layout dan akan masuk ke activity main.

Ø  lalu tuliskan source kode di bawah ini :

package com.example.radiobutton;

import android.os.Bundle;

import android.app.Activity;

import android.view.Gravity;

import android.view.Menu;

import android.widget.LinearLayout;

import android.widget.RadioGroup;

import android.widget.RadioGroup.OnCheckedChangeListener;

public class MainActivity extends Activity implements OnCheckedChangeListener {

private RadioGroup orientation, gravity;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        content();

    }

    public void content(){

    orientation = (RadioGroup) findViewById(R.id.orientation);

    orientation.setOnCheckedChangeListener(this);

    gravity = (RadioGroup) findViewById(R.id.gravity);

    gravity.setOnCheckedChangeListener(is);

    }

    @Override

    public boolean onCreateOptionsMenu(Menu menu) {

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

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

        return true;

    }

@Override

public void onCheckedChanged(RadioGroup arg0, int missyou) {

// TODO Auto-generated method stub

switch (missyou){

case R.id.horizontal:

               orientation.setOrientation(LinearLayout.HORIZONTAL);

               break;

case R.id.vertikal:

               orientation.setOrientation(LinearLayout.VERTICAL);

               break;

case R.id.left:

               gravity.setGravity(Gravity.LEFT);

               break;

case R.id.center:

               gravity.setGravity(Gravity.CENTER);                                                                                                 

               break;

case R. id.right:

               gravity.setGravity(Gravity.Right);

               break;

                        }

}

}

Ø  pada bagian kiri atas project banyak folder yang tersedia, pilih folder src , kemudian akan muncul folder lagi, klik dua kali MainActivity.java.

Setelah itu ketikan source kode sebagai berikut :

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:tools="http://schemas.android.com/tools"

    android:id="@+id/LinearLayout1"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="vertical"

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

<RadioGroup

    android:id="@+id/orientation"

    android:orientation=:horizontal"

    android:layout_width="wrap_content"

    android:layout_height=wrap_content"

    android:padding="5px">

    <RadioButton

        android:id="@+id/horizontal"

        android:text="horizontal" />

    <RadioButton

        android:id="@+id/vertikal" />

    </RadioGroup>

    <RadioGroup

        android:id="@+id/gravity"

        android:orientation="vertikal"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

  android:padding="5px">

    <RadioGroup >

                  android:id+"@+id/left"

                  android:text="left" />

    <RadioButton

                  android:id="@+id/center"

                  android:text="center" />

    <RadioButton

                  android:id="@+id/right"

                  android:text="right" />

    <RadioGroup >

</LinearLayout>

Ø  Dan saatnya membuat emulatornya :

Klik icon Android virtual device manager yang berada di tab menu lalu akan muncul jendela di bawah ini :

Ø  Kemudian klik tab new pada sebelah kanan akan muncul jendela di bawah ini, isi nama AVD, misalkan “endah” 

 Ø  AVD telah di buat, saatnya klik nama AVD lalu start.

 Ø  Pilih launch.

 Ø  langkah-langkah di atas sudah dilakukan dengan benar, maka kini saatnya menjalankan program nya, yaitu dengan klik kanan project – Run As projectnya, maka akan muncul gambar seperti di bawah ini :

 Ø  setelah itu pada tampilan di atas pilih menu yang bericon titik-titik enam yang berada di tengah, maka akan muncul tampilan menu di bawah ini :

 Ø  lalu buka project yang telah di buat, dengan klik nama projectnya yaitu radiobutton, maka tampilan akan tampak seperti gambar di bawah ini :

 Ø  jika ingin menampilkan horisontal klik button vertical :

 Ø  tampilan untuk center

 Ø  untuk tampilan right

 Ø  untuk tampilan left

Read More