WEB

REATOR 2017

Submitted by:

Kavan Jadeja (156670316011)

Aniket Mahida (156670316016)

INTERNAL GUIDE: HEAD OF DEPARTMENT:

Rocky Patel Rocky Patel Kirit Raval (156670316030)

0
 Web Creator |2018

Dalia Institute of diploma studies

A Project Report
On
“WEB CREATOR”
Submitted To
Gujarat Technological University
For Fulfillment Towards The Award Of Diploma
Of
“Information Technology”

2017-2018
By

Jadeja Kavan R. 156670316011

Mahida Aniket N. 156670316016
Raval Kirit M. 156670316030

1
 Web Creator |2018

CERTIFICATE
Dalia Institute of diploma studies

This to certify that the project entitled “Ethnic fusion-Be Ethnic Be Attractive”
submitted by Mr. Aniket Mahida (156670316016) , Mr. Kavan Jadeja
(156670316011) and Mr. Kirit Raval (156670316030) towards the complete
fulfilment of the requirement of the award of the DIPLOMA in
“INFORMATION TECHNOLOGY” of Gujarat Technology University is a
record of the bona-find work carried out by him/her under my guidance and
supervision during semester VI. The work submitted, in my opinion, has reached
to a level required for being accepted for the examination.

PROJECT GUIDE
Internal guide: Rocky Patel Head of Department: Rocky Patel

Sign of Internal guide Sign of Head of Department

_____________________ ______________________

2
 Web Creator |2018

Company Profile

Elvic Infotech provide quality web solutions at affordable prices. Besides website
development, we provide professional web marketing, online programming, and
multimedia presentation. Our web designers create stunning website projects for a
domestic and a growing international clientele. It starts with connecting with you, the
client, and vice versa. Elvic Infotech finds out what you want and gives a clear picture of
what it can cost you. We tell you why certain activities call for 100% advance, why a
certain service needs 50% advance, and when all the rest can be paid. But we don't take
a dime unless you are convinced that we can really deliver. And believe it or not, our
clients are happy and they pay gladly. We don't complete the site until you have approved
the home page and the theme of the website. One thing you can be sure of that we are
not cheap but affordable. Our prices match the quality of our services and set us apart
from unprofessional performers.
Headed by Mr. Nilay Desai experienced web specialist and director of operations, the
management team is a small close-knit group of experts whose main obsession is studying
businesses and corporate characteristics,applying each and every manufacturer's strength
to the internet's meridian.
Our collaboration with my true solutions, which is provide mass level of design order and
getting good satisfaction from us.
We take pride in our on time delivery and ability to meet quick turn around requests while
exceeding customer quality demands.
Customer Satisfaction continues to be of utmost importance to Elvic Infotech as do
Consistent quality, Constant innovation, Technology enhancement, Process improves
Sent and Customer orientation. We have developed our core competence and aligning
objectives at all levels so as to realize synergy in operations. It is our collaborative
approach, creative input, and emphasis on economical solutions that has allowed us to
develop an impressive and diverse client list

3
 Web Creator |2018

Project Profile
 Project Title : Web Creator

 Goal Of Project: Provide facility to make website who can’t

make website themselves.

 Developed At:- Indot Web Solutions

 Project Guide:- Mr. Apurva Damani

 Platform

 Front End: Asp.Net with c#

 Back End: SQL server

 Documentation Tool: Microsoft Office Word 2013

Microsoft Office Visio 2013

4
 Web Creator |2018

INDEX

SR.NO SUBJECT PG.NO

1. Acknowledgement 6
2. Abstract 7
3. Tools and Platform Used 8
3.1 Software Requirement 11
3.2 Hardware Requirement 12
4. System Design 13
4.1 E-R Diagram 13
4.2 Use Case Diagram 16
4.3 Data Flow Diagram 18
4.3.1 Context level Diagram 20
4.3.2 First level Diagram 21
4.3.3 Second level Diagram 22
4.4 System Flow Diagram 23
4.5 Data Dictionary 28

5. Validation Criteria 33

6. Screenshot 34

5
 Web Creator |2018

ACKNOWLEDGEMENT
We take this opportunity to express our humble thanks to all those

connected with our project entitled “Web Creator”.

We express very sincere thanks to Apurva Damani for providing us an

opportunity to work on such an interesting project, and in a congenial

environment. Their invaluable guidance has proved to be a key to our success in

overcoming challenges that we have faced during the course of the project work.

The knowledge that we have gathered , study of relevant literature for

understanding our project , planning of details and selecting the suitable software

platform by itself and acknowledgement to the industry , zeal and technical

competence of those many individuals who have contributed to it with profound

gratitude , we wish to acknowledge all of them.

With Regards

6
 Web Creator |2018

Abstract
Now-a-days, one can not imagine the world without internet. In every field
of life internet becomes an integral part of human life. Internet is a key to all the
questions. Social media has its tremendous impact over the majority population of
the world and website is the biggest platform for advertisement. Now even an
individual can become a global personality through the medium of internet.
Website is a powerful tool for the skilled/unskilled individual, business
houses or corporate houses/industries to represent themselves as well as their
products/services with supportive information and through website they can reach
to the peoples resides all over the world.
Main object of our system is to provide an opportunity to those people who
want to create their own website and expand their horizon. In our system anyone
who wants to create his own website can create his own website by just selecting
the data referred in our website and in our system, it is not necessary that one
should have a knowledge of computer, one has to just follow the procedure
prescribed and one would be surprised that only after filling some data they will
have their own website, it’s amazing…….but very true .

7
 Web Creator |2018

Tools And Platform Used

 Tools Used:

 Front End Tool: Microsoft Visual Studio 2010

 Back End Tool: Microsoft SQL Server 2008

 Platform Used:

 Operating System: Windows

ASP.NET:

 ASP.NET is a compiled , NET-based environment; you can author

applications in any .NET compatible language ,including Visual Basic .NET

,C# , and Jscript.NET. Additionally, the entire .NET Framework is available

to any ASP.NET application.

 Developers can easily access the benefits of these technologies, which

include the managed common language runtime environment, type safety,

inheritance ,and so on.

 ASP.NET stands for Active Server Pages .NET and is developed by

Microsoft. ASP.NET is used to create web pages and web technologies and

is an internal part of Microsoft’s .NET framework vision.

8
 Web Creator |2018

 ASP.NET is the next generation ASP, but it’s not an upgraded version of

ASP. ASP.NET is an entirely new technology for server-side scripting.

 “ASP.NET is a server side scripting technology that enables

scripts(embedded in web pages) to be executed by an Internet server.”

Advantages:

 You have the freedom of choosing from multiple languages(C#, VB.NET ,

C++ , etc.)

 SQL server is also very fast , secure ,and it can store extremely large

amounts of data; sactully ,there’s no limit.

SQL SERVER 2012

INTRODUCTION
The database component of Microsoft SQL Server 2012 is a Structured Query

Language (SQL)–based, scalable, relational database with integrated Extensible

Markup Language (XML) support for Internet applications. Each of the following

terms describes a fundamental part of the architecture of the SQL Server 2012

database component:

9
 Web Creator |2018

DATABASE
A database is similar to a data file in that it is a storage place for data. Like a data

file, a database does not present information directly to a user; the user runs an

application that accesses data from the database and presents it to the user in an

understandable format.

Database systems are more powerful than data files in that data is more highly

organized. In a well-designed database, there are no duplicate pieces of data that

the user or application must update at the same time. Related pieces of data are

grouped together in a single structure or record, and relationships can be defined

between these structures and records.

When working with data files, an application must be coded to work with the

specific structure of each data file. In contrast, a database contains a catalog that

applications use to determine how data is organized. Generic database applications

can use the catalog to present users with data from different databases dynamically,

without being tied to a specific data format.

A database typically has two main parts: first, the files holding the physical

database and second, the database management system (DBMS) software that

applications use to access data. The DBMS is responsible for enforcing the

database structure, including:

10
 Web Creator |2018

 Maintaining relationships between data in the database.

 Ensuring that data is stored correctly and that the rules defining data

relationships are not violated.

 Recovering all data to a point of known consistency in case of system failures.

STRUCTURED QUERY LANGUAGE

To work with data in a database, you have to use a set of commands and statements

(language) defined by the DBMS software. Several different languages can be used

with relational databases; the most common is SQL. The American National

Standards Institute (ANSI) and the International Standards Organization (ISO)

define software standards, including standards for the SQL language. SQL Server

2005 supports the Entry Level of SQL-92, the SQL standard published by ANSI

and ISO in 1992. The dialect of SQL supported by Microsoft SQL Server is called

Transact-SQL (T-SQL). T-SQL is the primary language used by Microsoft SQL

Server applications.

SOFTWARE REQUIREMENT:
TECHNOLOGY:
 Development Framework: Microsoft Framework,Asp.Net

 Database Server: SOL Server 2012

11
 Web Creator |2018

APPLICATION DESIGN STRUCTURE: THREE TIER ARCHITECTURE

TOOLS:
 Microsoft Office Word 2015

 Microsoft Office Visio 2015

HARDWARE REQUIREMENTS:

System Memory : 1 GB

Hard Disk : 40 GB

12
 Web Creator |2018

System Design
E-R Diagram
ENTITY RELATIONSHIP DIAGRAM:

*Entity Relationship Diagram do not depict flow or processing.

The should not be read the data flow diagrams or flowcharts.
* Entity Relationship Diagram depicts data at rest,data being
stored.They also don not imply how data is
implemented,created,modified,used or deleted.ERDs will be easy
to read and interpret.
There are three basic elements in E-R Diagram.

1) Entities

2) Attributes

3) Relationships

Data Entity:

*A Data Entity,which will be reffered to as entity flow now on,is

the main symbol on an ERD.

*An entity is anything,real or abstract,about which we went to

13
 Web Creator |2018

store data.

RELATIONSHIPS:

A relationship is a diamond that contains its name. It touches one relationship-

entity and optionally some attribute-entity connectors. It is linked with two entities.

SYMBOLS USED IN E-R DIAGRAMS:

entity

Relation ship

cardinality Relation
entity ships

Three Types of Cardinality Relationship:

 One to one : For one Occurrence of the first entity there can exist only
one related occurrence of the second entity and vica – versa.

 One to Many : For one Occurrence of the entity there can exist many
related Occurrence of the second entity ,it doesn’t matter which is first
or second.

14
 Web Creator |2018

 Many to Many : For one Occurrence of the first entity,there can exist
many related occurrence of the second entity,and for occurrence of the
second entity there can exist many occurrence of the first entity.
Sec_id

address
security_master
Sec_que
city_id

fname
has
rid

registration
login

fill

is a

1 1
admin 1 member

manage manage select

enter

manage
M M
template_mast M cart_id
state_id er
state select m1

1 template_car
t
temp_Name
state_name
M
has
temp_id category_mast
er

1
news marquee
M
city_id cat_id
cat_name
city has
image
city_name
1
state_id request
M sub_id for
has pro_id
product_mast
er sub_duratio
sub_amount subscription
n
M
pro_image
area cat_id
pro_name has
area_name pay_amt
pay_id

area_id
payment sub_id
city_id

15
 Web Creator |2018

Use Case Diagram:-

The requirements of a system can be captured by Use Case Diagrams. They are modeled to
capture the intended behavior of the system. Use Cases interact with human or actors that use the
system to accomplish some work. They define a set of sequence of actions that a system performs
to yield an observable result of value to an actor. An actor represents a role that a human, a
hardware device or another system plays with a system.

Use case
Actor

Use Cases are used to come to a common understanding with the systems end users and
the domain experts. They help in validating the systems architecture and its evolution process.
After a thorough understanding of the requirements of the system the use cases are modeled
following the steps mentioned below : -

 Identify the actors that interact with the system.

 Organize actors according to their roles.
 Identify the primary ways in which an actor interacts with the system elements.
 Organize these behaviors as use cases.

16
 Web Creator |2018

Web Creator

Manage Template

Manage Category

Manage Data

Log in

User
Admin
Manage Product

Template Cart

Download

17
 Web Creator |2018

Data Flow Diagram

DATA FLOW DIAGRAM (DFD’S)

Diagram is a graphical representation of the flow of data through an information

system. It differs from the system flowchart as it shows the flowchart as it shows

the flow of data through processes instead of hardware.

A data flow diagram is logical model of the system and shows the flow of the data

and the flow of logic so this all thing describe s what takes place in a proposed

system, not how the activities are accomplished.

DFD consist of a series of symbols joined together by a line. There may be a single

DFD for the entire system or it may be exploded into various levels.

1. Context Level Diagram

2. First Level DFD A Data Flow

3. Second Level DFD

18
 Web Creator |2018

Process

Entity

Data Store

Flow

19
 Download details give member details
template cart details give category
give template
template details

admin
authentication
authentication

0.0
Web Creator

20
log in
Context Level:-

template details
category details

member
member details

log in
Select template
fill template cart
Download
Web Creator |2018
 Web Creator |2018

First Level:-
First Level DFD

email_id and Password email_id and Password

admin 1.0 login
accessright authentication accessright

state detail
state,city,security
view state state_master
2.0 city detail
manage view city city_master
view state,city,security
data
email_id and Password

security detail security_master

view security
accessright

category details category details

3.0
manage category_master
view category category view category

template details
4.0 template details
manage
template template_master
view template view template

enter marquee,news,image 5.0 marquee,image,news

member
fill template template_cart
preview template cart template Details

product detail 6.0 product detail

manage product
product view product
view product

Download payment
7.0
Download Download
Downloadt details payment details

21
 Web Creator |2018

Second Level:-
Second Level DFD For Authentication

member details member details

1.1
member new
registration
member email_id and password

email_id and password

accessright

email_id and password

1.2 email_id and password
admin existing login
accessright member/ accessright
admin

password,new password
Email_id,old

new password

1.3 1.4
forget change
password password

email_id,security question,answer

get password

22
 Web Creator |2018

System Flow Diagram

SYSTEM FLOW DIAGRAM
The system flow diagram suggests the flow of the pages of our website. From

which page to which page the flow occurs.

A SFD is a graphic tool which helps in clearly specifying the steps towards a

problem solution.

The symbols used are: -

Start/Termination

Input/Output

Process

Decision

23
 Web Creator |2018

Start

home page

admin user
admin/user?

Enter Email Id and

Password no yes
new user?

C
not valid

Enter Email Id and

login Password

login
not valid

check check
username and username and
password password
valid

valid

A B

24
 Web Creator |2018

security
home state city area template subscription feedback
question

View query
D D D D D D

Reply
answer

Add data View data Delete data

Select data

25
 Web Creator |2018

change
home marquee image news menu edit profile feedback
password

ask query
E E E E edit details F

View
answer
submit

View data Update data

26
 Web Creator |2018

F C

Enter old Select

password template

Enter
Enter new menu,news,mar
password quee,image

Preview site
no If password length
is strong?

registration
yes

submit

End

27
 Web Creator |2018

Data Dictionary
Table Name: state_master
Description: Stores the information about state.

Field Field Si Constraint

Name Type ze
state_id int 4 primary
key
state_na varchar 15 not null
me

Table Name: city_master

Description: Stores the information about city.
Field Field Si Constraint
Name Type ze
city_id Int 4 Primary
key
city_nam varchar 15 not null
e
state_id Int 4 foreign
key

Table Name: area_master

Description: Stores the information about area.
Field Field Siz Constraint
Name Type e
area_id Int 4 Primary key
area_name varchar 15 not null
city_id Int 4 foreign key

28
 Web Creator |2018

Table Name: category_master

Description: Stores the information about category for website.
Field Field Si Constraint
Name Type ze
cat_id Int 4 Primary
key
cat_name varchar 15 not null

Table Name: security_master

Description: Stores the information about security.
Field Field Si Constraint
Name Type ze
sec_id int 4 primary
key
sec_questi varchar 50 not null
on

Table Name: template_master

Description: Stores the information about template details.
Field Name Field Si Constraint
Type ze
temp_id int 4 primary
key
temp_name varchar 15 not null
temp_image varchar 50 not null
temp_desc nvarchar m not null
ax
temp_image_cou int 4 not null
nt
temp_menu_coun int 4 not null
t

29
 Web Creator |2018

Table Name: registration

Description: Stores the information about user details.
Field Field Si Constraint
Name Type ze
Rid Int 4 primary
key
fname varchar 10 not null
lname varchar 10 not null
address nvarchar ma not null
x
city_id int 4 foreign
key
pincode numeric 8,0 not null
phone_no numeric 10, Null
0
mob_no numeric 12, not null
0
sec_id int 4 foreign
key
Ans varchar 15 not null

Table Name: subscription

Description: Stores the information about subscription details.
Field Name Field Si Constraint
Type ze
sub_id int 4 primary
key
sub_name varchar 10 not null
sub_amt numeric 7, not null
0
sub_duratio varchar 10 not null
n

30
 Web Creator |2018

Table Name: product

Description: Stores the information about Product details.
Field Field Size Constraint
Name Type
pro_id Int 4 primary key
cat_id Int 4 foreign key
pro_name varchar 10 not null
pro_image varchar 50 not null
pro_rate numeric 7,0 not null
pro_desc nvarchar max not null
Lid Int 4 foreign key

Table Name: login

Description: Stores the information about login details.
Field Field Si Constraint
Name Type ze
Lid int 4 primary key
Rid int 4 foreign key
email_id varchar 50 not null
password varchar 15 not null
Type varchar 10 not null
cart_id int 4 foreign key
cat_id int 4 foreign key
sub_id Int 4 foreign key
image varchar 15 not null

31
 Web Creator |2018

Table Name: payment

Description: Stores the information about payment details.
Field Field Siz Constraint
Name Type e
pay_id int 4 primary key
pay_date dateTime - not null
pay_amt numeric 7,0 not null
sub_id int 4 foreign key
Lid int 4 foreign key
temp_id int 4 foreign key

Table Name: feedback

Description: Stores the information about feedback details.
Field Field Size Constraint
Name Type
Fid int 4 primary key
query nvarchar max Null
querydate datetime 15 Null
reply nvarchar max Null
replydate datetime 15 Null
Lid int 4 foreign key
status varchar 10 Null

32
 Web Creator |2018

Validation Criteria
Validation is a set of rules that apply to the data you collect. These rules can be
many or few and enforced either strictly or in a lax manner. It really depends on
you. Here we use different types of validation to check whether user has input valid
data or not.

We use different types of validation control which is given by VB studio 2005 here
we have readymade validation server controls like Required Field Validator to
ensures that the user does not skip a form entry field Required Field Validator is
here useful when we are not allowing user to null value for particular field if user
can provide value for the text box than only user can work further.

We also use Compare Validator allows for comparisons between the user’s input
and another item using a comparison operator(equals, greater than, less than, and
so on) for example to compare user enter password and confirm password are both
match each other.

Range Validator is use to checks the user’s input based upon a lower and upper
level range of numbers and characters for example to check length of particular
field(mob no not cross 10 digit in India).

Regular Expression Validator check that user’s entry matches a pattern defined by
a regular expression. This is a good control to use to check e-mail address and
phone numbers.

Custom Validator check’s the user’s entry using custom-coded validation logic.

Validation Summary which is also use to displays all the error message from the
validators in one specific spot on the page

33
 Screen shots:-
Guest View:-
1. Home

34
 Web Creator |2018

2. Templates

3. About us

35
 Web Creator |2018

4. Contact Us

36
 Web Creator |2018

5. Log in

6. Sign up

37
 Web Creator |2018

38
 Web Creator |2018

Member View:-
1. Home

2. Templates

39
 Web Creator |2018

3. Edit Profile

40
 Web Creator |2018

4. Change Password

41
 Web Creator |2018

5. Feedback

42
 Web Creator |2018

Admin View:-
1. Home

43
 Web Creator |2018

2. State

44
 Web Creator |2018

3. City

45
 Web Creator |2018

4. Area

46
 Web Creator |2018

5. Security

47
 Web Creator |2018

6. Feedback

48