COMP3130 2021-Assignment 1
1


DEPARTMENT OF COMPUTING
COMP3130 2021 Mobile Application Development

Major Work Deliverable-1 (25%)
Design and Development of a Travel Application
Monday Apr 12, Study Break Week-2, 11.59 pm (Marked out of 100)

Submission Instructions 1
Problem Statement 2
Task Descriptions 3
Task 1: Design 3
Task 2: Development 3
Task 3: Report 3
Marking Rubric 3
FAQs 4


Submission Instructions
You will submit a single zip file with these contents
1. For Task 1, a report (.pdf file) along with wireframes and mock-ups of every screen design with
comments, if required. Rename this file to Task1_YourName.pdf
2. For Task 2, a zip file of your project (Compress your project folder and submit it). You can add a readme
file if you have any specific instructions. Rename this file to Task2_YourName.zip
3. For Task 3, a report (.pdf file) explaining the app you’ve done (no marks allocated to this task, however
if this is missing, penalty will apply)

COMP3130 2021-Assignment 1
2
Problem Statement
You are required to create a mobile application using expo/react-native in a platform of your choice. Using the
app, the viewer must be able to browse through categories such as restaurants, places to visit, places to stay,
things to do etc for a particular city. Once logged in, the user must be able to add, delete and update every listing.
Please note this is an open-ended problem statement and you are encouraged to try new concepts that are not
covered in the lectures/workshops. It is up to you, how you choose to do this.
A sample screen flow is provided below. You are allowed to add one/two more screens if you want. Ideally, the
number of screens here should be sufficient to display all the information.

Welcome Screen: This could be your first screen (You may choose to add a Splash screen as your first screen)
that provides the options to register and login.
Register Screen: In this screen, the user must have the option to register and create an account.
Login Screen: In this screen, the user must use their username and password to login.
Account Screen: This is the home screen for the users that provides the option to go to their listings (Here is the
place where tabs would start to appear and you could use that for navigation too). An option to logout must take
the user back to the Welcome Screen.
Travels Screen: This is the screen that displays all the listings from different categories. The user must be able
to filter through the categories and display them. There must be an option on the screen (either in the tab/on the
screen) to add an item/listing. Once the listing is added, it must be displayed on the screen. If you want to add
your edit and delete option here, you may do so.
More Information Screen: This is the screen that displays the listing in detail. If you want to add your edit and
delete option here, you may do so.
Use both the screen flow and the description to paint a picture of what your requirements are and start from
there before starting to code. Going through other travel apps like TripAdvisor, Klook could give you some ideas.

COMP3130 2021-Assignment 1
3

Task Descriptions
Task 1: Design
Create wireframes and mock-ups for every screen in the mobile application. If the application is designed
for iOS then the mock-up should reflect that. The designs must be consistent with the application that is
submitted for Task 2. Export the wireframes and mock-ups in a pdf and include this in your submission
Task 2: Development
Using a wide range of components and APIs that are provided by react-native, build a mobile application
based on the specifications provided in the problem statement. You are highly encouraged to create
custom components, and use them where ever applicable. You are also expected to use Stack and Tab
Navigation to help navigate between screens. You will also be graded for good programming practices
such as naming conventions, commenting, etc.
Task 3: Report
In 500-600 words, explain what your mobile application is about. If you have used something that was
not covered in the lectures, please include that in your report.

You will have to publish the project on expo for distribution. Whilst publishing, make sure you add a
description to your app. Add the published link to the report. Link that is not submitted in this report will
not be considered for Peer review and no marks will be provided.

Also, add the platform that you want us to check your app on including the phone model, OS that you used
for testing the look and feel of the app. Think of it as which emulator/device do you want us to check your
application on!

If any of the above details are missing, you will be penalised (10 marks)
Marking Rubric
TASK 1

Quality and correction of the wireframes /10
Quality and correction of the mock-ups /15

TOTAL –TASK 1 /25

TASK 2
Working of the app (Functionalities, navigation, features that covers the
requirements specified)
/30
Ability to store data and retain it while the app is running /20
Look and feel, innovative ideas and creativity /25
TOTAL –TASK 2 /75

TASK 3 Report with everything that has been asked? (-10)

TOTAL /100
COMP3130 2021-Assignment 1
4


FAQs
1. Is there a mandatory tool to use? Can I just draw and submit the wireframes/mock-ups?
No, you can use any tool available (Lucid Chart/Figma are quite easy to use). Your aim is to clearly and
concisely present your ideas. Only thing you need to be very particular about is legibility.

2. Do we need to have a cover page on the document we are uploading?
Nope.

3. Do we need to read the assignment forum?
This will be the primary place where assignment questions will be answered. Any updates will also be posted
there. It is your responsibility to monitor this forum regularly. As with any job, you will want to be up to date
on the latest information related to your tasks.

4. Are we only allowed to submit our assignment one time?
You can submit multiple times before the due date, so be sure to have early versions uploaded just in case
iLearn (or your internet connection) has any issues.

5. Can we make some of the pages landscape and some portrait?
Yes, you can have some pages in portrait and some in landscape (especially if it helps make the diagrams
more readable).

6. Can I use both platforms to write codes on?
Yes, however you will have to nominate one of the platforms as your preferred one and your app will be
checked on that platform.

7. Can I go over the word limit for my report?
Not more than a page is what is required of you to write.
8. If any of the components in Task 3 are missing, will I still lose 10 marks?
Yes, you can count on that. We need the details to prep for the next assignments.











































































































































学霸联盟