Project Thesis
Project Thesis
WELFARE SOCIETY
SUPERVISOR
Rizwana Qayyum
Department of (CSE&S)
BATCH (2017-2021
DEDICATION
We dedicate this project to Almighty ALLAH our creator, our strong pillar, our source of
inspiration, wisdom, knowledge and understanding. He has been the source of our strength
throughout this program and on his wings only we soared.
This project is dedicated to our beloved parents, brothers, sisters, and specially teachers, whose
love and guidance will always be the source of encouragement in our whole life.
i
ABSTRACT
This document is based on a website for shafi orphanage and welfare society (SOWS). A website
on a network enables the people from all over the world to get information, transfer funds, and
submit their reports from anywhere. This website will help the organization staff and the people
outside as well. In the current era websites play a vital role in any organization because the
manual work flow had taken very longtime to accomplish and accord, this is the main cause that
may reduce the time of any organization instead of manual work flow.
Launching a website is essential to improve an organization’s ability to provide information and
the source of communication to the people, who can use this information simultaneously. A
website improves how we share data through internet, by increasing our ability to give access to
more users, visitors about the events, activities of the respective organization.
ii
ACKNOWLEDGEMENTS
I would like to express my gratitude to those who helped me in the development of the respective
website, especially, ALLAH ALMIGHTY for giving me the endurance to complete this
website.
I want to pay attribute to my supervisor MADAM, Rizwana Qayyum, for her continued
encouragement, help and support throughout this project, without which this would have not
been possible. I would also like to show my deep appreciation to my supervisor who helped me
finalize this project.
Finally, I would like to pay thanks to my friends and family who supported me and offered deep
insight into the study. Thanks to all of you
iii
SARDAR BAHADUR KHAN WOMEN’S
UNIVERSITY
(SUB CAMPUS)
KHUZDAR
CERTIFICATE
This is to certify that the work presented in this project report/thesis Website for Shafi
orphanage and welfare society” is entirely written by the following student’s
themselves/himself/herself under the supervision of Miss Rizwan Qayyum
Kanwal S-K17/BSCS-01
iv
CONTENTS
DEDICATION....................................................................................................................i
ABSTRACT.......................................................................................................................ii
ACKNOWLEDGEMENTS.............................................................................................iii
INTRODUCTION.............................................................................................................1
Introduction:............................................................................................................................................1
Background:.............................................................................................................................................1
Problem statement:..................................................................................................................................3
Scope:......................................................................................................................................................3
Project Objective:....................................................................................................................................4
CHAPTER 2.......................................................................................................................5
LITERATURE REVIEW.................................................................................................5
What is Website?.....................................................................................................................................5
WordPress:...............................................................................................................................................5
What is a Plugin?.....................................................................................................................................6
Adobe Photoshop:....................................................................................................................................6
CHAPTER 3.......................................................................................................................8
METHEDOLOGY.............................................................................................................8
Methodology:...........................................................................................................................................8
Requirements Gathering:.........................................................................................................................8
Requirement Analyses:............................................................................................................................9
Requirement Validation:..........................................................................................................................9
Designing:................................................................................................................................................9
v
Software Technical Model:......................................................................................................................9
Functional Requirements:......................................................................................................................10
Plugins:..................................................................................................................................................10
Elementor:..............................................................................................................................................11
Classic Editor:........................................................................................................................................11
Contact Form7:......................................................................................................................................11
Elementskit Lite:....................................................................................................................................12
CHAPTER 4.....................................................................................................................13
IMPLEMENTATION.....................................................................................................13
Top Header:...........................................................................................................................................13
Header:...................................................................................................................................................13
Menu Bar:..............................................................................................................................................13
Slider:....................................................................................................................................................14
Quick Access:........................................................................................................................................15
About Us:...............................................................................................................................................15
Get Involved:.........................................................................................................................................16
Recent Campaigns:................................................................................................................................17
Newsletter:.............................................................................................................................................18
Bottom Footer:.......................................................................................................................................18
About Us page:......................................................................................................................................20
SOWS Mission:.....................................................................................................................................20
SOWS Vision:........................................................................................................................................20
vi
Goal of SOWS:......................................................................................................................................21
SOWS Strategy:.....................................................................................................................................21
Scope of Work:......................................................................................................................................22
Information Video:.................................................................................................................................23
Team:.....................................................................................................................................................23
Gallery:..................................................................................................................................................24
Donation:...............................................................................................................................................25
Contact Us:............................................................................................................................................25
Donate Now:..........................................................................................................................................26
CHAPTER 5.....................................................................................................................29
TESTING..........................................................................................................................29
Test Cases:.............................................................................................................................................29
About SOWS.........................................................................................................................................29
Team:.....................................................................................................................................................29
Gallery:..................................................................................................................................................29
Contact Us:............................................................................................................................................29
Testing Conclusion:...............................................................................................................................30
CHAPTER 6.....................................................................................................................31
Local Host:.............................................................................................................................................31
Index Page:............................................................................................................................................31
vii
CHAPTER 7.....................................................................................................................33
CONCLUSION................................................................................................................33
Conclusion:............................................................................................................................................33
Future-Plan:...........................................................................................................................................33
References.........................................................................................................................34
viii
CHAPTER 1 INTRODUCTION
CHAPTER 1
INTRODUCTION
Introduction:
Website is an application containing multimedia pages (text, images, sound, animation, video)
[1] One of the most important and basic method to transfer and popularize the information, is
through websites. Website is a primary user interface for net-enabled businesses, information
provision and promotional activities. In today’s era even the smallest company, organization,
school, and colleges have their own websites on their private domains. Websites have almost
significance for the sharing of information about anything you want to share. While websites
might appear cold and distant compared to traditional methods, they also offer novel and
interesting possibilities. [2]
Since time immemorial man has been feeling the need to compute, count, store and get accurate
results all the time and always. The development of electronic devices, especially the computers,
has given added impetus to these activities. Problems which could not be solved earlier due to
sheer number of computations involved can be tackled with the aid of computers accurately and
rapidly. Computer is certainly one of the most versatile and ingenious developments of the
modern technological age. Today people use computers in almost every walk of life. Computers
are no longer just, high speed arithmetic machines as they have ability to use principles of
philosophy, psychology, mathematics, and linguistics to produce output that mimic the human
mind. The sophistication in computer technology has reached the stage that it will no more be
long before it is impossible to tell whether you are talking to man or machine. Indeed, the
advancement in computers is astonishing. [3]
Background:
The title of this project is “website for shafi orphanage and welfare society”. Shafi Orphanage &
Welfare Society (SOWS) is an independent registered non-government, and nonprofit trust-
based organization at Balochistan Province. SOWS prime motto is to serve for the orphans,
capacity building and services delivery to the deprived and marginalized people of the society.
1
CHAPTER 1 INTRODUCTION
So, this web-based project gives an easy access to all employees or members of the organization
and it also helps to access the organization around the world, specially it is for all over
balochistan people and for orphans. Through this website all the users of the whole world can
access and gain information about SOWS organization.
In 2012 a group of educated, dynamic and like-minded youth working in the development sector,
got together to establish an organization, for addressing the most urgent and pressing needs of
the people of Balochistan. True to this spirit the organization named as Shafi Orphanage &
Welfare Society (SOWS).
Considering their association with the development sector, the group was cognizant of the
plethora of problems plaguing the province. Consequently, the organization’s focus was not kept
limited either in terms of geography or sector. Whilst operating in different districts of the
province, SOWS has been carrying a range of interventions in the areas of education, health and
hygiene, youth & women empowerment, emergency response & preparedness, governance, free
legal aid, human rights, etc.
The main body and office of the organization is based at Quetta Balochistan. Its inspection, shafi
orphanage and welfare society has progressed continuously through obtaining good position in
orphanage results, the outstanding performance by the honest members of the SOWS in
Balochistan. The members distribute all donations and funds among the orphans from all over
province due to which they become happy and prosper.
The type of activities undertaken by the organization range from capacity building to service
delivery, with focus remaining on the deprived and marginalized segments of the society. The
mission of this website is to restore hope and provision of basic needs and donations to orphans
and vulnerable children in Balochistan through online access from all over the world. SOWS
takes care of destitute, orphaned, and abandoned children.
“An enabling environment for the realization, respect, and protection of fundamental human
rights among youth and develop their leadership qualities to make them active contributor within
the society”. The goal of SOWS is to contribute in improving the living standard of the
vulnerable communities of Balochistan through community mobilization, capacity building,
advocacy & strengthening of institutions at the grass root level.
2
CHAPTER 1 INTRODUCTION
A sustainable strategy is devised to achieve the maximum, a need based and right based
approach initiated ascertains the problem with full community involvement and mobilizing all
indigenous and local resources. The program goals are materialized with a helping hand from
members donor agencies, and Philanthropists.
Problem statement:
In the era of 21st century electronic communication such as website is most important for the
quick access and communication. Through which any organization becomes global, people can
access the website all around the world. So, there was a problem with the SOWS organization
regarding to access the organization by internet. Now this website (website for shafi orphanage
and welfare society) contains all information about the organization as well as the problems and
needs of the concern organization. The goal of this project is to develop a website through which
the major NGOs and funding agencies working in Pakistan can donate funds by online and they
become aware about the needs of the organization’s orphans and other facilities and whoever
wants to admit any orphan in the shafi orphanage and welfare society organization they can
easily fill the admission form and submit that by the given website. If a candidate needs
admission application, so he/she just visit the website now that will be on the website, anyone
can download and submit their online admission form for the orphans. The all information about
shafi orphanage and welfare society will be declared and uploaded on this website.
Scope:
Keeping in view the experiences through which shafi orphanage and welfare society executes the
matters on manual work causes the loss of time, due to previous manual system. Delays has
noticed for the works regarding to organization. These issues are being overcome by launching
this website, and further the website creates an easy access for the authorities of the organization
to its assets. The scope of this project is gaining information about the organization to facilitate
the orphans, faculty and to provide access to the people outside the organization about shafi
orphanage and welfare society.
3
CHAPTER 1 INTRODUCTION
Project Objective:
To provide quick access to the detailed information about the shafi orphanage and welfare socie
4
CHAPTER 2 LITERATURE REVIEW
CHAPTER 2
LITERATURE REVIEW
Before starting my project, i collected necessary information and literature which helped in the
creation and implementation of Shafi orphanage and welfare society website. I studied about
different software and collected information from them for developing of the respective website.
After discussion with group members and advisors, decided to make the website by using
WordPress, Photoshop Adobe, and WordPress plugins.
What is Website?
A website is a set of one or more web pages, containing information, accessed via a web
browser. [4]
WordPress:
A WordPress website is any website that uses WordPress as its content management system
(CMS). WordPress powers both the backend of the website (the interface where a user logs in to
make changes or add new content) and the frontend (the visible part of the website that your
visitors see on the web).
5
CHAPTER 2 LITERATURE REVIEW
WordPress powers nearly a third of the world’s websites. With tools for everyone from personal
bloggers to large corporations, this powerful site builder and content management system (CMS)
aims to make it possible for anyone to create an online presence in minutes. The WordPress
platform is flexible, scalable, and always free to use. Here’s a look at some of the key features of
the world’s most popular site building software.
WordPress began in 2003 as a piece of free blogging software created by Mike Little and Mike
Mullenweg, who continues to run WordPress.org, the company that makes WordPress available
to anyone who wants to create a website or blog. In developing WordPress and making it
perpetually free, its creators hoped to “democratize publishing” by designing a site building
program that could allow anyone to have a voice and presence online. [5]
What is a Plugin?
A plugin in WordPress is a PHP script that extends or alters the core functionality of WordPress.
Plugins are files installed in WordPress to add a feature, or set of features, to WordPress. Plugins
can range in complexity from a simple social networking plugin to an extremely elaborate
ecommerce package. There is no limit to what a Plugin can do in WordPress, because of this
there is no shortage of Plugins to download. [5]
Adobe Photoshop:
Adobe photoshop is the predominant photo editing and manipulation software in the market. It
uses range from full featured editing of large batches of photos to creating intricate digital
paintings and drawings that mimic those done by hand. [6]
Adobe photoshop is the most popular program for creating and modifying images for the
websites. This is true not only because photoshop is available on a wide array of platforms
ranging from mac to windows to UNIX, but because after four generations of development,
adobe photoshop has the most intuitive user interface, the most complete set of tools, and the
largest number of reference books around. Photoshop is only one tool in a good designer’s
arsenal. Other popular tools include paint shop pro, De Babelized, or L view pro for windows
6
CHAPTER 2 LITERATURE REVIEW
and gif converter or graphics converter for Macintosh. Fractal design, Aldus HSC also put out
some excellent programs. [7]
7
CHAPTER 3 METHODOLOGY
CHAPTER 3
METHEDOLOGY
Methodology:
While creating any website there are some phases through which it is performed successfully.
First the requirements are gathered, analyzed then the designing process of the system begins.
After that coding gets started. Then the closing procedure begins that is maintenance. If any error
happens the system will repeat from designing.
1. Requirement gathering
2. Planning
3. Designing
4. Content writing
5. Testing and modification
6. Maintenance
Requirements Gathering:
Requirements gathering is the process of identifying the project’s exact goal and, requirements
from start to finish. This process occurs during the project initiation phase, but you will continue
to manage your project requirements throughout the project timeline.
Project requirement gathering can carried out the use of the following techniques and sources.
8
CHAPTER 3 METHODOLOGY
This assignment has gathered requirements with the aid of enforcing interview approach and
technical specification. Requirements have been gathered from the CEO, and different
employees of that organization (Shafi Orphanage and Welfare Society). They provided the
following requirements for creating this website.
Requirement Analyses:
Requirement analysis, also called requirement engineering, is the process of determining user
expectations for a new or modified product.
System facts
Function
Behavior
Analysis objectives:
Requirement Validation:
Correct
Consistent
Complete
Each requirement describes the matters truly
Requirements are verifiable
Requirements are traceable [8]
Designing:
The designing is one of the foremost techniques of website development. This section
impalements requirements after analyzing. Equipment for designing is given as follows:
9
CHAPTER 3 METHODOLOGY
The aim of a software program technical model is to grant education for controlling and
coordinating the duties to gain the quit product and goals as correctly as possible.
The most famous and essential SDLC models are as follows:
V Model
Incremental Model
Rad Model
Agile Model
Iterative Model
Prototype Model
Spiral Model
Functional Requirements:
Functional requirements are product features or functions that developers must implement to
enable users to accomplish their tasks. So, it’s important to make them clear both for the
development team and for the user. Functional requirements describe system behavior. The
requirements came into practical work through using the following resources.
WordPress
Adobe photoshop
Different plugins
Plugins:
WordPress plugins allow anyone to extend the functionality of WordPress. Plugins add
Elementor
10
CHAPTER 3 METHODOLOGY
Elementor:
Akismet is the most popular spam protection solution in WordPress.It’s focus is spam prevention
in comment forms, it can be incorporated into different form creator plugins, such as Contact
Forms 7. Since Akismet is bundled in with your WP download, you only need to activate the
plugin and get an API key in order to use it. While getting the API key, you will also need to
choose a payment plan. Akismet can be used for free by using the “Pay what you want” option,
provided that, you are not using it on a commercial sites or online stores. [10]
Classic Editor:
The classic editor consists of freeform text with media files embedded, the block editor encases
everything in blocks. Additionally, it has more controls for editing and formatting content. [11]
Contact Form7:
11
CHAPTER 3 METHODOLOGY
Contact Form 7 can manage multiple contact forms, plus you can customize the form. Form
supports Ajax-powered submitting, CAPTCHA, Akismet spam filtering and so on. [12]
Elementskit Lite:
ElementsKit is an ultimate all in one addons for Elementor Page Builder. It includes most
comprehensive modules, such as Header Footer Builder, Mega Menu Builder, Layout Library,
etc. It has 43+ custom widgets such as Pricing table, Team member, testimonial, Accordion, tab,
Countdown Timer etc., to create any sites with ease. It has some most unique and powerful
custom controls for Elementor, such as Image Picker, Ajax Select2, Advanced Widget and many
more.
Elements kit Elementor Addon has exclusive features that blow your mind. Like Mega Menu
Builder, Header, and Footer Builder. [13]
This is an extension or addon for Elementor page builder. It will extend the Elementor and
increase web page building experience. It has 38 useful & high-quality widgets or addon and 2
creative extenders. Which you may use for easy & fast page making and display your content far
better way. After using it, you will feel that it’s one of the best addon for Elementor. [14]
Vision needs to increase the text level. This plugin is used for increasing the text level in
website. [15]
12
CHAPTER 4 IMPLEMENTATION
CHAPTER 4
IMPLEMENTATION
Top Header:
In web page layout, top header is the higher (top) phase of the website page.
Figure 2
Header:
A website header is situated at the highest level of every web page and serves few very essential
purposes. It is the section of a regular person journey that all websites share. The layout of a
header may additionally vary from web page to site, however the core aspects that decide how a
web page navigated and skilled stay the same. This part is generally steady throughout all the
website’s pages; however, some designs provide the domestic web page a barely distinct header
look in order to draw interest to featured areas of the website. Overall, an excellent header makes
your website simpler to navigate, establishes your brand.
Figure 3
Menu Bar:
A menu bar is a thin, horizontal bar containing the labels of menus in a GUI (Graphic User
Interface). The menu bar offers the person with a location in a window to locate majority of a
program's fundamental functions. These features consist of opening and closing files, modifying
13
CHAPTER 4 IMPLEMENTATION
text, and quitting the program. Although menu bars are commonly current in most GUIs, they
may additionally rely on the running device.
Example:
In Microsoft Word, for example, the “file” menu, gives a choice to open a file, create new one,
and shop or print that one, amongst others.
Figure 4
Slider:
Sliders can be used for many exclusive functions on websites, such as pulling out positive
aspects from different pages and supplying them in a single area or as an introduction web page
of the website.
14
CHAPTER 4 IMPLEMENTATION
Figure 5
Quick Access:
Quick access toolbar (QAT) is a small, customizable toolbar that exposes a set of commands,
which specified by the application or selected by the user.
Figure 6
About Us:
About Us part contains the SOWS’s (Shafi Orphanage and Welfare Society) mission, vision,
goal, and strategy.
15
CHAPTER 4 IMPLEMENTATION
This part also contains an image and counters of different categories under the image.
Figure 7
Get Involved:
Get Involved part contains the part through which people can donate funds, money etc. And
through this part any one can join the SOWS as a volunteer and as a partner and they can view
information about the SOWS (Shafi Orphanage and Welfare Society).
16
CHAPTER 4 IMPLEMENTATION
Figure 8
Recent Campaigns:
Figure 9
17
CHAPTER 4 IMPLEMENTATION
Figure 10
Newsletter:
Here in the email section any one can ask and say something about SOWS and then click on the
subscribe button, the news will be delivered to the SOWS contact staff.
Figure 11
Bottom Footer:
Website footer is the part of content material at the very bottom of a website page. It generally
includes a copyright notice, hyperlink to a privateness policy, sitemap, logo, contact information,
social media icons, and an e-mail sign-up form. In short, a footer carries records that improves a
website’s typical usability.
18
CHAPTER 4 IMPLEMENTATION
Figure
19
CHAPTER 4 IMPLEMENTATION
About Us page:
About Us page contains the information about SOWS (Shafi Orphanage and Welfare Society). It
contains the SOWS’s introduction, goal, strategy, mission, vision, areas of focus, scope of work.
Figure 13
SOWS Mission:
Figure no 14
SOWS Vision:
20
CHAPTER 4 IMPLEMENTATION
Figure 15
Goal of SOWS:
Figure 16
SOWS Strategy:
Figure 17
21
CHAPTER 4 IMPLEMENTATION
Figure 18
Scope of Work:
Figure 19
If anyone wants to download the SOWS profile so he/she can download from here by the help of
button. This is also present in the About Us page.
22
CHAPTER 4 IMPLEMENTATION
Figure 20
Information Video:
Figure 21
Team:
Here you meet the amazing team members, or staff members of SOWS (shafi).
23
CHAPTER 4 IMPLEMENTATION
Figure 22
Gallery:
Gallery contains images of orphans, events, SOWS team images and information, volunteers,
and charity campaigns.
Figure 23
24
CHAPTER 4 IMPLEMENTATION
Donation:
Figure 24
Contact Us:
In Contact Us page you can find the location of organization, and can contact with the SOWS
organization too. You can communicate with them easily by the given form in the Contact Us
page.
25
CHAPTER 4 IMPLEMENTATION
Figure 25
You can easily get the head officer’s contact number and email address.
Figure 26
Donate Now:
In Donate Now page you can easily access their bank account numbers to transfer funds.
Here you can get the Jaz cash account number and easy-paisa account number.
26
CHAPTER 4 IMPLEMENTATION
Figure 26
27
CHAPTER 4 IMPLEMENTATION
Figure 27
28
CHAPTER 5 TESTING
CHAPTER 5
TESTING
Test Cases:
Tests have been performed throughout the implementation of the website. When any error found
so the problem found and resolved.
Check that the website is opening clearly or not, so finally the website is opening clearly and
securely.
Opened the home page and checked all the content of the home page, it is working nice.
About SOWS
The all contents in about SOWS menu page are clear and opened as developed.
Team:
Team page of the respective website and that was working properly.
Gallery:
Contact Us:
29
CHAPTER 5 TESTING
Contact Us page is working in a convenient way, all parts of the contact us form are working
properly as designed to work.
When I clicked on the (donate now button) then I got excess to the donate now page, where all
the customers or any other person from Pakistan or from any other country can donate funds for
the organization, those funds will transfer to the respective organization (Shafi Orphanage and
Welfare Society) SOWS.
Testing Conclusion:
Here it is concluded that all pages of the website primarily based utility are working correctly
and it used to be determined right and authentic.
30
CHAPTER 6 END USER MANUAL
CHAPTER 6
Local Host:
Search www.shafiorphanage.com you will be able to access the website, and the index page will be
shown on the screen.
Figure 26
Index Page:
When you enter in the website, you get an index page from where anybody can access the
information about SOWS.
31
CHAPTER 6 END USER MANUAL
Figure
32
CHAPTE 7 CONCLUSION
CHAPTER 7
CONCLUSION
Conclusion:
After completion of this website, it is concluded that, the trouble that organization was once
dealing with, that is solved via this website, due to the fact now the all works will be online and
automatic. The group of workers of SOWS can manipulate the complete organization by this
website. This website is most essential for the organization’s benefits. For instance, now every
person from somewhere of the world can transfer money for the orphans of the organization, and
absolutely everyone can admit an orphan child. People will become aware about the events,
facilities, personnel members, and about the situation of organization.
If anyone from somewhere desires to send a message then they can send the messages to the
head workplace of the SOWS organization without any difficulty. This website has overcome the
troubles of the organization. The organization is situated in Balochistan, and the crew
participants of the SOWS are nevertheless working for the development of the respective
organization.
Future-Plan:
The essential motive of a dynamic website is mechanization. A dynamic website can function
extra effectively, constructed extra correctly and is less difficult to maintain, replace and extend
in accordance to future necessaries and demands. It is a good deal less difficult to construct a
template and a database than to construct thousands or lots of individual, static HTML webpages.
We can add more features in the future, and can modify any function thing else in the website by
the help of word-press, which is easy to use and specify.
33
REFERENCES
[1] N. Brugger, "Website history and the website as an object of study," New media and society, vol. 11, pp. 115-132, 2009.
[4] D. Johnson, "What Is WordPress & What Is It Used For?," What Is WordPress & What Is It Used For?, p. 10,
september 03, 2018.
[5] J. T. O. R. Brad Williams, "Professional WordPress Plugin Development," in Professional WordPress Plugin
Development, John Wiley & Sons, 2011, 2011, p. 560 pages.
[6] k. m. k. B. B. R. Hafsa khan, "website for SBK women's university (sub campus) khuzdar," khuzdar, 2018.
[7] R.Schwartz, "adobe photoshop CC for visual communication.," in Adobe photoshop CC for visual communication.,
united states of america: peachpit press, 2016, 2016.
[8] J. C. Brian Messenlehner, , Building Web Apps with WordPress: WordPress as an Application Framework, "O'Reilly
Media, Inc.", 2014, 2014.
[9] E. Halim, M. Hebrard, H. Hartono and K. O. Halim, Exploration WordPress as E-Commerce RAD-CMS for SMEs in
Indonesia, Bandung, Indonesia: IEEE, 2020.
[11] J. Arponen, "Modernizing Website Development with the WordPress Block Editor," p. 67, 15.06.2022.
[15] B. C. &. I. Heckl, "Improving accessibility of CMS-based websites using automated methods," 30 November 2020.
[16] B. M. Jason Coleman, "Building Web Apps with WordPress: WordPress as an Application Framework," in Building
34
Web Apps with WordPress: WordPress as an Application Framework, "O'Reilly Media, Inc.", 2014, 2014, p. 462.
35