Anda di halaman 1dari 4

MODUL 2

Layout pada Android Studio

A. KOMPETENSI DASAR
 Memahami Pemrograman Perangkat Bergerak.
 Memahami dasar pemrograman Android Studio.
 Memahami dasar Layout pada Android Studio.

B. ALOKASI WAKTU
4 js (4x50 menit)

C. PETUNJUK
 Awali setiap aktivitas dengan do’a, semoga berkah dan mendapat kemudahan.
 Pahami Tujuan, dasar teori, dan latihan-latihan praktikum dengan baik dan benar.
 Kerjakan tugas-tugas dengan baik, sabar, dan jujur.
 Tanyakan kepada asisten/dosen apabila ada hal-hal yang kurang jelas.

D. SET UP PROJECT BARU


1. Buatlah project baru pada Android Studio dengan nama BelajarModulsatuNama
*Untuk nama diisi nama masing-masing
Main_activity

LOGO

Button Belajar

Button Kuis

Button Button
Info Keluar
Belajar_activity

Button Belajar1 Button Belajar2 Button Belajar3

Button
Kembali

Syntax untuk main_activity


<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/bg1"

tools:context="com.example.alfaruqrizky.belajarhijaiyah1.MainActivity">
<ImageButton
android:id="@+id/logo"
android:layout_width="400dp"
android:layout_height="120dp"
android:layout_centerHorizontal="true"
android:background="@drawable/belajarmengaji" />
<TextView
android:id="@+id/textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="."
android:layout_below="@+id/logo"
android:layout_centerHorizontal="true" />
<ImageButton
android:id="@+id/b-belajar"
android:layout_width="150dp"
android:layout_height="50dp"
android:background="@drawable/bbelajar"
android:layout_below="@+id/textView"
android:layout_centerHorizontal="true"
android:layout_marginTop="11dp" />
<ImageButton
android:id="@+id/bclose"
android:layout_width="150dp"
android:layout_height="50dp"
android:layout_below="@+id/b-kuis"
android:layout_marginEnd="42dp"
android:layout_marginRight="42dp"
android:background="@drawable/bkeluar" />
<ImageButton
android:id="@+id/binfo"
android:layout_width="150dp"
android:layout_height="40dp"
android:layout_below="@+id/bclose"
android:layout_marginEnd="42dp"
android:layout_marginRight="42dp"
android:background="@drawable/btentang" />

</RelativeLayout>

Syntax Untuk belajar_activity


<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/bg1"

tools:context="com.example.alfaruqrizky.belajarhijaiyah1.BelajarActivity">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true">
<HorizontalScrollView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="50dp"
android:layout_centerVertical="true"
android:layout_centerHorizontal="true">

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:orientation="horizontal">
<ImageButton
android:layout_width="250dp"
android:layout_height="150dp"
android:background="@drawable/bbelajar"
android:id="@+id/belajar1"
/>
<ImageButton
android:layout_width="250dp"
android:layout_height="150dp"
android:background="@drawable/bbelajar"
android:id="@+id/belajar2"
/>
<ImageButton
android:layout_width="250dp"
android:layout_height="150dp"
android:background="@drawable/bbelajar"
android:id="@+id/belajar3"
/>

</LinearLayout>

</HorizontalScrollView>
</RelativeLayout>
</RelativeLayout>
Keterangan:
Setiap Button dan id gambar sesuai kreasi masing-masing kelompok!
E. HASIL PRAKTIKUM
*Hasil praktikum dan modul dikumpulkan melalui email witchsefi@gmail.com dalam bentuk rar.

1. Tampilkan hasil screenshot aplikasi kalian.


2. Jelaskan fungsi dari syntax berikut ini:
a. LinearLayout
b. RelativeLayout
c. HorizontalScrollView
d. VerticalScrollView
e. layout_centerVertical
f. layout_centerHorizontal
g. layout_below
h. layout_above