COVERPAGE

TABLE OF CONTENT
STATEMENT OF DECLARATION ........................................................................................................... v
ABSTRACT................................................................................................................................................. vi
ACKNOWLEDGEMENT .......................................................................................................................... vii
ANALYSIS ................................................................................................................................................... 1
INTRODUCTION .................................................................................................................................... 1
PURPOSE ................................................................................................................................................. 1
BACKGROUND ...................................................................................................................................... 1
PROBLEM STATEMENT ....................................................................................................................... 2
DESCRIPTION OF EXISTING SOLUTION .......................................................................................... 2
ADVANTAGES OF THE EXISTING SOLUTION ................................................................................ 3
DISADIVANTAGES ............................................................................................................................... 3
OTHER POSSIBLE SOLUTION ............................................................................................................. 4
 Hiring a Web Designer and/or Developer to create a website or mobile application ................... 4
 Advantages .................................................................................................................................... 4
 Disadvantages ............................................................................................................................... 4
 Using other already made soft wares or other websites ................................................................ 4
 The Advantages ............................................................................................................................ 4
 Disadvantages ............................................................................................................................... 4
EVALUATION OF SUGGESTED SOLUTION ..................................................................................... 5
LTBC INOVATED WEBSITE USE CASE ............................................................................................. 5
LTBC INOVATIVE WEBSITE PROJECT OBJECTIVES ..................................................................... 5
 ADVANTAGES ........................................................................................................................... 6
DISADVANTAGES ............................................................................................................................. 6
REQUIREMENTS .................................................................................................................................... 6
 Functional Requirements .............................................................................................................. 6
 Non- Functional Requirements ..................................................................................................... 7
 Safety Requirements ................................................................................................................. 7
 Software Quality Attributes .......................................................................................................... 7
DEVELOPMENT PLATFORMS......................................................................................................... 8
HARDWARE ................................................................................................................................... 8
SOFTWARE ..................................................................................................................................... 8
HUMANWIRE ..................................................................................................................................... 8
HARDWARE, SOFTWARE AND HUMANWIRE REQUIREMENTS FOR THE SYSTEM .......... 8
DESIGN ........................................................................................................................................................ 8

II
 APPROACH (METHODOLOGY)........................................................................................................... 9
ACTIVITY PLAN .................................................................................................................................... 8
SYSTEMS FLOW CHART AND DESCRIPTION OF SOLUTION .................................................... 10
 System Architecture .................................................................................................................... 10
 Clint-Server Architecture ........................................................................................................ 10
 Static web architecture ............................................................................................................ 12
 SYSTEM ARCHITECTURE FOR STUDENT PLATFORM ................................................... 13
 SYSTEM ARCHITECTURE FOR LECTURE FLOW CHART ............................................... 14
DATABASE AND TABLES ................................................................................................................. 15
IMPLEMENTATION ...................................................................................................................................... 17
PROGRAMING CODE .......................................................................................................................... 17
DATABASE AND TABLES ................................................................................................................. 18
METHOD OF SOLUTION RELATED TO THE PROBLEM .............................................................. 19
ACCURATE METHOD OF SOLUTION .............................................................................................. 20
TESTING AND RESULT .......................................................................................................................... 20
Unit Testing ............................................................................................................................................ 20
Functionality Testing .............................................................................................................................. 20
DOCUMENTATION......................................................................................................................................... 1
TECHNICAL MANUAL ......................................................................................................................... 3
APPROACH (METHODOLOGY)........................................................................................................... 3
SYSTEMS FLOW CHART AND DESCRIPTION OF SOLUTION ...................................................... 3
 System Architecture ...................................................................................................................... 3
 SYSTEM ARCHITECTURE FOR STUDENT PLATFORM ..................................................... 4
 SYSTEM ARCHITECTURE FOR LECTURE FLOW CHART ................................................. 5
DATABASE AND TABLES ................................................................................................................... 6
IMPLEMENTATION ........................................................................................................................................ 8
PROGRAMING CODE ............................................................................................................................ 8
DATABASE AND TABLES ................................................................................................................... 9
METHOD OF SOLUTION RELATED TO THE PROBLEM .............................................................. 10
ACCURATE METHOD OF SOLUTION .............................................................................................. 10
TESTING AND RESULT .......................................................................................................................... 10
Unit Testing ............................................................................................................................................ 11
Functionality Testing .............................................................................................................................. 11
USER GUIDE ......................................................................................................................................... 13
DEVELOPMENT ................................................................................................................................... 16

III
 SYSTEM EVALUATION ...................................................................................................................... 16
REFFERENCES ......................................................................................................................................... 17

IV
 STATEMENT OF DECLARATION
In fulfilment of the requirement for the award of the Diploma in Computer studies with Education.
I hereby declare that, this project documentation submitted to Luanshya Technical Business
College represent my work, other sources of information and tools used have been acknowledged,
and that it has not been previously submitted for a Diploma in computer studies with Education at
this institution or any other institution.

V
 ABSTRACT
This documentation provides the discoveries, work of a project on the LTBC website in existence,
as of date 20 September 2021, and offers extension to handout, result, and continuous assesment
manual method of paper work, and the enhancing of the physical library system to online method,
it also extends to student business search system. In this documentation, I have outlined technical
documentation, which include (the analysis, design, implementation, testing, system evaluation,
and development) and user guide document for the project.

The documentation starts with System Analysis and System Requirements, it continues to the
project working Schedule (Activity Plan) and the Narrative of method of solution, from this it
straight proceeds into Implementation and after implementation it gets into system testing, system
evaluation and development.

KEYWORDS
 WAMP
This acronym stands for Windows, Apache, MySQL, and PHP. It is a software stack, which
means installing WAMP installs Apache, MySQL, and PHP on your operating system
(Windows in the case of WAMP).
 Website
A website is a group of web pages under a website name that is available publicly on the
internet
 Ngrok
A reverse proxy that creates a secure tunnel from a public endpoint to a locally running web
service.
 Server
A computer or system that provides resources, data, services, or programs to other computers,
known as clients, over a network.
 Web browser
Application software for accessing the World Wide Web

V
 ACKNOWLEDGEMENT
I am most grateful to Jehovah God almighty, my mother and my siblings for their unconditional
love throughout the journey, I acknowledge the people who put me in prayer, the effort of the
doctors and the nurses for my health wellbeing during the time I was sick.

Special thanks goes to all my DCSE2019 class mates, my supervisor Mr. Chishimba and all
my lectures, it has been an amazing journey around them I have come to learn a lot of things and
they helped me in knowing about a lot of things related to this topic.

Extended special thanks to Mr. Miyoba, Mr. Kapanda, Mr Makasa, and Miss. Kalaba for their
invaluable assistance in the creation of the project.

VII
 ANALYSIS
INTRODUCTION
Innovation in education encourages students and teachers to research, explore, and use all the tools
to uncover something new (vikasconcept, 2021). A college website is an online presence, which
is a cornerstone technology for delivering the content, a sales tool displaying programs offered, or
supporting a current student. Luanshya technical and business college is facing a challenge with
online presence, which is a solution to many manual and physical space methods as outlined in the
document. Hence the need to develop a website that meets up to such problems.

PURPOSE
The purpose of this project is to provide the solution for the LTBC traditional methods through a
website project with the main Objective of innovating LTBC website by developing an online
platform that provides a quick and easy way of communicating information between staff members
and its clients. It eases the tasks of the administrators, instructors of various departments, and
students. This project will also help the students to easily access information and documents
through mobile devices and enable students to find out about trades and businesses offered by
students in school.

BACKGROUND
Luanshya Technical and Business College Management Board (L.T.B.C.M.B) formerly known,
as Luanshya Trades Training Institute (L.T.T.I) is a public college, situated or located on the
Copper belt province found in Luanshya district. The college opened in 1958 to offer technical
skills to graduates.

Since 2005, the College worked hard securing many improvements for members of staff, learners,
and significantly enhanced relationships with other providers. Some of the challenges from 2005
are still pertinent to today’s strategy. The developments that have taken place which have had a
bearing on the operations of the College have been found necessary to revise the Strategic Plan to
cover the period 2018- 2022.

The project discoveries dates back to 2019. As a class room discussions with former curriculum
studies lecture who also happened to be the training manager Mrs. Kasonkomona, and very great
classmates whose names are Bwembya Justine, Kasonde Rabecca, Kaluba Noah, Mututa Erastus,
Mwape Gloria, Mwale Nancy, Sibanda Makano, Mambwe Bridget, Esiya Munyimba, Selechi
Eness, Skota Bathromeo, Sililo Prudence, Mulenga Patricia, Oscar Simwinga and Munthali

1
Geoffrey. As part of finding solutions to helping students having a great school experience through
technology, online applications were the solutions in most cases in our learning. Our classroom by
then had formed a whats app group for communicating and receiving of study materials. As more
and more of our life transacted online, expectations grew of how the college can be up to date with
trending technologies.

During the lesson of entrepreneurship, Mr. Miyoba mentioned of the goals of the management,
and marketing department of Luanshya Trades and Business College as to provide a vital point of
contact for incoming students, and enrolled students. A platform that provide students with tools
that help them easily find the information they need, therefore to my conclusion, it is very
important that the school is delivering a good user experience throughout the year for its regular
users, (those searching for school, and already enrolled students).

From observing, the covid19 pandemic crisis in schools it is inevitable that schools should provide
online services to assist learners. However, that students up to year 2021 have done no website
projects is why I took to conduct a research on how to develop a website project.

PROBLEM STATEMENT
The following are the problems at hand:

 There is a problem of advertising and communicating information about the college to clients
and reaching out to very far and nearby places.
 Difficult of students having access to study materials for research and learning
 Limited scope of innovative projects for students to attempt
 Students have difficulties finding service providers within the college
 Difficult for students to accessing results and continuous assessments as a self-evaluation tool.

DESCRIPTION OF EXISTING SOLUTION

 In the current system, the school hires a web development company to construct the website
from Content Managements System (CMS) and web creators, which is word press, and the
marketing department (Makasa 2021) does its content management.
 The school uses a physical method of notice board to provide results and continuous
assessments to students. Hence, Students have to come in person to view their result.
 The existing systems uses the manual way where the lectures prepare handouts and students
are required to print or photo copy handouts.
 No record of student project outside the Microsoft word package

2
 The college uses only the physical library method where the library opens from 08:00 hours
and closes at 21:00 hours, there is restriction to borrowing certain books more over during
the weekends the library is closed, and one person accesses a document at a given time.
ADVANTAGES OF THE EXISTING SOLUTION
 Websites built by external companies seem to be trusted
 The website meets certain aspects according to (Makasa 2021) in the following:
 It can be managed from any computer and content management is easy
 In advertising most information about the college appear on the web
 Able to provide contact information and application form download
 Students are able to access the library after class up to 21 hours making it possible for them to
study, research, and learn.
 The physical hand out method are easy to use they do not require high technology literacy for
students to acquire them.

DISADIVANTAGES
 The current website is, not up to date, has shown to be rigid to having up to innovative features,
and as some features are upgraded and later seem not to appear on the website. From a view
that the college offer technology courses a school website and innovations affects the overall
image and reputation of the school (Mosher 2021).
 The current system does not have an online platform for already enrolled students who also
need an engaging student experience with a single point of access to all information, and
content.
 The current system has promoted a conventional way of doing projects where students use the
same technologies for projects, solving the same problems, which reduces the scope of new
project ventures and school innovation.
 Manual hand out method are time-consuming, costly and creates dependency on paper work,
it is also difficult and at times impossible to access library materials such as books.
 The system fails to be flexible to respond to changing environment for example where
providing online learning services during the covid pandemic, sending results to ICT (2019)
students and relied on other websites and applications.
 The study materials are not accessible at all times
 Students find it difficult to find service providers in school and rely on outside service
providers, which is time consuming, makes students to keep delivering services and dropout
of business at the time they come in school.
 The physical library dictates when a student should access materials hence it is rigid to fit in a
student’s schedule and is more difficult to access in holidays.

3
OTHER POSSIBLE SOLUTION
 Hiring a Web Designer and/or Developer to create a website or mobile application
This is always an option a web designer will incorporate the things that addresses the things in
the problem statement while presenting all the content in a way that is aesthetically pleasing.

 Advantages
 Hiring a real professional will yield positive results, one of them being reliability. You
can fully put your trust in them because they understand the crucially of a website in
this modern age
 They can keep their prices competitive, they can deliver site with little or no wait, and
they can site to specific needs. (Rajan, 2021).

 Disadvantages
 The number one thing is that you need to outsource the work to someone else.
 Web developers can be a long-time investment and might need to maintain the
relationship for a long time.
 Choosing a right web developer is a challenge, you might realize you hired an
incompetent one when it is too late and you have already used a lot of money on them.
 There are high expenditure developing website with a web developer. The expenses can
go out of hand and they can go beyond budget because they can be unforeseen.

 Using other already made soft wares or other websites

 The Advantages
 Initially the cheaper option
 Quick to implement
 Can access reviews and advice from existing users
 There are pre-existing solutions
 Updates usually included
 Can offer you more functionality than you need
 Some have support included
 Owned by someone else, so they foot the development/upgrade costs

 Disadvantages
 Can be more expensive over time
 Can be impossible or inflexible to change
 You have no control over the features

4
  May not be supported after time
 Upgrades can cost extra
 Too many features and functions
 May have integration issues
 Might not fit your work process

EVALUATION OF SUGGESTED SOLUTION

From the limitations of the existing solution and suggested solutions, I came to conclusion that
innovating on the existing website is the best approach because it will have more features to the
existing website and will integrate solutions to other problems stated in the problem statement.

LTBC INOVATED WEBSITE USE CASE

LTBC INOVATIVE WEBSITE PROJECT OBJECTIVES

The main Objective of this project is to provide an innovative LTBC website after completion of
development and adoption the project of the LTBC website should be able to:

 Reduce the cost of printing and photo copying handouts, modules and lecture notes

5
 Make it possible for students to access library documents from anywhere and anytime through
mobile devices
 Increase the scope of innovative projects
 Create a module for students to view results
 Create a module for students to download continuous assessments from anywhere and any time
 Allow students to quickly find information for students offering services in school

 ADVANTAGES
 Extension of existing solutions

 Increase scope of innovation for student projects to attempt

 Reduce cost of printing and photocopying hand outs

 Reduce external dependency

 Help student trade

 Assist the paper work method:

 Hand outs

 Results and ca

 Notice board method

 Physical library

DISADVANTAGES
 High risk

 High level training

REQUIREMENTS
Determined what the system must do to solve the problem, achieved through Interviewing,
observing the existing solutions, study existing forms and files, and internet research the following
are the requirements;
 Functional Requirements
 The innovative LTBC website will be able to provide the following:
 Simulate a server environment on laptop or personal computer (Saeed, 2021).
 Provide website features that can be integrated to or replace the existing website,
including;

6
  Include advertising pages
 Including school contact information
 Provision for downloading application form and school portfolio
 Secure registration and profile management facilities for different users, including;
 staff login
 Student login
 Provision for student profile that allows students to do the following;
 Enter profile details
 Search other student’s profile
 Change password features
 Changes profile details
 Provide results and continuous assessment platform;
 Entry of results document and continuous assessment by staff
 Results and continuous assessment viewing and download for students
 Provision for online document store that;
 Allows document upload by staff
 Enable students to view documents with their mobile devices
 Provision for students to add contact, business type and description
 Enable students to search for student business and trades

 Non- Functional Requirements

 Safety Requirements
 Provide correct data type entries in the database to prevent crushing the system and user
devices
 Protect user privacy
 student profile details to be only be accessed by the owner of the profile
 Protect Deleting of user profiles and documents hence to be done by the backend
administrators

 Software Quality Attributes

 AVAILABILITY: Since I am hosting the project on the server, it will be available all the
time.
 CORRECTNESS: The system should generate an appropriate report about different
activities during interaction with the system.

7
  MAINTAINABILITY: The system should maintain correct output for the users.
 USABILITY: The system should satisfy the maximum number of user’s needs.

DEVELOPMENT PLATFORMS
HARDWARE
Computer running with:

 A minimum capacity disk more than 2.5 GB of free space and above to store a huge amount
of information Hard Disk space (Paul, 2017).
 At least twoGB RAM (Paul, 2017).
 WIFI connectivity

SOFTWARE
 WAMP Server.
 Missing libraries according to (serverspace 2021).
 Microsoft Visual C++ 2008 SP1 Redistributable Package (x64)
 Microsoft Visual C++ 2010 SP1 Redistributable Package (x64)
 Visual C++ Redistributable for Visual Studio 2012 Update 4
 Update for visual C++ 2013 Redistributable Package
 Visual C ++ Redistributable for Visual Studio 2015,
 Windows 10 operating system 64 bit
 Web browser
 Text editor Brackets (IDE), Sublime text editor, Note pad ++, or V.S. Code.
 Ngrok application

HUMANWIRE
 HTML, CSS, SQL, JavaScript, Bootstrap and PHP knowledge.

HARDWARE, SOFTWARE AND HUMANWIRE REQUIREMENTS FOR THE SYSTEM

 Domain name
 Webhost that provide;
 Apache websever
 MySQL
 HTML, CSS, SQL, JavaScript, Bootstrap and PHP knowledge.

DESIGN
This phase introduce the activities for meeting the objectives to innovate the current system to
satisfy specified requirements.

8
ACTIVITY PLAN
To track the progress of the project the schedule followed:

ACTIVITIES TO BE DONE FROM SEPTEMBER TO DECEMBER 2021

JAN FEB MAR APR MAY JUNE JULY AUG SEP OCT NOV DEC

ANALYSIS

DESIGN

BUILD PROTOTYPE

TESTING

INCREMENT

DOCUMENTATION

SYSTEM EVALUATION &

DEVELOPMENT
PRESENTATION

APPROACH (METHODOLOGY)
Due to late project approval on 11 September 2021 as a fast way of doing it. Theory of incremental
as the main approach and, combine it with iterative model, Kanban agile approach, and Reuse-
oriented approaches, which rely on a large base of reusable software components and an
integrating framework for the composition of these components however; most of the code will be
developed from scratch. These methodologies done as follows:

 The early increments are identified but the development of later increments depends on
progress of the project
 Different designs suggested meeting the requirements; implemented and tested the one with
the most satisfying results is incremented to the project.
 In addition, each subsequent release of the system adds function to the previous release until
all designed project features are fully functionally.

9
Image retrieved from: Incremental Model in SDLC: Use, Advantage & Disadvantage (guru99.com)

Due to the busy schedules of management, it is a challenge to gather data and feedback hence will
use prototyping method to test designs. A throw away prototype built from currently known user
needs as they are understood then we will refine it later, i try to build a prototype rather than the
final solution, A prototype is an initial version of the system used to demonstrate concepts and try
out design.

Image retrieved from: Evolutionary prototyping model (Adapted from [11] ) | Download Scientific
Diagram (researchgate.net)

SYSTEMS FLOW CHART AND DESCRIPTION OF SOLUTION

 System Architecture
 Client-Server Architecture

10
The clients represent the mobile devices that users will use to access the documents from the server
with web browsers by entering domain name. The server host website made up of HTML, CSS,
bootstrap, java script, j query, and PHP documents that will interact apache sever and SQL
database on webhost.

11
 Static web architecture

12
 SYSTEM ARCHITECTURE FOR STUDENT PLATFORM

This is the flow of tasks and operations performed by login as student

13
 SYSTEM ARCHITECTURE FOR LECTURE FLOW CHART

The process, tasks, and procedures for login as staff

14
DATABASE AND TABLES
The system will have the following two databases namely ltbc and studentinfosystem.

In the ltbc database, the following are the tables:

 Book table to hold information on documents uploaded named as books table

 Result and CA table named as r_c

15
The studentinfosystem database to have the following tables

 students table

16
 IMPLEMENTATION
Implementation is a process of ensuring that the information system is operational. Implementation
allows the users to take over its operation for use and evaluation. It involves training the users to
handle the system and plan for a smooth conversion.

PROGRAMING CODE
 For creating prototype projects
 Computer should have windows7 and above operating system running then:
 Install all the missing libraries on the laptop
 Install the WAMP server
 Start the WAMP server
 Open web browser and enter URL localhost/ and enter the php my adimin for creating
database and tables
 Open www WAMP sever folder and copy the source programing code files or create all
the files
 Open the text editor for writing and editing code for the files
 Test the prototype project by running the WAMP server, open the web browser, enter the
URL, and test the project.
 Use the ngrok to create a local tunnel to access the website from other devices to local host
website
 Obtain a domain name
 Obtain web host
 Upload the source files and edit the database and tables to the host sit

All documents in folder LTBC folder, contain the following folders and files:

 book store folder

 contains files for uploading and downloading file documents represented as document store
 files folder
 contains documents files
 application forms
 portfolio
 images folder
 contains images for ltbc

17
 j query folder
 script j query file
 Lecture login folder
 Contains the staff login and actives codes files
 LTBC folder
 Contains all fills before login system
 Student profile system folder
 Contains files for all student activities after login
 Style folder
 Contains files that present styling to all files
 Videos folder
 Contains video files

DATABASE AND TABLES

The system will have the following two databases namely ltbc and studentinfosystem.

In the ltbc database, the following are the tables:

 Book table to hold information on documents uploaded named as books table

 Result and CA table named as r_c

18
The studentinfosystem database to have the following tables

 students table

METHOD OF SOLUTION RELATED TO THE PROBLEM

Software and hardware installations.

 Step one – connect mobile device to internet

 Step two − Launch web browser.
 Step three − in (Address bar/Location,).
 Step three-type in domain name and enter

19
ACCURATE METHOD OF SOLUTION
An implementation methodology that reduces failure in the system is important hence pilot
implementation. Changing over from old to new system in which the new system completely used
at a selected part of the institution called the pilot site as a way of testing until the new system
provides to be useful then spread to the entire institution before the entire system done away with.

TESTING AND RESULT

The reason behind testing was to find errors. Every program or software has errors in it, against
the common view that there are no errors in it if the program or software is working. Executing
the programs with the intention of finding the errors in it is therefore testing; hence, a successful
test is one, which finds errors.

Web testing is a software testing practice to test websites or web applications for potential
bugs. It is a complete testing of web-based applications before making it live. A web-based system
needs checked completely from end-to-end before it goes live for end users. The UI design and
functionality are the captains of website testing.

Unit Testing
Unit testing was done after the coding phase. The purpose of the unit testing was to locate errors
in the current module, independent of the other modules. Some changes in the coding done during
the testing phase. Finally, all the modules individually tested following bottom to top approach,
starting with the smallest and lowest modules and then testing one at a time. The results meet were
very satisfying in meeting the functionality requirements. Other test on the project are as follows:

Functionality Testing
Test for – all the links in web pages, database connection, forms used for submitting or getting
information from the user in the web pages.
For testing, the project can use the ngrok application and website (Kalaba, 2021).

 Check out all the links:

o Test the outgoing links from all the pages to the specific domain under test.
o Test to see if there are any orphan pages.
o Finally, link checking includes, check for broken links in all the above-mentioned links.
 Database Testing
Data consistency is very important in web application. Check for data integrity and errors while
you edit, delete, modify the forms.

20
 Test forms on all pages:
Forms are an integral part of any website hence the following tests:
o First, check all the validations on each field.
o Check for default values in the fields.
o Wrong inputs in the forms to the fields in the forms.
o Options to create forms view or modify the forms.
 Usability Testing
Web site should be easy to use. Instructions provided clearly. Check if the provided
instructions are correct meaning whether they satisfy the purpose.
o Test for Navigation
 Navigation means how the user surfs the web pages, different controls like
buttons, boxes or how user uses the links on the pages to surf different pages.
 Main menu provided on each page. It should be consistent.
 Content Checking
o Content should be logical and easy to understand.
 Compatibility Testing
o Compatibility of your web site is very important testing aspect.
o Browser compatibility
o Mobile browsing

21
 DOCUMENTATION
Software documentation written text or illustration, or embedded in the source code. The
documentation both explains how the software operates or how to use it, and may mean different
things to people in different roles.

1
Contents
DOCUMENTATION......................................................................................................................................... 1
TECHNICAL MANUAL ......................................................................................................................... 3
APPROACH (METHODOLOGY)........................................................................................................... 3
SYSTEMS FLOW CHART AND DESCRIPTION OF SOLUTION ...................................................... 3
 System Architecture ...................................................................................................................... 3
 SYSTEM ARCHITECTURE FOR STUDENT PLATFORM ..................................................... 4
 SYSTEM ARCHITECTURE FOR LECTURE FLOW CHART ................................................. 5
DATABASE AND TABLES ................................................................................................................... 6
IMPLEMENTATION ........................................................................................................................................ 8
PROGRAMING CODE ............................................................................................................................ 8
DATABASE AND TABLES ................................................................................................................... 9
METHOD OF SOLUTION RELATED TO THE PROBLEM .............................................................. 10
ACCURATE METHOD OF SOLUTION .............................................................................................. 10
TESTING AND RESULT .......................................................................................................................... 10
Unit Testing ............................................................................................................................................ 11
Functionality Testing .............................................................................................................................. 11
USER GUIDE ......................................................................................................................................... 13

2
TECHNICAL MANUAL
APPROACH (METHODOLOGY)

Image retrieved from: Incremental Model in SDLC: Use, Advantage & Disadvantage (guru99.com)

Image retrieved from: Evolutionary prototyping model (Adapted from [11] ) | Download Scientific
Diagram (researchgate.net)

SYSTEMS FLOW CHART AND DESCRIPTION OF SOLUTION

 System Architecture
 Client-Server Architecture

3
The clients represent the mobile devices that users will use to access the documents from the server
with web browsers by entering domain name. The server host website made up of HTML, CSS,
bootstrap, java script, j query, and PHP documents that will interact apache sever and SQL
database on webhost.

2
 Static web architecture

3
 SYSTEM ARCHITECTURE FOR STUDENT PLATFORM

This is the flow of tasks and operations performed by login as student

4
 SYSTEM ARCHITECTURE FOR LECTURE FLOW CHART

The process, tasks, and procedures for login as staff

5
DATABASE AND TABLES
The system will have the following two databases namely ltbc and studentinfosystem.

In the ltbc database, the following are the tables:

 Book table to hold information on documents uploaded named as books table

 Result and CA table named as r_c

6
The studentinfosystem database to have the following tables

 students table

7
 IMPLEMENTATION
PROGRAMING CODE
 For creating prototype projects
 Computer should have windows7 and above operating system running then:
 Install all the missing libraries on the laptop
 Install the WAMP server
 Start the WAMP server
 Open web browser and enter URL localhost/ and enter the php my adimin for creating
database and tables
 Open www WAMP sever folder and copy the source programing code files or create all
the files
 Open the text editor for writing and editing code for the files
 Test the prototype project by running the WAMP server, open the web browser, enter the
URL, and test the project.
 Use the ngrok to create a local tunnel to access the website from other devices to local host
website
 Obtain a domain name
 Obtain web host
 Upload the source files and edit the database and tables to the host sit

All documents in folder LTBC folder contain the following folders and files:

 book store folder

 contains files for uploading and downloading file documents represented as document store
 files folder
 contains documents files
 application forms
 portfolio
 images folder
 contains images for ltbc
 j query folder
 script j query file
 Lecture login folder
 Contains the staff login and actives codes files
8
 LTBC folder
 Contains all fills before login system
 Student profile system folder
 Contains files for all student activities after login
 Style folder
 Contains files that present styling to all files
 Videos folder
 Contains video files

DATABASE AND TABLES

The system will have the following two databases namely ltbc and studentinfosystem.

In the ltbc database, the following are the tables:

 Book table to hold information on documents uploaded named as books table

 Result and CA table named as r_c

9
The studentinfosystem database to have the following tables

 students table

METHOD OF SOLUTION RELATED TO THE PROBLEM

Software and hardware installations.

 Step one – connect mobile device to internet

 Step two − Launch web browser.
 Step three − in (Address bar/Location,).
 Step three-type in domain name and enter

ACCURATE METHOD OF SOLUTION

An implementation methodology that reduces failure in the system is important hence pilot
implementation. Changing over from old to new system in which the new system completely used
at a selected part of the institution called the pilot site as a way of testing until the new system
provides to be useful then spread to the entire institution before the entire system done away with.

TESTING AND RESULT

The reason behind testing was to find errors. Every program or software has errors in it, against
the common view that there are no errors in it if the program or software is working. Executing
the programs with the intention of finding the errors in it is therefore testing; hence, a successful
test is one, which finds errors.

10
 Web testing is a software testing practice to test websites or web applications for potential
bugs. It is a complete testing of web-based applications before making it live. A web-based system
needs checked completely from end-to-end before it goes live for end users. The UI design and
functionality are the captains of website testing.

Unit Testing
Unit testing was done after the coding phase. The purpose of the unit testing was to locate errors
in the current module, independent of the other modules. Some changes in the coding done during
the testing phase. Finally, all the modules individually tested following bottom to top approach,
starting with the smallest and lowest modules and then testing one at a time. The results meet were
very satisfying in meeting the functionality requirements. Other test on the project are as follows:

Functionality Testing
Test for – all the links in web pages, database connection, forms used for submitting or getting
information from the user in the web pages.
For testing, the project can use the ngrok application and website (Kalaba, 2021).

 Check out all the links:

o Test the outgoing links from all the pages to the specific domain under test.
o Test to see if there are any orphan pages.
o Finally, link checking includes, check for broken links in all the above-mentioned links.
 Database Testing
Data consistency is very important in web application. Check for data integrity and errors while
you edit, delete, modify the forms.
 Test forms on all pages:
Forms are an integral part of any website hence the following tests:
o First, check all the validations on each field.
o Check for default values in the fields.
o Wrong inputs in the forms to the fields in the forms.
o Options to create forms view or modify the forms.
 Usability Testing
Web site should be easy to use. Instructions provided clearly. Check if the provided
instructions are correct meaning whether they satisfy the purpose.
o Test for Navigation

11
  Navigation means how the user surfs the web pages, different controls like
buttons, boxes or how user uses the links on the pages to surf different pages.
 Main menu provided on each page. It should be consistent.
 Content Checking
o Content should be logical and easy to understand.
 Compatibility Testing
o Compatibility of your web site is very important testing aspect.
o Browser compatibility
o Mobile browsing

12
USER GUIDE
 To access the website:
 Open the web browser and enter the URL to the website
 To delete uploaded files and accounts contact the backend developers
 To open different content click on the links

 A on click takes user to home page

 B on click or hover drops down
 MISSION AND VISION
 BOARD MEMBERS
 MANAGEMENT
 C on click or hover drops down
 FULL TIME
 DISTANCE LEARNING
 SHORT INTENSIVE
 D on click take user to department page
 E on click opens application page where students can download application forms
 F on click takes user to contact page where they can find email address, telephone number and
face book page
 G takes user to announcement page
 H takes user to driving school page
 I takes user to login page

13
 K on click returns user to home page
 L on click takes user to staff login page
 M takes user to student registration and login

 N returns user to home page

 O staff user name entry
 P password entry
 Q submit staff entry information

14
 R for new student registration

 S student personal profile details

 T to change profile details and business and trade registration
 U to go to document store and get documents
 V to update user password
 W to get result and CA documents
 X to search for student services and trades
 Y to log out of the profile

15
 SYSTEM DEVELOPMENT AND EVALUATION
DEVELOPMENT
We are in a time of unprecedented change. As a result, what may have helped an organization be
successful in the past could potentially be the cause of their failure in the future. Colleges need to
adapt and evolve to meet the ever-changing needs of their constituents (Shapiro). I think innovation
should have no limitations to how far it can go hence there is enough room for improvement, more
features can be integrated to the system some notable mentions are online payments for school,
online learning platform, news stories, Showcasing the Work of Students, Events and Calendar,
Social networks, hostel management, library management, and accounts management.

SYSTEM EVALUATION
When reflecting on the all process of developing the system there were great celebrations as well
as challenges I have much appreciation for all the individuals who played a role in the process.
However, I think it is important that such project done at the college because if we do not do such
projects now it will be difficult to catch up with the latest technology, which will create
dependency on external platforms.

16
 REFFERENCES
Vikasconcept. 2021. The Importance of Innovation in Education. Retrieved from:
https://vikasconcept.com/the-importance-of-innovation-in-education-2/

Mosher, B. 2021. Why Every College and University Needs a Modern Student Portal. Retrieved
from: https://www.ingeniux.com/blog/why-every-college-and-university-needs-a-modern-
student-portal

Tagicon. 2021. How to Install WAMP Server on Windows PC. Retreived from: How to Install
WAMP Server on Windows PC – Tagicon

William, B. 2020. INSTALLING AND CONFIGURING THE WAMP SERVER. Retrieved

from: https://serverspace.io/support/help/installing-and-configuring-the-wamp-server/

Saeed, R. 2021. How to install WordPress on WAMP Server [A Step-by-Step Guide]. Retrieved
from: https://www.creativeon.com/blog/wordpress/how-to-install-wordpress-on-wamp/

Hostingadvice. 2021. Retrieved from: https://www.hostingadvice.com/best/php-hosting/

Fasulo, J. 2021. 7 Best (Most Reliable) PHP MySQL Hosting Services in 2021. Retrieved from:
https://www.websiteplanet.com/blog/best-php-mysql-web-
hosting/#:~:text=%207%20Best%20%28Most%20Reliable%29%20PHP%20MySQL%20Hostin
g,Hostinger%20is%20the%20one%20of%20the...%20More%20

Lederstatter, M. 2021. Best MySQL Hosting 2021. Retrieved from: https://www.buy-

hosting.net/best-mysql-hosting.html

Paul. 2017. How to Install and Setup a WAMPServer on Windows 10. Retrieved from:
https://www.smartspate.com/install-setup-wampserver-windows-10/

Soni, S. 2020. How to Upload a File in PHP. Retrieved from:

https://code.tutsplus.com/tutorials/how-to-upload-a-file-in-php-with-example--cms-31763

Gavin. 2019. The Importance of a College Website in Today’s World. Retrieved from:
https://codegeekz.com/the-importance-of-a-college-website-in-todays-world/

W3Schools. 2021. PHP Filesystem Functions. Retrieved from: PHP Filesystem Functions
(w3schools.com)

17
Ingeniux. 2021. Why Every College and University Needs a Modern Student Portal. Retrieved
from: https://www.ingeniux.com/blog/why-every-college-and-university-needs-a-modern-
student-portal

Oysterdesign. 2021. ARE YOU PLANNING YOUR NEW SCHOOL WEBSITE? Retrieved
from: https://oysterdesign.co.uk/blog/our-top-ten-features-your-new-school-website

Prothero, D. 2019. How to use ngrok with Windows and Visual Studio to test webhooks.
Retrieved from: https://www.twilio.com/docs/usage/tutorials/how-use-ngrok-windows-and-
visual-studio-test-webhooks

Praveen, K. 2011. Website Testing Techniques. Retrieved from:

https://www.codeproject.com/Articles/291343/Website-Testing-Techniques

Krazytech. 2021. Software Requirements Specification Report for a Project. Retrieved from:
https://krazytech.com/projects/software-requirements-specification-report/amp

W3schools. 2021. HTML Tutorial. Retrieved from: https://www.w3schools.com/html/

W3schools. 2021. CSS Tutorial. Retrieved from: https://www.w3schools.com/css/default.asp

W3schools. 2021. JAVA SCRIPT Tutorial. Retrieved from:

https://www.w3schools.com/js/default.asp

W3schools. 2021. HTML Tutorial. Retrieved from: https://www.w3schools.com/html/

Sololearn. 2021. The best way to learn to code. Retrieved from:

https://www.sololearn.com/home

W3schools. 2021. SQL Tutorial. Retrieved from: https://www.w3schools.com/sql/default.asp

W3schools. 2021. PHP Tutorial. Retrieved from: https://www.w3schools.com/php/default.asp

W3schools. 2021. Bootstrap Tutorial. Retrieved from:

https://www.w3schools.com/bootstrap/bootstrap_ver.asp

W3schools. 2021. Jquery Tutorial. Retrieved from:

https://www.w3schools.com/jquery/default.asp

Codecademy. 2021. Get access to courses in Python, JavaScript, HTML, and more. Retrieved
from: https://www.codecademy.com/

18
Codelearn. 2021. LEARN TO CODE: FROM ZERO TO HERO. Retrieved from:
https://codelearn.io/

Vikasconcept. 2021. The Importance of Innovation in Education. Retrieved from:

https://vikasconcept.com/the-importance-of-innovation-in-education-2/

Atte, I. 2021. 60+ Innovation Quotes and What They Can Teach You. Retrieved from:
https://www.viima.com/blog/innovation-quotes

Planetofsuccess. 2019. 103 Fascinating Science Quotes That Will Make You Curious. Retieved
from: http://www.planetofsuccess.com/blog/2019/science-quotes/

Praceeda, N. 2016. Pros and cons of hiring professional web developer. Retieved from:
https://www.growthbusiness.co.uk/pros-and-cons-of-hiring-professional-web-developer-
2514606/

Erin, Q. 2016. THE COMPLETE ADVANTAGES AND DISADVANTAGES OF OFF THE

SHELF SOFTWARE. Retrieved from: https://itenterprise.co.uk/off-the-shelf-software-pros-
cons/

Artūras, B. 2021. What is WAMP (Beginners Friendly Guide)? Retrieved from:

https://www.hostinger.com/tutorials/what-is-wamp

Martin, M. 2021. Incremental Model in SDLC: Use, Advantage & Disadvantage. Retrieved
from: Incremental Model in SDLC: Use, Advantage & Disadvantage (guru99.com)

Shaharin, S. 2021. Evolutionary prototyping mode. Retrieved from: Evolutionary prototyping

model (Adapted from [11] ) | Download Scientific Diagram (researchgate.net)

19