LAPORAN PRAKTIKUM

APLIKASI MOBILE

PROYEK AKHIR
KATALOG

Disusun Oleh :
Sheila Cosmolita Oristy
1903423012

PROGRAM STUDI BROADBAND MULTIMEDIA

JURUSAN TEKNIK ELEKTRO
POLITEKNIK NEGERI JAKARTA
2019
1. DESKRIPSI
Aplikasi dengan nama Katalog ini adalah aplikasi berbasis Android yang bertujuan
untuk membuat katalog baju, sepatu serta rekomendasi online store.

2. PEMBUATAN APLIKASI
Dalam pembuatan aplikasi ini terdapat beberapa tahapan aplikasi, yaitu pada
halaman pertama terdapat splash screen dimana script bagian ini akan mengisi tab
activity_main.xml, memasukkan fungsi tab MainActivity.java. Pada halaman kedua
terdapat home dimana script bagian ini akan mengisi tab activity_home.xml, , serta
memasukkan fungsi tab home.java.
Pada halaman home terdapat tiga bagian yaitu baju, sepatu dan online store. Untuk
bagian baju, script akan mengisi tab activity_baju.xml, serta memasukkan fungsi tab
baju.java. Untuk bagian sepatu, script akan mengisi tab activity_sepatu.xml, serta
memasukkan fungsi tab sepatu.java. Untuk bagian online store, script akan mengisi tab
activity_olshop.xml, serta memasukkan fungsi tab olshop.java.
Pada halaman ketiga akan diisi oleh activity selanjutnya hanya pada bagian sepatu
dan baju sesuai masing-masing bagian tersebut. Bagian baju akan menampilkan activity
berupa pilihan untuk kategori baju pria atau baju wanita, sehingga tiap kategori memiliki
script pada tab yang berbeda. Untuk kategori baju pria script akan mengisi tab
katalog_priabaju.xml, serta memasukkan fungsi katalogpriabaju.java. Untuk kategori
baju wanita script akan mengisi tab katalog_bajuwanita.xml, serta memasukkan fungsi
katalogbajuwanita.java.
Pada bagian sepatu akan menampilkan activity berupa pilihan untuk kategori sepatu
pria atau sepatu wanita, sehingga tiap kategori memiliki script pada tab yang berbeda.
Untuk kategori sepatu pria script akan mengisi tab katalog_sepatupria.xml, serta
memasukkan fungsi katalogsepatupria.java. Untuk kategori baju wanita script akan
mengisi tab katalog_sepatuwanita.xml, serta memasukkan fungsi tab
katalogsepatuwanita.java.
A. Activiy_main.xml
Tahapan pertama yang harus dilakukan adalah memasukkan script ke bagian
activity_main xml. Step ini adalah permulaan untuk membuat sebuah aplikasi, yaitu
pembuatan layout halaman awal dari aplikasi itu sendiri. Berikut adalah script yang
dimasukkan dalam activity_main.xml:

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

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#FFFFFF"
android:gravity="center"
tools:context=".MainActivity">

<ImageView
android:layout_width="200dp"
android:layout_height="100dp"
android:id="@+id/logo"
android:src="@drawable/keranjang"
android:layout_centerVertical="true"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true" />

</RelativeLayout>

B. MainActivity.java
Tahap selanjutnya yaitu memasukkan fungsi pada tab MainActivity.java. waktu
penampilan gambar untuk splash screen diatur selama 3 detik serta melanjutkan ke activity
selanjutnya. Berikut adalah script yang dimasukkan kedalam MainActivity.java:

package com.example.button;

import android.content.Intent;
import android.os.Handler;
import android.os.Bundle;

import androidx.appcompat.app.AppCompatActivity;

import com.example.button.home;

public class MainActivity extends AppCompatActivity {

private int waktu_loading=2000;
 @Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);
new Handler().postDelayed(new Runnable() {
@Override
public void run() {

//setelah loading maka akan langsung berpindah ke home

activity
Intent home=new Intent(MainActivity.this, home.class);
startActivity(home);
finish();

}
},waktu_loading);
}
}

Jika script di atas sudah dimasukkan ke dalam tab MainActivity.java, maka tampilan
splash screen telah berfungsi dan akan berlanjut ke activity berikutnya yaitu menampilkan
halaman home. Berikut merupakan tampilan untuk splash screen.

C. Activity_home.xml
Tahapan selanjutnya yang harus dilakukan adalah memasukkan script ke bagian
activity_home xml. Step ini merupakan tahap pembuatan layout pada halaman home pada
aplikasi tersebut. Berikut adalah script yang dimasukkan dalam activity_home.xml:
 <?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">

<ImageButton
android:id="@+id/button1"
android:layout_width="130dp"
android:layout_height="130dp"
android:layout_centerHorizontal="true"
android:background="@drawable/custom_imgbtn"
android:padding="20dp"
android:layout_marginTop="150dp"
android:scaleType="fitXY"
android:src="@drawable/bajusip"/>

<ImageButton
android:id="@+id/button2"
android:layout_width="130dp"
android:layout_height="130dp"
android:layout_below="@+id/button1"
android:layout_centerHorizontal="true"
android:layout_marginTop="10dp"
android:scaleType="fitXY"
android:background="@android:color/transparent"
android:padding="20dp"
android:src="@drawable/sepatu2"/>

<ImageButton
android:id="@+id/button3"
android:layout_width="130dp"
android:layout_height="130dp"
android:layout_below="@+id/button2"
android:layout_centerHorizontal="true"
android:layout_marginTop="10dp"
android:scaleType="fitXY"
android:background="@android:color/transparent"
android:padding="20dp"
android:src="@drawable/olstore"/>

</RelativeLayout>

D. Home.java
Tahap selanjutnya yaitu memasukkan fungsi pada tab Home.java. menjalankan fungsi
image button serta melanjutkan ke activity selanjutnya. Berikut adalah script yang
dimasukkan kedalam Home.java:
 package com.example.button;

import androidx.appcompat.app.AppCompatActivity;
import android.content.Intent;
import android.provider.ContactsContract;
import android.os.Bundle;
import android.view.View;
import android.widget.ImageButton;
import android.widget.Toast;

public class home extends AppCompatActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_home);

ImageButton buttonbaju = findViewById(R.id.button1);

ImageButton buttonsepatu = findViewById(R.id.button2);
ImageButton buttonolshop = findViewById(R.id.button3);

buttonbaju.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Intent intent=new Intent(home.this, baju.class);
startActivity(intent);
}
});

buttonsepatu.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Intent intent=new Intent(home.this, sepatu.class);
startActivity(intent);
}
});

buttonolshop.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Intent intent=new Intent(home.this, olshop.class);
startActivity(intent);
}
});

}
}

Jika script di atas sudah dimasukkan ke dalam tab Home.java, maka image button telah
berfungsi dan akan berlanjut ke activity berikutnya dengan menampilkan halaman dimana
terdapat tiga kategori yaitu baju, sepatu dan online store . Berikut merupakan tampilan
untuk halaman home:
E. Activity_baju.xml
Tahapan selanjutnya yang harus dilakukan adalah memasukkan script ke bagian
activity_baju xml. Step ini merupakan tahap pembuatan layout pada halaman setelah
halaman home jika memilih kategori baju. Berikut adalah script yang dimasukkan dalam
activity_baju.xml:

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

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".baju">

<ImageButton
android:id="@+id/btnblk"
android:layout_width="130dp"
android:layout_height="140dp"
android:layout_centerHorizontal="true"
android:background="@drawable/custom_imgbtn"
android:padding="20dp"
android:layout_marginTop="220dp"
android:scaleType="fitXY"
android:src="@drawable/lk" />
<ImageButton
android:id="@+id/btnbpr"
android:layout_width="130dp"
android:layout_height="150dp"
android:layout_below="@+id/btnblk"
android:layout_centerHorizontal="true"
android:layout_marginTop="30dp"
android:scaleType="fitXY"
android:background="@android:color/transparent"
android:padding="20dp"
android:src="@drawable/pr2" />

</RelativeLayout>
F. Baju.java
Tahap selanjutnya yaitu memasukkan fungsi pada tab Baju.java. menjalankan fungsi
image button serta melanjutkan ke activity berikutnya. Berikut adalah script yang
dimasukkan kedalam Baju.java:

package com.example.button;

import androidx.appcompat.app.AppCompatActivity;
import android.content.Intent;
import android.provider.ContactsContract;
import android.os.Bundle;
import android.view.View;
import android.widget.ImageButton;
import android.widget.Toast;

public class baju extends AppCompatActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_baju);

ImageButton buttonbpria = findViewById(R.id.btnblk);

ImageButton buttonbwanita = findViewById(R.id.btnbpr);

buttonbpria.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Intent intent=new Intent(baju.this, katalogpriabaju.class);
startActivity(intent);
}
});

buttonbwanita.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Intent intent=new Intent(baju.this,
katalogbajuwanita.class);
startActivity(intent);
}
});

}
}

Jika script di atas sudah dimasukkan ke dalam tab Baju.java, maka image button telah
berfungsi dan akan berlanjut ke activity berikutnya menampilkan halaman untuk memilih
 katalog baju pria atau katalog baju wanita. Berikut merupakan tampilan untuk halaman
bagian baju:

G. Katalog_priabaju.xml
Tahapan selanjutnya yang harus dilakukan adalah memasukkan script ke bagian
katalog_priabaju.xml. Step ini merupakan tahap pembuatan layout pada halaman katalog
baju pria. Berikut adalah script yang dimasukkan dalam katalog_priabaju.xml:

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

<ScrollView 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=".katalogpriabaju">

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

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:layout_marginTop="35dp">

<ImageView
android:id="@+id/imgdr1"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginRight="5dp"
android:src="@drawable/baju8"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>

<ImageView
android:id="@+id/imgdr2"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginLeft="5dp"
android:src="@drawable/baju9"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>
 <ImageView
android:id="@+id/imgdr2"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginLeft="5dp"
android:src="@drawable/baju9"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>
</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginTop="35dp"
android:gravity="center">

<ImageView
android:id="@+id/imgdr3"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginRight="5dp"
android:scaleType="fitXY"
android:src="@drawable/baju10"
android:background="@android:color/transparent"/>

<ImageView
android:id="@+id/imgdr4"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginLeft="5dp"
android:scaleType="fitXY"
android:src="@drawable/baju11"
android:background="@android:color/transparent"/>
</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:layout_marginTop="35dp">

<ImageView
android:id="@+id/imgdr5"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginRight="5dp"
android:src="@drawable/baju12"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>

<ImageView
android:id="@+id/imgdr6"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginLeft="5dp"
android:src="@drawable/baju13"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>

</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:layout_marginTop="35dp">

<ImageView
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:layout_marginTop="35dp">

<ImageView
android:id="@+id/imgdr7"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginRight="5dp"
android:src="@drawable/baju14"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>

<ImageView
android:id="@+id/imgdr8"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginLeft="5dp"
android:src="@drawable/baju1"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>
</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:layout_marginTop="35dp">

<ImageView
android:id="@+id/imgdr9"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginRight="5dp"
android:src="@drawable/baju2"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>

<ImageView
android:id="@+id/imgdr10"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginLeft="5dp"
android:src="@drawable/baju3"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>

</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:layout_marginTop="35dp">
 <ImageView
android:id="@+id/imgdr11"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginRight="5dp"
android:src="@drawable/baju4"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>

<ImageView
android:id="@+id/imgdr12"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginLeft="5dp"
android:src="@drawable/baju5"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>
</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:layout_marginTop="35dp">

<ImageView
android:id="@+id/imgdr13"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginRight="5dp"
android:src="@drawable/baju6"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>
<ImageView
android:id="@+id/imgdr14"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginLeft="5dp"
android:src="@drawable/baju7"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>
</LinearLayout>

</LinearLayout>
</ScrollView>

H. Katalogpriabaju.java
Tahap selanjutnya yaitu memasukkan fungsi pada tab katalogpriabaju.java. menjalankan
fungsi scroll view serta menampilkan gambar. Berikut adalah script yang dimasukkan
kedalam katalogpriabaju.java:
 package com.example.button;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;

public class katalogpriabaju extends AppCompatActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.katalog_priabaju);

}
}

Jika script di atas sudah dimasukkan ke dalam tab katalogpriabaju.java, maka scroll view
telah berfungsi serta menampilkan gambar baju sebagai katalog kategori baju pria. Berikut
merupakan tampilan untuk halaman bagian baju kategori baju pria:

I. Katalog_bajuwanita.xml
Tahapan selanjutnya yang harus dilakukan adalah memasukkan script ke bagian
katalog_bajuwanita.xml. Step ini merupakan tahap pembuatan layout pada halaman
katalog baju wanita. Berikut adalah script yang dimasukkan dalam
katalog_bajuwanita.xml:
<?xml version="1.0" encoding="utf-8"?>
<ScrollView 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=".katalogbajuwanita">

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

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:layout_marginTop="35dp">

<ImageView
android:id="@+id/imgdr1"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginRight="5dp"
android:src="@drawable/dress1"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>

<ImageView
android:id="@+id/imgdr2"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginLeft="5dp"
android:src="@drawable/dress2"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>
</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginTop="35dp"
android:gravity="center">

<ImageView
android:id="@+id/imgdr3"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginRight="5dp"
android:scaleType="fitXY"
android:src="@drawable/dress3"
android:background="@android:color/transparent"/>

<ImageView
android:id="@+id/imgdr4"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginLeft="5dp"
android:scaleType="fitXY"
android:src="@drawable/dress4"
android:background="@android:color/transparent"/>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:layout_marginTop="35dp">

<ImageView
android:id="@+id/imgdr5"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginRight="5dp"
android:src="@drawable/dress5"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>

<ImageView
android:id="@+id/imgdr6"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginLeft="5dp"
android:src="@drawable/dress6"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>

</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:layout_marginTop="35dp">

<ImageView
android:id="@+id/imgdr7"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginRight="5dp"
android:src="@drawable/dress7"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>

<ImageView
android:id="@+id/imgdr8"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginLeft="5dp"
android:src="@drawable/dress8"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>
</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:layout_marginTop="35dp">
<ImageView
android:id="@+id/imgdr9"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginRight="5dp"
android:src="@drawable/dress9"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>

<ImageView
android:id="@+id/imgdr10"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginLeft="5dp"
android:src="@drawable/dress10"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>
</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:layout_marginTop="35dp">

<ImageView
android:id="@+id/imgdr11"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginRight="5dp"
android:src="@drawable/dress11"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>

<ImageView
android:id="@+id/imgdr12"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginLeft="5dp"
android:src="@drawable/dress12"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>

</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:layout_marginTop="35dp">

<ImageView
android:id="@+id/imgdr13"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginRight="5dp"
android:src="@drawable/dress13"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>
 <ImageView
android:id="@+id/imgdr14"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginLeft="5dp"
android:src="@drawable/dress14"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>
</LinearLayout>

</LinearLayout>
</ScrollView>

J. Katalogbajuwanita.java
Tahap selanjutnya yaitu memasukkan fungsi pada tab katalogbajuwanita.java.
menjalankan fungsi scroll view serta menampilkan gambar. Berikut adalah script yang
dimasukkan kedalam katalogbajuwanita.java:

package com.example.button;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;

public class katalogpriabaju extends AppCompatActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.katalog_priabaju);

}
}

Jika script di atas sudah dimasukkan ke dalam tab katalogbajuwanita.java, maka scroll
view telah berfungsi dan menampilkan gambar baju sebagai katalog kategori baju wanita.
Berikut merupakan tampilan untuk halaman bagian baju kategori baju wanita:
K. Activity_sepatu.xml
Tahapan selanjutnya yang harus dilakukan adalah memasukkan script ke bagian
activity_sepatu.xml. Step ini merupakan tahap pembuatan layout pada halaman kategori
sepatu. Berikut adalah script yang dimasukkan dalam activity_sepatu.xml:

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

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".sepatu">

<ImageButton
android:id="@+id/btn_slk"
android:layout_width="130dp"
android:layout_height="140dp"
android:layout_centerHorizontal="true"
android:background="@drawable/custom_imgbtn"
android:padding="20dp"
android:layout_marginTop="220dp"
android:scaleType="fitXY"
android:src="@drawable/lk" />
<ImageButton
android:id="@+id/btn_spr"
android:layout_width="130dp"
android:layout_height="150dp"
android:layout_below="@+id/btn_slk"
android:layout_centerHorizontal="true"
android:layout_marginTop="30dp"
android:scaleType="fitXY"
android:background="@android:color/transparent"
android:padding="20dp"
android:src="@drawable/pr2" />

</RelativeLayout>
L. Sepatu.java
Tahap selanjutnya yaitu memasukkan fungsi pada tab sepatu.java. menjalankan fungsi
image button serta melanjutkan ke activity berikutnya. Berikut adalah script yang
dimasukkan kedalam sepatu.java:

package com.example.button;

import androidx.appcompat.app.AppCompatActivity;
import android.content.Intent;
import android.provider.ContactsContract;
import android.os.Bundle;
import android.view.View;
import android.widget.ImageButton;
import android.widget.Toast;

public class sepatu extends AppCompatActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_sepatu);

ImageButton buttonspria = findViewById(R.id.btn_slk);

ImageButton buttonswanita = findViewById(R.id.btn_spr);

buttonspria.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Intent intent=new Intent(sepatu.this,
katalogsepatupria.class);
startActivity(intent);
}
});

buttonswanita.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Intent intent=new Intent(sepatu.this,
katalogsepatuwanita.class);
startActivity(intent);
}
});
}
}

Jika script di atas sudah dimasukkan ke dalam tab sepatu.java, maka scroll view telah
berfungsi dan akan berlanjut ke activity berikutnya menampilkan halaman untuk memilih
katalog sepatu pria atau katalog sepatu wanita. Berikut merupakan tampilan untuk halaman
kategori sepatu:
M. Katalog_sepatupria.xml
Tahapan selanjutnya yang harus dilakukan adalah memasukkan script ke bagian
katalog_sepatupria.xml. Step ini merupakan tahap pembuatan layout pada halaman
katalog sepatu pria. Berikut adalah script yang dimasukkan dalam
katalog_sepatupria.xml:
<?xml version="1.0" encoding="utf-8"?>
<ScrollView 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=".katalogsepatupria">

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

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:layout_marginTop="35dp">

<ImageView
android:id="@+id/imageview1"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginRight="5dp"
android:src="@drawable/sepatu1"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>

<ImageView
android:id="@+id/imgdr2"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginLeft="5dp"
android:src="@drawable/baju9"
android:scaleType="fitXY"
 <ImageView
android:id="@+id/imageview2"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginLeft="5dp"
android:src="@drawable/sepatu5"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>
</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginTop="35dp"
android:gravity="center">

<ImageView
android:id="@+id/imageview3"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginRight="5dp"
android:scaleType="fitXY"
android:src="@drawable/sepatu4"
android:background="@android:color/transparent"/>

<ImageView
android:id="@+id/imageview4"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginLeft="5dp"
android:scaleType="fitXY"
android:src="@drawable/sepatu3"
android:background="@android:color/transparent"/>
</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:layout_marginTop="35dp">

<ImageView
android:id="@+id/imageview5"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginRight="5dp"
android:src="@drawable/sepatu10"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>

<ImageView
android:id="@+id/imageview6"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginLeft="5dp"
android:src="@drawable/sepatu7"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>

</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:layout_marginTop="35dp">

<ImageView
android:id="@+id/imageview7"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginLeft="5dp"
android:src="@drawable/sepatu8"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>

<ImageView
android:id="@+id/imageview8"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginLeft="5dp"
android:src="@drawable/sepatu9"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>
</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:layout_marginTop="35dp">

<ImageView
android:id="@+id/imageview9"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginLeft="5dp"
android:src="@drawable/sepatu6"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>

<ImageView
android:id="@+id/imageview10"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginLeft="5dp"
android:src="@drawable/sepatu11"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>

</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:layout_marginTop="35dp">
 <ImageView
android:id="@+id/imageview12"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginLeft="5dp"
android:src="@drawable/sepatu13"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>
</LinearLayout>

</LinearLayout>
</ScrollView>

N. Katalogsepatupria.java
Tahap selanjutnya yaitu memasukkan fungsi pada tab katalogsepatupria.java.
menjalankan fungsi scroll view serta menampilkan gambar. Berikut adalah script yang
dimasukkan kedalam katalogsepatupria.java:

package com.example.button;

import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.content.Intent;
import android.view.View;

public class katalogsepatupria extends AppCompatActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.katalog_sepatupria);

Jika script di atas sudah dimasukkan ke dalam tab katalog_sepatupria.java, maka scroll
view telah berfungsi dan menampilkan gambar sepatu pria sebagai katalog kategori sepatu
pria. Berikut merupakan tampilan untuk halaman katalog sepatu pria:
O. Katalog_sepatuwanita.xml
Tahapan selanjutnya yang harus dilakukan adalah memasukkan script ke bagian
katalog_sepatuwanita.xml. Step ini merupakan tahap pembuatan layout pada halaman
katalog sepatu wanita. Berikut adalah script yang dimasukkan dalam
katalog_sepatuwanita.xml:
<?xml version="1.0" encoding="utf-8"?>
<ScrollView 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=".katalogsepatuwanita">

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

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:layout_marginTop="35dp">

<ImageView
android:id="@+id/imageview1"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginLeft="5dp"
android:src="@drawable/sepatupr1"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>

<ImageView
android:id="@+id/imageview2"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginLeft="5dp"
android:src="@drawable/sepatupr2"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>
</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginTop="35dp"
android:gravity="center">
 <ImageView
android:id="@+id/imageview3"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginLeft="5dp"
android:scaleType="fitXY"
android:src="@drawable/sepatupr3"
android:background="@android:color/transparent"/>

<ImageView
android:id="@+id/imageview4"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginLeft="5dp"
android:scaleType="fitXY"
android:src="@drawable/sepatupr5"
android:background="@android:color/transparent"/>
</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:layout_marginTop="35dp">

<ImageView
android:id="@+id/imageview5"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginLeft="5dp"
android:src="@drawable/sepatupr6"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>

<ImageView
android:id="@+id/imageview6"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginLeft="5dp"
android:src="@drawable/sepatupr7"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>

</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:layout_marginTop="35dp">

<ImageView
android:id="@+id/imageview7"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginLeft="5dp"
android:src="@drawable/sepatupr8"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>
 <ImageView
android:id="@+id/imageview8"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginLeft="5dp"
android:src="@drawable/sepatupr9"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>
</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:layout_marginTop="35dp">

<ImageView
android:id="@+id/imageview9"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginLeft="5dp"
android:src="@drawable/sepatupr10"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>

<ImageView
android:id="@+id/imageview10"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginLeft="5dp"
android:src="@drawable/sepatupr11"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>
</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:layout_marginTop="35dp">

<ImageView
android:id="@+id/imageview11"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginLeft="5dp"
android:src="@drawable/sepatupr12"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>

<ImageView
android:id="@+id/imageview12"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginLeft="5dp"
android:src="@drawable/sepatupr13"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:layout_marginTop="35dp">

<ImageView
android:id="@+id/imageview13"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginLeft="5dp"
android:src="@drawable/sepatupr14"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>
<ImageView
android:id="@+id/imageview14"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginLeft="5dp"
android:src="@drawable/sepatupr4"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>
</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:layout_marginTop="35dp">

<ImageView
android:id="@+id/imageview15"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginLeft="5dp"
android:src="@drawable/sepatupr16"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>
<ImageView
android:id="@+id/imageview16"
android:layout_width="180dp"
android:layout_height="250dp"
android:layout_marginLeft="5dp"
android:src="@drawable/sepatupr17"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>
</LinearLayout>

</LinearLayout>
</ScrollView>
P. Katalogsepatuwanita.java
Tahap selanjutnya yaitu memasukkan fungsi pada tab katalogsepatuwanita.java.
menjalankan fungsi scroll view serta menampilkan gambar. Berikut adalah script yang
dimasukkan kedalam katalogsepatuwawanita.java:

package com.example.button;

import androidx.appcompat.app.AppCompatActivity;

import android.view.LayoutInflater;
import android.widget.ImageView;
import android.os.Bundle;
import android.content.Intent;
import android.view.View;

public class katalogsepatuwanita extends AppCompatActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.katalog_sepatuwanita);

Jika script di atas sudah dimasukkan ke dalam tab katalog_sepatuwanita.java, maka

scroll view telah berfungsi dan menampilkan gambar sepatu wanita sebagai katalog
kategori sepatu wanita. Berikut merupakan tampilan untuk halaman katalog sepatu wanita:
Q. Activity_olshop.xml
Tahapan selanjutnya yang harus dilakukan adalah memasukkan script ke bagian
activity_olshop.xml. Step ini merupakan tahap pembuatan layout pada halaman kategori
online store. Berikut adalah script yang dimasukkan dalam activity_olshop.xml:

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

<ScrollView 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=".olshop">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:layout_marginTop="35dp">

<ImageButton
android:id="@+id/btn_hs"
android:layout_width="150dp"
android:layout_height="150dp"
android:layout_marginRight="10dp"
android:src="@drawable/hijacksandals"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>

<ImageButton
android:id="@+id/btn_wo"
android:layout_width="150dp"
android:layout_height="150dp"
android:layout_marginLeft="10dp"
android:src="@drawable/woodka"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>
</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginTop="35dp"
android:gravity="center">

<ImageButton
android:id="@+id/btn_rp"
android:layout_width="150dp"
android:layout_height="150dp"
android:layout_marginRight="10dp"
android:scaleType="fitXY"
android:src="@drawable/runoproject"
android:background="@android:color/transparent"/>
 <ImageButton
android:id="@+id/btn_wk"
android:layout_width="150dp"
android:layout_height="150dp"
android:layout_marginLeft="10dp"
android:scaleType="fitXY"
android:src="@drawable/wearingklamby"
android:background="@android:color/transparent"/>
</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:layout_marginTop="35dp">

<ImageButton
android:id="@+id/btn_mi"
android:layout_width="150dp"
android:layout_height="150dp"
android:layout_marginRight="10dp"
android:src="@drawable/maleid"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>

<ImageButton
android:id="@+id/btn_mc"
android:layout_width="150dp"
android:layout_height="150dp"
android:layout_marginLeft="10dp"
android:src="@drawable/merche"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>

</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:layout_marginTop="35dp">

<ImageButton
android:id="@+id/btn_li"
android:layout_width="150dp"
android:layout_height="150dp"
android:layout_marginRight="10dp"
android:src="@drawable/localid"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>

<ImageButton
android:id="@+id/btn_zx"
android:layout_width="150dp"
android:layout_height="150dp"
android:layout_marginLeft="10dp"
android:src="@drawable/zyskuxena"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:layout_marginTop="35dp">

<ImageButton
android:id="@+id/btn_bp"
android:layout_width="150dp"
android:layout_height="150dp"
android:layout_marginRight="10dp"
android:src="@drawable/bp"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>

<ImageButton
android:id="@+id/btn_hj"
android:layout_width="150dp"
android:layout_height="150dp"
android:layout_marginLeft="10dp"
android:src="@drawable/hijup"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>
</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:layout_marginTop="35dp">

<ImageButton
android:id="@+id/btn_nk"
android:layout_width="150dp"
android:layout_height="150dp"
android:layout_marginRight="10dp"
android:src="@drawable/nokha"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>

<ImageButton
android:id="@+id/btn_bb"
android:layout_width="150dp"
android:layout_height="150dp"
android:layout_marginLeft="10dp"
android:src="@drawable/berrybenka"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>
</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:layout_marginTop="35dp">
 <ImageButton
android:id="@+id/btn_lh"
android:layout_width="150dp"
android:layout_height="150dp"
android:layout_marginRight="10dp"
android:src="@drawable/livehaf"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>
<ImageButton
android:id="@+id/btn_bro"
android:layout_width="150dp"
android:layout_height="150dp"
android:layout_marginLeft="10dp"
android:src="@drawable/brodo"
android:scaleType="fitXY"
android:background="@android:color/transparent"/>
</LinearLayout>

</LinearLayout>
</ScrollView>

R. Olshop.java
Tahap selanjutnya yaitu memasukkan fungsi pada tab Olshop.java. menjalankan fungsi
image button serta melanjutkan ke activity berikutnya. Berikut adalah script yang
dimasukkan kedalam Olshop.java:

package com.example.button;

import androidx.appcompat.app.AppCompatActivity;
import android.net.Uri;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.ImageButton;

public class olshop extends AppCompatActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_olshop);

ImageButton buttonBP = findViewById(R.id.btn_bp);

ImageButton buttonHS = findViewById(R.id.btn_hs);
ImageButton buttonRP = findViewById(R.id.btn_rp);
ImageButton buttonMI = findViewById(R.id.btn_mi);
ImageButton buttonWK = findViewById(R.id.btn_wk);
ImageButton buttonMC = findViewById(R.id.btn_mc);
ImageButton buttonLI = findViewById(R.id.btn_li);
ImageButton buttonZX = findViewById(R.id.btn_zx);
ImageButton buttonHJ = findViewById(R.id.btn_hj);
ImageButton buttonWO = findViewById(R.id.btn_wo);
ImageButton buttonNK = findViewById(R.id.btn_nk);
ImageButton buttonBB = findViewById(R.id.btn_bb);
ImageButton buttonBRO = findViewById(R.id.btn_bro);
ImageButton buttonLH = findViewById(R.id.btn_lh);
buttonZX.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
String url = "https://www.zxena.com/";
Intent bukabrowser = new Intent(Intent.ACTION_VIEW);
bukabrowser.setData(Uri.parse(url));
startActivity(bukabrowser);
}
});

buttonBP.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
String url = "https://www.billionairesproject.com/";
Intent bukabrowser = new Intent(Intent.ACTION_VIEW);
bukabrowser.setData(Uri.parse(url));
startActivity(bukabrowser);
}
});

buttonHS.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
String url = "https://hijacksandals.com/";
Intent bukabrowser = new Intent(Intent.ACTION_VIEW);
bukabrowser.setData(Uri.parse(url));
startActivity(bukabrowser);
}
});

buttonRP.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
String url = "https://www.runoproject.com/";
Intent bukabrowser = new Intent(Intent.ACTION_VIEW);
bukabrowser.setData(Uri.parse(url));
startActivity(bukabrowser);
}
});

buttonMI.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
String url = "https://heymale.id/";
Intent bukabrowser = new Intent(Intent.ACTION_VIEW);
bukabrowser.setData(Uri.parse(url));
startActivity(bukabrowser);
}
});

buttonWK.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
String url = "https://www.klamby.id/";
Intent bukabrowser = new Intent(Intent.ACTION_VIEW);
bukabrowser.setData(Uri.parse(url));
startActivity(bukabrowser);
}
});
buttonMC.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
String url = "https://www.madebymerche.com/";
Intent bukabrowser = new Intent(Intent.ACTION_VIEW);
bukabrowser.setData(Uri.parse(url));
startActivity(bukabrowser);
}
});

buttonLI.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
String url = "https://heylocal.id/";
Intent bukabrowser = new Intent(Intent.ACTION_VIEW);
bukabrowser.setData(Uri.parse(url));
startActivity(bukabrowser);
}
});

buttonHJ.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
String url = "https://www.hijup.com/id";
Intent bukabrowser = new Intent(Intent.ACTION_VIEW);
bukabrowser.setData(Uri.parse(url));
startActivity(bukabrowser);
}
});

buttonWO.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
String url = "http://woodka.fun/";
Intent bukabrowser = new Intent(Intent.ACTION_VIEW);
bukabrowser.setData(Uri.parse(url));
startActivity(bukabrowser);
}
});

buttonNK.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
String url = "https://nokha.co/";
Intent bukabrowser = new Intent(Intent.ACTION_VIEW);
bukabrowser.setData(Uri.parse(url));
startActivity(bukabrowser);
}
});

buttonBB.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
String url = "https://berrybenka.com/";
Intent bukabrowser = new Intent(Intent.ACTION_VIEW);
bukabrowser.setData(Uri.parse(url));
startActivity(bukabrowser);
}
});
 buttonBRO.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
String url = "https://bro.do/";
Intent bukabrowser = new Intent(Intent.ACTION_VIEW);
bukabrowser.setData(Uri.parse(url));
startActivity(bukabrowser);
}
});

buttonLH.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
String url = "https://livehaf.com/";
Intent bukabrowser = new Intent(Intent.ACTION_VIEW);
bukabrowser.setData(Uri.parse(url));
startActivity(bukabrowser);
}
});

}
}

Jika script di atas sudah dimasukkan ke dalam tab Olshop.java, maka image button telah
berfungsi dan akan berlanjut ke activity berikutnya yaitu mengakses web online store
terkait . Berikut merupakan tampilan untuk halaman online store:
S. Android Manifest.xml
Pada aplikasi yang telah dibuat terdapat multiple activity, pada android manifest ini
activity tersebut dikelompokkan dari Main Activity (activity utama) dan Parent Activity
(activity kedua). Sehingga setiap activity dapat saling berinteraksi. Berikut adalah script
pada Android Manifest.xml:

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

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.example.button">

<application
android:allowBackup="true"
android:icon="@mipmap/ic_launcher"
android:label="@string/app_name"
android:roundIcon="@mipmap/ic_launcher_round"
android:supportsRtl="true"
android:theme="@style/AppTheme">
<activity android:name=".olshop"></activity>

<activity android:name=".sepatu">
<meta-data
android:name="android.support.PARENT_ACTIVITY"
android:value=".home" />
<intent-filter>
<action android:name="android.intent.action.DETAIL" />

<category android:name="android.intent.category.DETAIL" />

</intent-filter>
</activity>

<activity android:name=".katalogsepatupria">
<meta-data
android:name="android.support.PARENT_ACTIVITY"
android:value=".sepatu" />
<intent-filter>
<action android:name="android.intent.action.DETAIL" />

<category android:name="android.intent.category.DETAIL" />

</intent-filter>
</activity>

<activity android:name=".katalogsepatuwanita">
<meta-data
android:name="android.support.PARENT_ACTIVITY"
android:value=".sepatu" />
<intent-filter>
<action android:name="android.intent.action.DETAIL" />

<category android:name="android.intent.category.DETAIL" />

</intent-filter>
</activity>
 <activity android:name=".baju">
<meta-data
android:name="android.support.PARENT_ACTIVITY"
android:value=".home" />
<intent-filter>
<action android:name="android.intent.action.DETAIL" />

<category android:name="android.intent.category.DETAIL" />

</intent-filter>
</activity>

<activity android:name=".katalogbajuwanita">
<meta-data
android:name="android.support.PARENT_ACTIVITY"
android:value=".baju" />
<intent-filter>
<action android:name="android.intent.action.DETAIL" />

<category android:name="android.intent.category.DETAIL" />

</intent-filter>
</activity>

<activity android:name=".katalogpriabaju">
<meta-data
android:name="android.support.PARENT_ACTIVITY"
android:value=".baju" />
<intent-filter>
<action android:name="android.intent.action.DETAIL" />

<category android:name="android.intent.category.DETAIL" />

</intent-filter>
</activity>

<activity android:name=".home">
<meta-data
android:name="android.support.PARENT_ACTIVITY"
android:value=".MainActivity" />
<intent-filter>
<action android:name="android.intent.action.DETAIL" />

<category android:name="android.intent.category.DETAIL" />

</intent-filter>
</activity>

<activity android:name=".MainActivity">
<intent-filter>
<action android:name="android.intent.action.MAIN" />

<category android:name="android.intent.category.LAUNCHER" />

</intent-filter>
</activity>
</application>

</manifest>
T. Styles.xml

<resources>

<!-- Base application theme. -->

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
<!-- Customize your theme here. -->
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">#FFE4B5</item>
<item name="colorAccent">@color/colorAccent</item>
</style>

</resources>

U. Colors.xml

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

<resources>
<color name="colorPrimary">#008577</color>
<color name="colorPrimaryDark">#00574B</color>
<color name="colorAccent">#D81B60</color>
</resources>