LAPORAN

MOBILE APPLICATION

DISUSUN OLEH

Nama : Zuhri

Kelas : 3 TRPL

NPM : 1061930

Prodi : D-IV Teknologi Rekayasa Perangkat Lunak

POLITEKNIK MANUFAKTUR NEGERI BANGKA BELITUNG

Kawasan Industri Air Kantung, Sungailiat-Bangka 33211

Telp. 071793586, Fax. 071793585

Email: polman@polman-babel.ac.id
1. Source Code Linear Layout

<?xml version="1.0" encoding="utf-8"?>

<androidx.constraintlayout.widget.ConstraintLayout
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"

tools:context=".MainActivity"

android:background="#000">

<LinearLayout

android:layout_width="match_parent"

android:layout_height="400dp"

android:orientation="vertical"

android:padding="16dp">

<ImageView

android:id="@+id/imageView"

android:layout_width="373dp"

android:layout_height="33dp"

android:layout_marginTop="11dp"

android:background="#B0C4DE"

app:srcCompat="@drawable/images" />
<TextView

android:id="@+id/textView"

android:layout_width="match_parent"

android:layout_height="41dp"

android:layout_marginTop="11dp"

android:background="#B0C4DE"

android:text="Nama"

android:gravity="center"/>

<TextView

android:id="@+id/textView2"

android:layout_width="379dp"

android:layout_height="41dp"

android:layout_marginTop="11dp"

android:background="#B0C4DE"

android:layout_weight="1"

android:gravity="center"

android:text="No.Handphone" />

<TextView

android:id="@+id/textView2"

android:layout_width="379dp"

android:layout_height="41dp"

android:background="#B0C4DE"

android:layout_marginTop="11dp"
 android:layout_weight="1"

android:gravity="center"

android:text="Email" />

<TextView

android:id="@+id/textView2"

android:layout_width="379dp"

android:layout_height="41dp"

android:layout_marginTop="11dp"

android:background="#B0C4DE"

android:layout_weight="1"

android:gravity="center"

android:text="Alamat" />

<ImageView

android:id="@+id/imageView3"

android:layout_width="379dp"

android:layout_height="wrap_content"

android:layout_marginTop="11dp"

android:layout_weight="1"

android:background="#B0C4DE"

tools:srcCompat="@tools:sample/avatars" />

</LinearLayout>
 <LinearLayout

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="horizontal">

<Button

android:id="@+id/button"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_gravity="bottom"

android:layout_weight="1"

android:text="Batal" />

<Button

android:id="@+id/button2"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_gravity="bottom"

android:layout_weight="1"

android:text="Simpan" />

</LinearLayout>

</androidx.constraintlayout.widget.ConstraintLayout>
2. Penjelasan Source Code
 Membuat tampilan loga atau gambar pada layout

<ImageView

android:id="@+id/imageView"

android:layout_width="373dp"

android:layout_height="33dp"

android:layout_marginTop="11dp"

android:background="#B0C4DE"

app:srcCompat="@drawable/images" />

android:id="@+id/imageView" pada perintah attribute ini merupakan Untuk

mengidentifikasi tampilan secara unik dan merujuknya dari kode, Anda harus
memberikan ID. Atribut android:id memungkinkan Anda menetapkan id yang unik—
yakni identifier sumber daya untuk tampilan.

android:layout_width="373dp" pada perintah atribut ini merupakan perintah untuk

mengatur ukuran pada Linear layout, dimana perintah android:layout_width="373dp"
berfungsi untuk mengatur lebar ukuran layoutnya.

android:layout_height="33dp" pada perintah atribut ini merupakan perintah untuk

mengatur ukuran pada Linear layout, dimana perintah android:layout_height="33dp"
berfungsi untuk mengatur tinggi ukuran layoutnya.

android:layout_marginTop="11dp" pada perintah atribut ini berfungsi untuk mengatur

margin atas

android:background="#B0C4DE" pada perintah atribut ini berfungsi untuk memberi

warna pada background layout nya.

app:srcCompat="@drawable/images" /> pada perintah atribut ini berfungsi untuk

memanggil gambar pada file yang telah kita import terlebih dahulu.

 Membuat Text View Nama

<TextView
 android:id="@+id/textView"

android:layout_width="match_parent"

android:layout_height="41dp"

android:layout_marginTop="11dp"

android:background="#B0C4DE"

android:text="Nama"

android:gravity="center"/>

android:id="@+id/textView" pada perintah attribute ini merupakan Untuk

mengidentifikasi tampilan secara unik dan merujuknya dari kode, Anda harus
memberikan ID. Atribut android:id memungkinkan Anda menetapkan id yang unik—
yakni identifier sumber daya untuk tampilan.
android:layout_width="match_parent" akan meluaskan tampilan untuk mengisi
induknya dengan lebar dan tinggi. Bila LinearLayout adalah tampilan akar, ia akan
meluaskan ke ukuran layar perangkat. Untuk tampilan dalam grup tampilan akar, ia
akan meluaskan ke ukuran grup tampilan induk.
android:text="Nama" atribut ini berfungsi untuk Menetapkan teks untuk ditampilkan
di tampilan.
android:gravity="center" atribut ini digunakan bersama tampilan untuk mengontrol
tempat menyusun tampilan dalam grup tampilan induknya dimana di source code ini
akan mengatur text nya ke central atau tengah.

 Membuat Text View No.Handphone

<TextView

android:id="@+id/textView2"

android:layout_width="379dp"

android:layout_height="41dp"

android:layout_marginTop="11dp"

android:background="#B0C4DE"

android:layout_weight="1"

android:gravity="center"

android:text="No.Handphone" />
 Membuat Text View Email

<TextView

android:id="@+id/textView2"

android:layout_width="379dp"

android:layout_height="41dp"

android:background="#B0C4DE"

android:layout_marginTop="11dp"

android:layout_weight="1"

android:gravity="center"

android:text="Email" />

 Membuat Text View Alamat

<TextView

android:id="@+id/textView2"

android:layout_width="379dp"

android:layout_height="41dp"

android:layout_marginTop="11dp"

android:background="#B0C4DE"

android:layout_weight="1"

android:gravity="center"

android:text="Alamat" />
 Membuat Button Batal

<Button

android:id="@+id/button"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_gravity="bottom"

android:layout_weight="1"

android:text="Batal" />

android:layout_height="wrap_content" akan menciutkan dimensi tampilan yang cukup

besar untuk menampung isinya. (Jika tidak ada isinya, tampilan menjadi tidak
terlihat.)

 Membuat Button Simpan

<Button

android:id="@+id/button2"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_gravity="bottom"

android:layout_weight="1"

android:text="Simpan" />

android:layout_weight="1" berfungsi untuk menentukan rasio ukuran antara beberapa

tampilan.
3. Layout
4. Source Code Relative Layout
<?xml version="1.0" encoding="utf-8"?>

<androidx.constraintlayout.widget.ConstraintLayout
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">

<RelativeLayout

android:layout_width="match_parent"

android:layout_height="match_parent"

tools:layout_editor_absoluteX="0dp"

tools:layout_editor_absoluteY="0dp"

android:background="#DCDCDC">

<TextView

android:id="@+id/textView"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentStart="true"

android:layout_alignParentLeft="true"

android:layout_alignParentTop="true"

android:layout_marginStart="150dp"
 android:layout_marginLeft="250dp"

android:layout_marginTop="90dp"

android:text="Log In"

android:textColor="@color/black"

android:textSize="30dp" />

<TextView

android:id="@+id/textView2"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_below="@id/textView"

android:layout_marginLeft="50dp"

android:layout_marginTop="10dp"

android:text="Email"

android:textColor="@color/black"

android:textSize="15dp" />

<EditText

android:id="@+id/editTextTextPersonName2"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignBaseline="@id/textView2"

android:layout_alignBottom="@id/textView2"

android:layout_alignParentEnd="true"

android:layout_alignLeft="@id/editTextTextPassword"
 android:layout_alignStart="@id/editTextTextPassword"

android:layout_toRightOf="@id/textView2"

android:ems="10"

android:inputType="textPersonName"

android:text="" />

<TextView

android:id="@+id/textView4"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignBottom="@id/editTextTextPassword"

android:layout_alignParentStart="true"

android:layout_alignParentLeft="true"

android:layout_marginStart="50dp"

android:layout_marginLeft="50dp"

android:text="Password"

android:textColor="@color/black"

android:textSize="15dp" />

<EditText

android:id="@+id/editTextTextPassword"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:ems="10"

android:layout_alignParentEnd="true"
 android:layout_alignParentRight="true"

android:layout_below="@id/editTextTextPersonName2"

android:inputType="" />

<Button

android:id="@+id/button"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentEnd="true"

android:layout_alignParentRight="true"

android:layout_below="@id/editTextTextPassword"

android:layout_marginTop="40dp"

android:text="Masuk" />

<ImageView

android:id="@+id/imageView2"

android:layout_width="300dp"

android:layout_height="wrap_content"

android:layout_marginLeft="50dp"

android:layout_marginTop="150dp"

app:srcCompat="@drawable/berita315polman" />

</RelativeLayout>

</androidx.constraintlayout.widget.ConstraintLayout>
5. Penjelasan Source Code
 Membuat Text View Log In

<TextView

android:id="@+id/textView"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentStart="true"

android:layout_alignParentLeft="true"

android:layout_alignParentTop="true"

android:layout_marginStart="150dp"

android:layout_marginLeft="250dp"

android:layout_marginTop="90dp"

android:text="Log In"

android:textColor="@color/black"

android:textSize="30dp" />

android:id="@+id/textView" pada perintah attribute ini merupakan Untuk

mengidentifikasi tampilan secara unik dan merujuknya dari kode, Anda harus
memberikan ID. Atribut android:id memungkinkan Anda menetapkan id yang unik—
yakni identifier sumber daya untuk tampilan.
android:layout_height="wrap_content" dan android:layout_width="wrap_content"
akan menciutkan dimensi tampilan yang cukup besar untuk menampung isinya. (Jika
tidak ada isinya, tampilan menjadi tidak terlihat.)
android:layout_alignParentLeft="true" Memosisikan tepi kiri tampilan ini agar cocok
dengan tepi atas induknya jika “true” , diposisikan di tepi kiri pada tampilan
induknya.
android:layout_alignParentTop="true" Memosisikan tepi atas tampilan ini agar cocok
dengan tepi atas induknya Jika "true", tepi atas tampilan ini diposisikan sejajar dengan
tepi atas tampilan induknya.
android:layout_marginStart="150dp" digunakan untuk memberi jarak(batasan) antara
konten View ,(Seperti :TextView ,Button dll), dengan konten View lain.
 Membuat Text View Email

<TextView
 android:id="@+id/textView2"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_below="@id/textView"

android:layout_marginLeft="50dp"

android:layout_marginTop="10dp"

android:text="Email"

android:textColor="@color/black"

android:textSize="15dp" />

 Membuat Edit Text 1

<EditText

android:id="@+id/editTextTextPersonName2"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignBaseline="@id/textView2"

android:layout_alignBottom="@id/textView2"

android:layout_alignParentEnd="true"

android:layout_alignLeft="@id/editTextTextPassword"

android:layout_alignStart="@id/editTextTextPassword"

android:layout_toRightOf="@id/textView2"

android:ems="10"

android:inputType="textPersonName"

android:text="" />

 Membuat Text View password

<TextView
 android:id="@+id/textView4"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignBottom="@id/editTextTextPassword"

android:layout_alignParentStart="true"

android:layout_alignParentLeft="true"

android:layout_marginStart="50dp"

android:layout_marginLeft="50dp"

android:text="Password"

android:textColor="@color/black"

android:textSize="15dp" />

 Membuat Button Masuk

<Button

android:id="@+id/button"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentEnd="true"

android:layout_alignParentRight="true"

android:layout_below="@id/editTextTextPassword"

android:layout_marginTop="40dp"

android:text="Masuk" />
6. Layout