Monday, October 1, 2018

Tutorial Calculator menggunakan Android studio

Berikut ini langkah –langkah dalam membuat aplikasi kalkulator sederhana di android Studio 

1. Pertama buka aplikasi Android Studio yang telah berhasil di Install sebelumnya

2. Kemudian kita membuat project baru dengan mengklik File-New-New Project di pojok kiri atas dari android studio 
3. Isi bagian Application name dengan nama aplikasi yang akan dibuat, dan isi juga bagian Company Domain yang nantinya akan menentukan alamat aplikasi anda pada android studio. Dan kemudian klik “NEXT”
4. Kemudian akan tampil halaman dimana kita akan menentukan perangkat yang akan digunakan atau dipasang aplikasi yang kita buat, disini kita memilih “Phone dan Tablet” dan pilih API 15: Android 4.0.3 (Ice Cream Sandwich). Pemilihan API 15 bukan tanpa alasan, hal ini dikarenakan Os yang paling rendah adalah Ice Cream Sandwich sehingga ketika aplikasi kita dipasang pada Os diatasnya seperti JellyBean,Lollipop dll maka aplikasi dapat berjalan dengan baik. Setelah kita menentukan kemudian klik “NEXT”
5. Maka akan tampil halaman pemilihan tema dari Aplikasi yang akan kita buat. Untuk permulaan kita dapat memilih “Empty Activity”. Kemudian klik “NEXT”
6. Setelah pemilihan tema selesai maka akan tampil halaman selanjutnya yaitu tampilan informasi bagian nama activity dan layout activity  kita dimana nantinya disini akan menjadi tempat kita untuk menempatkan code dan menampilkan preview design tampilan aplikasi kita.
7. Masukan script activity_main.xml
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:app="http://schemas.android.com/apk/res-auto"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical"    tools:context="com.bmpnj.calcu.MainActivity">

    <EditText        android:id="@+id/editText1"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:ems="10"        android:hint="angka1"        android:inputType="textPersonName" />

    <EditText        android:id="@+id/editText2"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:ems="10"        android:hint="angka2"        android:inputType="textPersonName" />
    <LinearLayout        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:orientation="horizontal">

        <Button            android:id="@+id/button1"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="+" />

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

        <Button            android:id="@+id/button3"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="/" />

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

        <Button            android:id="@+id/button5"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_weight="1"            android:text="Hapus" />

    </LinearLayout>


    <TextView        android:id="@+id/textView2"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:textAlignment="center"        android:textSize="30sp"        android:textStyle="bold" />
</LinearLayout>
8. Masukan script activity_main.java
package com.bmpnj.calcu;

import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {
    EditText editAngka1, editAngka2;
    TextView tvHasil;
    Button tambah,kurang,bagi,kali,hapus;

    Integer angka1, angka2;

    @Override    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        editAngka1 = (EditText) findViewById(R.id.editText1);
        editAngka2 = (EditText) findViewById(R.id.editText2);
        tvHasil = (TextView) findViewById(R.id.textView2);
        tambah = (Button) findViewById(R.id.button1);
        kurang = (Button) findViewById(R.id.button2);
        bagi = (Button) findViewById(R.id.button3);
        kali = (Button) findViewById(R.id.button4);
        hapus = (Button) findViewById(R.id.button5);

        tambah.setOnClickListener(new View.OnClickListener() {
            @Override            public void onClick(View view) {
                HasilTambah();
            }
        });
        kurang.setOnClickListener(new View.OnClickListener() {
            @Override            public void onClick(View v) {
                HasilKurang();
            }
        });
        bagi.setOnClickListener(new View.OnClickListener() {
            @Override            public void onClick(View v) {
                HasilBagi();
            }
        });
        kali.setOnClickListener(new View.OnClickListener() {
            @Override            public void onClick(View v) {
                HasilKali();
            }
        });
        hapus.setOnClickListener(new View.OnClickListener() {
            @Override            public void onClick(View v) {
                hapus();
            }
        });
    }


    public void HasilTambah() {
        if (!editAngka1.getText().toString().isEmpty()) {
            Toast.makeText(this, "Mohon isi form Angka 1", Toast.LENGTH_SHORT).show();
        }
        if (!editAngka2.getText().toString().isEmpty()) {
            Toast.makeText(this, "Mohon isi form Angka 2", Toast.LENGTH_SHORT).show();
        }
        try {
            angka1 = Integer.parseInt(editAngka1.getText().toString());
        } catch (Exception e) {
            Toast.makeText(this, "Mohon isi angka pada form 1", Toast.LENGTH_SHORT).show();
        }
        try {
            angka2 = Integer.parseInt(editAngka2.getText().toString());
        } catch (Exception e) {
            Toast.makeText(this, "Mohon isi angka pada form 2", Toast.LENGTH_SHORT).show();
        }
        Integer hasil = angka1 + angka2;
        tvHasil.setText(String.valueOf(hasil));
    }

    public void HasilKurang(){
        if (!editAngka1.getText().toString().isEmpty()){
            Toast.makeText(this,"Mohon isi angka pada form pertama",Toast.LENGTH_SHORT).show();
        }
        if (!editAngka2.getText().toString().isEmpty()){
            Toast.makeText(this, "Mohon isi angka pada form kedua",Toast.LENGTH_SHORT).show();
        }
        try {
            angka1 = Integer.parseInt(editAngka1.getText().toString());
        }catch (Exception e){
            Toast.makeText(this, "Mohon isi angka pada form pertama",Toast.LENGTH_SHORT).show();
        }
        try {
            angka2 = Integer.parseInt(editAngka2.getText().toString());
        }catch (Exception e){
            Toast.makeText(this, "Mohon Isi angka pada form kedua",Toast.LENGTH_SHORT).show();
        }
        Integer hasil = angka1 - angka2;
        tvHasil.setText(String.valueOf(hasil));
    }

    public void HasilBagi(){
        if (!editAngka1.getText().toString().isEmpty()){
            Toast.makeText(this,"Mohon isi angka pada form pertama",Toast.LENGTH_SHORT).show();
        }
        if (!editAngka2.getText().toString().isEmpty()){
            Toast.makeText(this, "Mohon isi angka pada form kedua",Toast.LENGTH_SHORT).show();
        }
        try {
            angka1 = Integer.parseInt(editAngka1.getText().toString());
        }catch (Exception e){
            Toast.makeText(this, "Mohon isi angka pada form pertama",Toast.LENGTH_SHORT).show();
        }
        try {
            angka2 = Integer.parseInt(editAngka2.getText().toString());
        }catch (Exception e){
            Toast.makeText(this, "Mohon Isi angka pada form kedua",Toast.LENGTH_SHORT).show();
        }
        Integer hasil = angka1 / angka2;
        tvHasil.setText(String.valueOf(hasil));
    }

    public void HasilKali(){
        if (!editAngka1.getText().toString().isEmpty()){
            Toast.makeText(this,"Mohon isi angka pada form pertama",Toast.LENGTH_SHORT).show();
        }
        if (!editAngka2.getText().toString().isEmpty()){
            Toast.makeText(this, "Mohon isi angka pada form kedua",Toast.LENGTH_SHORT).show();
        }
        try {
            angka1 = Integer.parseInt(editAngka1.getText().toString());
        }catch (Exception e){
            Toast.makeText(this, "Mohon isi angka pada form pertama",Toast.LENGTH_SHORT).show();
        }
        try {
            angka2 = Integer.parseInt(editAngka2.getText().toString());
        }catch (Exception e){
            Toast.makeText(this, "Mohon Isi angka pada form kedua",Toast.LENGTH_SHORT).show();
        }
        Integer hasil = angka1 * angka2;
        tvHasil.setText(String.valueOf(hasil));
    }


    public void hapus(){
        Intent refresh = new Intent(this, MainActivity.class);
        startActivity(refresh);
        this.finish(); //    }


9. Selanjutnya untuk melihat aplikasi kalkulator sederhana kita,maka kita dapat meng-run dengan mengklik tombol hijau seperti pada gambar dibawah ini.



10. Kemudian akan tampil halaman jendela seperti gambar dimana kita akan menghubungkan dengan perangkat untuk men-simulasikan aplikasi kita. Dapat menggunakan Emulator yang telah ditelah disediakan oleh Android Studio atau dengan menghubungkan dengan Hp kita menggunakan USB.

17. Berikut ini merupakan tampilan aplikasi kalkulator sederhana yang telah dibuat dan ditampilkan dengan Emulator. Selanjutnya kita melakukan percobaan pada aplikasi yang telah kita buat dengan memasukan 2 buah bilangan. Dan seperti pada gambar dibawah ini lah hasil percobaan yang telah dilakukan. 

No comments:

Post a Comment