LAPORAN PRAKTIKUM PEMROGRAMAN APLIKASI BERGERAK

MATERI LINEAR LAYOUT PROFIL MAHASISWA

KAMIS , 22 FEBRUARI 2024

DISUSUN OLEH :
NAMA : SYAHARANI
NPM :1052228
KELAS/SEMESTER : 2 TE A/ 4
PROGRAM STUDI : D4 TEKNIK ELEKTRONIKA DAN INFORMATIKA

DOSEN PENGAMPU : RIKI AFRIANSYAH, M.Tr.T

POLITEKNIK MANUFAKTUR NEGERI BANGKA BELITUNG
Tahun Akademik 2023/2024

1
 Kata Pengantar

Assalamualaikum Warahmahtullah Wabarakatuh

Alhamdulillah, puji syukur kepada Allah Swt. atas Rahmat dan karunia-Nya penulis
dapat menyelesaikan laporan praktikum ini. Laporan praktikum ini disusun untuk memenuhi
tugas mata kuliah Pemmrograman Aplikasi Bergerak materi linear layout yang diampu oleh
Bapak Riki Afriansyah M.T. Penulis mengharapkan kritik dan saran yang membangun dari
pembaca. Semoga laporan praktikum ini bermanfaat untuk pembaca, khususnya penulis.
Wassalamualaikum Warahmahtullah Wabarakatuh

Sungailiat, 26 Februari 2024

syaharani

2
 Daftar Isi

Kata Pengantar......................................................................................................................................2
Daftar Isi................................................................................................................................................3
Bab I.......................................................................................................................................................4
A. Latar Belakang...........................................................................................................................5
B. Tujuan........................................................................................................................................5
C. Manfaat.....................................................................................................................................5
Bab II......................................................................................................................................................6
A. Manfaat Penerapan pembuatan profil mahasiswa....................................................................5
B. Contoh Program String..............................................................................................................5
C. Contoh Kode Program...............................................................................................................9
Hasil...........................................................................................................................15

Bab III...................................................................................................................................................16
A. Kesimpulan..............................................................................................................................16

3
 Bab I
Pendahuluan
A. Latar Belakang
Pemrograman Aplikasi Bergerak pada pembuatan profil mahasiswa
B. Tujuan
Pembuatan layout dengan android studio pada bahasa pemrograman kotlin bertujuan

C. Manfaat
Pembelajaran pembuatan layout profil mahasiswa bermanfaat

4
A. Latar Belakang
Penggunaan android studio pada pemrograman antra lain adalah
untuk mengatur penempatan text/gambar sesuai yang kita inginkan. jadi layout di sini adalah
bagian terpenting untuk memperindah tampilan atau design pada aplikasi yang kita buat
agar nyaman di lihat bagi pengguna aplikasi kita.Selain itu juga penggunaan android studio
ini memudahkan kita dalam menyelesaikan studi kasus pada pembuatan layout baik secara
vertical maupun horizontal.

B . Tujuan
Pembelajaran Mobile Application Programming (Pemmrograman Aplikasi Mobile)
bertujuan untuk memberikan pemahaman dan keterampilan yang diperlukan untuk
merancang, mengembangkan, dan memelihara aplikasi mobile.

C. Manfaat
Pembelajaran pembuatan layout bermanfaat mengembangkan keterampilan, dapat
membuat desain interface,dan meningkatkan keterampilan dalam membuat program yang
lebih fleksibel pada platform mobile

5
 Bab II
Pembahasan
A. Penjelasan Materi
?xml version="1.0" encoding="utf-8"?>

<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:tools="http://schemas.android.com/tools"
android:orientation="vertical"
android:background="#F5F5DC"
android:weightSum="1.0"
tools:context=".MainActivity">

1. Linear layout pertama digunakan untuk membuat tampilan utama pada program
dengan width dan height match parents. Untuk orientasi yang digunakan adalah
vertical, warna beackground Beige, dan weightSum sebesar 1.0.
<TextView
android:id="@+id/text5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="sans-serif-condensed"
android:gravity="center"
android:paddingLeft="30dp"
android:paddingTop="20dp"
android:text="@string/accinfo"
android:textColor="#000000"
android:textSize="20sp"
android:textStyle="bold" />

2. TextView 1 untuk nilai kosong pada bar utama dengan width dan height match
parents. Dengan posisi graffiti sebelah kanan di tengah/center vertical. marginEnd
berukuran 20dp, text berwarna hitam dan berukuran 30sp dan style penulisan
huruf adalah tebal dan gaya penulisan adalah sans-serif-condensed.

6
 <LinearLayout

TextView
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="0.07"
android:gravity="center"
android:textColor="#000000"/>

<ImageView
android:id="@+id/image3"
android:layout_width="130dp"
android:layout_height="130dp"
android:layout_gravity="center"
android:layout_margin="0dp"
android:layout_marginStart="90dp"
android:layout_marginLeft="90dp"
android:layout_marginTop="90dp"
android:layout_marginEnd="90dp"
android:layout_marginRight="90dp"
android:layout_marginBottom="90dp"
android:paddingTop="0dp"
app:srcCompat="@drawable/img" />

3. Linear layout yang di dalamnya mempunyai button. Button mempunyai tulisan

“RESET”. Button ini diatur dengan width 0dp, height match_parent, ukuran
margin 2dp dan weight 1. Dan image view digunakan untuk Untuk menampilkan
gambar atau image pada android dapat digunakan Imageview,
<LinearLayout

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="80dp"
android:layout_gravity="center"
android:orientation="horizontal"
android:paddingTop="10dp"
android:layout_weight="0.10">

7
 <Button
android:layout_width="270dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:layout_margin="0dp"
android:backgroundTint="#5FBDFF"
android:fontFamily="sans-serif-condensed"
android:text="@string/status"
android:gravity="center"
android:textColor="#000000"
android:textSize="15sp"/>
</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginTop="10dp"
android:background="#FFE3CA"
android:orientation="vertical"
tools:context=".MainActivity">

</LinearLayout>
3. Kemudian terdapat linear layout lagi, Button ini dapat dikreasikan sesuai dengan
string yang akan dipanggil. Masing-masing button memiliki gravity center,
margin 2dp dan ukuran text 30sp. Sedangkan pada Butoon di posisikan di center,
dengan ukuran text yakni 15sp, dengan teks berwarna hitam dengan gaya
penulisan sans-serif condensed.
B. Contoh Kode Program string

<resources>

<string name="app_name">Data diri</string>

<string name="username">rani</string>
<string name="desc">syaharani</string>
<string name="status">Mahasiswa</string>
<string name="accinfo">Account Info : </string>
<string name="nama">Nama</string>
<string name="nama2">syaharani rani </string>
<string name="ttl">Tempat Tanggal Lahir</string>
<string name="ttl2">Bekasi, 27 september 2004 </string>
<string name="agama">Agama</string>

8
 <string name="agama2">islam</string>
<string name="jenkel">Jenis Kelamin</string>
<string name="jenkel2">Perempuan</string>
<string name="keahlian">Keahlian</string>
<string name="keahlian2">apa aja :)</string>
<string name="hobi">Hobi</string>
<string name="hobi2">apa aja </string>
<string name="alamat">Alamat</string>
<string name="alamat2">jl.depati barin no:169 opas indah </string>
<string name="sosmed">Social Media</string>
<string name="ig">Instagram : @kimseoji95</string>
</resources>
Pada kode diatas terdapat sebuah banyak string hal ini bertujuan agar dapat
memasukan tipe data sesuai yang kita butuhkan , sebab apabila menggunakan tipe
data string ini dapat menggabungkan beberapa macam gabungan
huruf,angka,whitespace,dan berbagai karakter.

C. Latihan Pembuatan Program dalam pembuatan profil mahasiswa, seluruh

program

[15:21, 26/02/2024] 라니: <?xml version="1.0" encoding="utf-8"?>

<resources>
<color name="purple_200">#FFBB86FC</color>
<color name="purple_500">#FF6200EE</color>
<color name="purple_700">#FF3700B3</color>
<color name="teal_200">#FF03DAC5</color>
<color name="teal_700">#FF018786</color>
<color name="black">#FF000000</color>
<color name="white">#FFFFFFFF</color>
<color name="darkblue">#0a0a5c</color>
<color name="bluesky">#00bfff</color>
<color name="lightblue">#CC99FF</color>
<color name="whiteblue">#CCFFFF</color>
</resources>
[15:21, 26/02/2024] 라니: <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:tools="http://schemas.android.com/tools"
android:orientation="vertical"
android:background="#F5F5DC"
android:weightSum="1.0"
tools:context=".MainActivity">

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

9
 android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#5FBDFF"
android:gravity="left"
android:padding="10dp"
android:fontFamily="sans-serif-condensed"
android:text="@string/app_name"
android:textColor="#000000"
android:textSize="18dp" />

<TextView
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="0.07"
android:gravity="center"
android:textColor="#000000"/>

<ImageView
android:id="@+id/image3"
android:layout_width="130dp"
android:layout_height="130dp"
android:layout_gravity="center"
android:layout_margin="0dp"
android:layout_marginStart="90dp"
android:layout_marginLeft="90dp"
android:layout_marginTop="90dp"
android:layout_marginEnd="90dp"
android:layout_marginRight="90dp"
android:layout_marginBottom="90dp"
android:paddingTop="0dp"
app:srcCompat="@drawable/img" />

<TextView
android:id="@+id/text3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="sans-serif-condensed"
android:text="@string/desc"
android:layout_gravity="center"
android:gravity="center"
android:textColor="#000000"
android:paddingTop="7dp"
android:textSize="18sp" />

<TextView
android:id="@+id/text4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="sans-serif-condensed"
android:text="@string/username"
android:layout_gravity="center"
android:gravity="center"
android:textColor="#000000"
android:textSize="13sp"
android:textStyle="bold"
/>

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="80dp"

10
 android:layout_gravity="center"
android:orientation="horizontal"
android:paddingTop="10dp"
android:layout_weight="0.10">

<Button
android:layout_width="270dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:layout_margin="0dp"
android:backgroundTint="#5FBDFF"
android:fontFamily="sans-serif-condensed"
android:text="@string/status"
android:gravity="center"
android:textColor="#000000"
android:textSize="15sp"/>
</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginTop="10dp"
android:background="#FFE3CA"
android:orientation="vertical"
tools:context=".MainActivity">

<TextView
android:id="@+id/text5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="sans-serif-condensed"
android:gravity="center"
android:paddingLeft="30dp"
android:paddingTop="20dp"
android:text="@string/accinfo"
android:textColor="#000000"
android:textSize="20sp"
android:textStyle="bold" />

<TextView
android:id="@+id/text6"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="sans-serif-condensed"
android:gravity="center"
android:paddingLeft="30dp"
android:paddingTop="15dp"
android:text="@string/nama"
android:textColor="#000000"
android:textSize="15sp"
android:textStyle="bold" />

<TextView
android:id="@+id/text7"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="sans-serif-condensed"
android:gravity="center"
android:paddingLeft="30dp"
android:paddingTop="2dp"

11
 android:text="@string/nama2"
android:textColor="#000000"
android:textSize="13sp" />

<TextView
android:id="@+id/text8"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="sans-serif-condensed"
android:gravity="center"
android:paddingLeft="30dp"
android:paddingTop="15dp"
android:text="@string/ttl"
android:textColor="#000000"
android:textSize="15sp"
android:textStyle="bold" />

<TextView
android:id="@+id/text9"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="sans-serif-condensed"
android:gravity="center"
android:paddingLeft="30dp"
android:paddingTop="2dp"
android:text="@string/ttl2"
android:textColor="#000000"
android:textSize="13sp" />

<TextView
android:id="@+id/text10"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="sans-serif-condensed"
android:gravity="center"
android:paddingLeft="30dp"
android:paddingTop="15dp"
android:text="@string/agama"
android:textColor="#000000"
android:textSize="15sp"
android:textStyle="bold" />

<TextView
android:id="@+id/text11"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="sans-serif-condensed"
android:gravity="center"
android:paddingLeft="30dp"
android:paddingTop="2dp"
android:text="@string/agama2"
android:textColor="#000000"
android:textSize="13sp" />

<TextView
android:id="@+id/text12"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="sans-serif-condensed"
android:gravity="center"

12
 android:paddingLeft="30dp"
android:paddingTop="15dp"
android:text="@string/jenkel"
android:textColor="#000000"
android:textSize="15sp"
android:textStyle="bold" />

<TextView
android:id="@+id/text13"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="sans-serif-condensed"
android:gravity="center"
android:paddingLeft="30dp"
android:paddingTop="2dp"
android:text="@string/jenkel2"
android:textColor="#000000"
android:textSize="13sp" />

<TextView
android:id="@+id/text14"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="sans-serif-condensed"
android:gravity="center"
android:paddingLeft="30dp"
android:paddingTop="15dp"
android:text="@string/keahlian"
android:textColor="#000000"
android:textSize="15sp"
android:textStyle="bold" />

<TextView
android:id="@+id/text15"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="sans-serif-condensed"
android:gravity="center"
android:paddingLeft="30dp"
android:paddingTop="2dp"
android:text="@string/keahlian2"
android:textColor="#000000"
android:textSize="13sp" />

<TextView
android:id="@+id/text16"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="sans-serif-condensed"
android:gravity="center"
android:paddingLeft="30dp"
android:paddingTop="15dp"
android:text="@string/alamat"
android:textColor="#000000"
android:textSize="15sp"
android:textStyle="bold" />

<TextView
android:id="@+id/text17"
android:layout_width="wrap_content"

13
 android:layout_height="wrap_content"
android:fontFamily="sans-serif-condensed"
android:gravity="center"
android:paddingLeft="30dp"
android:paddingTop="2dp"
android:text="@string/alamat2"
android:textColor="#000000"
android:textSize="13sp" />

<TextView
android:id="@+id/text18"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="sans-serif-condensed"
android:gravity="center"
android:paddingLeft="30dp"
android:paddingTop="15dp"
android:text="@string/sosmed"
android:textColor="#000000"
android:textSize="15sp"
android:textStyle="bold" />

<TextView
android:id="@+id/text19"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="sans-serif-condensed"
android:gravity="center"
android:paddingLeft="30dp"
android:paddingTop="2dp"
android:text="@string/ig"
android:textColor="#000000"
android:textSize="13sp" />
</LinearLayout>
</LinearLayout>

string

<resources>
<string name="app_name">Data diri</string>
<string name="username">rani</string>
<string name="desc">syaharani</string>
<string name="status">Mahasiswa</string>
<string name="accinfo">Account Info : </string>
<string name="nama">Nama</string>
<string name="nama2">syaharani rani </string>
<string name="ttl">Tempat Tanggal Lahir</string>
<string name="ttl2">Bekasi, 27 september 2004 </string>
<string name="agama">Agama</string>
<string name="agama2">islam</string>
<string name="jenkel">Jenis Kelamin</string>
<string name="jenkel2">Perempuan</string>
<string name="keahlian">Keahlian</string>
<string name="keahlian2">apa aja :)</string>
<string name="hobi">Hobi</string>
<string name="hobi2">apa aja </string>
<string name="alamat">Alamat</string>
<string name="alamat2">jl.depati barin no:169 opas indah </string>

14
 <string name="sosmed">Social Media</string>
<string name="ig">Instagram : @kimseoji95</string>
</resources>

Penjelasan : Pada fungsi main(), terdapat satu objek orang dengan nilai-nilai atribut
yang berbeda. Objek-objek ini disimpan dalam variable orang.

Warna

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

<resources>
<color name="purple_200">#FFBB86FC</color>
<color name="purple_500">#FF6200EE</color>
<color name="purple_700">#FF3700B3</color>
<color name="teal_200">#FF03DAC5</color>
<color name="teal_700">#FF018786</color>
<color name="black">#FF000000</color>
<color name="white">#FFFFFFFF</color>
<color name="darkblue">#0a0a5c</color>
<color name="bluesky">#00bfff</color>
<color name="lightblue">#CC99FF</color>
<color name="whiteblue">#CCFFFF</color>
</resources>

Hasil Akhir :

15
 Bab III
Penutup
A. Kesimpulan
Pembuatan data diri mahasiswa menggunakan android studio atau berdasar linear layout ini
tentunya sangat membantu, terlebih dapat menampilkan foto sang empunya data diri, dengan
menggunakan image view. Selain itu juga penggunaan string pada layout kali ini amat sangat
membantu. Selain itu juga pada pembuatan layout kali ini saya mempelajari bagaimana meletakan
tulisan , background, serta penempatan gambar.

16