03 - Ide Android Studio

DAFTAR ISI
DAFTAR ISI..........................................................................................................................................i
DAFTAR GAMBAR...............................................................................................................................ii
BAB I INTEGRATED DEVELOPMENT ENVIRONMENT ANDROID STUDIO............................................1
1.1 Pengenalan Android Studio Bumblebee..................................................................................1
1.2 Struktur Project Android Studio...............................................................................................2
1.3 LEMBAR KERJA.........................................................................................................................6
A. INSTALASI ANDROID STUDIO ................................................................................................6
B. Pembuatan Android Virtual Device (AVD)...........................................................................15
BAB II PENGATURAN LAYOUT..........................................................................................................23
2.1 Jenis dan Fungsi Layout..........................................................................................................23
1. Linear Layout.........................................................................................................23
2. Relative Layout......................................................................................................24
3. Constraint Layout...................................................................................................24
4. Frame Layout.........................................................................................................26
5. Table Layout......................................................................................................... 26
2.2 Lembar Kerja 2 Pengaturan Layout........................................................................................28
A. Linear Layout.......................................................................................................................28
B. Perbedaan Match Parent Dan Wrap Content......................................................................32
C. RELATIVE LAYOUT................................................................................................................35
D. Constraint Layout................................................................................................................38
E. Frame Layout.......................................................................................................................41
F. Table Layout.........................................................................................................................43
BAB 3 PENGGUNAAN INTENT..........................................................................................................46
3.1 Penggunaan Intent pada Activity...........................................................................................46
3.2 Lembar Kerja..........................................................................................................................46
A. Penggunaan Explicit Intent untuk Perpindahan Activity......................................................47
B. Pengaturan Running Activity................................................................................................52
C. Penggantian Icon Ic Launcher Aplikasi Android...................................................................54
DAFTAR PUSTAKA............................................................................................................................59
INTEGRATED DEVELOPMENT ENVIRONMENT ANDROID I

DAFTAR GAMBAR
Gambar 1 Android Studio Bumblebee................................................................................1

Gambar 2 Lingkungan Kerja Android Studio Bumblebee....................................................3
Gambar 3 Struktur Project..................................................................................................4
Gambar 4 Linear Layout...................................................................................................23
Gambar 5 Relative Layout................................................................................................24
Gambar 6 Constraint Layout.............................................................................................25
Gambar 7 Frame Layout...................................................................................................26
Gambar 8 Contoh Table Layout........................................................................................27
INTEGRATED DEVELOPMENT ENVIRONMENT ANDROID II

BAB I INTEGRATED DEVELOPMENT ENVIRONMENT ANDROID
STUDIO
TUJUAN PEMBELAJARAN
Setelah berdiskusi kelompok dan praktek peserta mampu:
1. Menganalisis Integrated Development Android Studio Bumblebee
dengan benar
2. Melakukan instalasi Android Sudio Bumblebee dengan benar
3. Mengaplikasikan pengaturan layout dengan benar
4. Mengaplikan penggunaan user interface dengan benar
5. Mengaplikasikan penggunaan intent dengan benar
6. Mengaplikasikan penggunaan operator dengan benar
1.1 Pengenalan Android Studio Bumblebee
Android Software Development Kit (SDK) merupakan kit yang bisa digunakan oleh
para developer untuk mengembangkan aplikasi berbasis Android. SDK di dalamnya
terdapat beberapa tools untuk mengembangkan aplikasi seperti debugger, software
libraries, emulator, dokumentasi, sample code dan tutorial.
Bahasa pemrograman yang sering digunakan untuk mengembangkan aplikasi
Android adalah Java, namun ada beberapa Bahasa lainnya yang juga support
untuk mengembangkan aplikasi Android seperti C++, dan Go. Dan pada Google IO
2017 menjadikan Kotlin sebagai Bahasa yang disupport resmi oleh Google.
INTEGRATED DEVELOPMENT ENVIRONMENT ANDROID 1

Gambar 1 Android Studio Chipmunk

Berbicara tentang pemrograman tentunya tidak lepas dari Integrated Development
Environment (IDE) yang bisa dipakai oleh para Developer. Pada 2014 Google
mengeluarkan IDE yang bernama Android Studio yang berbasikan dari Intellij IDEA.
Dengan menggunakan Android Studio para developer dapat membuat aplikasi dari
nol hingga publish ke dalam store. Android Studio juga mempunyai beberapa fitur
built-in yang sangat membantu para developer untuk memaksimalkan proses
pembuatan aplikasi seperti Gradle, Code Completion, dan terintegrasi dengan
beberapa services dari Google seperti Firebase.
Salah satu Bahasa yang bisa digunakan untuk development Android adalah Java.
Selain Java ada beberapa Bahasa lain yang bisa digunakan seperti C/C++, Go, dan
pada May 2017 Google resmi support Kotlin. Pada kegiatan pembelajaran ini akan
menggunakan Java sebagai Bahasa pemrograman. Oleh karena itu sebelum
melakukan instalasi Android Studio maka perlu melakukan instalasi Java
Development Kit (JDK). JDK merupakan Java SE Development Kit, dimana JRE
juga di ada di dalamnya, dan yang lebih penting adalah di dalamnya terdapat
compiler dan tools untuk membuat dan compile program. Sederhananya JRE untuk
menjalankan program, JDK untuk membuat program. Android Studio release 16
May 2013 pada Google IO. Android Studio berbasiskan JetBrains Intellij IDEA, dan
dikhususkan untuk mengembangkan software berplatform Android.
1.2 Struktur Project Android Studio
Android Studio Bumblebee jika sudah terinstall, akan mempunyai lingkungan kerja
seperti tertera pada gambar berikut ini.

Gambar 2 Lingkungan Kerja Android Studio Bumblebee
No PENJELASAN
1. Merupakan bagian dari susunan folder project Android Studio
Merupakan bagian dari Palette yang berisi beberapa tools atau component
2. yang bisa kita gunakan untuk memberi tampilan pada aplikasi yang akan kita
bangun.
Merupakan Component Tree yang memiliki fungsi menampilkan Layout dan

3. susunan dari komponen yang telah kita gunakan di Bagian 4.
Merupakan bagian bidang desain yang digunakan untuk

4. meletakkan Component yang ingin kita gunakan. Tampilannya seperti
tampilan layar pada Mobile Android.

Merupakan bagian Properties, bagian ini akan menampilkan semua informasi
5. dari Component yang kita pilih seperti nama id, ukuran/Size, Font,
background, color, dan lain sebagainya.
Ketika membuat sebuah project pada Android Studio, maka akan terlihat bagian
Struktur Project seperti berikut ini.
Gambar 3 Struktur Project
Berikut ini merupakan penjelasan dari struktur project
tersebut.
No PENJELASAN

Pada bagian pertama terdapat folder yang bernama Manifest, di dalam folder
Manifest tersebut terdapat file AndroidManifest.xml.
1
File AndroidManifest.xml berisi informasi tentang package (paket) pada project
yang akn dibangun. Jadi file ini memuat komponen aplikasi seperti Activity,
Services, Content, dan lain sebagainya. Jika ingin membuat Activity baru maka
akan terdapat di file ini, jika tidak maka periksa kembali, dan jika ingin membuat
aplikasi yang membuatuhkan koneksi Internet, diharuskan mengisi User
Permission di File ini, mengganti judul, icon, dan lain sebagainya.
Pada bagian kedua terdapat folder Java yang di dalamnya terdapat folder
bernama seperti domain yang diisikan saat pertama kali membuat aplikasi, pada
contoh ini dibuat dengan nama (com.example.dualayar), di dalam folder tersebut
2 terdapat file MainActivity.java, pada bagian file ini akan memuat program Java
untuk aplikasi yang akan dibuat.
Pada bagian ketiga ini terdapat folder drawable, folder drawable ini merupakan
bagian dari folder resource. Folder drawable ini digunakan untuk menyimpan
3 file gambar dengan format .jpg atau .png yang akan digunakan pada aplikasi yang
akan dibangun
Pada bagian keempat ini terdapat file bernama activity_main.xml, File

activity_main.xml ini terdapat di folder layout yang merupakan bagian dari
4 folder resource. Pada file ini akan dibuat tampilan User Interface untuk aplikasi
yang akan dibangun.
Pada bagian kelima terdapat beberapa icon launcher aplikasi yang

5 bernama ic_launcher. Icon ini terdapat pada folder mipmap yang merupakan
bagian dari folder resource.

Pada bagian keenam ini terdapat folder values yang berisi beberapa file antara lain
:
6 String.xml yang merupakan file berisi resource data-data text yang akan
digunakan sebagai komponen aplikasi.
Style.xml yang merupakan file berisi resource tentang tema seperti Toolbar, yang
akan kita gunakan untuk komponen aplikasi nantinya.
Color.xml yang merupakan file berisi resource warna-warna dari file Style.x
Pada bagian ketujuh terdapat Gradle. Gradle ini merupakan tools untuk build
yang digunakan pada Android Studio, untuk Compile, Run project Aplikasi yang
7 akan dibangun. Jika pernah menggunakan Eclipse, maka tidak akan menemukan
build tools Gradle, karena Eclipse menggunakan build tools Ant.

1.3 LEMBAR KERJA
Dalam Lembar kerja ini, terdapat langkah-langkah instalasi Android Studio

Bumblebee secara terperinci. Lembar Kerja ini juga memuat cara pembuatan
project pertama di Android Studio Bumblebee, ada juga cara pembuatan Android
Virtual Device (AVD), serta cara menjalankan project android pada AVD yang telah
dibuat.
A. INSTALASI ANDROID STUDIO
Dalam membuat aplikasi android, software yang digunakan dalam kegiatan

pembelajaran ini yaitu Android Studio Bumblebee dengan sistem operasi
Windows 10, 64 bit. Berikut ini adalah tahapan instalasi Android Studio.
1. Download Android Studio pada website developer.android.com/studio seperti
berikut ini
2. Klik Download Android Studio, tunggu hingga proses download selesai

3. Lakukan instalasi JDK versi terbaru yang sesuai dengan sistem operasi yang
anda gunakan.
4. Lakukan instalasi Android studio yang telah didownload tadi, klik dua kali
android studio.exe.
5. Terlihat tampilan seperti gambar berikut ini, lalu klik next.

6. Selanjutnya akan terlihat tampilan berikut ini, beri tanda checklist pada
kedua pilihan yang tersedia.
7. Selanjutnya klik next, maka akan terlihat tampilan pemilihan lokasi instalasi,
seperti berikut ini.
8. Selanjutnya klik next, maka akan terlihat tampilan seperti berikut ini.

9. Selanjutnya, klik install, tungu hingga proses instalasi selesai

10. Setelah proses instalasi selesai/completed, terlihat ampilan seperti berikut ini.
11. Selanjutnya klik next, terlihat tampilan bahwa android studio telah berhasil
diinstal, lalu klik finish.

12. Jalankan Android Studio, pilih don’t import setting, sehingga terlihat tampilan
13. Selanjutnya klik next, maka akan terlihat tampilan pemilihan tipe Android
Studio, pilih saja standard, lalu klik next.

14. Selanjutnya akan terlihat tampila pemilihan User Interface Theme, silakan
dipilih sesuai keinginan, misal pilih light, seperti berikut ini.

15. Selanjutnya klik next, maka akan terlihat tampilan beberapa komponen
android studio yang telah terinstall.
16. Selanjutnya klik finish, maka akan dilakukan proses download beberapa
komponen android studio. Selama instalasi usahakan computer selalu
terkoneksi internet. Tunggu hingga proses download selesai.

17. Jika proses download selesai, akan terlihat tampilan berikut ini.
18. Selanjutnya klik Finish, maka Android studio siap digunakan.

B. Pembuatan Android Virtual Device (AVD)
1. Buka Android Studio pilih, start A new Android Studio project, sehingga
terlihat tampilan berikut ini, pilih Empty Activity, klik next
2. Selanjutnya akan terlihat tampilan pengisina nama project, beri nama

project seperti berikut ini, lalu klik finish.

3. Maka akan terlihat tampilan source code seperti berikut ini.
4. Buka folder res, buka folder layout, buka file activity_main.xml, maka
akan terlihat layout tampilan berupa text “Hello World”. Klik text,

lalu klik

attributes, ubah text “Hello World” menjadi “Selamat Datang”, seperti
berikut ini.

5. Membuat AVD dengan cara klik menu Tool, pilih Device Manager.
Setelah itu pilih create device.
6. Pilih device yang ingin digunakan seperti berikut ini, lalu klik next

7. Selanjutnya akan diminta download system image, pilih recommended
8. Tunggu hingga proses download komponen selesai.

9. Jika download komponen sudah selesai, maka kan Kembali ke tampilan
berikut ini, lalu klik next.

10. Selanjutnya kan terlihat tampilan verify configuration, klik finish.
11. Selanjutnya jalankan program, klik run app.

12. Terlihat output program pada AVD yang telah dibuat tadi, berupa tulisan
selamat datang.

BAB II PENGATURAN LAYOUT
2.1 Jenis dan Fungsi Layout
Layout merupakan suatu tampilan tata letak di Android untuk mengatur

penempatan teks, gambar, ataupun komponen lainnya sehingga tampilan pada
aplikasi yang dibuat terlihat rapih dan nyaman untuk dilihat oleh pengguna. Jenis
dan fungsi Layout adalah sebagai berikut:
1. Linear Layout
Linear Layout adalah layout yang menyejajarkan semua child view-nya dalam satu
arah, secara vertikal atau horizontal. Dengan linear layout bisa menetapkan arah
layout menggunakan atribut android:orientation.
Gambar 4 Linear Layout
Semua anak LinearLayout akan ditumpuk satu sama lain, jadi daftar vertikal hanya
akan memiliki satu anak per baris, berapapun lebarnya, dan daftar horizontal hanya
akan setinggi satu baris (tinggi anak yang tertinggi, ditambah

pengisi). LinearLayout akan mengikuti margin antara anak dan gravity (sejajar
kanan, tengah, atau kiri) setiap anak.
2. Relative Layout
Relative Layout adalah layout yang penataan nya ini adalah penataan yang
menempatkan widget-widget didalamnya seperti layer, sehingga sebuah widget
dapat berada di atas/di bawah widget lainnya atau dengan kata lain Relative
merupakan layout yang penataannya lebih bebas (Relative) sehingga bisa di tata di
mana saja.
Gambar 5 Relative Layout
Jadi dapat diartikan bahwa Relative Layout adalah desain tampilan pada aplikasi
dengan tata letak objek atau komponen secara bebas tanpa aturan sesuai orientasi
(horizontal atau vertical) seperti yang diterapkan pada Linear Layout.
3. Constraint Layout
Sebenarnya Constraint Layout mirip dengan Relative Layout, karena letak View
bergantung pada View lain dalam satu Layout ataupun dengan Parent Layoutnya.

Contohnya di Relative Layout kita bisa meletakkan sebuah View di atas, bawah,
atau samping View lain. Kita juga dapat mengatur posisinya berdasarkan Parent
Layout menggunakan tag seperti centerVertical, alignParentBottom. Akan
tetapi, Constraint Layout jauh lebih fleksibel dan lebih mudah digunakan di Layout
Editor.
Gambar 6 Constraint Layout
Pada Constraint Layout, setiap View memiliki semacam tali (Constraint) yang
menarik tiap sisinya, yang mana tali tersebut bisa diatur Elastisitasnya, Marginnya,
dan sebagainya. Tali tersebut wajib “diikatkan” kepada anchor point atau suatu titik
yang dapat berupa sisi dari Parent Layout, View lain, ataupun titik bantu (helper)
yang bisa dibuat sendiri.

4. Frame Layout
Frame Layout adalah Layout yang biasanya digunakan untuk membuat objek yang
saling bertindihan contohnya yaitu kita membuat button di atas image, seperti
terlihat pada gambar berikut ini.
Gambar 7 Frame Layout
5. Table Layout
Table Layout adalah Layout yang digunakan untuk membangun user interface
(tampilan antar muka ) aplikasi android dengan berdasarkan Baris dan Kolom.
Table Layout terdiri dari:

1. Row/ baris pada dasarnya digunakan untuk menyimpan satu jenis record,
hanya satu informasi yang dapat disimpan.
2. Kolom adalah sub bagian terbagi dari setiap baris dan satu baris dapat
menampung beberapa jenis kolom. Setiap kolom terdiri dari jenis informasi
yang berbeda mengenai baris tersebut.
Tag Table Layout
Beberapa tag pada Table Layout :
1. TableLayout : Tag pembuka untuk menggunakan TableLayout

2. TableRow : Tag untuk membuat Baris
Gambar 8 Contoh Table Layout

2.2 Lembar Kerja 2 Pengaturan Layout
Dalam Lembar kerja ini, terdapat contoh latihan yang dijelaskan langkah-langkah
pengerjaannya secara terperinci dan sudah ada source codenya untuk
dipraktekkan. Lembar Kerja ini juga memuat tugas berupa soal untuk dicari
pemecahan jawabannya sekaligus dipraktekkan dalam diskusi kelompok pada
kegiatan pembelajaran. Semua Lembar kerja baik latihan maupun tugas sebaiknya
dipraktekkan, dengan tujuan dapat mengaplikasikan topik materi ini.
A. Linear Layout
1. Buat project baru seperti terlihat pada gambar berikut ini

2. Pilih empty activity
3. Beri nama project, atur lokasi penyimpanan, pilih Bahasa pemrograman

java, tentukan minimum versi android yaitu API 21 Lolipop

4. Setelah project terbuka, pilihlah folder res lalu buka folder layout,
pilih file activity_main.xml, klik tab code ubah coding seperti berikut
ini.
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingLeft="16dp"
android:paddingRight="16dp"
android:orientation="vertical" >
<TextView
android:id="@+id/textView"
android:layout_height="62dp"
android:text="BBPPMPV BMTI"
android:textAlignment="center" />
<EditText
android:layout_height="wrap_content"
android:hint="password" />
<EditText
android:layout_weight="1"
android:gravity="top"
android:hint="isi pesan" />
<Button
android:layout_width="100dp"
android:layout_gravity="right"
android:text="next" />
</LinearLayout>

5. Klik tab design, silakan atur dari properties untuk mengubah isi
text dan pengaturan lainnya, misal mengatur posisi text di tengah
(alignment center)

6. Jalankan program dengan cara klik run, tombol play hijau, sehingga
akan terlihat output pada emulator android (AVD) seperti berikut ini.
B. Perbedaan Match Parent Dan Wrap Content
Perbedaan match_parent dan wrap_content adalah atribut match_parent digunakan

agar lebar atau tinggi komponen user interface (button,textview, dan sebagainya),
dapat mengikuti layar atau screen pada perangkat Android. Sedangkan untuk
wrap_content digunakan agar lebar atau tinggi, dapat mengikuti object didalam
komponen tersebut.

1. Buat project baru , beri nama project, atur lokasi penyimpanan, atur
minimum API level android seperti pada tahap pembuatan layout linear.
2. Buka activity_main xml dan buat coding berikut ini.

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_marginLeft="16dp"
android:layout_marginRight="16dp"
android:background="#FFF5F5F5"
android:gravity="center"
android:orientation="vertical">
<Button
android:id="@+id/contoh"
android:layout_width="wrap_content"
android:text="tombol satu" />
</LinearLayout>
3. Buka tab design tambahkan tombol dua dan tombol tiga dengan
pengaturan width dan height dibedakan menggunakan match parent atau
wrap content, seperti berikut ini.

Atau bisa juga menambahkan button dari tab code, copy coding bagian
tombol satu, ubah menjadi tombol dua lalu atur width dan height menjadi
wrap content atau match parent, seperti berikut ini

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_marginLeft="16dp"
android:layout_marginRight="16dp"
android:background="#FFF5F5F5"
android:orientation="vertical">
<Button
android:id="@+id/contoh"
android:text="tombol satu" />
<Button
android:id="@+id/button"
android:text="TOMBOL DUA" />
<Button
android:id="@+id/button2"
android:text="tombol tiga" />
</LinearLayout>
4. Jalankan program akan terlihat output pada emulator seperti berikut ini.

C. RELATIVE LAYOUT
1. Buat project baru , beri nama project, atur lokasi penyimpanan,

atur minimum API level android seperti pada tahap pembuatan
layout linear.
2. Buka activity_main xml dan buat coding berikut ini.

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_height="match_parent">
<Button
android:layout_centerInParent="true"
android:text="Tengah" />
<Button
android:layout_centerHorizontal="true"
android:layout_alignParentLeft="true"
android:text="Kiri Atas" />
<Button

android:text="T.Atas" />
<Button
android:layout_alignParentRight="true"
android:text="Kanan Atas" />
<Button
android:layout_centerVertical="true"
android:text="Kiri.T" />
<Button
android:text="Kanan.T" />
<Button
android:layout_alignParentBottom="true"
android:layout_alignParentLeft="true"
android:text="Kiri Bawah" />
<Button
android:text="T.Bawah" />
<Button
android:text="Kanan Bawah" />
</RelativeLayout>

Hasil
Untuk mengatur posisi elemen UI, misalnya Button, cukup drag pada posisi yang
diinginkan, tapi jika ingin menggunakan kode XML, ada beberapa atribut yang bisa
digunakan pada elemen atau kompenen UI didalam RelativeLayout yaitu:
 android:layout_centerInParent: jika kita set menjadi "true", elemen UI

akan berada di tengah relatif terhadap lebar dan tinggi Layout.
 android:layout_centerHorizontal: jika kita set menjadi "true", elemen UI
akan berada di tengah relatif terhadap lebar Layout.
 android:layout_centerVertical: jika kita set menjadi "true", elemen UI akan
berada di tengah relatif terhadap tinggi Layout.
 android:layout_alignParentBottom: jika kita set menjadi "true", elemen UI
diletakan rata sisi bawah layout.
 android:layout_alignParentTop: jika kita set menjadi "true", elemen UI
diletakan rata sisi atas layout.

 android:layout_alignParentLeft: jika kita set menjadi "true", elemen UI
diletakan rata sisi kiri layout.
 android:layout_alignParentRight: jika kita set menjadi "true", elemen UI
diletakan rata sisi kanan layout.
Ada beberapa atribut yang bisa dikombinasikan,

misalnya android:layout_centerHorizontal dengan android:layout_alignParentBotto
m jika kedua atribut tersebut di set menjadi "true", komponen UI akan berada di
tengah bagian bawah layout. Selain itu ada juga beberapa artibut yang tidak bisa
dikombinasikan atau bisa disebut mutual exclusive, yaitu hanya bisa dipilih satu
misalnya android:layout_centerVertical dengan android:layout_alignParentBottom.
Pengaturan posisi relatif antara elemen UI dengan elemen UI lainnya juga dapat
dilakukan, ada beberapa atribut yang bisa digunakan yaitu:
 android:layout_above: jika di set menjadi "true", elemen UI akan

berhimpit atau berada di atas elemen UI yang di picu/dituju.
 android:layout_below: jika di set menjadi "true", elemen UI akan
berhimpit atau berada di bawah elemen UI yang di picu/dituju.
 android:layout_toLeftOf: jika di set menjadi "true", elemen UI
akan berhimpit atau berada di sisi kiri elemen UI yang di picu/dituju.
 android:layout_toRightOf: jika di set menjadi "true", elemen UI
akan berhimpit atau berada di sisi kanan elemen UI yang di
picu/dituju.
D. Constraint Layout
1. Buat project baru , beri nama project, atur lokasi penyimpanan,

atur minimum API level android seperti pada tahap pembuatan
layout linear.
2. Buka activity_main xml, klik tab design, ubah text hello world menjadi
Selamat datang, serta tambahkan text kedua yaitu Diklat android
2020

3. Copy sebuah gambar .jpg atau .png ke folder drawable, nama
file harus huruf kecil.
4. Tambahkan image view dari palette widget ke dalam kanvas
lalu atur propertiesnya
5. Jika ingin membuat coding dari tab code lakukan coding seperti
berikut ini.
<androidx.constraintlayout.widget.ConstraintLayout
xmlns:app="http://schemas.android.com/apk/res-auto"
tools:context=".MainActivity">
<TextView
android:text="DIKLAT ANDROID 2020"
android:textSize="30sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.335" />
<TextView

android:text="Selamat datang di BMTI"
<ImageView
android:id="@+id/imageView2"
android:src="@drawable/ikon1"
app:layout_constraintHorizontal_bias="0.606"
<Button
android:text="NEXT"
</androidx.constraintlayout.widget.ConstraintLayout>
6. Jalankan Program sehingga terlihat output berikut ini.

E. Frame Layout
Frame Layout adalah Layout yang biasanya digunakan untuk membuat objek yang
saling bertindihan contohnya yaitu kita membuat button di atas image. Berikut ini
contoh coding frame layout.

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:background="#1113">
<ImageView
android:layout_gravity="center"
android:background="@color/colorPrimary"
/>
<Button
android:layout_width="300px"
android:layout_height="100px"
android:layout_gravity="center"
android:text="Tombol"
android:background="@color/colorAccent"
android:textColor="#fff"
android:textSize="20sp" />
</FrameLayout>

Hasil
Agar elemen UI didalam FrameLayout terlihat rapih serta bisa diatur sendiri, dapat
menggunakan beberapa atribut berikut ini.
 android:layout_marginLeft: Untuk mengatur jarak (batasan) sudut kiri

elemen UI pada elemen UI lainnya.
 android:layout_marginRight: Untuk mengatur jarak (batasan) sudut kanan
 android:layout_marginTop: Untuk mengatur jarak (batasan) atas elemen
UI pada elemen UI lainnya.
 android:layout_marginBottom: Untuk mengatur jarak (batasan) bawah
 android:layout_gravity: Untuk mengatur posisi rata kanan, kiri, atas,
bawah, center, center horizontal dan center vertical.

F. Table Layout
Table Layout adalah Layout yang digunakan untuk membangun user interface
(tampilan antar muka ) aplikasi android dengan berdasarkan Baris dan Kolom.
Table Layout terdiri dari:
1. Row/ baris pada dasarnya digunakan untuk menyimpan satu jenis record,
hanya satu informasi yang dapat disimpan.
2. Kolom adalah sub bagian terbagi dari setiap baris dan satu baris dapat
menampung beberapa jenis kolom. Setiap kolom terdiri dari jenis informasi
yang berbeda mengenai baris tersebut.
Tag Table Layout
Beberapa tag pada Table Layout :
3. TableLayout : Tag pembuka untuk menggunakan TableLayout

4. TableRow : Tag untuk membuat Baris
Untuk gambaran lebih jelasnya perhatikan contoh di bawah ini
<TableLayout xmlns:android="" android:layout_width="fill_parent" android:layout_height="fill_paren

>
<TableRow
android:paddingTop="10px" android:gravity="center" android:layout_marginTop="20px">
<TextView
android:id="@+id/status" android:layout_width="wrap_content" android:layout_gravity="center" androi

android:textColor="#890000"
android:textStyle="bold" />
</TableRow>
<TableRow
android:layout_marginTop="20dip" >
<TextView
android:text="Username :"
android:layout_marginLeft="20dip"
></TextView>
<EditText
android:id="@+id/screenName"
android:layout_marginRight="20dip"
android:layout_weight="1" >
</EditText>
</TableRow>
<TableRow
<TextView android:text="Password :"

android:layout_marginLeft="20dip"></TextView>
<EditText
android:id="@+id/password"

android:layout_marginRight="20dip"
android:layout_weight="1" >
</EditText>
</TableRow>
<TableRow
<Button
android:text="Submit"
android:clickable="true"
android:id="@+id/save" android:layout_span="2" ></Button>
</TableRow>
</TableLayout>
Hasil

BAB 3 PENGGUNAAN INTENT
3.1 Penggunaan Intent pada Activity
Intent adalah sebuah kelas dalam programming Android yang berfungsi untuk
perpindahan halaman. Intent juga merupakan suatu objek yang terdapat dalam
suatu activity dimana objek tersebut dapat komunikasi dengan activity yang lain,
baik activity pada fungsi internal android misal seperti memanggil activity dalam
satu package atau beda package yang masih berada dalam satu project.
Intent merupakan objek tipe android.content.Intent. Melalui

metode startActivity() yang digunakan untuk memulai sebuah activity lain.
Intent dibagi menjadi 2, yaitu :
1. Explicit Intent berfungsi untuk mengaktifkan komponen-komponen dalam

satu aplikasi yang sama. Misalnya seperti : Berpindah Activity.
2. Implicit Intent berfungsi untuk memanggil fungsi activity yang sudah ada di
fungsi internal android seperti Dial Number, Open Browser dan lainnya.
3.2 Lembar Kerja
Dalam Lembar kerja ini, terdapat contoh latihan yang dijelaskan langkah-langkah
pengerjaannya secara terperinci dan sudah ada source codenya untuk
dipraktekkan. Lembar Kerja ini juga memuat tugas berupa soal untuk dicari
pemecahan jawabannya sekaligus dipraktekkan dalam diskusi kelompok pada
kegiatan pembelajaran. Semua Lembar kerja baik latihan maupun tugas sebaiknya
dipraktekkan, dengan tujuan dapat mengaplikasikan topik materi ini.

A. Penggunaan Explicit Intent untuk Perpindahan Activity
1. Buat project baru, beri nama project, pilih empty activity

2. Buka activity_main.xml,lalu buat relative layout lalu klik tab desain, ubah
textview dan tambahkan button seperti berikut ini.
3. Atau bisa diubah dari tab code dan buat coding seperti berikut ini

<RelativeLayout
android:layout_margin="18dp"
tools:context=".MainActivity">
<TextView
android:text="Selamat Datang di BMTI!"

android:textStyle="bold" />

<Button
android:layout_alignParentEnd="true"
android:text="Halaman Selanjutnya" />
</RelativeLayout>
4. Buat activity baru dengan cara klik File, New, Activity, empty activity
seperti berikut ini

5. Maka akan terlihat tampilan berikut ini lalu klik finish, beri nama activity baru
yang akan dibuat, lalu klik finish
6. Buka file Main_activity2.xml, lalu buat desain seperti berikut ini,

gunakan constraint layout

7. Atau buka tab code dan buat coding berikut ini

<android.support.constraint.ConstraintLayout
xmlns:app="http://schemas.android.com/apk/res-auto"
android:background="@color/colorAccent"
tools:context=".MainActivity2">
<TextView
android:text="HALAMAN KEDUA"
android:textColor="#FF5722"
</android.support.constraint.ConstraintLayout>
8. Buka MainActivity.java dan buat coding berikut ini
package com.example.duaactivity;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.content.Intent;
import android.view.View;
import android.widget.Button;
public class MainActivity extends AppCompatActivity {

Button Next; // Variable Button
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Next = findViewById(R.id.button); // Inisialisasi ID pada Button

Next.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
// Digunakan untuk berpindah activity dari activity sau ke
activity dua
startActivity(new
Intent(MainActivity.this,MainActivity2.class));
}
});
}
}
9. Jalankan program pada emulator android, terlihat output , diklik tombol

halaman selanjutnya maka akan muncul halaman kedua seperti berikut
ini.

B. Pengaturan Running Activity
Sebuah project dapat memiliki lebih dari satu activity, bisa dua activity , tiga activity
bahkan lebih. Android Studio mengatur default activity adalah activity 1, artinya
activity yang running pertama, ketika project dijalankan adalah activity 1. Tetapi
dalam android studio dapat diatur yang running duluan bukan activity 1, tetapi bisa
activity 2, activity 3, atau activity lain. Pengaturan running activity dapat dilakukan
dengan tahapan seperi berikut ini.
1. Buka Project yang ingin diatur running activitynya.

2. Klik Menu Run, pilih Edit Configuration,
3. Pilih specified activity pada lunch, lalu pilih activity yang ingin running
pertama seperti berikut ini.

4. Buka file androidmanifest.xml, lalu tempatkan intent filter pada
activity yang running pertama, misalnya pada activity 3
C. Penggantian Icon Ic Launcher Aplikasi Android

Ketika membuat aplikasi android maka icon ic launchernya adalah default yang
telah dipilih pada system image misal Android R atau Android Pie. Icon ic launcher
ini dapat diganti sesuai keinginan dengan cara seperti berikut ini.

1. Buka project yang ingin diganti icon launchernya.
2. Siapkan file gambar yang akan dijadikan icon launcher (.png), ukuran kecil
misal 200x200 pixel
3. Copy file gambar tersebut ke folder mipmap seperti berikut ini
4. Buka file androidmanifest.xml, lalu ganti icon launcher seperti coding berikut
ini

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.example.duaactivity">
<application
android:allowBackup="true"
android:icon="@mipmap/ic_launcher"
android:label="@string/app_name"
android:roundIcon="@mipmap/ic_launcher_round"

android:supportsRtl="true"
android:theme="@style/AppTheme">
<activity android:name=".MainActivity2"></activity>
<activity android:name=".MainActivity">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER"
/>
</intent-filter>
</activity>
</application>
</manifest>
Coding yang diberi kotak diganti dengan gambar icon yang telah disiapkan, seperti
berikut ini
android:icon="@mipmap/gbr"
android:roundIcon="@mipmap/gbr"
5. Jalankan program pada smartphone atau emulator maka terlihat icon

aplikasi sudah berganti

TUGAS KP 3 IDE ANDROID STUDIO
Buatlah project penggunaan intent untuk tiga activity dengan tampilan seperti
berikut ini, diklik enter muncul halaman kedua, lalu pada halaman kedua diklik next,
muncul halaman ketiga. Tambahkan background warna atau gambar pada ketiga
activity tersebut, lalu ganti icon ic_launcher untuk project tersebut.

Keterangan:
 Kelompok 1, Activity 1 Gunakan Layout Linear, Activity 2 Gunakan
Layout Relative, Activity 3 Gunakan Layout tabel
 Kelompok 2, Activity 1 Gunakan Layout Relative, Activity 2 Gunakan
Layout Linear, Activity 3 Gunakan Layout constraint
 Kelompok 3, Activity 1 Gunakan Layout Constraint, Activity 2 Gunakan
Layout tabel, Activity 3 Gunakan Layout relative
 Kelompok 4, Activity 1 Gunakan Layout Tabel, Activity 2
Gunakan Layout Constraint, Activity 3 Gunakan Layout Linear
 Kelompok 5, Activity 1 Gunakan Layout Relative, Activity 2
Gunakan Layout Linear, Activity 3 Gunakan Layout tabel

DAFTAR PUSTAKA
Android Developer, Panduan Android Developer,

https://developer.android.com/guide/ diakses pada 17 September 2020
Earl Triggs, Android App Development in Android Studio, 2020, Kindle Edition, USA
Michael Burton, Android Application Development for Dummies 3rd Edition, 2015,
Wiley & Sons Inc, Canada
Neil Smyth, Android 4.0 Development Essentials -Java Edition, 2020, Payload
Media Inc, USA

03 - Ide Android Studio

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

03 - Ide Android Studio

Uploaded by

Copyright:

Available Formats

DAFTAR ISI

INTEGRATED DEVELOPMENT ENVIRONMENT ANDROID I

Gambar 1 Android Studio Bumblebee................................................................................1

INTEGRATED DEVELOPMENT ENVIRONMENT ANDROID II

1.1 Pengenalan Android Studio Bumblebee

INTEGRATED DEVELOPMENT ENVIRONMENT ANDROID 1

INTEGRATED DEVELOPMENT ENVIRONMENT ANDROID 2

1.2 Struktur Project Android Studio

INTEGRATED DEVELOPMENT ENVIRONMENT ANDROID 3

1. Merupakan bagian dari susunan folder project Android Studio

Merupakan Component Tree yang memiliki fungsi menampilkan Layout dan

Merupakan bagian bidang desain yang digunakan untuk

INTEGRATED DEVELOPMENT ENVIRONMENT ANDROID 4

Gambar 3 Struktur Project

Berikut ini merupakan penjelasan dari struktur project

INTEGRATED DEVELOPMENT ENVIRONMENT ANDROID 5

Pada bagian keempat ini terdapat file bernama activity_main.xml, File

Pada bagian kelima terdapat beberapa icon launcher aplikasi yang

INTEGRATED DEVELOPMENT ENVIRONMENT ANDROID 6

INTEGRATED DEVELOPMENT ENVIRONMENT ANDROID 7

Dalam Lembar kerja ini, terdapat langkah-langkah instalasi Android Studio

A. INSTALASI ANDROID STUDIO

Dalam membuat aplikasi android, software yang digunakan dalam kegiatan

2. Klik Download Android Studio, tunggu hingga proses download selesai

INTEGRATED DEVELOPMENT ENVIRONMENT ANDROID 8

INTEGRATED DEVELOPMENT ENVIRONMENT ANDROID 9

INTEGRATED DEVELOPMENT ENVIRONMENT ANDROID 10

INTEGRATED DEVELOPMENT ENVIRONMENT ANDROID 11

INTEGRATED DEVELOPMENT ENVIRONMENT ANDROID 12

INTEGRATED DEVELOPMENT ENVIRONMENT ANDROID 13

INTEGRATED DEVELOPMENT ENVIRONMENT ANDROID 14

INTEGRATED DEVELOPMENT ENVIRONMENT ANDROID 15

18. Selanjutnya klik Finish, maka Android studio siap digunakan.

INTEGRATED DEVELOPMENT ENVIRONMENT ANDROID 16

2. Selanjutnya akan terlihat tampilan pengisina nama project, beri nama

INTEGRATED DEVELOPMENT ENVIRONMENT ANDROID 17

INTEGRATED DEVELOPMENT ENVIRONMENT ANDROID 18

INTEGRATED DEVELOPMENT ENVIRONMENT ANDROID 19

INTEGRATED DEVELOPMENT ENVIRONMENT ANDROID 20

INTEGRATED DEVELOPMENT ENVIRONMENT ANDROID 21

8. Tunggu hingga proses download komponen selesai.

INTEGRATED DEVELOPMENT ENVIRONMENT ANDROID 22

INTEGRATED DEVELOPMENT ENVIRONMENT ANDROID 23

11. Selanjutnya jalankan program, klik run app.

INTEGRATED DEVELOPMENT ENVIRONMENT ANDROID 24

INTEGRATED DEVELOPMENT ENVIRONMENT ANDROID 25

2.1 Jenis dan Fungsi Layout

Layout merupakan suatu tampilan tata letak di Android untuk mengatur

Gambar 4 Linear Layout

INTEGRATED DEVELOPMENT ENVIRONMENT ANDROID 26

Gambar 5 Relative Layout

INTEGRATED DEVELOPMENT ENVIRONMENT ANDROID 27

Gambar 6 Constraint Layout

INTEGRATED DEVELOPMENT ENVIRONMENT ANDROID 28

Gambar 7 Frame Layout

INTEGRATED DEVELOPMENT ENVIRONMENT ANDROID 29

Tag Table Layout

Beberapa tag pada Table Layout :

1. TableLayout : Tag pembuka untuk menggunakan TableLayout

Gambar 8 Contoh Table Layout

INTEGRATED DEVELOPMENT ENVIRONMENT ANDROID 30

1. Buat project baru seperti terlihat pada gambar berikut ini

INTEGRATED DEVELOPMENT ENVIRONMENT ANDROID 31