Nama/NIM : Yossica

Kelas/Prodi : 3 SIC / Sistem Informasi

Dosen : Indah Lestari, S.ST., M.T
AIL : Susiyanti, S.ST
Tanggal : 5 Oktober 2020

Praktikum 2
Layout, View, Resource
1.1 Tujuan
1. Mahasiswa mampu menjelaskan bahasa yang digunakan dalam android,
instalasi android studio, user interface android studio, struktur project android
serta pembuatan emulator android, dan mengimplementasikan berbagai jenis
layout dasar pada pengembangan aplikasi android, mampu membuat aplikasi
sederhana menggunakan view dan resources pada android, serta membaca

1.2 Teori Dasar

1.2.1. Pengenalan Android dan Android Studio
Android adalah sistem operasi dengan sumber terbuka, dan Google merilis kodenya
di bawah Lisensi Apache. Antarmuka pengguna Android umumnya berupa manipulasi
langsung, menggunakan gerakan sentuh yang serupa dengan tindakan nyata, misalnya
menggeser, mengetuk, dan mencubit untuk memanipulasi objek di layar, serta papan
ketik virtual untuk menulis teks. Android Studio merupakan sebuah tools yang mudah
dipahami dan digunakan. Dalam satu tools ini Anda bisa mendapatkan berbagai
manfaat mulai dari pembuatan aplikasi hingga testing aplikasi. Android memiliki
Operating system (OS) yang open-source. Berikut ini adalah beberapa fitur Android
Studio:
- Environment yang mempermudah Anda untuk mengembangkan aplikasi untuk
Android
- Support dalam mengembangkan aplikasi Android TV dan Android Wear
- Template untuk menentukan design dan komponen Android
- Editor layout dengan interface drag-and-drop
- Refactoring dan perbaikan cepat khusus Android
- Dukungan build berbasis Gradle
- Integrasi ProGuard
- Emulator yang cepat dan berbagai fitur didalamnya
Nama/NIM : Yossica
Kelas/Prodi : 3 SIC / Sistem Informasi
Dosen : Indah Lestari, S.ST., M.T
AIL : Susiyanti, S.ST
Tanggal : 5 Oktober 2020

- Dapat terintegrasi dengan Google Cloud Messaging dan App Engine

- Dukungan program basic C++ dan NDK
1.2.2. Project Hello World
Setelah menginstall Android Studio pada bagian sebelumnya maka kali ini saya
akan membuat project pertama android yaitu aplikasi android ”Hello World“
menggunakan Android Studio yang akan di jelaskan pada bagian percobaan.

1.2.3. Frame Layout

Frame layout merupakan subclass viewgroup dari android untuk menampilkan posisi
beberapa tampilan yang ditempatkan di atas satu sama lain dalam tampilan aplikasi.
FrameLayout sangat bermanfaat ketika kita ingin membuat aplikasi yang memiliki
animasi.

1.2.4. Linear Layout

Linear Layout merupakan layout yang berfungsi untuk menampilkan komponen-
komponen aplikasi contohnya : teks, tombol, gambar dan lainnya dengan
cara vertikal ataupun horizontal. Model ini lah yang paling banyak digunakan untuk
membuat tampilan antar muka pada aplikasi android.

1.2.5. Relative Layout

Relative Layout adalah layout yang penataan nya ini adalah penataan yang
menempatkan widget-widget didalamnya seperti layer, sehingga sebuah widget dapat
Nama/NIM : Yossica
Kelas/Prodi : 3 SIC / Sistem Informasi
Dosen : Indah Lestari, S.ST., M.T
AIL : Susiyanti, S.ST
Tanggal : 5 Oktober 2020

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.

1.2.6. Komponen View

View adalah obyek yang menggambar komponen tampilan ke layar yang mana
pengguna dapat melihat dan berinteraksi langsung.
Contoh komponen turunan dari View seperti :
 TextView, komponen yang berguna untuk menampilkan teks ke layar.
 Button, komponen yang membuat pengguna dapat berinteraksi dengan cara
ditekan untuk melakukan sesuatu.
 ImageView, Komponen untuk menampilkan gambar.
 ListView, komponen untuk menampilkan informasi dalam bentuk list.
 GridView, komponen untuk menampilkan informasi dalam bentuk grid.
 RadioButton, komponen yang memungkinkan pengguna dapat memilih satu
pilihan dari berbagai pilihan yang disediakan.
 Checkbox, komponen yang memungkinkan pengguna dapat memilih lebih dari
satu dari pilihan yang ada.

1.2.7. Resource
Resource adalah file tambahan dan konten statis yang dapat diakses di aplikasi
bagian mendasar dari proses pengembangan aplikasi Android. Resource dapat dipakai
untuk mendefinisikan color (warna), image (gambar), layout (tata letak), menu, dan
nilai string. Jenis-jenis Resource:
Nama/NIM : Yossica
Kelas/Prodi : 3 SIC / Sistem Informasi
Dosen : Indah Lestari, S.ST., M.T
AIL : Susiyanti, S.ST
Tanggal : 5 Oktober 2020

Jenis-jenis Values:
Nama/NIM : Yossica
Kelas/Prodi : 3 SIC / Sistem Informasi
Dosen : Indah Lestari, S.ST., M.T
AIL : Susiyanti, S.ST
Tanggal : 5 Oktober 2020

1.3 Kebutuhan Praktikum

1. PC
2. IDE Android Studio
3. Laptop
4. HP
5. Kabel USB

1.4 Percobaan
1.4.1. Membuat Project
Berikut adalah langkah-langkah dalam membuat projek Aplikasi Mobile pada
IDE Android Studio:
1. Pilih start a new android studio project

2. Selanjutnya pilih layout empty selanjutnya klik next

Nama/NIM : Yossica
Kelas/Prodi : 3 SIC / Sistem Informasi
Dosen : Indah Lestari, S.ST., M.T
AIL : Susiyanti, S.ST
Tanggal : 5 Oktober 2020

3. Atur nama Project sesuai format berikut

Name : Hello World
Package name : com.namaMhs.app (com.yossica.app)
Save location : Simpan pada folder yang anda inginkan
Language : Java → karna kita masih menggunakan bahasa java
Minimum SDK : Contoh Android 5.0 Lollipop
Kemudian Klik FInish
Nama/NIM : Yossica
Kelas/Prodi : 3 SIC / Sistem Informasi
Dosen : Indah Lestari, S.ST., M.T
AIL : Susiyanti, S.ST
Tanggal : 5 Oktober 2020

1.4.2. Percobaan Membuat Kata Hello World

Android studio bisa menggunakan bahasa java untuk penulisan kata “ Hello
World” pada Android studio ini penulisan nya terletak pada file .XML pada folder app →
res → layout .
Untuk mengubah tulisan terletak pada tag TextView contoh android:text=”Hello nama
saya yossica aja”

Melakukan running aplikasi mobile melalui device Handphone :

Pertama kita harus mensetting handphone menjadi versi pengembang → selanjutnya
masuk ke pengaturan tambahan pilih → Opsi pengembang → pilih mobile debugger →
kemudian verifikasi USB
Kemudian device hp kita akan terdeteksi pada android studio selanjutnya output akan
muncul pada gawai kita seperti dibawah ini :
Nama/NIM : Yossica
Kelas/Prodi : 3 SIC / Sistem Informasi
Dosen : Indah Lestari, S.ST., M.T
AIL : Susiyanti, S.ST
Tanggal : 5 Oktober 2020

Daftar Pustaka
1. https://id.wikipedia.org/wiki/Android_(sistem_operasi)
2. https://www.techfor.id/cara-membuat-frame-layout-di-aplikasi-android/#:~:text=Frame
%20Layout%20pada%20Android%20ialah,untuk%20mewakili%20layar%20tampilan
%20tunggal.
3. https://badoystudio.com/belajar-android-untuk-pemula/menggunakan-linear-layout-
dengan-mudah-pada-android/#:~:text=Linear%20Layout%20merupakan%20layout
%20yang,dengan%20mudah%20pada%20android%20studio
4. https://medium.com/@tedoharischandra29/mengenal-linear-dan-relative-layout-
89bbdf4632f4
5. http://winditi12016.blogspot.com/2018/01/pengenalan-komponen-android-studio-
view.html
6. https://www.codepolitan.com/memahami-app-resource-di-android-
598c2b837f4fa#:~:text=Di%20Android%2C%20hampir%20semuanya%20adalah,%2C
%20menu%2C%20dan%20nilai%20string.