Help Page

app/src/main/AndroidManifest.xml

@@ -9,6 +9,9 @@
         android:roundIcon="@mipmap/ic_launcher_round"
         android:supportsRtl="true"
         android:theme="@style/Theme.Trolleapp">
+        <activity
+            android:name=".ui.side_menu.HelpActivity"
+            android:exported="true" />
         <activity
             android:name=".ui.pay.CheckoutActivity"
             android:exported="true" />

app/src/main/java/com/trolle/trolleapp/ui/side_menu/HelpActivity.kt

@@ -0,0 +1,12 @@
+package com.trolle.trolleapp.ui.side_menu
+
+import androidx.appcompat.app.AppCompatActivity
+import android.os.Bundle
+import com.trolle.trolleapp.R
+
+class HelpActivity : AppCompatActivity() {
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        setContentView(R.layout.activity_help)
+    }
+}

app/src/main/res/layout/activity_about.xml

@@ -7,7 +7,7 @@
     android:gravity="center"
     android:orientation="vertical"
     android:background="@color/bgc"
-    tools:context=".ui.home.HomeActivity">
+    tools:context=".ui.side_menu.AboutActivityy">
 
     <LinearLayout
         android:layout_width="match_parent"

app/src/main/res/layout/activity_help.xml

@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="fill_parent"
+    android:layout_height="fill_parent"
+    android:gravity="center"
+    android:orientation="vertical"
+    android:background="@color/bgc"
+    tools:context=".ui.side_menu.HelpActivity">
+
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:gravity="center_horizontal"
+        android:orientation="vertical"
+        android:background="@color/bgc">
+
+        <TextView
+            android:id="@+id/text_view_title"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:text="@string/help"
+            android:textSize="36sp"
+            android:textStyle="bold"
+            android:textColor="@color/purple"
+            android:layout_margin="25dp"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintLeft_toLeftOf="parent"
+            app:layout_constraintRight_toRightOf="parent"
+            app:layout_constraintTop_toTopOf="parent"
+            />
+
+        <TextView
+            android:id="@+id/text_view_about"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:text="@string/help_text"
+            android:textSize="14sp"
+            android:padding="20dp"
+            android:justificationMode="inter_word"
+            android:textColor="@color/purple"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintLeft_toLeftOf="parent"
+            app:layout_constraintRight_toRightOf="parent"
+            app:layout_constraintTop_toTopOf="parent"
+            tools:targetApi="o" />
+
+    </LinearLayout>
+
+    <com.google.android.material.bottomnavigation.BottomNavigationView
+        android:id="@+id/bottom_bar"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_gravity="bottom"
+        android:layout_alignParentBottom="true"
+        android:background="@drawable/rounded_bottom_bar"
+        app:menu="@menu/bottom_bar"
+        />
+
+</RelativeLayout>

app/src/main/res/values/strings.xml

@@ -80,4 +80,16 @@
     <string name="member_3">Member 3 : Syarif Hidayat</string>
     <string name="member_4">Member 4 : M. As\'ad Muyassir</string>
     <string name="member_5">Member 5 : Jonathan Elloy S.</string>
+    <string name="help_text">
+        <li>First, the buyer must connect the application with the cart used through the Home page of the application. This can be done in 2 ways as follows.</li>
+        \t\t\t\t\t\u25BA By scanning the barcode on the cart.<br />
+        \t\t\t\t\t\u25BA By entering the trolley ID manually.<br /><br />
+        <li>Then, buyers will be directed to the Pay page which will later contain a Shopping List.</li><br />
+        <li>Next, the buyer must point the barcode at the product he wants to buy on the camera provided on the cart, so the system can scan it.</li><br />
+        <li>The scanned product will appear on the Shopping List. Repeat step 4 until the buyer has finished shopping.</li><br />
+        <li>After that, press the Check Out button at the bottom of the Shopping List to see the total price to be paid.</li><br />
+        <li>Buyers will be directed to the Checkout page. Determine the payment method you want to use and make sure that the total price paid is appropriate and the balance in the digital wallet is sufficient.</li><br />
+        <li>Press the Pay button to pay for all purchased products. Wait until there is a notification stating that the payment has been successfully made.</li><br />
+        <li>The shopping process has been completed and the cart connected to the app will be offline after a certain amount of time.</li>
+    </string>
 </resources>