DATA DESIGN

Entity Relationship Diagram

Figure : Entity Relationship Diagram

This figure shows the logical design of the web-application it is a

conceptual or abstract design. This process also helps the developers
arrange the data into a series of logical relationships called entities and
attributes. The rectangular shapes area called entities which represents
a chunk of information and are related to another entity. Each entity
contains attribute, a component of an entity and helps define uniqueness
of the entity. In relational databases an attribute is set to a primary key
which means it is unique to another table and it serves as map to a
column. Some attributes are also set to a Foreign key, an attribute which
is set to foreign keys are used for merging two entities to share or
aggregate data.

Security

Data privacy is one of the thing that the developers paid attention
to. Security of data is an essential aspect of Information Technology for
organizations of every size. That is why, developers made use of available
technologies today in securing the data on the web-application.

 MySQL - database using PDO of PHP Data Objects which uses

prepared statements to avoid SQL Injections.
 Sessions - a way to store information (in variables) to be used
across multiple pages. Unlike a cookie, the information is not
stored on the user’s computer.

DEVELOPMENT

Software Specification

Front end

 XAMPP

XAMPP (Cross Platform, Apache, MariaDB, PHP and Perl) is a

simple, lightweight Apache distribution that makes it extremely easy
for developers to create a local web server for testing and deployment
purposes.

 Sublime text
 Sublime Text is a proprietary cross-platform source code
editor with a Python application programming interface (API). It
natively supports many programming languages and markup
languages, and functions can be added by users with plugins,
typically community-built and maintained under free-software
licenses.

 PHP

PHP (Hypertext Pre-Processor) is a widely-used, free, and efficient

alternative scripting language alternative to proprietary software like
ASP. It is a general-purpose scripting language that is especially
suited to server-side web development, in which case PHP generally
runs on a web server.

 CSS by Bootstrap

CSS (Cascading Style Sheets) is a style sheet language used for

describing the presentation of a document written in a markup
language. It describes how HTML elements are to be displayed on
screen, paper, or in other media.

 HTML (Hyper Text Mark-up Language)

HTML (Hyper Text Mark-up Language) is the standard markup

language for creating web pages and web applications.
With Cascading Style Sheets (CSS) and JavaScript it forms a triad of
cornerstone technologies for the World Wide Web.

 JavaScript

It is used to make webpages like online programs including video

games to be more interactive. Most websites employ it, and all
modern web browsers support it without the need for plug-ins.
Back end

 MySQL Database

MySQL (Structured Query Language) is a free and open-source

Relational database management system. It is a programming
query language used to access, search and retrieve data from the
database.

Hardware Specification

Hardware Specification
Processor 2.7 GHz Dual Core
Memory 4 GB DDR2 or Higher
Graphics Processing Unit 1 GB or Higher
Display 1024 x 768 Resolution
Disk Space 128 GB or Higher

Deployment Diagram

Figure: Deployment Diagram

Software Verification and Validation

 For the developers to be in the right track in building the web-
application they used the software verification and validation. The
Verification and validation (V&V) of software is the process of checking
that a software system meets specifications and that it fulfills its
intended purpose. It lowers the count of the defect in the stages of web-
application software development. It also reduces the chances of failure
in the web application.

Figure: Verification and Validation Diagram

Testing
Unit Testing

The great benefit of manual unit testing is that it helped the

developers identify the bugs and errors inside the modules. The
developers checked every code module to verify one or more modules
together with associated control data, usage procedures, and operating
procedures to determine whether they are fit for use.

Integration Testing

After the unit testing, the developers carried out and integration
testing it is the phase in software testing in which individual software
modules are combined and tested as a group. If the units working
together accordingly it will not produce any bug or error to the system.
For example, if a student logs-in in he/she is directed to his/her own
profile page and could access his/her own data only.

System Testing

System Testing is a level of the software testing where a complete

and integrated software tested and verify that it meets specified
requirements. After the code modules are tested by the developers
separately the two or more units are reassembled, and integration testing
is performed. When the complete web-application is integrated, system
testing is performed. For example, does it display the data that the user
request from the database. Is it user friendly or complicated to use. If
some error or bug occurs, the developers then again performs the three
(3) major task of testing.

Acceptance Testing

Formal testing with respect to user needs, requirements,

and processes conducted to determine whether a system satisfies the
acceptance criteria and to enable the user, other authorized entity to
determine whether to accept the system. The developers conducted a
survey, basing from the Six quality characteristics of applications and
software by ISO9126 or the international standard for the evaluation of
software, namely: functionality, reliability, usability, efficiency,
maintainability and portability.