COMSATS University Islamabad,

COMSATS Road, off GT Road, Sahiwal

SOFTWARE DESIGN
DESCRIPTION
(SDD DOCUMENT)

for

Holy Quran Listener

Version 1.0

By
M Zain Ul Hassan CIIT/SP19-BCS-033/SWL
Muhammad Fahad CIIT/SP19-BCS-042/SWL
Muhammad Tariq CIIT/SP19-BCS-057/SWL

Supervisor
Dr Muhammad Shoaib

Bachelor of Science in Computer Science (2019-2023)

Table of Contents
1. Introduction
2. Scope
3.1 Waterfall Model 1
4. System overview
5. Architectural design
5.1 Process flow/Representation 2
6. Design models
6.1 Use Case Diagram 3
6.2 Sequence Diagram 3
6.3 Class Diagram 4
7. Data design
8. Data dictionary
9. Algorithm & Implementation
10. Human interface design
10.1 Screen images 5
10.2 Screen objects and actions 6
References
Table of Figures:
Figure 1 Waterfall Model Diagram 1
Figure 2 Working Algorithm 2
Figure 3 Use Case Diagram 3
Figure 4 Sequence Diagram 4
Figure 5 Class Diagram 4
Figure 6 Screen image Select Surah and Verse 5
Figure 7 Listening Screen image 6

ii
Revision History
Name Date Reason for changes Version

iii
Application Evaluation History
Comments (by committee) Action taken
*include the ones given at scope time both in doc and
presentation

Supervised by

Dr Muhammad Shoaib

Signature______________

iv
1. Introduction
The Holy Quran is the most sacred book for Muslims all over the world and many people
learn it by heart. A person who learns the Holy Quran by heart is called Hafiz. During the
period of learning the Holy Quran by heart, one can face many difficulties Hafiz always
needs someone who can listen to their recitation and point out the mistakes. But, sometimes
no one is available for them to do this and there is a high probability that they won’t find out
their mistakes. To assist a Hafiz in such cases, we need an application (The Holy Quran
Listener) that can do the work as a listener and can tell if the reciter is wrong.
2. Scope
The scope of this proposed system is limited to Holy Quran Surah’s. We want to build
complete application, but it seems to be tough, because due to limited scope and time. But the
application based on this research will be able to find mistakes in the recitation of the Holy
Quran. Design methodology and software process model.[1]
3.1 Waterfall Model
In the waterfall model, firstly all the requirements are gathered. After gathering all the
requirements and analysis of all the requirements further move to the next phase that is
making the design of a project and then the implementation, testing, and maintenance phases.
As all the next phases of this model are dependent on the previous phase. All the phases
worked as a waterfall after one another. We will use this methodology. The waterfall model
is further described in the following diagram.

Figure 1 Waterfall Model Diagram

4. System overview
This system will be used by the Reciters of the Holy Quran. The scope of this system is
limited to the Holy Quran. This system will be designed in a very easy to use methodology.
The proposed system will work in two steps. Firstly, the recited voice is converted to text
word by word and then the generated text will be compared to the actual text of the Holy
Quran and will continue doing nothing if the reciter is reciting correctly or otherwise informs
the reciter about the mistake. This system will work offline. The system will include the
following modules: User module, speech to text and text to speech modules, and then admin
can control the working of the app like adding more training data etc.[2]

1
5. Architectural design
The structure of the system explains the working of the system and describes the components
of the project, their relationships, and how they interact with each other, with this
architecture. .[3]

5.1 Process flow/Representation

Figure 2 Working Algorithm

User Start the Recitation of Holy Quran then the app converts your speech into text, and then
maps the text with the original text of the Quran, and the app responds after every verse. If
you recite wrong, then the app converts original text audio and then speech out.

2
6. Design models
6.1 Use Case Diagram
In this Use case diagram, we show the behavior of our system and frequently use it to analyze
various systems. They enable you to visualize the different types of roles in a system and how
those roles interact with the system.

Figure 3 Use Case Diagram

First, any user selects Surah and Select Verse Number then click the start button and recites
the Holy Quran then the app converts your speech into text, and then maps the text with the
original text of the Quran, and the app responds after every verse. If you recite wrong, then
the app converts original text audio and then speech out. After the Recitation, App makes a
Comprehensive report of the Whole Recitation.
6.2 Sequence Diagram
This image shows how the system will work, task after task sequence-wise. It gives a
complete description of the working of our system.

3
 Figure 4 Sequence Diagram

When the User sends the voice to Microphone then converts the voice into the signal and
checks the voice properties then converts your speech into text, and then maps the text with
the original text of the Quran in Database, the app responds after every verse. If you recite
wrong, then the app converts original text audio and then speech out.
6.3 Class Diagram

Figure 5 Class Diagram

7. Data design
During the data design process, data types are specified along with the required and provided
rules for the data. Databases have been made related to the three modules of this. The Holy
Quran listener system features users. Data design is made to explain the relationship between

4
users and the application. For example, when the user wants to use the system first, he will
specify the Surah and Ayah.
8. Data dictionary
 Sequence Diagram - SD
 Class Diagram
 Entity Relationship Diagram – ERD
 Graphic User Interface -GUI
 Unified Modeling Language -UML

9. Algorithm & Implementation

 Select the Surah
 Select the Ayah for recitation
 Start recitation
 Recitation will be converted into text and compared with the actual text from the
Database
 If matched exactly, it will keep comparing the next words
 If not matched, it will speak out the correct word
 This complete process will be kept on

10. Human interface design

The system design will be simple and easy to use. Users can easily navigate to the buttons.
There will be a user-friendly GUI. Users can easily select the buttons to select verse and
Ayah. The buttons are interactive to perform their tasks.
10.1 Screen images

Figure 6 Screen image Select Surah and Verse

First, any user selects Surah and Select Verse Number then click the start button (Tap to
Speak) and recites the Holy Quran.

5
 Figure 7 Listening Screen image

10.2 Screen objects and actions

Screen objects contain the Surah selection and Ayah selection fields. In the Surah selection
field user can select the Surah from which he/she is going to recite the verses and from the
verse selection field user will select the ayah number. By tapping on Tap to speak button user
can start reciting and when the user finishes reciting, he/she will tap on the stop button to stop
the listening process.

6
References
[1] A. Dhankar, "Study of deep learning and CMU sphinx in automatic speech recognition." pp.
2296-2301.
[2] K. Cox, K. Phalp, and M. Shepperd, "Comparing use case writing guidelines." pp. 101-112.
[3] S. Tiwari, and A. Gupta, "A controlled experiment to assess the effectiveness of eight use
case templates." pp. 207-214.