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

MEMBUAT APLIKASI SEDERHANA MENGGUNAKAN ANDROID STUDIO

GEDE NGURAH YOGA PRAMANA / 1404505078

JURUSAN TEKNOLOGI INFORMASI
FAKULTAS TEKNIK
UNIVERSITAS UDAYANA
PEMROGRAMAN MOBILE

I PUTU AGUS EKA PRATAMA, ST.

1. Pastikan terlebih dahulu komponen-komponen yang di butuhkan sudah terinstall. Kemudian jalankan Android Studio.


2. Apabila anda berada di Welcome to Android Studio bisa memlih Start new Android Studio project.

3. Setelah itu isikan nama project, dan nama domain yang nantinya akan diconvert menjadi nama package. Kalian juga bisa memilih folder lokasi untuk menyimpan project ini. Setelah itu klik Next.

4. Di halaman selanjutnya, anda akan diminta untuk memilih minimum SDK yang akan digunakan. Kesediaan jenis SDK yang muncul di list sesuai dengan SDK apa saja yang telah anda download. Pada Android Studio juga akan otomatis ditampilkan persentase devices yang support dengan SDK yang kalian pilih. Klik Next.

5. Langkah berikutnya, anda akan memilih jenis Activity yang akan ditampilkan pada aplikasi Android. Android Studio menyediakan banyak jenis template untuk tiap-tiap Activity, seperti MapActivity, FragmentActivity, FullScreen, dan lain sebagainya. Untuk keperluan tutorial ini kita pilih saja Empty Activity. Kemudian klik Next.

6. Tahap ke enam adalah memberi nama untuk Activity Android anda, anda hanya perlu mengisi kolom “Activity Name”, dari situ otomatis Android Studio akan meng-generate nama untuk layout dan lain sebagainya. Jika sudah klik Finish.

Setelah tahap-tahap di atas selesai dijalankan, maka kalian akan masuk ke halaman utama Android Studio.

Pada gambar di atas akan terlihat layout dari aplikasi yang sedang anda buat langsung muncul di bagian tengah. Sedangkan pada bagian kiri adalah struktur project dari aplikasi Android yang sedang anda buat. Pada Android Studio, struktur aplikasi akan dibagi menjadi beberapa elemen seperti di bawah :

Pada gambar itu, bisa dilihat struktur aplikasi Android tersebut mempunyai root di folder app, app itu adalah nama module dari aplikasi HelloWorld yang kita buat.

Bisa dilihat juga aplikasi Android di Android Studio mempunyai 3 folder utama, yaitu manifest, java, dan res. Tidak jauh berbeda dengan struktur pada Eclipse. Untuk penjelasannya sebagai berikut :
1. Manifest : berisi file AndroidManifest.xml
2. Java : berisi source code aplikasi Android yang kita buat dalam bentuk file .java. Perlu diketahui ada dua folder androidTest dan main, source code yang kita pakai berada pada folder main, bukan di androidTest.
3. Res : kemudian folder res berisi file-file resource, seperti layout, drawable, dan sebagainya. Untuk file layout dan kebanyakan resource lain, Android menggunakan file .xml. Untuk resource drawable bisa berupa gambar (PNG/JPEG) bisa juga berupa file xml.


Untuk mengubah kata Hello World kita dapat mengubahnya dengan cara klik text pada properties yang berada di pojok kanan. Lalu ubah kata Hello World dengan apa yang anda inginkan

Jika sudah, maka anda bisa menjalankan aplikasi yang telah anda buat. Untuk menjalankan aplikasi cukup dengan menekan Shift + F10, atau dengan mengklik tombol panah hijau pada toolbar bagian atas Android Studio.

Setelah di run maka tab baru yang mengharuskan anda untuk memilih emulator untuk aplikasi yang telah anda buat akan muncul. Maka pilih emulator yang akan di gunakan. Saya menggunakan emulator BlueStack karena menurut saya emulator ini tidak terlalu menggunakan banyak memori. Anda juga dapat memilih emulator bawaan dari Android Studio dengan memilih Launch Emulator beserta API yang akan di gunakan untuk menjalankan aplikasi anda.

Apabila pesan sukses telah muncul maka aplikasi yang telah anda buat akan berjalan dengan.

Selamat mencoba

Read More