LAPORAN 1

Pembuatan Aplikasi Sederhana “Simpel

Kalkulator”

Disusun Untuk Memenuhi Tugas

Mata Kuliah Pemrograman Mobile
Semester 5

PEMBIMBING :
Ahmad Wilda Yulianto, S.T., M.T

Penyusun:
Dzurrotul Fikriyah
NIM: 1731130068
TT-3B

TEKNIK TELEKOMUNIKASI
TEKNIK ELEKTRO
POLITEKNIK NEGERI MALANG
2019
1. Tujuan
Diharapkandenganadanyapraktikuminimahasiswa/idapat:
a. Mengerticara membuat aplikasi sederhana melalui android studio

2. AlatdanBahan
a. PC/Laptop
b. Software Android Studio
c. Kabel data
d. Smartphone (Minimal OS Ice Cream Sandwitch)

3. Langkah-langkah
1. Buka Android Studio

Gambar 3.1Tampilanawal software Android Studio

2. Buka project baru dengan klik File => New => New Project

Gambar 3.2Memulai Project Baru

3. Pilih Empty Activity

Gambar 3.3Memilih project “Empty Activity”

4. Beri Nama Project “Simpel Kalkulator”. Kemudian klik Finish

Gambar 3.4Mengkonfigurasi project baru

5. Buka App => res => layout. Kemudian buat Layout Source file baru dengan
klik kanan pada layout kemudian pilih new => Layout Source File

Gambar 3.5 Membuat Layout Source File baru

6. Beri nama “main”, kemudian klik OK

Gambar 3.6 Memberi nama Layout Source File baru

7. Buka “main” dengan cara klik dua kali pada main.xml

Gambar 3.7 Membuka main.xml

8. Masukkan script berikut ke dalam main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/mainLayout"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical">

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="12dp"
android:text="@string/Hello"
android:textSize="30sp" />

<EditText
android:id="@+id/value1"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:hint="@string/Hint1"
android:inputType="numberDecimal"
android:textSize="32sp"></EditText>
<EditText
android:id="@+id/value2"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:hint="@string/Hint2"
android:inputType="numberDecimal"
android:textSize="32sp" />

<FrameLayout
android:id="@+id/FrameLayout01"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="#ff0000"
android:padding="5dp">

<LinearLayout
android:id="@+id/LinearLayout02"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="#FFFFFF"
android:orientation="horizontal"
android:padding="4dp">
<TextView
android:layout_width="wrap_content" android:text="@string/resultLabel"
android:layout_height="wrap_content" android:id="@+id/resultLabel"
android:textSize="40px"></TextView>
<TextView
android:layout_width="wrap_content" android:id="@+id/result"
android:layout_height="wrap_content" android:textSize="20dp"
android:textStyle="bold" android:layout_marginLeft="16px"></TextView>
</LinearLayout>
</FrameLayout>
<LinearLayout
android:layout_width="fill_parent" android:id="@+id/LinearLayout03"
android:layout_height="wrap_content">
<Button
android:layout_width="wrap_content" android:id="@+id/addValues"
android:layout_height="wrap_content" android:text="@string/add"
android:textSize="32dp"></Button>
</LinearLayout>

<Button
android:id="@+id/multiplyValues"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/multiply"
android:textSize="32dp"></Button>
</LinearLayout>

9. Setelah memasukkan script tadi ke dalam main, pasti terjadi eror pada String.
Hal tersebut terjadi karena string yang digunakan belum dideklarasikan. Untuk
mendeklarasikan string yang digunakan, Buka app => res => values, klik dua
kali pada string.xml

Gambar 3.8 Membuka String.xml

10. Masukkan script dibawah ini pada string.xml
<resources>
<string name="app_name">kalkulator Sederhana</string>
<string name="Hello">Contoh untuk Testing</string>
<string name="Hint1">Masukkan Nilai Pertama</string>
<string name="Hint2">Masukkan Nilai Kedua</string>
<string name="add">Penjumlahan</string>
<string name="multiply">Perkalian</string>
<string name="resultLabel">Hasil:</string>
</resources>

11. Setelah coding untuk layout selesai, kemudian membuat coding untuk
jalannya aplikasi (MainActivity). Buka app => java =>
com.example.simpelkalkulator, klik dua kali pada MainActivity

Gambar 3.9 Membuka MainActivity

12. Masukkan script dibawah ini ke dalam MainActivity

package com.example.simplecalculator;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.text.Editable;
import android.util.Log;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {

@Override

public void onCreate (Bundle savedInstanceState) {

final String LOG_TAG="Mainscreen";
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

final EditText value1=findViewById(R.id.value1);

final EditText value2=findViewById(R.id.value2);

final TextView result=findViewById(R.id.result);

Button addbutton=findViewById(R.id.addValues);
addbutton.setOnClickListener((new View.OnClickListener() {
@Override
public void onClick(View view) {
try {
int val1 = Integer.parseInt(value1.getText().toString());
int val2 = Integer.parseInt(value2.getText().toString());
Integer answer = val1 + val2;
result.setText(answer.toString());
} catch (Exception e) {
Log.e(LOG_TAG, "Failed to add numbers", e);
}
}
}));
Button multiplyButton=findViewById(R.id.multiplyValues);
multiplyButton.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
try {
int val1=Integer.parseInt(value1.getText().toString());
int val2=Integer.parseInt(value2.getText().toString());

Integer answer=val1*val2;
result.setText(answer.toString());
} catch (Exception e){
Log.e(LOG_TAG, "Failed to multiply", e);
}
}
});
}
}

13. Pastikan kembali semua script tidak ada eror

14. Hubungkan android dengan pc menggunakan kabel data dengan mengaktifkan
mode pengembang dan debuggind usb
15. Setelah android terdeteksi, run program tersebut

Gambar 3.10 indikator android terdeteksi

16. Jika berhasil, pada akan muncul seperti gambar dibawah ini

Gambar 3.11 Tampilan simpel kalkulator pada android