Selasa, 28 Oktober 2025

Relative Layout faiz dan ikhsan

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#FFFFFF">

<!-- Konten utama dalam ScrollView agar bisa di-scroll -->
<ScrollView
android:id="@+id/scrollMain"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_above="@id/footerMenu">

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">

<!-- ================= HEADER ================= -->
<LinearLayout
android:id="@+id/header"
android:layout_width="match_parent"
android:layout_height="60dp"
android:background="#FFFFFF"
android:padding="10dp"
android:gravity="center_vertical">

<ImageView
android:id="@+id/logoGojek"
android:layout_width="140dp"
android:layout_height="40dp"
android:contentDescription="Logo Gojek"
android:src="@drawable/gjek" />

<View
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1" />

<ImageView
android:id="@+id/btnProfile"
android:layout_width="35dp"
android:layout_height="35dp"
android:contentDescription="Profil"
android:src="@drawable/akun" />
</LinearLayout>

<!-- ================= GOPAY SECTION ================= -->
<LinearLayout
android:id="@+id/gopaySection"
android:layout_width="match_parent"
android:layout_height="120dp"
android:orientation="vertical"
android:background="#1E3A8A"
android:padding="10dp">

<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="GO PAY Rp.0"
android:textColor="#FFFFFF"
android:textSize="18sp"
android:textStyle="bold" />

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:weightSum="4"
android:gravity="center">

<!-- Transfer -->
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="vertical"
android:gravity="center">

<ImageView
android:layout_width="35dp"
android:layout_height="35dp"
android:src="@drawable/tf" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Transfer"
android:textColor="#FFFFFF"
android:textSize="12sp" />
</LinearLayout>

<!-- Scan QR -->
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="vertical"
android:gravity="center">

<ImageView
android:layout_width="35dp"
android:layout_height="35dp"
android:src="@drawable/scan" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Scan QR"
android:textColor="#FFFFFF"
android:textSize="12sp" />
</LinearLayout>

<!-- Isi Saldo -->
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="vertical"
android:gravity="center">

<ImageView
android:layout_width="35dp"
android:layout_height="35dp"
android:src="@drawable/saldo" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Isi Saldo"
android:textColor="#FFFFFF"
android:textSize="12sp" />
</LinearLayout>

<!-- Beranda -->
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="vertical"
android:gravity="center">

<ImageView
android:layout_width="35dp"
android:layout_height="35dp"
android:src="@drawable/beranda" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Beranda"
android:textColor="#FFFFFF"
android:textSize="12sp" />
</LinearLayout>
</LinearLayout>
</LinearLayout>

<!-- ================= MENU UTAMA (8 Ikon) ================= -->
<LinearLayout
android:id="@+id/primaryMenu"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:padding="10dp">

<!-- Baris 1 -->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:weightSum="4"
android:gravity="center">

<!-- GO-FOOD -->
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="vertical"
android:gravity="center">

<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:src="@drawable/food" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="GO-FOOD"
android:textSize="12sp"
android:gravity="center" />
</LinearLayout>

<!-- GO-RIDE -->
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="vertical"
android:gravity="center">

<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:src="@drawable/reed" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="GO-RIDE"
android:textSize="12sp"
android:gravity="center" />
</LinearLayout>

<!-- GO-CAR -->
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="vertical"
android:gravity="center">

<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:src="@drawable/car" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="GO-CAR"
android:textSize="12sp"
android:gravity="center" />
</LinearLayout>

<!-- GO-POINTS -->
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="vertical"
android:gravity="center">

<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:src="@drawable/point" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="GO-POINTS"
android:textSize="12sp"
android:gravity="center" />
</LinearLayout>
</LinearLayout>

<!-- Baris 2 -->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:weightSum="4"
android:gravity="center"
android:layout_marginTop="10dp">

<!-- GO-PULSA -->
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="vertical"
android:gravity="center">

<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:src="@drawable/pulsa" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="GO-PULSA"
android:textSize="12sp"
android:gravity="center" />
</LinearLayout>

<!-- GO-BILLS -->
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="vertical"
android:gravity="center">

<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:src="@drawable/bill" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="GO-BILLS"
android:textSize="12sp"
android:gravity="center" />
</LinearLayout>

<!-- GO-SEND -->
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="vertical"
android:gravity="center">

<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:src="@drawable/paket" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="GO-SEND"
android:textSize="12sp"
android:gravity="center" />
</LinearLayout>

<!-- Lainnya -->
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="vertical"
android:gravity="center">

<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:src="@drawable/dll" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="LAINNYA"
android:textSize="12sp"
android:gravity="center" />
</LinearLayout>
</LinearLayout>
</LinearLayout>

<!-- ================= JAJANAN ================= -->
<LinearLayout
android:id="@+id/additionalMenuBox"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:background="#F2F2F2"
android:padding="10dp"
android:layout_marginTop="10dp">

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Jajanan paling hits"
android:textSize="16sp"
android:textStyle="bold"
android:textColor="#000000"
android:layout_marginBottom="8dp" />

<HorizontalScrollView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:scrollbars="none">

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:paddingEnd="10dp">

<ImageView
android:layout_width="120dp"
android:layout_height="80dp"
android:layout_marginEnd="10dp"
android:src="@drawable/jp" />

<ImageView
android:layout_width="120dp"
android:layout_height="80dp"
android:layout_marginEnd="10dp"
android:src="@drawable/sempol" />

<ImageView
android:layout_width="120dp"
android:layout_height="80dp"
android:layout_marginEnd="10dp"
android:src="@drawable/mochi" />

<ImageView
android:layout_width="120dp"
android:layout_height="80dp"
android:src="@drawable/klepon" />
</LinearLayout>
</HorizontalScrollView>
</LinearLayout>
</LinearLayout>
</ScrollView>

<!-- ================= FOOTER MENU ================= -->
<LinearLayout
android:id="@+id/footerMenu"
android:layout_width="match_parent"
android:layout_height="60dp"
android:orientation="horizontal"
android:background="#D0C9C9"
android:gravity="center"
android:weightSum="4"
android:layout_alignParentBottom="true"
android:padding="5dp">

<!-- Beranda -->
<LinearLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:gravity="center"
android:orientation="vertical">

<ImageView
android:layout_width="30dp"
android:layout_height="30dp"
android:src="@drawable/home" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Beranda"
android:textStyle="bold"
android:textSize="10sp" />
</LinearLayout>

<!-- Pesanan -->
<LinearLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:gravity="center"
android:orientation="vertical">

<ImageView
android:layout_width="30dp"
android:layout_height="30dp"
android:src="@drawable/pesan" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Pesanan"
android:textStyle="bold"
android:textSize="10sp" />
</LinearLayout>

<!-- Bantuan -->
<LinearLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:gravity="center"
android:orientation="vertical">

<ImageView
android:layout_width="30dp"
android:layout_height="30dp"
android:src="@drawable/tanya" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Bantuan"
android:textStyle="bold"
android:textSize="10sp" />
</LinearLayout>

<!-- Inbox -->
<LinearLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:gravity="center"
android:orientation="vertical">

<ImageView
android:layout_width="30dp"
android:layout_height="30dp"
android:src="@drawable/inbox" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Inbox"
android:textStyle="bold"
android:textSize="10sp" />
</LinearLayout>
</LinearLayout>
</RelativeLayout>

Kamis, 16 Oktober 2025

Relative Layouot Android Studio


Definsi Relative Layout

Relative Layout seperti namanya, menunjukkan posisi komponen relatif satu sama lain. Posisi dapat ditentukan sehubungan dengan elemen berurutan atau ke komponen induk. Relative Layout adalah tata letak paling fleksibel yang disediakan oleh Android.

Ini memungkinkan kamu memposisikan elemen di layar. Secara default, Relative Layout menetapkan semua komponen di bagian kiri atas desain. Gambar berikut menunjukkan bagaimana tampilan Relative Layout :



Contoh penggunaan Relative Layout

Buat project baru lalu ketikan kode-kode berikut pada Activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#ef0000" >

<EditText
android:id="@+id/name"
android:layout_width="200dp"
android:layout_height="wrap_content"
android:background="#f8eff8f3"
android:hint="Nama "
android:padding="16dp" />

<EditText
android:id="@+id/email"
android:layout_width="180dp"
android:layout_height="wrap_content"
android:layout_marginLeft="5dp"
android:layout_toRightOf="@+id/name"
android:background="#f8eff8f3"
android:hint="Alamat "
android:padding="16dp" />

<EditText
android:id="@+id/subject"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/name"
android:layout_marginTop="16dp"
android:background="#f8eff8f3"
android:hint="Subjek"
android:padding="16dp" />

<EditText
android:id="@+id/message"
android:layout_width="match_parent"
android:layout_height="200dp"
android:layout_below="@+id/subject"
android:layout_marginTop="16dp"
android:background="#f8eff8f3"
android:gravity="top"
android:hint="Pesan"
android:padding="16dp" />

<Button
android:id="@+id/submit"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/message"
android:layout_centerHorizontal="true"
android:layout_marginTop="16dp"
android:padding="16dp"
android:text="KIRIM" />
</RelativeLayout>

Hasil dari tag diatas yaitu seperti gambar dibawah ini :



TOPOLOGI

 

1. Topologi Star

Topologi yang terdapat sebuah komputer yang menjadi pusat yang bertindak sebagai server dari semua komputer yang terhubung ke dalamnya. Di dalam implementasi pada WSN diwujudkan dalam bentuk penyediaan sebuah node sensor sebagai node pusat (server), dan semua node sensor lainnya terhubung ke node sensor pusat.


2. Topologi Peer to Peer

Topologi yang menggunakan konsep pemodelan peer to peer, di mana semua koomputer dapat bertindak sebagai server sekaligus client dan saling berbagi satu sama lain .

Implementasi pada WSN dilakukan dengan cara meletakan setiap node sensor pada lokasi yang ditentukan, lalu menghubungkan satu sama laiin yang mana setiap sensor bertindak sebagai peer.

3. Topologi Tree

Topologi yang terdapat level-level di dalamnya yang menggunakan koneksi topologi peer to peer, level tertinggi menjadi pusat dari level dibawahnya, dan begitu seterusnya.

Pada implementasinya pada WSN, topologi tree yang digunakan jiga sama seperti pada jaringan komputer umumnya.

BAB II INSTRUKSI DASAR ANDROID


 BAB II INSTRUKSI DASAR ANDROID


TUJUAN PEMBELAJARAN:

1. Mengaplikasikan penggunaan operator aritmatika
2. Mengaplikasikan penggunaan operator logika
3. Mengaplikasikan penggunaan instruksi pemilihan
4. Mengaplikasikan penggunaan instruksi pengulangan 

2.1 Pengunaan Operator

Beberapa contoh operator yang akan digunakan antara lain yaitu:

Arti Opeerator

Operaator

Contoh Pemakaian

Keterangan


Penjumlahan

 

+

Sum=num1 + num2

 

Pengurangan

 

-

Diff=num1 – num2

 

Perkalian

 

*

Prod=num1 * num2

 

Pembagian

 

/

Quot=num1 / num2

Jika num1 dan num2 adalah interger, pembagian akan menghasilkan nilai interger tanpa mengikutsertakan sisa , jika terdapat sisa.

Sisa
(Modulus)

%

Mod=num1 % num2

Hasil operasi modulus adalah sisa dari operasi num1 / num2
Hasil operasi modulus memiliki tanda ( +/- ) yang sama dengan operand pertama

 Dalam pemerapannya, operator arithmatika memiliki urutan prioritas. Berikut ini adalah aturan arithmatika.

1. Operator yang berada tanda kurung “(…)” atau disesbut juga parantheses.
2. Operator-operator increment atau decrement.
3. Operator-operator perkalian atau pembagian, yang urutan operasinya dari kiri ke kanan;

Contoh
int c = 12 + 3 + 5 /  (7 - 2) ;

Maka urutan operasinya adalah sebagai berikut ;

int c = 12 * 3 + 5 / 5 ;
int c = 36 + 5 / 5 ;
int c = 36 + 1;
int c = 37 ;

2. OPERATOR LOGIKA

Operator Logika memiliki satu atau lebih operand boolean yang mengahasilkan nilai boolean. Operator Logika diantaranya: && (logika AND), II (logika OR), ^ (boolean logika exclusive OR), dan ! (logika NOT).


a. Logika && (Logika AND)

Hasil Operand Logika && (AND) akan bernilai true jika kedua operand bernilai true dan akan bernilai flase jika ada salah satu operand yang bearnilai false.

--- OPERAND1 ---

--- OPERAND2 ---

--- HASIL ---

True

True

True

True

False

False

False

True

False

False

False

False


b. Logika II (Logika OR)

Hasil Operand Logika II (Logika OR) akan bernilai true jika kedua operand bernilai true atau ada salah satu operand yang bernilai true dan akan bearnilai false jika kedua operand bernilai false. Coba perhatikan tabel kebenaran berikut ini.

--- OPERAND1 ---

--- OPERAND2 ---

--- HASIL ---

True

True

True

True

False

True

False

True

True

False

False

False


c. Logika ^ (boolean logika esclusive OR)

Pada logika ^ (exclusive OR), operand akan bernilai true jika nilai boolean pada kedua operand tidak sama dan akan bernilai false jika nilai boolean pada kedua operand sama. Berikut ini merupakan tabel kebenaran untuk logika ^ (exclusive OR).

--- OPERAND1 ---

--- OPERAND2 ---

--- HASIL ---

True

True

False

True

False

True

False

True

True

False

False

False


d. Logika ! (Logika NOT)

Logika ! (NOT) digunakan hanya untuk satu operand, logika NOT akan menghasilkan true jika nilai pada boolean berisi false dan akan bernilai false jika nilai pada boolean berisi true, singkatnya operator ini merupan kebalikan dari true menjadi false dan false menjadi true.

---OPERAND---

--- HASIL ---

True

False

False

True

Subnetting

 subnetting adalah suatu metode untuk memperbanyak network ID dari suatu network ID yang telah anda miliki. SUBNET  MASK DEFAULT ini untuk m...