Aplikasi Kalkulator Sederhada Menggunakan Android Studio

GEDE NGURAH YOGA PRAMANA / 1404505078

JURUSAN TEKNOLOGI INFORMASI
FAKULTAS TEKNIK
UNIVERSITAS UDAYANA
PEMROGRAMAN MOBILE

I PUTU AGUS EKA PRATAMA, ST. MT


1.Buat project baru dengan cara klik Start New Android Studio Project atau dengan cara klik New pada toolbar lalu klik New Project.


2.Setelah itu masukkan nama aplikasi yaitu Aplikasi Kalkulator lalu klik Next.




3. Tahap selanjutnya, centang Phone and Tablet lalu pilih API 15. Klik Next.



4. Setelah tahap di atas selesai lalu pilih Blank Activity. Klik Next.



5. Biarkan nama activity, nama layout tetap default. Klik Finish.



6. Apabila projek sudah siap maka copy code di bawah ini.

<?xml version="1.0"
encoding="utf-8"?>

<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="com.example.arya.kalkulator.MainActivity">



    <TableLayout

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

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:shrinkColumns="*"

        android:stretchColumns="*"

        android:background="#ffffff">

        <TableRow

            android:layout_height="match_parent"

            android:layout_width="match_parent"

            android:gravity="center_horizontal">

            <EditText

                android:id="@+id/result_id"

                android:layout_width="match_parent"

                android:layout_height="match_parent"

                android:textSize="30dp"

                android:layout_span="4"

                android:padding="30dip"

                android:background="#b0b0b0"

                android:textColor="#000"/>

        </TableRow>

        <TableRow

            android:id="@+id/tableRow1"

            android:layout_height="match_parent"

            android:layout_width="match_parent">

            <Button

                android:id="@+id/Btn7_id"

                android:text="7"

                android:textSize="20dp"

                android:layout_weight="1"

                android:background="#cac9c9"

                android:textColor="#000000"

                android:padding="30dip"

                android:onClick="btn7Clicked"

                android:gravity="center"/>

            <Button

                android:id="@+id/Btn8_id"

                android:text="8"

                android:textSize="20dp"

                android:layout_weight="1"

                android:background="#d3d3d3"

                android:textColor="#000000"

                android:padding="30dip"

                android:onClick="btn8Clicked"

                android:gravity="center"/>

            <Button

                android:id="@+id/Btn9_id"

                android:text="9"

                android:textSize="20dp"

                android:layout_weight="1"

                android:background="#cac9c9"

                android:textColor="#000000"

                android:padding="30dip"

                android:onClick="btn9Clicked"

                android:gravity="center"/>

            <Button

                android:id="@+id/Btnmulti_id"

                android:text="*"

                android:textSize="20dp"

                android:layout_weight="1"

                android:background="#d3d3d3"

                android:textColor="#000000"

                android:padding="30dip"

                android:onClick="btnmultiClicked"

                android:gravity="center"/>

        </TableRow>

        <TableRow

            android:id="@+id/tableRow2"

            android:layout_height="match_parent"

            android:layout_width="match_parent">

            <Button

                android:id="@+id/Btn4_id"

                android:text="4"

                android:background="#d3d3d3"

                android:textColor="#000000"

                android:padding="30dip"

                android:textSize="20dp"

                android:layout_weight="1"

                android:onClick="btn4Clicked"

                android:gravity="center"/>

            <Button

                android:id="@+id/Btn5_id"

                android:text="5"

                android:textSize="20dp"

                android:layout_weight="1"

                android:background="#cac9c9"

                android:textColor="#000000"

                android:padding="30dip"

                android:onClick="btn5Clicked"

                android:gravity="center"/>

            <Button

                android:id="@+id/Btn6_id"

                android:text="6"

                android:background="#d3d3d3"

                android:textColor="#000000"

                android:padding="30dip"

                android:textSize="20dp"

                android:layout_weight="1"

                android:onClick="btn6Clicked"

                android:gravity="center"/>

            <Button

                android:id="@+id/Btndivide_id"

                android:text="/"

                android:layout_weight="1"

                android:background="#cac9c9"

                android:textColor="#000000"

                android:padding="30dip"

                android:textSize="20dp"

                android:onClick="btndivideClicked"

                android:gravity="center"/>

        </TableRow>

        <TableRow

            android:id="@+id/tableRow3"

            android:layout_height="match_parent"

            android:layout_width="match_parent">

            <Button

                android:id="@+id/Btn1_id"

                android:text="1"

                android:background="#cac9c9"

                android:textColor="#000000"

                android:padding="30dip"

                android:layout_weight="1"

                android:textSize="20dp"

                android:onClick="btn1Clicked"

                android:gravity="center"/>

            <Button

                android:id="@+id/Btn2_id"

                android:text="2"

                android:textSize="20dp"

                android:layout_weight="1"

                android:background="#d3d3d3"

                android:textColor="#000000"

                android:padding="30dip"

                android:onClick="btn2Clicked"

                android:gravity="center"/>

            <Button

                android:id="@+id/Btn3_id"

                android:text="3"

                android:textSize="20dp"

                android:background="#cac9c9"

                android:textColor="#000000"

                android:padding="30dip"

                android:layout_weight="1"

                android:onClick="btn3Clicked"

                android:gravity="center"/>

            <Button

                android:id="@+id/Btnpersen_id"

                android:text="%"

                android:textSize="20dp"

                android:layout_weight="1"

                android:background="#d3d3d3"

                android:textColor="#000000"

                android:padding="30dip"

                android:onClick="btnpersenClicked"

                android:gravity="center"/>

        </TableRow>

        <TableRow

            android:id="@+id/tableRow4"

            android:layout_height="match_parent"

            android:layout_width="match_parent">

            <Button

                android:id="@+id/Btnplus_id"

                android:text="+"

                android:textSize="20dp"

                android:background="#d3d3d3"

                android:textColor="#000000"

                android:padding="30dip"

                android:layout_weight="1"

                android:onClick="btnplusClicked"

                android:gravity="center"/>

            <Button

                android:id="@+id/Btn0_id"

                android:text="0"

                android:textSize="20dp"

                android:background="#cac9c9"

                android:textColor="#000000"

                android:padding="30dip"

                android:layout_weight="1"

                android:onClick="btn0Clicked"

                android:gravity="center"/>

            <Button

                android:id="@+id/Btnminus_id"

                android:text="-"

                android:textSize="20dp"

                android:background="#d3d3d3"

                android:textColor="#000000"

                android:padding="30dip"

                android:layout_weight="1"

                android:onClick="btnminusClicked"

                android:gravity="center"/>

            <Button

                android:id="@+id/Btnequal_id"

                android:text="="

                android:textSize="20dp"

                android:layout_weight="1"

                android:background="#b0b0b0"

                android:textColor="#000000"

                android:padding="30dip"

                android:onClick="btnequalClicked"

                android:gravity="center"/>

        </TableRow>

        <TableRow

            android:layout_height="match_parent"

            android:layout_width="match_parent"

            android:gravity="center_horizontal"

            >

            <Button

                android:id="@+id/Btnclear_id"

                android:text="CLEAR"

                android:textSize="20dp"

                android:layout_weight="1"

                android:background="#dcdcdc"

                android:textColor="#000000"

                android:padding="30dip"

                android:onClick="btnclearClicked"

                android:gravity="center"/>

            <Button

                android:id="@+id/Btnexit_id"

                android:text="EXIT"

                android:textSize="20dp"

                android:layout_weight="1"

                android:background="#dcdcdc"

                android:textColor="#000000"

                android:padding="30dip"

                android:onClick="btnexitClicked"

                android:gravity="center"/>

        </TableRow>


Salin code di atas ke dalam activity_main.xml yang terletak pada folder app/res/layout


package com.example.arya.kalkulator;

import android.content.Intent;
import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.EditText;

public class MainActivity extends ActionBarActivity {
    public String str ="";
    Character op = 'q';
    float i,num,numtemp;
    EditText showResult;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        showResult = (EditText)findViewById(R.id.result_id);
    }
    public void btn0Clicked(View v){
        insert(0);
    }
    public void btn1Clicked(View v){
        insert(1);
    }
    public void btn2Clicked(View v){
        insert(2);
    }
    public void btn3Clicked(View v){
        insert(3);
    }
    public void btn4Clicked(View v){
        insert(4);
    }
    public void btn5Clicked(View v){
        insert(5);
    }
    public void btn6Clicked(View v){
        insert(6);
    }
    public void btn7Clicked(View v){
        insert(7);
    }
    public void btn8Clicked(View v){
        insert(8);
    }
    public void btn9Clicked(View v){
        insert(9);
    }
    public void btnplusClicked(View v){
        perform();
        op = '+';
    }
    public void btnminusClicked(View v){
        perform();
        op = '-';
    }
    public void btndivideClicked(View v){
        perform();
        op = '/';
    }
    public void btnmultiClicked(View v){
        perform();
        op = '*';
    }
    public void btnpersenClicked(View v){
        perform();
        op = '%';
    }
    public void btnequalClicked(View v){
        calculate();
    }
    public void btnclearClicked(View v){
        reset();
    }
    public void btnexitClicked(View v){
        exit();
    }
    private void reset() {
// TODO Autogenerated method stub
        str ="";
        op ='q';
        num = 0;
        numtemp = 0;
        showResult.setText("");
    }
    public void exit()
    {
        this.finish();
        Intent intent = new Intent(Intent.ACTION_MAIN);
        intent.addCategory(Intent.CATEGORY_HOME);
        intent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
        startActivity(intent);
    }
    private void insert(int j) {
// TODO Autogenerated method stub
        str = str+Integer.toString(j);
        num = Integer.valueOf(str).intValue();
        showResult.setText(str);
    }
    private void perform() {
// TODO Autogenerated method stub
        str = "";
        calculateNoShow();
        numtemp = num;
    }
    private void calculate() {
// TODO Autogenerated method stub
        if(op == '+')
            num = numtemp+num;
        else if(op == '-')
            num = numtemp-num;
        else if(op == '/')
            num = numtemp/num;
        else if(op == '*')
            num = numtemp*num;
        else if(op == '%')
            num = numtemp%num;
        showResult.setText(""+num);
    }
    private void calculateNoShow() {
// TODO Autogenerate method stub
        if(op == '+')
            num = numtemp+num;
        else if(op == '-')
            num = numtemp-num;
        else if(op == '/')
            num = numtemp/num;
        else if(op == '*')
            num = numtemp*num;
        else if(op == '%')
            num = numtemp%num;
    }
}


Salin code di atas ke MainActivity.java yang terletak pada folder app/java/com.example.[user].kalkulator

Apabila code-code di atas telah di copy maka saatnya untuk menjalankan aplikasi yang sudah di buat dan hasilnya akan seperti gambar di bawah.





Selamat Mencoba!

Read More

Langkah-langkah Memuat Program Aplikasi Wisata Pada Aplikasi Adroid Studio

GEDE NGURAH YOGA PRAMANA / 1404505078

JURUSAN TEKNOLOGI INFORMASI
FAKULTAS TEKNIK
UNIVERSITAS UDAYANA
PEMROGRAMAN MOBILE

I PUTU AGUS EKA PRATAMA, ST. MT

Langkah-langkah Memuat Program Aplikasi Wisata Pada Aplikasi Adroid Studio

Berikut langkah-langkah dalam membuat Aplikasi Wisata dalam Android Studio :
1) Buka Aplikasi Android Studio

2) Pilih New Project



3) Pilih nama aplikasi (disini kita namakan dengan "Wisata") beserta lokasi folder aplikasi-nya lalu klik next



4) Pilih Platform yang akan digunakan untuk menjalankan aplikasi, lalu klik next



5) Pilih Blank Activity, lalu klik next



6) Biarkan setting secara default, lalu klik next



7) Setelah selesai, maka akan muncul tampilan seperti berikut



8) Ketikkan script XML berikut ini ke dalam file activity_main.xml yang ada di /res/layout. (Pilih opsi Text disamping Design)  

<?xml version="1.0" encoding="utf-8"?>        
<LinearLayout 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:layout_margin="16dp"
android:orientation="vertical"
tools:context=".MainActivity">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="20dp"
android:text="Pilih objek wisata di Bali"
android:textSize="24sp" />
<Spinner
android:id="@+id/spinner"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:backgroundTint="#2ecc71"
android:entries="@array/android_dropdown_arrays"
android:padding="5dp" />
<TextView
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_marginBottom="20dp"
android:gravity="bottom|center"
android:text="Johan Tamin - 1404505110"
android:textSize="12sp"
android:textStyle="bold" />
</LinearLayout

Jika berhasil, maka design akan muncul sebagai berikut

9) Ketikkan script Java berikut pada file main_activity.java yang ada di /app/java/com.example (Setiap komputer memiliki pengaturan profile yg berbeda)

<resources>
<string name="app_name">WisataBali</string>
<string name="hello_world">Hello world!</string>
<string name="action_settings">Settings</string>
<stringarray
name="android_dropdown_arrays">
<item>Pilih</item>
<item>Tirta Gangga Karangasem</item>
<item>Panelokan Bangli</item>
<item>Pantai Kuta Badung</item>
<item>Kerta Gosa Klungkung</item>
<item>Kebun Raya Bedugul Tabanan</item>
<item>Hutan Lindung Bali Barat Jembrana</item>
<item>Tirta Empul Gianyar</item>
</stringarray>
</resources>

11) Kini kita jalankan aplikasi kalkulator di emulator, klik tombol panah hijau di bagian atas 

12) Pilih emulator yang akan dipakai untuk menjalankan aplikasi (Disini kita akan menggunakan emulator BlueStack)

13) Berikut merupakan tampilan aplikasi di bluestack

Uji Coba Aplikasi :

1) Kita akan mencoba dengan menekan drop list button

2) Kita pilih salah satu pilihan yaitu "Tirta Gangga Karangasem". Hasilnya akan seperti berikut

3) Selamat, Anda telah berhasil membuat aplikasi wisata!

Read More

PROGRAM JAM SEDERHANA PADA APLIKASI ANDROID STUDIO

GEDE NGURAH YOGA PRAMANA / 1404505078

JURUSAN TEKNOLOGI INFORMASI
FAKULTAS TEKNIK
UNIVERSITAS UDAYANA
PEMROGRAMAN MOBILE

I PUTU AGUS EKA PRATAMA, ST. MT

Cara Membuat Program Jam Sederhana pada Aplikasi Adroid Studio

1. Langkah pertama Buka Android Studio, dan buatlah project baru. Pada contoh kali ini, saya memberikan nama project sebagai TI-CLOCK. Setelah itu click Next.

2. Setelah langkah pertama selesai selanjutnya yaitu menentukan Target Android Device, pada kasus kali ini, saya menggunakan Android versi 4.0.3. Setelah selesai, klik next.

3. Setelah klik next, pilihlah blank activity.

4. Setelah memilih template blank activity, selanjutnya akan di arahkan ke jendela Cuztomize the Activity, biarkan saja settingan default, lalu klik Finish.

5. Selanjutnya akan muncul tampilan utama pada android studio.

6. Untuk membuat sebuah aplikasi jam, carilah bagian palette, lalu pada bagian suh menu Date & time akan terdapat sebuah widget Analog Clock, Drag and drop widget tersebut dan bawa ke areal kerja dari Android Studio.

7. Setelah selesai, run aplikasi, dan akan muncul seperti gambar di bawah ini.

Selamat mencoba

Read More