A Mobile Application

with Chatbot

For FCSIT Student Guide

Pattrick anak Pengiran

65165

Multimedia Computing

​

Supervisor: Dr Sarah Flora Samson Juan

Examiner: Dr Johari Abdullah

Problem Statement

Difficult to find information from the FCSIT Website and Undergraduate Guidebook

No app version for this kind of inquiry

Contd.

Able to find using search engine, links to a page in the website

Contd.

Search through mountains of text to find information

Objectives

To design a Faculty Guide Mobile Application for FCSIT

To develop and integrate an AI Chat-bot System into the mobile app using DialogFlow and Dart (Flutter).

To measure the effectiveness of the mobile application in providing information and chatbot interactivity.

Literature Review

FCSIT Website

UNIMAS Now

Pandorabots

Methodology

FCSIT Student Guide

Tools & Technologies

Microsoft Visual Studio Code Editor

DialogFlow Essential

Flutter Framework

(Dart)

Contd.

Figma Software

Microsoft Word

Proposed System

Find information of Faculty and any relevant academic information

View Course Information and Faculty Maps

Inquire information from the FCSIT Chatbot

FCSIT Chatbot

DialogFlow ES

DialogFlow is a natural language understanding platform used to design and integrate a conversational user interface into mobile apps, web applications, devices, bots, interactive voice response systems and related uses

Contd.

• DialogFlow version used is DialogFlow ES
• Used for simple and small agents
• Agents refers to the chatbot

​

Intents, Training Phrases & Entities

• Intents are a user’s intentions
• A Chatbot can have multiple intents, which combines

to complete a full conversation

• When an intent is matched, the chatbot will return

a response based on the intents setting

​

Contd.

• Intents are assisted by Entities
• Each intent parameter has a type, called the entity type
• This dictates how the data from end-user expression or input

is extracted

• There are predefined and custom entities
• Custom entities are by developers to match custom data types

Contd.

Contd.

Contd.

Contd.

Expression

Custom Entity

Parameter

User

Intent

Response

Fulfillment

Fulfillment

• When intent is matched, an action is required for the

Chatbot to execute in order to give a response

• These actions are coded in the fulfillment inline editor
• Extracted and coded in VS Code editor
• JavaScript & Node.js 10 runtime engine

​

Contd.

• When intent is matched, it triggers a function in the code

​

Contd.

Contd.

Contd.

Project Demo

User Acceptance Test

Contd.

Contd.

Contd.

Contd.

Contd.

Contd.

Conclusions & Future Works

Conclusion & Future Works

• This app is able to help FCSIT Students to inquire information like staff information, course information and faculty information
• Instead of a browser, FCSIT Students able to use a mobile app instead
• All objectives were achieved
• Some limitations and constraints were scrutinised and will be improved on with future works

​

Thank you