TECHNICAL REPORT

PRAKTIKUM PEMROGRAMAN PERANGKAT BERGERAK

MODUL III
APLIKASI ANDROID DENGAN LAYOUT DAN PENDENGAR EVENT

Disusun Oleh :
TGL. PRAKTIKUM : 05 April 2017
NAMA : Yanuar Aliffio
NRP : 130411100006
KELOMPOK : B1
DOSEN : Yonathan Ferry Hendrawan, S.T.,
M.I.T.

TELAH DISETUJUI TANGGAL :

.
ASISTEN PRAKTIKUM

Mochammad Sodiqin
(130411100029)

LABORATORIUM TEKNOLOGI INFORMASI DAN APLIKASI

JURUSAN TEKNIK INFORMATIKA
FAKULTAS TEKNIK
UNIVERSITAS TRUNOJOYO MADURA
2017
 TECHNICAL REPORT
PRAKTIKUM PEMROGRAMAN PERANGKAT BERGERAK
APLIKASI ANDROID DENGAN LAYOUT DAN PENDENGAR EVENT

A. PENDAHULUAN
Dalam kegiatan praktikum ini,praktikan akan membuat aplikasi sederhana
Android untuk mengembangkan aplikasi Android sederhana dengan menggunakan
layout dan pendengar event.
Dengan tujuan praktikan dapat menciptakan Android App untuk mendapatkan
informasi sederhana dari pengguna, dapat mengatur tampilan dari komponen GUI
android, dan dapat menggunakan event listenerpada sebuah aplikasi.

B. DESKRIPSI TUGAS PRAKTIKUM

Setelah mencoba membuat sebuah project yang terdapat pada modul, praktikan
diharuskan untuk memodifikasi program yang untuk mengerjakan tugas
praktikum.Tugas praktikum modul 3pada praktikum ini adalah sebagai berikut :
1. Sebut dan jelaskan macam-macam komponen GUI apa saja yang
dipakaipada aplikasi diatas
Pada percobaan praktikum, praktikan memasukkan beberapa komponen GUI
Androiddengan langsung drag dan drop komponen GUInya atau bisa
menggunakan code langsung.
2. Modifikasi aplikasi sehingga pengguna bisa memasukkan kota lahir,
tanggallahir, dan hobi
Pada percobaan praktikum ini kita bisa menginputkan data berupa text dan
memilih kategori yang ada pada list dropdown. Setelah kita inputkan datanya
jika tonbol submit ditekan maka akan menampilkan layout baru berisi data
yangsudah kita inputkan tadi.

C. PENJELASAN PROGRAM
Komponen GUI yang digunakan pada modul ini :
1. TextView
2. EditText
3. Spinner
4. Button
5. RelativeLayout
Modified Apps
MainActivity.java
package com.yanuar.modul3;

import android.content.Intent;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.EditText;
import android.widget.Spinner;

public class MainActivity extends Activity {

EditText nama, no, kotaLahir, tglLahir, hobi;

Button submit;

Spinner dept;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
nama = (EditText) findViewById(R.id.nama);
no = (EditText) findViewById(R.id.no);
kotaLahir = (EditText) findViewById(R.id.KotaLahir);
tglLahir = (EditText) findViewById(R.id.tanggalLahir);
hobi = (EditText) findViewById(R.id.hobi);
dept = (Spinner) findViewById(R.id.dept);
submit = (Button) findViewById(R.id.submit);
submit.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
String tNama = nama.getText().toString();
String tNo = no.getText().toString();
String tKotaLahir = kotaLahir.getText().toString();
String tTanggalLahir = tglLahir.getText().toString();
String tHobi = hobi.getText().toString();
String tDept = dept.getSelectedItem().toString();
Intent i = new Intent(MainActivity.this,
SecondActivity.class);
i.putExtra("nama", tNama);
i.putExtra("no", tNo);
i.putExtra("kota", tKotaLahir);
i.putExtra("tgl", tTanggalLahir);
i.putExtra("hobi", tHobi);
i.putExtra("dept", tDept);
startActivity(i);
}
});
}
}

Activity_main.xml
<?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:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="16dp"
android:paddingLeft="16dp"
android:paddingRight="16dp"
android:paddingTop="16dp"
tools:context="com.yanuar.modul3.MainActivity">

<TextView
android:text="Nama"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/textView"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_marginTop="45dp"
android:id="@+id/textView6"
android:fontFamily="sans-serif-condensed"
android:textSize="18sp" />

<TextView
android:text="Detail Form"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/textView"
android:fontFamily="sans-serif"
android:textSize="30sp"
android:textAlignment="center"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true" />

<TextView
android:text="Dept"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="14dp"
android:id="@+id/textView5"
android:fontFamily="sans-serif-condensed"
android:textSize="18sp"
android:layout_below="@+id/textView3"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true" />

<TextView
android:text="Reg. No"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="15dp"
android:id="@+id/textView3"
android:fontFamily="sans-serif-condensed"
android:textSize="18sp"
android:layout_below="@+id/textView6"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true" />

<TextView
android:text="Kota Lahir"
android:layout_width="wrap_content"
 android:layout_height="wrap_content"
android:fontFamily="sans-serif-condensed"
android:layout_below="@+id/textView5"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_marginTop="21dp"
android:id="@+id/textView8"
android:textSize="18sp" />

<TextView
android:text="Tanggal Lahir"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/textView8"
android:fontFamily="sans-serif-condensed"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_marginTop="22dp"
android:id="@+id/textView9"
android:textSize="18sp" />

<TextView
android:text="Hobi"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="sans-serif-condensed"
android:layout_below="@+id/textView9"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_marginTop="21dp"
android:id="@+id/textView10"
android:textSize="18sp" />

<EditText
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:inputType="textPersonName"
android:ems="10"
android:layout_alignBottom="@+id/textView6"
android:id="@+id/nama"
android:textSize="14sp"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true"
android:layout_alignLeft="@+id/no"
android:layout_alignStart="@+id/no"
android:text="" />

<EditText
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:inputType="textPersonName"
android:ems="10"
android:id="@+id/no"
android:textSize="14sp"
android:layout_alignBaseline="@+id/textView3"
android:layout_alignBottom="@+id/textView3"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true"
android:layout_toRightOf="@+id/textView9"
android:layout_toEndOf="@+id/textView9"
android:text="" />
<Spinner
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignTop="@+id/textView5"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true"
android:id="@+id/dept"
android:layout_alignLeft="@+id/no"
android:layout_alignStart="@+id/no"
android:entries="@array/dept" />

<EditText
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:inputType="textPersonName"
android:text=""
android:ems="10"
android:id="@+id/KotaLahir"
android:textSize="14sp"
android:layout_alignBaseline="@+id/textView8"
android:layout_alignBottom="@+id/textView8"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true"
android:layout_toRightOf="@+id/textView9"
android:layout_marginTop="15dp"
android:layout_toEndOf="@+id/textView9" />

<EditText
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:inputType="textPersonName"
android:text=""
android:ems="10"
android:layout_below="@+id/KotaLahir"
android:id="@+id/tanggalLahir"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true"
android:textSize="14sp"
android:layout_marginTop="15dp"
android:layout_toRightOf="@+id/textView9"
android:layout_toEndOf="@+id/textView9" />

<EditText
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:inputType="textPersonName"
android:text=""
android:ems="10"
android:layout_below="@+id/tanggalLahir"
android:layout_alignLeft="@+id/tanggalLahir"
android:layout_alignStart="@+id/tanggalLahir"
android:id="@+id/hobi"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true"
android:layout_marginTop="15dp"
android:textSize="14sp"/>

<Button
android:text="SUBMIT"
android:layout_width="wrap_content"
 android:layout_height="wrap_content"
android:layout_below="@+id/textView10"
android:layout_centerHorizontal="true"
android:layout_marginTop="61dp"
android:id="@+id/submit" />

</RelativeLayout>

SecondActivity.java
package com.yanuar.modul3;

import android.app.Activity;
import android.os.Bundle;
import android.content.Intent;
import android.widget.EditText;
import android.widget.TextView;

public class SecondActivity extends Activity {

TextView nama, no, kotaLahir, tglLahir, hobi, dept;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_second);
nama = (TextView)findViewById(R.id.nama);
no = (TextView)findViewById(R.id.no);
kotaLahir = (TextView)findViewById(R.id.kota);
tglLahir = (TextView)findViewById(R.id.tglLahir);
hobi = (TextView)findViewById(R.id.hobi);
dept = (TextView)findViewById(R.id.dept);
Intent i = getIntent();
nama.setText(i.getStringExtra("nama"));
no.setText(i.getStringExtra("no"));
kotaLahir.setText(i.getStringExtra("kota"));
tglLahir.setText(i.getStringExtra("tgl"));
hobi.setText(i.getStringExtra("hobi"));
dept.setText(i.getStringExtra("dept"));
}
}

Activity_second.xml
<?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:id="@+id/activity_kedua"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="16dp"
android:paddingLeft="16dp"
android:paddingRight="16dp"
android:paddingTop="16dp"
tools:context=".SecondActivity">
<TextView
android:text="TextView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/nama"
android:layout_alignLeft="@+id/nama"
 android:layout_alignStart="@+id/nama"
android:layout_marginTop="48dp"
android:id="@+id/no"
android:textSize="24sp" />
<TextView
android:text="TextView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/no"
android:layout_alignLeft="@+id/no"
android:layout_alignStart="@+id/no"
android:layout_marginTop="40dp"
android:id="@+id/dept"
android:textSize="24sp" />
<TextView
android:text="TextView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/dept"
android:layout_alignLeft="@+id/dept"
android:layout_alignStart="@+id/dept"
android:layout_marginTop="45dp"
android:id="@+id/kota"
android:textSize="24sp" />
<TextView
android:text="TextView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/kota"
android:layout_alignLeft="@+id/kota"
android:layout_alignStart="@+id/kota"
android:layout_marginTop="39dp"
android:id="@+id/tglLahir"
android:textSize="24sp" />
<TextView
android:text="TextView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/tglLahir"
android:layout_alignLeft="@+id/tglLahir"
android:layout_alignStart="@+id/tglLahir"
android:layout_marginTop="40dp"
android:id="@+id/hobi"
android:textSize="24sp" />
<TextView
android:text="TextView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="44dp"
android:id="@+id/nama"
android:textSize="24sp"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true" />
</RelativeLayout>

Output :