1 of 23

LEARNLOOP

MAD MODULE

PROJECT REPORT

Kang Joo Ann Adrian (P2124786)

Phoon Thet Pine (P2103174)

DEB/FT/2B/01

2 of 23

Education & Learning

THEME OF PROJECT

CHALLENGE: SAMSUNG SOLVE FOR TOMORROW 2023

Education and technology are the two great equalisers in life. As technology continues to change our society and the future workplace, we need to ensure education constantly reinvents itself to stay relevant. From enabling students to gain real-world industry insights in the metaverse to gamifying education to cultivate a lifelong learning mindset, there are endless ways in which technology can help us embrace new forms of educational experiences.

Through this competition, we want to encourage you to take charge of your learning journey. We want to see breakthrough ideas that will transform education and help you and your peers achieve better possibilities in career and personal growth in the future. “

3 of 23

CURRENT STRATEGY FOR FINANCIAL LITERACY EDUCATION

MOE* works with MoneySense to promote and educate Singapore students in:

  • Primary Schools
  • Secondary Schools
  • Pre-University Schools
  • Polytechnics/ITEs*

Financial literacy course modules are deployed to students which aims to teach them personal finance concepts.

MOE* - Ministry of Education

ITE* - Institute of Technical Education

4 of 23

Too theoretical.

PROBLEM WITH

CURRENT STRATEGY

Even though Singapore youths are majority highly financial literate, they are not confident in applying them as they are not guided and taught how to incorporate them

5 of 23

Most professions treat each individual’s case differently – each patient of a doctor has individualised treatment plans.

Education should be no different.

—T. McLaughlin, 2022

6 of 23

PROBLEM STATEMENT

How can we help youths acquire and integrate personal finance knowledge into their daily lives?

7 of 23

LearnLoop

PROPOSED SOLUTION

LearnLoop is an all-in-one platform which has features such as online courses, budgeting and expenditure tracker.

Youths may further develop their knowledge through related events and programs for youths which are promoted within the app.

The app also has a library of student discount and promotions to help reduce student expenditure.

8 of 23

LEARNLOOP:

ITS POSITIVE IMPACT

LearnLoop

LearnLoop not only provides education content on financial literacy, it also acts as a platform for users to put their knowledge into action.

LearnLoop helps to integrate personal finance practices into users’ daily lives which allows them to enter the workforce financially responsible and confident.

By starting during their education phase, users will be able to make it a habit and daily practice.

9 of 23

BASIC FEATURES

  • Splash Screen with Music
  • Registration/Login with Google
  • Integration to Social Media
  • Use of CardView + SMS
  • Bottom Navigation Bar (Custom)

10 of 23

BASIC FIRST SCREENs

Splash, Google/Facebook Registration

2-second Splash Screen + Background Sound

Methods of Account Registration:

  • Manual Input of Details (Name, Email, Password)
  • Google Sign-in
  • Facebook Sign-in

Additional Feature:

  • User Details Validation (For Manual Registration)

The app will check if the details provided by the user is valid or not. Examples of invalid details:

  • Detail entered under “Email” is not a valid email
  • Password is not alphanumeric (mix of alphabets and numbers) and contains special characters

An exclamation icon in red (setError) will be prompted for invalid details.

Error Icon appears if details are not valid

11 of 23

BASIC FEATURES

Bottom Navigation Bar + Integration to Social Media

Custom Navigation Bar

(With Color)

Custom Navigation Bar was used with the color set to the theme color of the fragment layout.

  • Purple (Home)
  • Purplish Blue (Add Transaction)
  • Pink (Looprary)
  • Orange (Discount)

The 4 colours make up the colors of the LearnLoop Logo.

Users can share the in-app learning courses to their friends via Social Media

  • WhatsApp
  • Instagram
  • Facebook
  • Teams and more.

The objective of this feature is to allow the users to spread awareness of these courses to their friends, and potentially onboard them onto LearnLoop.

Sharing to Instagram

(Direct Message)

Sharing to WhatsApp

(Send URL to Course)

12 of 23

BASIC FEATURES

CardView + Use of SMS

CardView was used multiple times. Examples of usage:

  • Financial Literacy Events
  • Courses (Offered + In progress)
  • Transaction Records

When users exceed their budget, an SMS will be sent to the user:

  • Hey <name>! You’ve exceeded your budget!!

The objective of this feature is to notify the users whenever they exceed their budget. This allows us to give the user an alert in 2 ways:

  • From the app
  • SMS

13 of 23

ADVANCED FEATURES

  • Navigation Drawer
  • WebView to view web pages within app
  • RecyclerView with Item Selection
  • Google Maps with LatLon Detection
  • Local Phone (Google) Calendar
  • Barcode
  • Cloud Database (Firebase)
  • Camera
  • Face Detector

14 of 23

ADVANCED FEATURES

Navigation Drawer + WebView within App

Navigation Drawer used in Settings:

  • Your Account
  • Security & Account Access
  • Privacy and Safety
  • Notification

AlertDialog will ask the user if they would like to view the website in or outside the app.

Use cases include:

  • Event
  • Online Course

15 of 23

ADVANCED FEATURES

RecyclerView with Item Selection + Google Maps (LatLon)

When the user taps on to one of the items (CardView) in the RecyclerView, it will take the user to the details of the selected item.

  • Events
  • Courses

Item Selection in Courses

Item Selection in Events

Google Maps is used to track the location at which the transaction took place.

This allows the users to keep track of their expenditure and see where they tend to spend most of their money.

Latitude and Longitude values are stored in Firebase.

16 of 23

ADVANCED FEATURES

Local Phone (Google) Calendar + Barcode

Users may add learning materials to their local phone calendar such as Google Calendar.

Activities such as

  • Events
  • Courses

may be added to the Calendar with the details automatically filled.

Barcode is only available if the user is adding “Groceries” or “Shopping” to their transaction.

Users can simply scan the barcode on their item and the details will be filled automatically.

Due to lack of access to FairPrice’s Database, the app is only able to read serial number of barcode.

17 of 23

ADVANCED FEATURES

Cloud Database (Firebase)

Data is stored using Firebase (Realtime Database + Storage)

Users who sign in to their own account will be able access all their data and progress anytime, anywhere.

Course and Event details are stored in “Storage” for easy addition and removal of information.

18 of 23

ADVANCED FEATURES

Camera + Face Detector

Camera is implemented under “Add Transactions”

Whenever a user adds a transaction, he/she can take a photo of the item and save it with the details of the transaction.

Face Detector is used for Biometric Authentication

Users can opt for this additional security feature which allows them to use biometrics as a 2-Factor Authentication (2FA)

Biometrics include:

  • Face Recognition
  • Fingerprint

The transferring to MainActivity was disabled for this clip to demonstrate the Biometric feature.

19 of 23

LEARNLOOP:

BASIC FEATURES

Using SMS

  • LearnLoop sends users a SMS when they are nearing/exceeded their budget

Integration with Social Media

  • Users can share progress, online courses and events

Splash Screen with Music

  • 2-second on opening of app

Google Maps (Latitude/Longitude)

  • Users can track the location of their expenditure

Use of RecyclerView to list items

  • List of courses, events and expenditure records.

Use of CardView

  • Courses, module-videos, expenditure record rows.

Use of Bottom Navigation Bar (Custom)

  • For ease of navigation in app

20 of 23

LEARNLOOP:

ADVANCED FEATURES

Use of Navigation Drawer

  • For app settings

Use of RecyclerView with Item Selection

  • Users can tap on items in the RV to view event and course information

Using WebView to view web pages in app

  • Users can view more information such as the course/event’s website in app

Using Cloud Database

  • To store and access progress and data using Firebase

Using Camera

  • Users can take picture of expenditure on the spot

Using Face Detector

  • Authentication using Biometrics

Using Google Map with Longitude and Latitude Detection

  • Get location of user’s expenditure

Using Barcode

  • To get the information of the item just from the barcode

Using Local Phone Calendar

  • To add events and course reminders in the phone’s (Google) Calendar

21 of 23

CONTRIBUTIONS OF

INDIVIDUAL MEMBER

S/N

Student 1 (Leader)

Kang Joo Ann Adrian (2124786)

Student 2

Phoon Thet Pine (2103174)

1.

User Interfaces (All Layouts)

Navigation Drawer

2.

Splash Page with Music

Integration to Social Media

3.

Bottom Navigation Bar

Use of SMS

4.

Use of CardView

Use of Local Phone Calendar

5.

Barcode Scanner

Use of Camera

6.

Face Detector

RecyclerView with Item Selection

7.

Firebase Implementation

Firebase Implementation

8.

Use of WebView

Use of WebView

9.

Face Detector

Google Maps Implementation

22 of 23

PROJECT DEMO

VIDEO URL

Note to Marker:

The link to video loads very slowly. As such, we added the link to the Google Drive Folder that contains the video.

23 of 23

TEAM MEMBERS

PHOON THET PINE

P2103174

DEB/FT/2B/01

KANG JOO ANN ADRIAN

P2124786