0% found this document useful (0 votes)
10 views

Assignment 03

The document provides instructions for an assignment to create a PIN entry screen mobile application. Key requirements include: 1) Creating a PIN entry screen matching the provided image in terms of colors, fonts, sizes, and other criteria. 2) Implementing an in-screen keyboard instead of the default mobile keyboard. 3) Displaying a maximum attempts reached screen if the incorrect PIN is entered 3 times. 4) Submitting the assignment by the due date through GitHub Classroom, including an APK file and screen recording demonstrating the app scenarios.

Uploaded by

nipuni web
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
10 views

Assignment 03

The document provides instructions for an assignment to create a PIN entry screen mobile application. Key requirements include: 1) Creating a PIN entry screen matching the provided image in terms of colors, fonts, sizes, and other criteria. 2) Implementing an in-screen keyboard instead of the default mobile keyboard. 3) Displaying a maximum attempts reached screen if the incorrect PIN is entered 3 times. 4) Submitting the assignment by the due date through GitHub Classroom, including an APK file and screen recording demonstrating the app scenarios.

Uploaded by

nipuni web
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

ICTC 2202.

3 Mobile Application Development

Assignment 03

1. You should create a PIN entry screen in the manner shown in the accompanying
picture. The LMS page has an animated picture. Before beginning the UI
development process, carefully read the instructions.

a. You may disregard the UI's animation feature, but you must adhere to all
other criteria, such as colors, sizes, fonts, etc.
b. Color HEX values of buttons, PIN placeholders, etc. can be identified
using a color picker tool.
c. Font must be Roboto. You should add “Roboto” font to the app before
using it. Once you add the font, ensure it is working. If it does not work
in the final submission, you will not receive any mark allocated to this
part.
d. Appropriate sizes for buttons can be used. But look and feel of what you
develop must be equal to the attached/ animated image.
e. You must implement the in-screen keyboard and must not use the
default Mobile keyboard.
f. Allowed PIN must be 1234. If the user type wrong PIN 3 times, app
should display the maximum attempts reached screen similar to the
animated image (Same colors, font sizes) and count down from 1
minute to 0 seconds. After reaching 1 minutes, again the PIN entry UI
must appear.
g. If user enters the correct PIN, an alert should be visible saying
“Success! App will redirect you to the home now!”.
h. Incorrect PIN colors and normal PIN colors and texts must be the same
to get the maximum mark.
i. Active Opacity of the touchable opacity component should be 0.5.
j. Additionally, marks will be provided for proper Componentization,
States/Props handling, etc.
k. Due date of the Assignment is on 13th of October at 11:59 PM. Time will
not be extended under any circumstances.

Final Submission of the Assignment

a. GitHub Classroom will be provided to submit the assignment.


b. Ensure that you are following all the best practices of Git. Always use your
correct account when accepting the assignment.
c. In the final submission, apart from the required folders/ files (Following the
taught folder structure), below folders must be presented with necessary files.
a. APK Folder: APK (Not AAB) file of the Project
b. Record Folder: Screen record (.MP4 file) of your workable app
demonstrating all the scenarios (Failure scenarios first and finally
Success scenario).

You might also like