SRS Template

Software Requirements Specification for News Reading App;lication
Page i
Software Requirements
Specification
for
News Reading Application

Version 1.0 approved
Prepared by Nguyen Trung Binh
Software engineering
01/2022
Software Requirements Specification for News Reading Application
Page ii
Table of Contents
Table of Contents...........................................................................................................................ii
1. Introduction..............................................................................................................................1
1.1 Purpose.........................................................................................................................................1
1.2 Scope............................................................................................................................................1
1.3 Glossary........................................................................................................................................1
1.4 References....................................................................................................................................1
1.5 Document overview......................................................................................................................2
2. Functional Requirements........................................................................................................2
2.1 User Interface...............................................................................................................................2
2.2 Login function..............................................................................................................................3
2.3 Account checking function...........................................................................................................4
2.4 View news content function.........................................................................................................5
2.5 Favorite news list function...........................................................................................................5
2.6 trending news function.................................................................................................................6
2.7 View account information function..............................................................................................7
2.8 Change password function............................................................................................................8
2.9 View news category function.......................................................................................................9
2.10 Create account function..............................................................................................................11
2.11 Password reset function..............................................................................................................12
3. Non-functional Requirements...............................................................................................13
3.1 Usability Requirements..............................................................................................................13
3.2 Security Requirements................................................................................................................13
3.3 Perfomance Requirements..........................................................................................................14
3.4 Safety Requirements...................................................................................................................14
4. Other Requirements..............................................................................................................14
4.1 Operating Environment..............................................................................................................14
4.2 Development Environment.........................................................................................................15
5. Analysis Models......................................................................................................................15
5.1 Data Flow Diagram....................................................................................................................15
5.2 State Diagram.............................................................................................................................16
5.3 Activity Diagram........................................................................................................................17
5.3.1 Activitiy diagran of login function.........................................................................................17
5.3.2 Activity diagram of view news content..................................................................................18
5.3.3 Activity diagram of password reset........................................................................................19
5.4 Decision Table............................................................................................................................20
Page 1
1. Introduction
1.1 Purpose
This document describes the basics of the application with its user interface, functional and non-
functional requirements. Information to support building the application and describe the operations
of the news reading application
1.2 Scope
The News reading application is an application that provides many popular news:
 The users can view many different types of news at different times of the day.
 They can read news with similar topics, News with the most views of the day and many
other highlights.
 Especially, users can save the news topics they like and can review them at any time.
1.3 Glossary
Term Definition
NRA News Reading Application
UI User interface
UR User requirement
SMS Short messaging service
1.4 References
[1] The software requirement specification document about “mobile clicker application. Ahmad Al-
Toukhy, Amir Ahmed, Ahmad Ashkanani”.
[2] The software requirement specification document about “Date time checker. FU”.
[3] The software requirement specification document about “Web Accessible Alumni Database.
Michael J. Reaves”.
[4] UI tool: https://wireframepro.mockflow.com/view/MqD64OeYgnb
[5] Analysis model tool: https://drive.google.com/file/d/1ItRuJ_cMIc23F-

9CGHb7QZkNG0yZiekw/view?usp=sharing
[6] Contents category of BaoMoi application

Page 2
1.5 Document overview
The following sections describe NRA in detail and application-specific state and operations
using basic design models:
 Functional requirement: Describe function of NRA
 Non-functional requirement: Describe the necessary non-functional information
 Analysis models: Many model provides application functionality and performance
information
2. Functional Requirements
2.1 User Interface
 This is the interface that the user must see first when starting the application at all times. Users
can see many types of news with icons about "tin tức", "yêu thích", "xu hướng” and “tài
khoản”.
 If the users want to use many different functions, they must click on the icons that they want to
see news according to those icons.
 If they want to read content news of this topic, they can click on this topic.
Figure 1: Main User Interface of NRA

Page 3
Main UI of application must have:

 In the top of screen must have find box and “list” icon on the same line.
 “Theo dõi” and “Nóng” is under of find box.
 List of News have picture and topic of this. Under topic will have publishing house logo
and the time of the news was posted.
 Icon click for “tin tức”, “yêu thích”, “xu hướng”, “tài khoan”.
 The Bottom scroll bar to help expand the screen.
2.2 Login function
 In the login function, the users click “Tài khoản ” textbox input to enter their username and
click “Mật khẩu” textbõ input to enter their password.
 When they finished enter information, they must click “Đăng nhập” button to the system can
check their account.
 The users can click "Quên mật khẩu” if they don't remember their password to log in.
 If they don’t have account to login this application, they can create a new account by click
“Đăng ký” button.
 “Phiên bản 1.0” is a level version of this system.
Figure 2: Login screen of NRA

Page 4
Login screen of NRA must have the layout as figure 1:

 “ĐĂNG NHẬP” text with “blue” color and font name is “Arial”, font size is 30.
 The text input of “Tài khoản”and “Mật khẩu” are parallel with together.
 The button of “Quên mật khẩu” is not background color, font name is Arial, font size is 18.
 “Đăng ký” button with orange color
 “Phiên bản 1.0” text is in the bottom.
2.3 Account checking function
 Account check will check the account that the user has entered from the keyboard to be able to
use the application.
 When user enter data and click “dang nhap”.
 If the account data and password data are valid, the message box will appear as follows:
Figure 3: Message box with “Thanh cong” text.
The message as Figure 3:

o Have green background.
o “True” icon tick in the left and “Thanh cong!” text in the right with green color, font
name is Arial, font size is 30.
o Boder message is green
 If the account data or password data are invalid, the message box will appear as follows:
Figure 4: Message box with “That bai” text.
The message as Figure 4:

o Have read background.
o “False” icon tick in the left and “That bai!” text in the right with red color, font name
is Arial, font size is 30.
Page 5
o Boder message is red.
2.4 View news content function
In this function, The users can read the news content they want when they click on the news title on
the user interface.
Figure 5: News content function
The news content function will be excuted when you select the news shown in figure 5.
In this function, the design will be built as follows:
 “back” icon will in the left and gray color.
 In the right, near “back” icon will have “newspaper office” icon and “plus” button to add the
news enjoy – you want to follow.
 The content will show and can roll up.
 In the bottom , “Nguồn” and “Ngày” will be theined
 If you click on “back” icon, the application will backdoor figure 2
 If click on “hearth” icon, this news will be saved to “yêu thích” folder. The “hearth” icon
don’t have background color.
2.5 Favorite news list function

This function will show favorite news list which you save before:
 If user want to open your favorite news list, user will click on “yên thích” icon
 After clicked, can see news list.
Page 6
Figure 6: Favorite news list function
“Yeu thich” function must have as Figure 6:

 In the top screen, have style and variety of news.
 Some recent news are displayed and they can read again
2.6 trending news function

Page 7
Figure 7: Trending news function

When the user clicks on the "xu hướng" icon, this interface will appear, The news with the most
views in that day will be listed in this function
This function will provide news that is trending and of great interest to readers and it must have:
 “Xu huong” header will in the top middle of screen, font size is 13, font name is Arial, font
color is white.
 “Noi bat trong ngay” text is built in the left, under “xu huong” header, padding left 5px.
 Content screen will be divided into 2 parts.
o Part 1, trending topics can be moved to the right and shows the most special information.
o Part 2, it will provide highlights from different timelines and can scroll down to provide
more information.
2.7 View account information function
Figure 8: view account information function

Page 8
View account information function is where user information is stored. The user can see their
birthday, phone number, address. They can update their account information by tapping the pen
icon and edit the information right on the app and it's saved instantly.
If the user want to update password, they can click on “Đổi mật khẩu” button. They can click “Đăng
xuất” button when they want to logout.
It must have as figure 8:

 Click on “tài khoản” icon is system will move to screen of this.
 The user picture or icon should be in the upper center of the screen and the user's name lable
can be shown there as well.
 The icons about “calendar, phone, address” are in the left and the information text is
showed in the right of this icons. Textbox inputting will be used when click on “the
pen”icon, if user change their information. “The pen” icon is in last of this text box.
 “Đổi mật khẩu” button with “blue” backgroud and name font is “Arial”, font color is White.
 “Đăng xuất” button is in the bottom middle of screen.
2.8 Change password function
Figure 9: Change password funtion.

Page 9
 In this function, the user must click “Đổi mật khẩu” button from view account information
function, they can use for change their password.
 To change the password, the user must click “Nhập mật khẩu cũ” textbox input to enter old
password.
 Click “Nhập mật khẩu mới” textbox input to enter new password and click “Nhập lại mật khẩu
mới” textbox input to confirm new password.
 When they enter information, the new password and the confirm new password will be ckecked
automatic with valid or invalid.
 If the new password valid is tick box will display right tick, else will wrong tick.
 If the confirm new password is valid or not valid, a check box will also be displayed like
checking for the new password.
 When the user finishes entering information from the keyboard, the user will save the password
by click the “Xác nhận thay đổi” button.
 It must have as figure 9:

 “Doi mat khau” function is used when user wan to change their password.
 The “Back” icon is upper left corner.
 “DOI MAT KHAU” text is in the middle, font name is Arial and font color is blue.
 Three textbox input are in the left but textbox of “Nhap mat khau cu” will shorter.
 2 auto tickbox are in the right of textbox input of “Nhap mat khau moi” and “Nhap lai mat
khau moi”.
 “Xac nhan thay doi” button must be in the middle with “blue” bacckground and “font color
is White.
 If user entered wrong old password, the application will appear respond as follows:
Figure 10: Old password is wrong
 Background is red color and “Mat khau khong chinh xac!” text color is red
 If the user enters a new valid password and re-enters the same password as the new
password, the tick box will change to the following state:
Figure 11: “Right” tick

Page 10
2.9 View news category function
Figure 12: Category function
 This function shows categories with many different topics, if the user can view and read the
news list by all other category, they can click “theo dõi”, “xu hướng”, “Mới”, “Bóng đá VN”,
“Bóng đá QT”, “Độc & Lạ”, “Tình yêu”, “Giải trí”, “Thế giới”, “Pháp luật”.
 When the user selects“Theo dõi” category, it will display a list of topics that the user always
read.
 When the user selects “Xu hướng” category, it will display a list of topics that have most views.
 When the user selects “Mới” category, it will display a list of topics that have just been
uploaded to the application.
 When the user selects “Bóng đá VN” category, it will display a list of topic about football
theme in vietnam
 When the user select “Bóng đá QT” category, it will display a list of topic about football theme
in international
Page 11
 When the user select “Độc&Lạ” category, it will display a list of topic about Unique and
innovative news
 When the user select “Tình yêu” category, it will display a list of topic about the news of
affection and love.
 When the user select “Giải trí” category, it will display a list of topic that topics related to
entertainment, music, etc,..
 When the user select “Thế giới” category, it will display a list of topic that going on in the
world
 When the user select “Pháp luật” category, it will display a list of topic about the law with
many forms of law
 If the user want to back the user interface, they can click “back” icon.
 It must have figure 12:
 Click on “●○○” icon in main interface to move this function
 “Chuyên mục” text on the top middle of screen with “green” background and font is “Arial”
 “Chuyên mục chính” title text is in the left and under “Chuyên mục”, “gray” background
and have top black line.
 Categories are built into 2 parallel sections with the category name in the middle, “white”
color, font “Arial” and it will be on a symbolic image background.
 The “Back” icon in the right top and click on it will move back main screen.
2.10 Create account function
Figure 13: Create account function

Page 12
 If user click “Đăng ký”, “Đăng ký” screen will be created:

 This function is used to create a new account.
 The user have to enter their full name by click “họ và tên” text box.
 Enter the birthday by click “Ngày sinh” textbox.
 Enter the phone number by click “Số điện thoại” text box.
 Enter the username by click “Tên tài khoản” text box.
 Enter the password by click “Mật khẩu” text box.
 Enter the confirm password like this password by click “Nhập lại mật khẩu” text box.
 When the user finish input, they can click “Đăng ký” button to create a new account. After
that, the system back to login interface.
 The interface of this function must have as figure 13:
 “Plus” icon and “ĐĂNG KÝ” text are in the top middle. “dă” is under this icon.
 Six textbox for inputting “Họ và tên”, “Ngày sinh”, “Số điện thoại”, “Mật khẩu”, “Nhập lại
mật khẩu”.
 Tickbox must be right-align.
 “Dang ky” button must be fore color “blue” with big border and text is white color
2.11 Password reset function
Figure 14: password reset function

Page 13
 If user click “Quên mật khẩu” at login screen, application will move to this function:
 The user will enter the phone number and the code just received from the SMS after click the
"Nhận mã" button. They can click “XÁC NHẬN” when finish inputting.
 It must have as figure 14:
 “QUÊN MẬT KHẨU” text is “blue” color and fontsize is 30 with font name “Arial”
 Three textbox for inputting are “Nhập số điện thoại”, “Nhập mã vừa nhận”, “Nhập mật khẩu
mới” “Nhap lai mat khau moi” with left-align.
 “tick check” icon is circle.
 Two stickbox is right alaign of textbox input “Nhập mật khẩu mới” and “Nhập lại mật khẩu
mới”.
 “Nhan ma” button is left-align with background “blue” and white text.
 “XÁC NHẬN” button is left-center with background “blue” and white text.
Figure 15: “Correct” tick.
o If the user enters the correct code that was sent before that as Figure15.
Figure 16: “Wrong” tick.
o If the user enters the wrong code that was sent before that as Figure 16.
3. Non-functional Requirements
3.1 Usability Requirements
 The content and meaning of the text must be written in Vietnamese.

 The undo buttons should be in the upper corner of the screen.
 The icon must have a meaning corresponding to the user action
3.2 Security Requirements
 “Tai khoan” has a maximum of 26 characters, may include the numeric characters "0-9",
the alphanumeric characters "a-z" and "A-Z".
Page 14
 "Mat khau" has a maximum of 18 characters, may include numeric characters "0-9",
alphanumeric characters "a-z", "A-Z" and special characters.
 Forget password must require a verification code sent to SMS and they will expire in 1
minute
 Confidential information must be hashed to secure the data.
 The system will send a message to the user if the wrong password is entered more than 5
times.
 If the user does not work on the application for 10 minutes or more, the application will be
in an expired state.
 Database should be behind Firewall.
3.3 Perfomance Requirements
 Time to check login account and logout are 1 second after clicking "Dang Nhap" or “Dang
xuat” button.
 Switching time between tasks is 0.2 seconds
 when the user changes personal data, the information will be saved in the database for 2
seconds right after pressing "Xac Nhan".
 The application can allow about 3000 users to access at the same time and perform the
operations with the above time. If the user is more than 3000 people at a time, each
operation will increase by 0.5 seconds
 Image quality must be in HD.
 Error or success messages must appear 1 second after the user action.
 The application can be accessed stably with a minimum network speed of 3G
3.4 Safety Requirements
The following is information about the safety of the system, UR must be sure to meditate:
 Request to use wifi, 4G, 3G network of the system will not record any damage to the user's
device.
 Requests to use the device's content will require permission from the user.
4. Other Requirements
4.1 Operating Environment
NRA use on mobile devices only:

 Android
o Android 7.0 Nougat
o Android 8.0 Oreo
o Android 9.0 Pie
o Android 10
Page 15
o Android 11
o Android 12
 IOS
o IOS 8
o IOS 9
o IOS 10
o IOS 11
o IOS 12
o IOS 13
o IOS 14
4.2 Development Environment
NRA will be developed with Java on NetBean IDE 8.2 and on Eclipse IDE 4.3
5. Analysis Models
5.1 Data Flow Diagram
Data flow diagram of NRA describe many flows of data form many fucntion.
Figure 17: Data flows diagram of NRA

Page 16
5.2 State Diagram
State diagram of NRA describe many multiple operating states of functions.
Figure 19: State chart diagram
Figure 18: State diagram for NRA

Page 17
5.3 Activity Diagram

5.3.1 Activitiy diagran of login function
This diagram provides the actions in the login function
Figure 19: login activity diagram

Page 18
5.3.2 Activity diagram of view news content
This diagram provides the actions in the view news content function
Figure 20: View news content activity diagram

Page 19
5.3.3 Activity diagram of password reset
This diagram provides the actions in the password reset function
Figure 21: password reset activity diagram

Page 20
5.4 Decision Table

Decision table describe true or false many cases in NRA
Requirement number
Conditions
1 2 3 4 5
Valid username F T T T T
Valid password - F T T T
Username is exists - - F T T
Password is exists - - - F T
Actions
Accept login X
Reject login X X X X
Turnitin result

SRS Template

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

SRS Template

Uploaded by

Copyright:

Available Formats

Software Requirements Specification for News Reading App;lication

News Reading Application

Prepared by Nguyen Trung Binh

[4] UI tool: https://wireframepro.mockflow.com/view/MqD64OeYgnb

[5] Analysis model tool: https://drive.google.com/file/d/1ItRuJ_cMIc23F-

[6] Contents category of BaoMoi application

1.5 Document overview

Figure 1: Main User Interface of NRA

Main UI of application must have:

2.2 Login function

Figure 2: Login screen of NRA

Login screen of NRA must have the layout as figure 1:

2.3 Account checking function

Figure 3: Message box with “Thanh cong” text.

The message as Figure 3:

Figure 4: Message box with “That bai” text.

The message as Figure 4:

o Boder message is red.

2.4 View news content function

Figure 5: News content function

2.5 Favorite news list function

Figure 6: Favorite news list function

“Yeu thich” function must have as Figure 6:

2.6 trending news function

Figure 7: Trending news function

2.7 View account information function

Figure 8: view account information function

It must have as figure 8:

2.8 Change password function

Figure 9: Change password funtion.

 It must have as figure 9:

Figure 10: Old password is wrong

Figure 11: “Right” tick

2.9 View news category function

Figure 12: Category function

2.10 Create account function

Figure 13: Create account function

 If user click “Đăng ký”, “Đăng ký” screen will be created:

2.11 Password reset function

Figure 14: password reset function

Figure 15: “Correct” tick.

Figure 16: “Wrong” tick.

 The content and meaning of the text must be written in Vietnamese.

3.2 Security Requirements

3.3 Perfomance Requirements

3.4 Safety Requirements

NRA use on mobile devices only:

4.2 Development Environment

Figure 17: Data flows diagram of NRA

5.2 State Diagram

State diagram of NRA describe many multiple operating states of functions.

Figure 19: State chart diagram

Figure 18: State diagram for NRA

5.3 Activity Diagram

This diagram provides the actions in the login function

Figure 19: login activity diagram

5.3.2 Activity diagram of view news content

Figure 20: View news content activity diagram

5.3.3 Activity diagram of password reset

This diagram provides the actions in the password reset function

Figure 21: password reset activity diagram

5.4 Decision Table

You might also like