1. National College of Business
Administration and
Economics Lahore
CLOTHING WEBSITE
BY
Muhammad Haris BS (CS) 2143532
Danish Rahat Khan BS (CS) 2143050
BACHELOR
IN
COMPUTER SCIENCE
May, 2018
2. NATIONAL COLLEGE OF BUSINESS
ADMINISTRATION AND ECONOMICS
CLOTHING WEBSITE
By
Muhammad Haris BS (CS) 2143532
Danish Rahat Khan BS (CS) 2143050
A dissertation submitted to
Department of Computer Science
In Partial Fulfillment of the
Requirements for the Degree of
BACHELOR
IN
COMPUTER SCIENCE
May, 2018
ii
3. In the name of ALLAH,
The Most Beneficial,
The Most Merciful,
iii
4. DECLARATION
This is certifying that this research work does not incorporate without
acknowledgment any material previously submitted for a degree or diploma in any
other university / college and that to the best of our knowledge it does not contain
any material previously published or written by another person excepted where due
reference is made in the text.
Muhammad Haris BS (CS) 2143532
Danish Rahat Khan BS (CS) 2143050
May, 2018
iv
5. DEDICATED TO
Our family, Friends, Colleagues and Teachers:
This research dedicates to all our friends, teachers, fellows and family who guided
us all over our career. Without the support of all these it was impossible to reach at
this destination. They played a vital role in nourishing our academic career all over
the bachelor degree in computer sciences.
Teachers:
I would like to thank especially the teachers who supported us all over our studies.
They encouraged us to perform and helped us in all the difficulties that we faced in
our studies. They taught us the norms and discipline and how to manage the time.
We are grateful to our teachers who inspired us to achieve our goal. We are satisfied
with all the faculty members of computer science department, as they stood united
in reaching our goals. We appreciate to all our teachers for enhancing our technical
skills, which were very important to excel in this field.
Family:
Our family played a vital role too in our educational career especially our parents
who supported us so much financially. Our father who worked hard to fulfill our
study expenses in the university and our mother who encouraged completing our
education which is very important in our life. They supported us in all the financial
matters during our studies including transport and all the accessories, which was
required in our studies. As after, our proposal accepted we had to buy a machine,
which can run visual studio 2015 properly as we had older or incompetent machine
before. We would like to thank especially our father who bought a brand new laptop
for us according to the requirement of our project. They prayed for our success in all
over our career. Without the help of our parents, it was impossible to reach at this
stage of our high-level education. We would like to thank our relatives too who
showed us the path for right field which was appropriate for us and guided us in
whole our career.
Colleagues:
Colleagues were the integral part in the success in our educational career too. They
helped us in all the study matters from the first semester until the last semester.
Whenever we faced difficulty in our work, they helped us to get out of it. They
played a key role especially in the combined studies, which made easy for us to score
good grades in the semesters and in projects. We are happy with all of our
v
6. Fellows how they dealt with us especially during the study. They helped us to
manage the studies according to the semester level. They have humungous
contribution in the completion of our studies. Thank You for all the efforts you did
for us. We are grateful for all of you.
Friends:
We are glad that our friends also supported us in our studies. We appreciate them
that they shared all the success stories with us, which helped us to get motivated in
the studies. We appreciate them that they taught in the side subjects as well as we
really used to require some help for the preparation in exams.
A special thanks to all our kith and kin.
vi
7. DISSERTATION COMPLETION CERTIFICATE
It is assured that the candidate of Final Year Project of Bachelors in Computer
Science on “CLOTHING WEBSITE” developed by Muhammad Haris
(2143532) and Danish Rahat Khan (2143050) has been approved for submission
which is supervised by me in their Bachelors in Computer Science Program.
(Mr. Wasim Ahmad Khan)
Supervisor
vii
8. ACKNOWLEDGEMENT
All praise is to Allah, the Glorious, victorious, generous and the most merciful who
gave me the ability to complete this project. We pray to our ALLAH for the
guidance and protection in our life and in our future.
Here we would like to thank some people who are very important in our whole study
tenure in this bachelor degree. Firstly, we would like to thank our Supervisor Mr.
Wasim Ahmad Khan who is a very competent teacher and he guided us all over the
project from day one. He encouraged us to work hard and to make the project more
valuable. He motivated us to complete this final task on time by making us punctual.
We learned a lot in his courses as well which made us more technically sound.
Our teacher Dr. Sagheer Abbas helped us in all the educational matters during our
studies. We are very thankful to his efforts for us that we are able to achieve this
goal. Our teacher Miss Leena Rehman and Ma’am Syeda Binish Zahra is the
competent teachers in the department. They were very humorous in our study career
in the university. They guided us in all their courses and especially worked for our
personal development and compiler construction subject which will help us in the
future too.
At last, we would like to thank All the NCBA&E officials in the Department of
Computer Sciences who showed great managerial skills to achieve our goal.
viii
9. SUMMARY
In recent Past, social platforms have increased all over the globe but no such platform
where we can online buy and check new designs of clothes and what’s trending in
the season and summer sales.
CLOTHING WEBSITE focuses on the online shopping and booking to buy clothes
that we want. There’s an ecommerce clothing website where we can check new
clothes, designs, and trend of the clothes and also can get appointment to buy from
the shop.
There are two major modules Admin and users. Admin have the ability to upload,
delete and create anything. But users have just rights of register their self by creating
account and when accounts create, user can just login and buy or book their product
items.
Users allowed to first register their self by creating an account then login and shop
that they want to buy.
This platform will allow the admin to maintain the all user’s data record to check
whether is that user registered or not.
Notification is also the feature when user register their self and buy anything and
checkout then it generates the email message to conform that your order is book and
will get reached soon.
ix
11. LIST OF FIGURES
Figure
Title Page
No.
3.3 Use Cases 8
4.7 One Year Work Plan 17
5.1 Data Flow Diagram(DFD) 18
5.2.1 State Transition Diagram(STD) 20
6.4.1 ER Diagram 27
6.4.2 Normalized Table 45
6.4.3 Physical Schema 29
xi
12. Table of Contents
DECLARATION............................................................................................................iv
DEDICATED TO............................................................................................................v
DISSERTATION COMPLETION CERTIFICATE.......................................................vii
ACKNOWLEDGEMENT ............................................................................................viii
SUMMARY ...................................................................................................................ix
LIST OF TABLES ..........................................................................................................x
LIST OF FIGURES........................................................................................................xi
CHAPTER 1 INTRODUCTION ..................................................................................1
1.1 Introduction ...............................................................................................................1
1.1.1 Purpose ............................................................................................................................. 1
1.1.2 Scope ................................................................................................................................ 1
1.1.3 Definitions, acronyms, and abbreviations .......................................................................... 1
1.2.1 Product perspective ........................................................................................................... 2
1.2.2 Product functions............................................................................................................... 2
1.2.3 User characteristics............................................................................................................ 2
1.2.4 General constraints............................................................................................................ 3
1.2.5 Assumptions and dependencies.......................................................................................... 3
CHAPTER 2 PLANNING AND REQUIREMENT ANALYSIS....................................... 4
2.1 Economical Feasibility...............................................................................................4
2.2 Operational Feasibility...............................................................................................4
2.3 Technical Feasibility..................................................................................................5
2.4 Financial Projections..................................................................................................5
2.5 Findings and Recommendations ................................................................................6
2.5.2 Marketing.......................................................................................................................... 6
2.5.3 Organizational................................................................................................................... 7
2.5.4 Financial ........................................................................................................................... 7
CHAPTER 3 SPECIFIC REQUIREMENT……………………………………………8
xii
13. 3.1 External interface requirement ...................................................................................... 8
3.1.1 User interface ................................................................................................................................ 8
3.1.2 Hardware interface ....................................................................................................................... 8
3.2 Functional Requirement ................................................................................................ 9
3.3 Use Cases ..................................................................................................................... 10
3.4 Non-functional Requirement ....................................................................................... 11
3.4.1 Performance ................................................................................................................................ 11
3.4.2 Reliability .................................................................................................................................... 11
3.4.3 Availability .................................................................................................................................. 11
3.4.4 Security ........................................................................................................................................ 11
3.4.5 Maintainability ............................................................................................................................. 12
3.5 Design constraints........................................................................................................ 12
3.6 Logical database requirements ...................................................................................... 12
3.7 Other requirements of Non-functional ......................................................................... 13
CHAPTER 4 PROPOSED WORK ............................................................................... 14
4.1 Project Profile .............................................................................................................. 14
4.1.1 Purpose ......................................................................................................................................... 14
4.2 Existing System ........................................................................................................... 15
4.3 Problems Faced By Users ............................................................................................ 15
4.4 Project Objective ......................................................................................................... 16
4.5 Stakeholders Of The System ....................................................................................... 16
4.5.2 Process 3: Performance and Feedback .................................................................................... 17
4.6 Business Concept ......................................................................................................... 18
CHAPTER 5 ANALYSIS OF MODELS ..................................................................... 20
5.1 Data Flow Diagrams (DFD) ........................................................................................ 20
5.3.1 Facebook ...................................................................................................................................... 24
5.3.3 Clothing Website …………………………………………………………………………………………………………………...... 25
xiii
15. CHAPTER 1
INTRODUCTION
1.1 INTRODUCTION
It is actually a clothing website where all the men’s can online shop according to
their choices. Our products are kurta, shairwani jamawar, shairwani velvet, pent
coat, dress shirt, turban, and tie and weist coat.
1.1.1 Purpose
The main purpose of this platform is that it will maintain the record of all the users
who registered their self once and then when next time they want to buy online they
just login and don’t need to again create another account.
1.1.2 Scope
This platform is unique about its quality and it is not yet in the market like others.
Because it is focuses on the quality and new designs only. Users will get so much
benefit from this because they can access the material from anywhere in the country
they want. It targets the quality and innovative and unique designs only.
1.1.3 Definitions, acronyms, and abbreviations
The GOOD CHOICE (clothing website) focuses on uploading and sharing of the
new designs and few percent off of sale and material regarding men’s wear. By
which the admin and users can communicate with each other when any user wants
to buy online then. It provides an authentication system where users can log in with
their individual accounts and could access their admin‟ material about the clothes,
which could be access.
1
16. 1.2 General description
1.2.1 Product perspective
As nowadays, users really need to focus on their quality of clothes. As we know
everyone wants to get their things in at their home so that’s why we made this
website for ease of our users to online buy and booked their clothes and get their
clothes according to their choice at their homes.
It also manages the security of the individual users so that their data could have in
protection.
1.2.2 Product functions
There are two account types Admin and Users. Here the users have access to
create their individual accounts and then they are able to Login by creating an
account. The main job of admin and users is to upload new designs, trends and about
sale off. However, Users can only access to buy online and book and can send
messages through email or on mobile. Each user can create account. Notifications
can send to the both Admin and Users so that they can be aware of all that they online
book their orders via email confirmation. Users are being notified if there is some
changes in their online booking. Proper record maintenance and their account secure.
1.2.3 User characteristics
1. User must have any knowledge about any social network and should be
use of it.
2. User must have an internet connection available.
3. User must create an account if he will interested to buy online.
4. User has to provide the accurate online booking order information in the
website.
5. User must Sign Up before he uses the website.
6. He must have a machine to operate.
7. He must have the English language understanding.
2
17. 8. User can be any person who wants to buy men’s cloth.
9. User should be responsible for the order that he booked.
10. User must know that he can access only the data, that admin allowed.
1.2.4 General constraints
1. Only our country users can use this website.
2. Admin and users can communicate via messages through email only.
1.2.5 Assumptions and dependencies
The Assumption is that access would provide that the user will create the account
and admin will allow him the access. Admin must give him the access if the user is
willing and he deserves. Here the user must know how works the social networks
and basic computer knowledge.
3
18. CHAPTER 2
PLANNING AND REQUIREMENT ANALYSIS
2.1 ECONOMICAL FEASIBILITY
According to it, we have to see that whether the project will give profit in the
future. It will show that the project is able to profit us in the return on investment.
Here we can only come to know the rough estimate of our project. The purpose is to
know that whether the project will fall within our target budget on return on
investment. It is very important to know if is feasible at the particular position. It is
necessary that the server we are using in our project is affordable and to ensure that
we are not using expensive server which increases the budget of our project. The
time should be according to the company or an organization under which you are
working. All the economic feasibility measured based on planning and design,
manufacture and the maintenance cost of the project.
For the development of this project, we required some web developers and front-end
designer. It is very useful if we attach a market price for our project. After the
development of this project it will provide benefit to the organization, which will
use it and it will increase their business and market to them.
2.2 OPERATIONAL FEASIBILITY
Operational feasibility actually used to measure the project effectiveness. It is
necessary to check that whether the project fulfill the need, which is require by the
clients. It ensures that the system you have proposed solves the problems, which is
very important. The main purpose of this is to come to know that whether they take
benefit from the opportunities mentioned during the scope definition. It is very
important to know that how the project will be feasible after it is developed.
It is obvious to know whether the project satisfies the requirements in the project
through the requirement analysis phase of system.
s
19. 2.3 TECHNICAL FEASIBILITY
It considers all the technical aspects of the proposed project. The technical
requirements are very important so you could see how much the company or
organization is technically sound. As we know that increase of social websites have
increased the demand of the users too and they all want fast access. Therefore, that
is why we have selected Visual Studio 2015 MVC 4 so that we could make an
effective website. As we, both worked on the ASP.NET language before but we
wanted our site more advance. As it provided data first approach, which helped us
to write Models and it created db for us automatically. We have used entity
framework as well. We have used HTML, Bootstrap, and CSS as well which is
necessary to make a great responsive design.
2.4 FINANCIAL PROJECTIONS
Table 1: Financial Projections (Clothing Web Application)
If we launch this project in the future, we should have the following resources:
Developer 40,000
Front End Designer 30,000
Data Base Designer 50,000
Tester 70,000
Server 20,000
Domain Name 3,000
IT Support Person 15,000
A team of academic credentials for questions bank 5,000
Operational/Office Expense 4,0000
5Marketing Expenses 10,0000
Total Expense 283000
Employee Pay PKR/Per Hour PKR/Per Day
Developer 409 3,666
Front End Designer 267 999
5
20. 2.5 FINDINGS AND RECOMMENDATIONS
Based on the information presented in this feasibility study, it is suggested that
Users always fail to avail the offer all the time they planned for wearing new designs.
That is why they fail to achieve their goal and not looks good according to their
personalities. Especially they are unaware of the new trends, designs, which is
uploading by the admin.
Key findings are as follows.
2.5.1 Technology
We have used this technology, which is effective and fast.
It provides a great security, which protects from any risk of hacking.
The database is more reliable and it helps to normalize the large amount of
data.
The storage management is very useful.
2.5.2 Marketing
Our project focuses on the large market at low cost.
The marketplace for GOOD CHOICE website is very effective for the
clothing purposes.
There will be some difference between our project and other social
networks.
6
21. 2.5.3 Organizational
A small scale but a competent and effective staff will be required with no
further changes in the organization.
It does not require any capital investments.
2.5.4 Financial
We will reach the position where we can capture great market shares by
making a huge impact.
Same amount of revenue produces in the third month of the operation.
7
22. CHAPTER 3
SPECIFIC REQUIREMENT
3.1 EXTERNAL INTERFACE REQUIREMENT
3.1.1 User interface
There will be two types of account for the user. Some of them as followed
Firstly, admin will be able to do posts/uploads.
The difference between admin and user account is that admin will be
able to create, delete and update anything and user will be able to create
an account and then login to buy anything.
Admin and user both will be able to communicate when any order
book online.
Admin and user both will be able to send messages to each other via
email about the order booking or details confirmation.
In the main pages of the website, you will see the latest designs.
3.1.2 Hardware interface
As this web, application will be host on the internet. It will assume that the
hardware windows server is stable and secure. Because the data will huge, this will
require a compatible server with large capacity. It will require some firewall and
settings, which will make sure that it is a secured application.
Windows server is required to host this website and SQL server is require storing
the database. This site require the huge hosting space and greater bandwidth because
multiple hits at the same time can cause the unavailability of server or can slow down
this site. The minimum ram of the hosting server must be at least 2 GB. The effective
and proper resolution to view the site is thirty hundred pixels but it can view on other
resolution also because of the responsive design.
8
23. 3.1.3 Software interface
A compatible platform to reserve table through website and must have enable java
script, enable cookies of your browser and GUI at the server's end enables creating
the user details on behalf of the client. The users must connect to the server to
authenticate their identification against the system by using the GUI at their end.
3.2 FUNCTIONAL REQUIREMENT
There is one main account of users. This account is compulsory to create. Here the
user account is associated with any institute or an organization.
It is compulsory for the users to create an individual account.
As compared to the other social networks, the users will have an easy access to
get in touch with us to buy and few percent sale off for old clients. It will become
a more meaningful platform.
Our users will have a great experience with this website. They can create an
account they require and can access from anywhere
The Server of the website is efficient otherwise, it is difficult to handle all the
network traffic and the site crashes.
Fake account are strictly prohibited in this site and if any one reports related to
fake activities then the account of reported person is blocked.
9
24. 3.3 USE CASE
is
Admin
User can
Able to
Create
Able to
Add
Able to
Update
Able to
Delete
Able to create
account
Able to
Login
Buy online
Able to
Communicate with
admin by email
Able to know
about
confirmation mail
In this diagram admin and user main modules are, because user and
10
25. Admin can interact with functional requirement as if user can create an account and
login. Admin can give access to the data, which he is willing.
3.4 NON-FUNCTIONAL REQUIREMENT
3.4.1 Performance
Performance requirements include all the response time, which is acceptable for
system functionality.
User interface will take the lowest time while loading the data about the cloths in
the form of images.
The user table will be verifying within in four to five seconds.
All the data is save and uploads quickly.
3.4.2 Reliability
In Reliability requirement, all the data of users must be save efficiently in the
database. The data of these users are secured and not being lost.
3.4.3 Availability
Availability requirement include all the guidelines for the users and the ease of
access to others. There is no complex registration of a user. User can create an
account.
3.4.4 Security
Security requirement defines all the users must confirm that they belonged to buy
online. Admin have all the authorities to give access to the users to whom they want.
Make sure there is no risk of piracy of all the data, which is upload by Admin.
11
26. 3.4.5 Maintainability
Maintainability requirement includes that the record of every user is up to date.
For any kind of inquiry about the booking order, they must contact with the admin
via messages.
3.4.6 Portability
The portability requirement is this clothing website is available on every kind of
device. It is not device specific. This website is flexible which means that it can run
on any platform whether iOS, android, windows or any other mobile device.
S3.5 DESIGN CONSTRAINTS
This is website portal where a user can create an account then login and access to
see the latest designs and buy online that an admin give access to all the users and
admin can upload and delete anything if needed:-
Home Page
About us
All Products
Login Page
Kurta
Shairwani jamawar
Shairwani velvet
Pent coat
Weist coat
Tie
Turban
Dress Shirt
3.6 LOGICAL DATABASE REQUIREMENTS
We have used local database of Visual Studio 2015 to save the data in our project.
Local database is actually the internal database in a Visual Studio, which should
12
27. Install with it. We have used IIS server, which is an internal server from which
Visual Studio let us to test with the servers .It is actually a default web server. As we
have used data, first approach using the Entity Framework. The benefit of data first
approach using the Entity Framework is that it allows us to write classes according
to our requirement. The data First API‟s make the database on the provided entity
classes. When we write the code in C#, it creates new databases and then it maps the
database with our domain classes.
3.7 OTHER REQUIREMENTS OF NON-FUNCTIONAL
The internet should be available to come to this website.
We should have efficient browser to load the website.
We must have the basic knowledge to operate.
13
28. CHAPTER 4
PROPOSED WORK
4.1 PROJECT PROFILE
The Good Choice Web Application is online shopping website which helps the
customers in their daily life. It guides the customer to select best designs from our
wide range of collections. Customers allowed to share our best designs and dresses
to their social circle. It ensures that the customers does not waste their time to go to
the market for just purchasing the new suits or dresses. This website is for the
easiness of the customer. Customers can also send some dresses as a gift to another
address.
The Good Choice web application helps Customers in different ways. The main
purpose of the application is to save time of the customer. There is no such web
application developed before in which customer did not distract from the clothing
material but this web application allow the users to focus on their dresses because
there is no another activity except the clothing.
That is why their attention does not divert and they are keener to learn about new
fashion designs.
It maximize the user experience by saving their precious time. The success of our
website depends on the use traffic in our website. We will try to attract as many users
as much we can.
4.1.1 Purpose
The main purpose of our project is to spread the knowledge about new fashion
trends to all over the world. There is no such project developed where users can use
it for their clothing purpose. Users fail to avail the time for physical shopping and
their attention diverts for another social activities .Our website will attract the users
who are focus with their dresses and want a connection with their admin regarding
their custom needs. It will
14
29. Remove the gap between them as required.
4.1.2 Scope
The Scope of this project is worldwide. It will create a great impact too. Customers
from all over the world can use it for shopping purposes. It can be used in local
market and global market. Now customers will not waste their time to wait for their
turns.
Customers can send their queries about different sizes and materials via email. We
will be available 24x7 for entertaining their queries.
4.2 EXISTING SYSTEM
Existing system is the standard system, in which the user create account and then
they are able to login and see data. Admin can give the permission to the respective
users for access. We have kept in mind the security for both the user. They have to
login and then can access to their profile. They will have the entire previous record
upload so there will be no issue.
4.3 PROBLEMS FACED BY USERS
The problem statement of our project is to make a web application that can resolve
all the issues of users in a real world. Currently the system is that the users have to
create their account and simply login. They can buy online according to their choice.
This will allow the users to focus on the Men’s wear purposes and avail all the time.
15
30. The future it can crash the website so we will try to save in the external database like
SQL server.
4.4 PROJECT OBJECTIVE
The main objective of this project is to provide a platform for the users to keep up
to date with their up to date fashion material. They can upload their questions and
query related to their dresses and admin can entertain them according to it. It will
help both of them to save their time and allow them to focus more on their new
designs of cloths material. Before this, it was impossible to work on this matters only
because other social networks provide different activities, which diverts the attention
of the users. Therefore, Clothing Website is the only web application all over the
globe, which focuses on the users and all their needs about the new men’s wear.
It also ensures the security of the data of users. It will also create an awareness for
the other organization to avail this opportunity. It ensures that the record of users
save properly in the database. Profile of the users maintained properly.
In the coming future clothing website, web application will need some
modification and updating because as more data will upload so we will require a
database server Like Microsoft SQL server so that data is save properly and the
website did not crash.
4.5 STAKEHOLDERS OF THE SYSTEM
The clothing website GOOD CHOICE Web Application deals with many
stakeholders. It is associated with many people.
16
31. The stakeholders classified as follows:
4.5.1 Process 1: Access to Sign up Form
Purpose: The Sign Up form allows a client/ user to create account and the login to
their respective account.
4.5.1.1 Activity Flow
In activity flow firstly allow users to create the account by Signing up and then
they are able to see the data and buy online that admin give access after logging in
the account.
17
32. 4.6 BUSINESS CONCEPT
There are many business concept but some of them as follow:-
We should keep in mind about the time and should know how to earn money
by saving the time.
We can add Ad sense to our website and the increases of user traffic we can
get more click so we can earn more money
18
33.
34. CHAPTER 5
ANALYSIS OF MODELS
5.1 DATA FLOW DIAGRAMS (DFD)
User Info User
Fill Registration Form Client Info
User Good
Registration Info Choice `
AdminAdmin Info
Client Info
5.1.1 Figure DATA FLOW DIAGRAMS (DFD)
A data flow diagram (DFD) shows the graphical representation of the data through
a system. It really helps to create an overview of the project, shows the main
functionality, and elaborates how the data is processed. It shows all the data
processing. In this diagram client can see all the information about the Clothing
website. We have created a data flow diagram. In this diagram client, user complete
all processes of the Clothing website.
19
35. Data Flow Diagram Level 1:
Users Sign Up
Visit Website Sign in
Add to Cart Checkout
20
Visit
Website
36. Data Flow Diagram Final:
User
Sign Up
Admin
Customer
Login
Check Order List
Able to Add
,Delete, Update
Products Change Layout
Check
out
Able to Confirm Orders Able to active status
21
37. 5.2 State-Transition Diagram (STD)
User
Website
Select
Account
Register
Admin Customer
Title
Delete Add Place Order
Image
ID
Update
Confirm
Order Total
Retrieve Checkout
5.2.1: Figure: State-Transition Diagrams (STD)
22
38. In the above diagram, the client accesses the website. After the website open the
client select the account register with the information asked in the form. After the
user fills the form whether he is a user, it is saves the data. Now the user can
whenever Login and can buy online and admin can upload images and any
information that could need according to need.
5.3.1 Facebook
In this social networking, website user also contact to Facebook and they can see
also the designs and related to any query about the dresses.
The user can follow the friends as well. The Home page includes all the
functionality. All the users can see the latest products on our website’s homepage.
User can add new products to the cart.
.5.3.2 Stack Overflow
Stack Overflow is one of the best website used for the solution in problems related
to programming.
1. This website is very simple and unique. You just create the account and post
the question and then it can reply by any user who is willing to answer.
2. It solves all kind of Programming Problem. It is very helpful for the students
as well. They can post their question and can get the answers in minutes. Every
user can answer to the post, which can be helpful for any user who visits the
website.
23
39. 5.3.3 CLOTHING WEBSITE
CLOTHING WEBSITE focuses on the online shopping and booking to buy clothes
that we want. There’s an ecommerce clothing website where we can check new
clothes, designs, and trend of the clothes and also can get appointment to buy from
the shop.
There are two major modules Admin and users. Admin have the ability to upload,
delete and create anything. But users have just rights of register their self by creating
account and when accounts create, user can just login and buy or book their product
items.
Users allowed to first register their self by creating an account then login and shop
that they want to buy.
This platform will allow the admin to maintain the all user’s data record to check
whether is that user registered or not.
Notification is also the feature when user register their self and buy anything and
checkout then it generates the email message to conform that your order is book and
will get reached soon.
24
40. CHAPTER 6
DESIGN DOCUMENT SPECIFICATION
6.1 INTRODUCTION
6.1.1 Purpose
We have worked on this project to make it valuable all over the world. The main
purpose of this web application is to spread knowledge all over the globe so that
admin and users get benefit in many ways. They can get in touch with their entire
affair about their wearing purposes. The main purpose of this platform is that it will
maintain the record of all the users who registered their self once and then when next
time they want to buy online they just login and don’t need to again create another
account.
It will only help the users and keep them in disciplined.
6.1.2 System overview
This documentation includes all the design, architecture and data flow of the
system. As it developed in, MVC 4 Visual Studio 2015 and we have used entity
framework data first approach. All the data is stored in local db.
6.1.3 Definitions, acronyms, and abbreviations
The GOOD CHOICE (clothing website) focuses on uploading and sharing of the
new designs and few percent off of sale and material regarding men’s wear. By
which the admin and users can communicate with each other when any user wants
to buy online then. It provides an authentication system where users can log in with
their individual accounts and could access their admin‟ material about the clothes,
which could be access.
25
41. 6.2 DESIGN CONSIDERATIONS
6.2.1 Assumptions
The Assumption is that the user will provide the fully access to the web application
after the creation of the account. An assumption made that the user will know all the
basic computer knowledge. He will not take too much time to understand the
functionality of the application. It will be a secured clothing website to use.
6.2.2 Constraints
1. It is only available for users and customers as it focuses on clothing material.
2. User is able to access the data that admin allows it.
3. Users can only interact with admin regarding to any query about the clothing
material.
6.2.3 System environment
Clothing Web Application is designed to provide an easier interface to the user so
that they can easily interact with it. It is providing a platform for the users for the
first time so that there should be no other interaction with different activities. We are
providing a tool, which is very efficient to operate. It provides a great experience for
the system.
6.2.4 Design methodology
During designing the Clothing Web Application, we have used the following
approach:
We have used the incremental Model. Because after completing each module we
use to test and check. If there is something more to add then we can modify it easily.
We have used this approach because it is one of most efficient approach to use. It
allows us to completing every module successfully. It helped us to
26
42. Increment after each stage of our development and requirement are add after the
each increment. It helped us to develop in chunks and to test the developed pieces
one by one. Because of this model, we managed to work in small modules. It allowed
us to work more planned and allowed us to design well. As we have a goal to make
this project more valuable, this model helped us a lot.
In Incremental model, we have used the bottom up approach. First, we have tested
the lowest component of the project.
6.2.5 Risks areas
Risk is one of the main reason because of which it become difficult to complete a
project. It creates uncertainty to do certain tasks and become a hurdle in completion
of the project. The main risks involved in our project include the loss of data. It has
a risk that if someone uploads the data on the server, data can be loss. Sometimes
the server is unavailable. Therefore, the unavailability of the server is one of the
main reasons of data loss. Insufficient resources are also one of the risks involved in
the project.
Suppose if admin uploads many images in the folder, so because of this a lot of space
is used and it create too much load on the site and because of this large capacity is
required.
We have used local database in our project but it is not worthy as other servers. If
we need a great amount of data to save, it can create trouble so in future we will use
SQL server so that we can manage large amount of data.
6.3 ARCHITECTURE
6.3.1 Overview
In overview, we have described the basic information about the project. We have
described all the main characteristics, which includes the functional and data
requirement of the web application. All the general descriptions also explained in
the document. It further includes the functional requirement, data requirement and
27
43. the constraints, the assumptions that have taken place during the designing and
development of Clothing Web Application. We have also provided the specific
requirement of our website. We have provided the detail descriptions of the
functional requirement in our project.
6.3.2 Strategy used
We have used a data first approach in the MVC 4 Visual Studio 2015.This data
first approach allows us to write models and through entity framework, it help us to
create database. First, we start writing C# classes in the db context. Whenever we
run the application data, first create a new database. Entity framework plays a key
role in managing the interaction between the model and database. It has the ability
to make database, which you require. If you want to add new properties in the model
there is data first migration, which help to update the database.
We have taken strategy from a model, which known as Incremental model. The main
reason to select this model is that it helps us to make work in pieces or chunks and
if there, any modification to done it helps us. It helps us to work in a mannered way
and we can do as much addition we want.
28
44. 6.4.1 ER diagram
6.4.1 FIGURE ER Diagram
29
Signup
1-FullName
2-Email
3-Password
4-Confirm
Password
5-Phone No.
6-Address
User
Account Type
GrandTotal
1-GrandTotalId
2-OrderNumber
3-GrandTotal
4-TotalQuantity
5-
TranscationDate
6-Status
7-UserId
Admi
n
Custome
r
Visitor
1-Visit
Website
2-Place
order
1-Order List
2-Change
Status
1-Add to
Cart
2-
Checkout
Product
Add,Del
,Update
,Retriev
e
1-Add
SubProd
ucts
2-
Products
against a
Product
46. CHAPTER 7
VALIDATION
7.1 BACKGROUND
The main purpose of this project is to provide a platform for the users to keep up
to date with their up to date fashion material. They can upload their questions and
query related to their dresses and admin can entertain them according to it. It will
help both of them to save their time and allow them to focus more on their new
designs of cloths material. Before this, it was impossible to work on this matters only
because other social networks provide different activities, which diverts the attention
of the users. Therefore, Clothing Website is the only web application all over the
globe, which focuses on the users and all their needs about the new men’s wear.
It also ensures the security of the data of users. It will also create an awareness for
the other organization to avail this opportunity. It ensures that the record of users
save properly in the database. Profile of the users maintained properly.
In the coming future clothing website, web application will need some
modification and updating because as more data will upload so we will require a
database server Like Microsoft SQL server so that data is save properly and the
website did not crash.
The Clothing web application work efficiently and all the record of the users is saved
quickly. It provides a fast access to their respective accounts. We have provided a
user-friendly interface so that every user uses it easily and consumes less time to
operate. The best thing about this website is that admin and user can interact with
each other.
In the near future, we will do different kinds of expansions, updates and
modifications into the current system. We have complete fully fledge plan to launch
this system near future as a business prospective.
In upcoming time we have plan to do the following modification in the system.
31
47. We have planned to move our system on a dedicated server hosting instead
of share hosting.
Our second priority will be to increase the hosting space so that we can
entertain more clients.
We have another plan of introducing the payment system in form of token or
connect.
32
48. There is another thing related to security, which will add to the current
system like extra security checks and encryption of data.
From the description mentioned above you can get a complete idea that we
have planned to launch this website system and to make it a useful recourse
of income.
7.2 REVIEW OF RELATED WORK
7.2.1 General Introduction:
We have researched about this report and after the investigation we came to know
about the pros and cons in the view of the person who will use the project and as a
developer too. As a user, we analyzed how the interface looks like. We focused on
the website GUI. We checked the usability how easy it is using the website and how
much it is user friendly. As developer, we come to know how to make a better user
interface which is friendly to the user. We checked the functionality of the system
how much it is efficient.
There is a social network, which is involved in our report such as Face book.
We have taken many ideas from this social network. Some of them as followed.
7.2.2 Creating account
Face book is one of the largest social network uses in the world.
1. We have tried to make a very simple interface. Whenever user creates, his
account and login he see a very eye catching interface. It looks good to the
eyes. Users can see all the data that uploaded and all the designs that admin
uploads and give access to the users. Admin have access to maintain their
user’s records or delete after a time span.
2. Stack overflow is also one of the largest using networks for Freelancing all
over the world. We have also taken the example from this site. Here is the
screen shot shown below from where the user first creates account and after
login, he can see anything that uploaded in the system.
33
49.
50. We can see in the picture below after the admin group creates on Facebook,
34
51. The user is able to write post, add any photo or image, create poll and even
can create event or add any file he want. The entire user added in the group
can notified of each post added by a single member. They can check each post
with data and time mentioned. We can personalize the group according to our
need. The user added in the group can share each post. We can any photo or
video as required. We can also see the members of the list by clicking the
Member link in the page. All the members added in the group will displayed
there.
This group helps to create a circle and can upload any post. Admin can set a
setting that whether he want this group to public or private. The posts can also
display if it is allow by the admin. User can also uncheck the Notification if
he does not want any further update. He can also unfollow the group or leave
the group without any permission of the admin.
35
52. 7.4 CORE FUNCTIONALITY
The Clothing Web Application is online website, which created for the users and
for customers to eliminate the gap between them. It focuses on clothing at
international level. It allows the admin, can upload any data according to his needs.
It will help them to save their precious time rather than going to the market
repeatedly. They will come to know about the entire announcement at one place and
at any time. It will ensure that all the users are remained discipline in their matters.
The screen shots as followed.
36
54. Homepage:
The Homepage consist of signup and Sign in buttons from where user can Sign in
and can shop a new products. Users can easily interact with our user friendly layout.
This page has a slider, discounted products and new featured products.
38
58. In this screen shot we have given our store information like Phone Number, email
and Address. Customer can easily contact us via contact us form. For customer ease
we have embed our store location.
42
59. 7.4.4 Screen Shot 4
7.4.4 Figure Dashboard
In the dashboard section we have three main activates like Adding Product, sub
products and check orders list. Admin can add many sub products against one main
product. Admin can confirm the order by using given information from customers.
43
62. Admin can see all the data list of products also see which order is mostly place again
and again means that most liked products. Admin can update, delete, retrieve and
create data.
45
63. 7.4.6 Screen Shot 6
Figure 7.4.6: Dash Board Page
Admin can check all the sub products against the main product which has been
updated on our website, admin can update or delete any product from the list.
46
64.
65. 7.4.7 Screen Shot 7
7.4.7 Figure: Post Page
In this screen shot admin can change the status from pending to active after confirm
the order from Customer via Phone call or email.
47
66. CHAPTER 8
CONCLUSION
In this dissertation, we introduced Clothing Web Application, which is a website,
and it especially developed for the users to buy online and see the latest features.
The main purpose of this website is to make the communication between the user
and the admin. They can share all their queries regarding to their needs.
After creating the account, they are able to buy online see latest designs and features.
They can be in touch with their all queries related to their need. The focus of our
project is to spread knowledge and to create awareness about the clothing material.
The security is one of the most important part of this project. We have made sure
that the account of users are secure. No one is able to add anything in the website.
Admin will have all the authority to add as well as remove anything like images in
the website. It will actually save the time of the users in many ways. They will have
all the record and can check the status of each user. Admin will able to do the latest
updates. They will not divert their attention in other entertainment activities like in
other social networks. Users will now manage their time properly for shopping.
Messaging is also one of the feature in our project via email, which is also very
important. If any user wants to contact to admin directly he can communicate
directly via contact no or email. Therefore, we have kept in mind the privacy in our
web application.
It will create a new trend in the global world.
48
68. GLOSSARY
1. MVC
Model View Controller, which is a design pattern
2. HTML
Hypertext Mark-up Language
3. CSS
Cascading Style Sheets
4. SQL
Structured Query Language
5. GB
Giga Byte
6. DB
Data Base
7. IIS
Internal Information Services
8. GUI
Graphical User Interface
9. NET
.NET is a Microsoft Integrated Development Environment
10. EF
Entity Framework is an object relational mapper
11. ER
ER means Entity Relationship diagram
12. Constraint
Constraint is the limitation or restriction
13. DFD
DFD is a data flow diagram
14. C#
C# is the programming language, which is use with the .NET Framework
15. PKR
Pakistan Rupees
50