FYP 2 : E-Portfolio. Reflection of Progress 2

In week 13,

I have made some adjustment on the Login Page and Registration Page by connecting the PAJ Bus Tracker Mobile Application with Firebase Database. This connection is function to store the user database. Next, I able to run and test the forgot password process when the user of this apps want to reset their password account. First the user need to fill their email on the forgot password form. Once they enter their own email, this apps will send a new link to the user through their email and the user just need to update the new password to login this mobile application. Other than that, I able to appear the map view on the Android Studio using Mapbox and setup the suitable design view of the map.

For this stage, I have been assisted with my friends and my supervisor regarding how this application will show the location of the bus. I have been told by Mr Alif, inside the bus, it implemented with the card reader and the router. The router will provide the internet connection for the card reader and have GPS/GSM Module to locate the location of the bus that will send and retrieve the data to the server. The card reader also will read the card of the user and will send the data to the server. This data is stored in JSON file. When exchanging data between a browser and a server, the data can only be text. Therefore, at this stage I need to retrieve the data from the JSON file Mr Alif given and read the data text format inside the software Android Studio.

Goal and Objective.

Able to set up and demonstrate the view of the map by using Mapbox and change the view of camera on the map to get the exact location of Malaysia.
Able to connect PAJ Bus Tracker Mobile Application with Firebase to store the user database.
Create reset password form for the user to change their forgotten password.
Understanding the JSON File format and do more research regarding the JavaScript text where the data is stored in text and need to read by the Android Studio to run this apps.
Do more research how to add bus marker icon on this mobile application where it can view through map view.

Home Interface

Add comment

Details

Layout Coding Home Page in XML File

Partial XML File Home.JPG

Reset Password on Email User

Add comment

Details

Create Firebase for Authentication Process

Firebase Authentication allow users to sign in to this app using one or more sign-in methods, including email address and password sign-in, and federated identity providers such as Google or Facebook.

From PAJ Bus Tracker Mobile Apps, user need to create account using registration form provided. After they finished fill the registration form, they can login using the same email and password registered in Login form as their account have been authenticated inside the Firebase Database

Authentication Firebase.JPG

First Page Interface

Add comment

Details

Layout Coding First Page in XML File

Partial XML File Interface.JPG

Create Access Token for Map View

Create access token for Map view in Android Studio Coding.

To use any of Mapbox's tools, APIs, or SDKs, such as view map or add bus marker on the map, I need a Mapbox access token. Mapbox access tokens use to associate API requests with my account. We can find our access tokens, create new ones, or delete existing ones on my Access Tokens page or programmatically using the Mapbox Tokens API.

mapbox 3.JPG