A

Practical Training Seminar Report

On
Class WEST a Website Designing Company

Submitted to : Gaurav Gupta

Rajasthan Technical University, Kota

In partial fulfilment
For the award of the Degree of
Bachelor of Technology

Submitted to: Submitted By:

Gunjun Tulsiani
15EEMIT010
Gaurav Gupta Divisha Khandelwal
Assistant Professor 15EEMIT006
Fraheen Khan
15EENIT009

Department of Computer Engineering

Government Women Engineering College, Ajmer

Rajasthan Technical University, Kota

1
October 2018

2
 Candidate’s Declaration

I hereby declare that the work, which is being presented in the Practical Training Seminar report,
entitled “Class WEST a Website Designing Company” in partial fulfilment for the award
of Degree of “Bachelor of Technology” in Computer Engineering and submitted to the
Department of Computer Engineering, Govt. Women Engineering College, Ajmer Rajasthan
Technical University,Kota is a record of my own investigations/training .
I have not submitted the matter presented in this report anywhere for the award of any other Degree.

Gunjun Tulsiani
15EEMIT010

Divisha Khandelwal
15EEMIT006

Fraheen Khan
15EENIT009

Govt. Women Engineering College, Ajmer

Counter Signed by
Gaurav Gupta
Assistant professor

3
 Acknowledgement

Doing a task in better manner is never a one man’s effort. It is often the result of the
invaluable contribution of number of individuals in a direct or indirect manner.

We would also extend my gratitude to all our faculty members and my friends for their
support and cooperation, which help us to carry out this final report. We also thank them
for their enthusiasm, wide support, co-operation and valuable advice they gave us in
order to go ahead with the project successfully.

Divisha Khandelwal
Gunjun Tulsiani
Farheen Khan
B.tech IV Year
(ITE)

4
 ABSTRACT

It is a responsive website of rrse-w. Responsive design is an approach to

web page creation that make use of flexible layouts, images and css media
queries. The goal of responsive is to build web page that detect the visitor’s
screen size and orientation and change the layout accordingly. In this, some
back-end is also done. It contain a search bar in which whatever we search
will gives the output accordingly.

5
 CONTENTS

Certificate ..................................................................................................................................1

Acknowledgement......................................................................................................................3

Abstract.......................................................................................................................................4

Chapter 1: Need of Website….............................................................................6

1.1 HTML …..............................................................................................................................6

1.2 CSS…………………………………………………………………………………………7

1.3 JAVA SCRIPT………………………………………………………………………..……

1.4 SECURITY………………………………………………………………………..……

1.5 Objectives………………………………………………………………………………….7

Chapter 2: Technology Overview ………...................................................................................9

2.1.1 Front-end development.......................................................................................................9

2.1.1.1 HTML………………………………………………………………………………….9

2.1.1.2 CSS……………………………………………………………………………………10

2.1.1.3 Bootstrap………………………………………………………………………………11

2.1.1.4 Java script………………………………………………………………………………11

2.1.2 Back-end development………………………………………………………………….12

2.1.2.1 PHP……………………………………………………………………………………12

Chapter 3: Web development Scope and Future………………………………………………15

3.1 Career Opportunity………………………………………………………………………..16

3.2 Scope for Application development……………………………………………………….17

Chapter 4: Software Qualities Attributes……………………………………………………...19

6
Chapter 5: Project View…………………………………………………………………….....21

Conclusions (Future Scope)…………………………………………………………………..........24.

References ..................................................................................................................................25
CHAPTER-1

INTRODUCTION

1.1 NEED OF WEBSITE

1.YOUR BUSINESS WILL GAIN CREDIBILITY
More and more people are searching online for things they want, for solutions to their
problems, to compare prices, or just to get some information about a store, restaurant or
business before they purchase from them. If you don’t have a website, potential
customers will go to your competitors who do, especially if you are a home-based
business without a bricks-and-mortar address.Having a website will not only provide the
information they are looking for, but it will give your business credibility. It says, I am
here, I mean business, and I am in it for the long haul.

2.IT SAVES YOU MONEY IN THE LONG TERM

As a small business owner, especially one that is just starting out, you’re probably
thinking you can’t afford a professional website. But you really can’t afford NOT to.
Although the cost of designing a website varies depending on your needs and your skill
level, once it’s up and running, a professional website is worth the initial investment,
especially if built using WordPress, which enables you to add and change your own
content regularly, saving you money in updates.Compared with the cost of traditional
means of advertising, such as newspaper ads, radio commercials, promotional
materials and even networking events that often include the cost of a meal or trade
tables, when you consider the potential market you can reach with a website, it is a very
cost effective way to promote your business long term.

3. CUSTOMERS CAN BE KEPT INFORMED

In its most basic form, think of a website as being an online brochure or catalogue that
can be updated at any time. It is much easier and quicker to update information about
your products and services on your website than it is in a print brochure or catalogue.A
website is an effective way of introducing your customers to new services, letting them
know about new products, announcing upcoming events and special promotions. You
can also provide added value by posting tips, resources and other information through a
blog on your website. Unlike print ads, newspaper articles and flyers, which quickly

7
become outdated, your website can provide current information and news. And if you
discover a mistake after you publish a page or post, it is a quick fix.

4. A WEBSITE IS ALWAYS ACCESSIBLE

Unlike you bricks-and-mortar location, which is only open a few hours a day, a website
is open 24 hours a day, 365 days a year. You can provide both regular and prospective
customers the convenience of reviewing your products and services when your store or
office is closed.Not only that, with so many interactive features and add-ons available,
visitors to your website can contact you, sign up for your courses, schedule
appointments and even purchase directly through your website even when when you’re
away from your desk or after closing .

5. A WEBSITE ENABLES YOU TO TARGET A WIDER AUDIENCE

Websites are accessible from anywhere in the world provided there is an internet
connection. Since more and more people have access to the internet, even in remote
locations, you can target a much wider audience if your business has a
website.Whether you offer products or services, or you’re business or consumer based,
your website provides you with an alternative location to sell. As a retailer, an
eCommerce website is a great place to sell your products to a wider market. Think of all
the people who can’t get to your bricks and mortar store that you could sell your
products to.

6. A WEBSITE SAVES YOU TIME

I touched on this point in number 2. Time is money, so they are often linked together.
Saving time is another great reason why your business needs a professional
website.Time is an important commodity in our ever increasing fast paced world even if
you don’t attach a monetary value to it. Most people these days don’t have enough time
for leisure, pleasure, family or healthy activities. Having a professionally designed
website saves you time both in the short and long term.

By providing information to your customers online, you can save a vast amount of
valuable time that you would otherwise spend communicating to your prospects.

8
 1.2 : HTML

Hypertext Markup Language (HTML) is the standard markup language for creating web
pages and web applications. With Cascading Style Sheets (CSS) and JavaScript, it forms a triad of
cornerstone technologies for the World Wide Web.[4]
Web browsers receive HTML documents from a web server or from local storage and render the
documents into multimedia web pages. HTML describes the structure of a web
page semantically and originally included cues for the appearance of the document.
HTML elements are the building blocks of HTML pages. With HTML constructs, images and other
objects such as interactive forms may be embedded into the rendered page. HTML provides a
means to create structured documents by denoting structural semantics for text such as headings,
paragraphs, lists, links, quotes and other items. HTML elements are delineated by tags, written
using angle brackets. Tags such as <img /> and <input /> directly introduce content into the
page. Other tags such as <p> surround and provide information about document text and may
include other tags as sub-elements. Browsers do not display the HTML tags, but use them to
interpret the content of the page.

1.3 CSS:

Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a
document written in a markup language like HTML.[1] CSS is a cornerstone technology of the World
Wide Web, alongside HTML and JavaScript.[2]
CSS is designed to enable the separation of presentation and content, including layout, colors,
and fonts.[3] This separation can improve content accessibility, provide more flexibility and control in
the specification of presentation characteristics, enable multiple web pages to share formatting by
specifying the relevant CSS in a separate .css file, and reduce complexity and repetition in the
structural content.
Separation of formatting and content also makes it feasible to present the same markup page in
different styles for different rendering methods, such as on-screen, in print, by voice (via speech-
based browser or screen reader), and on Braille-based tactile devices. CSS also has rules for
alternate formatting if the content is accessed on a mobile device.

9
The name cascading comes from the specified priority scheme to determine which style
rule applies if more than one rule matches a particular element. This cascading priority
scheme is predictable.

1.4 JAVA SCRIPT:

1.5 WEBSITE SECURITY:

As a website owner, is there anything more terrifying than the thought
of seeing all of your work altered or entirely wiped out by a nefarious
hacker?You’ve worked hard on your website (and your brand) – so it’s
important to take the time to protect it with these basic hacker
protection tips! This article will also teach you how to check if a
website is safe and what you can do to ensure your website is
completely from hacker.

In addition to regularly backing up your files (which you should already

be doing, for various reasons).

CH
APTER-2

TECHNOLOGY OVERVIEW

Web development is a broad term for the work involved in developing a web site for
the Internet (World Wide Web) or an intranet (a private network). Web development
can range from developing the simplest static single page of plain text to the most
complex web-based internet applications (or just 'web apps') electronic businesses,
and social network services. A more comprehensive list of tasks to which web

10
development commonly refers, may include web engineering, web design, web
content development, client liaison, client-side/server
side scripting, webserver .Among web professionals, "web development" usually
refers to the main non-design aspects of building web sites:
writing markup and coding. Most recently Web development has come to mean the
creation of content management systems or CMS. These CMS can be made from
scratch, proprietary or open source

Web development may be a collaborative effort between departments rather than the
domain of a designated department. There are three kinds of web developer
specialization: front-end developer, back-end developer, and full-stack developer.
Front-end developers deal with the layout and visuals of a website, while back-end
developers deal with the functionality of a website. Back-end developers will program
in the functions of a website that will collect data.

2.1 TECHNOLOGIES USED:

 HTML (Hypertext Mark-up Language)

 CSS (Cascading Style Sheet)

 Bootstrap

 Java script

 PHP (Hypertext Pre-processor)

 Website Security

11
 2.1.1 FRONT-END DEVELOPMENT

There are several tools available that can be used to develop the front end of a website,
and understanding which. Tools are best fit for specific tasks marks the difference
between developing a hacked site and a well scalable site.

2.1.1.1 HTML (Hypertext Mark-up Language)

 HTML was developed by W3 & WHATWG in 1993.

 Hypertext mark-up language is the standard mark-up language for creating web
pages and web application.

 With Cascading style sheets (CSS) and JavaScript it forms a interactive web
page.

 Web Browsers receive HTML documents from a Web Server or from a local
storage and render the documents into multimedia web pages.

12
2.1.1.2 CSS (Cascading Style Sheet)

 CSS is developed by Hakon Wium Lie in 1996.

 CSS (Cascading style sheet) is a style sheet language used for describing the
presentation of a document written in a mark-up language.
 CSS is designed to enable the separation of presentation and content,
including layout, colours and fonts. The separation can improve content
accessibility.
 CSS describe how HTML elements are to be displayed on screen , paper , or
in other media.
Inline:
Inline style (inside a specific HTML element) has the highest priority, which means
that it will override a Style defined inside the tags.
Internal:
Internal style sheet is used to add a unique style for a single document. It is defined
<head> section of the HTML page inside <style > tag.
External:
A external style sheet is a separate file where you can declare a the styles that you
want to use on your website You can then link to the external style sheet from all
your HTML pages.

13
2.1.1.3 BOOTSTRAP

 Bootstrap is a free front-end framework for faster and easier web

development.

14
 Bootstrap includes HTML and CSS based design templates for typography,
forms, buttons, tables, navigation, modals, image, carousels and many other, as
well as optional JavaScript plugins.
 Bootstrap is the most popular HTML, CSS and JavaScript framework for
developing responsive, mobile-first website.
 Bootstrap is an open source toolkit for developing with HTML, CSS, and JS .

15
2.1.2 BACK-END DEVELOPMENT

Your website or dynamic web application is a sum of layers—structure, design and

content, and functionality. The technology and programming that “power” a site—what
your end user doesn’t see but what makes the site run—is called the back
end. Consisting of the server, the database, and the server-side applications, it’s the
behind-the-scenes functionality—the brain of a site. This is the ecosystem of the
database manager and the back-end developer

2.1.2.1 PHP

PHP (recursive acronym for PHP:( Hypertext Pre-processor) is a widely-used open

source general- purpose scripting language that is especially suited for web
development and can be embedded into HTML.

FEATURES AND ADVANTAGES:-

 runs on various platforms (Windows, Linux, Unix, Mac OS X, etc.)

 compatible with almost all servers used today (Apache, IIS, etc.)
 supports a wide range of databases
 PHP is free. Download it from the official PHP resource: www.php.net
 PHP is easy to learn and runs efficiently on the server side

2.1.2.2 WEBSITE SECURITY

The majority of website security breaches are not to steal your data or mess with your website
layout, but instead attempts to use your server as an email relay for spam, or to set up a
temporary web server, normally to serve files of an illegal nature. Other very common ways to
abuse compromised machines include using your servers as part of a botnet, or to mine for
Bitcoins. You could even be hit by ransomware.

FEATURES AND ADVANTAGES:-

16
01. Keep software up to date
02. Watch out for SQL injection
03. Protect against XSS attacks
04. Beware of error messages
05. Validate on both sides
06. Check your passwords
07. Avoid file uploads
08. Use HTTPS
09. Get website security tools

How PHP Work?

17
Other responsibilities of the back end can include

 Database creation, integration, and management—e.g., MySQL, SQLite,

PostgreSQL, and MongoDB. SQLite is lightweight and fast, making it a very
popular alternative to a larger MySQL driver
.
 Using back-end frameworks to build server-side software, like Express.js

 Web Server technologies—e.g., J2EE, Apache, Nginx (popular for static

content, like images, HTML or CSS files), and IIS
 Cloud computing integration—e.g., public cloud providers like Amazon Web
Services, or private cloud environments
 Server-side programming languages—like Python, Perl, PHP, Ruby, and
JavaScript, when implemented with the server-side development environment,
Node.js
 Operating systems: Linux- and Unix-like operating systems, MacOS X,
Windows Server
 Content management system (CMS) development, deployment, and
maintenance
 API integration
 Security settings and hack prevents

18
 CHAPTER-3

WEB DESIGNING SCOPE AND FUTURE

The swelling wave of e-Commerce dominance fueling the need for organizations to
establish their online presence has led to the emergence of Web Designing as an
important organizational function. More and more organizations are recruiting internal
Web Designing teams or are employing external agencies to dish out the professional
websites for them.
In this scenario therefore, Web Designing in India as a career option has gained
immense prominence. An increasing number of young enthusiasts are heading towards
design institutes to be accredited with the mark of being an expert in Web design.
However, there is a need to understand the discipline prior to jumping into the fray
unprepared.

Understanding the Basics of Web Designing:

The basic role of a web designer entails one to employ several skills sets in the
production and maintenance of Web Site. To deliver appropriate quality, they would
need to harness knowledge in the following areas:
• Graphic design
• Interface design
• Authoring using standardized code and proprietary software
• User experience design
• Search engine optimization
While the above mentioned are merely enablers that help to bag the jobs, the real skills
set required to enable them to keep the jobs goes much deeper than this. It center on
the inherent need for a Web Designer to possess an aesthetic sense and also an ability
to empathizing with the audiences in order to deliver an enhanced web viewing
experience through their designs.

19
Tools and Technologies:
Technology is ever evolving. As a result, Web designs based on these technologies
would also need to be redefined with every evolutionary phase. Nevertheless, there are
several standard tools which would always be in demand by Web Designers. These
include:

• HTML and CSS

• WYSWYG editors like Dreamweaver
• Graphic Editors like Adobe Photoshop
• Programming skills
• Flash

3.1 CAREER OPPORTUNITIES:

Web Designing is a promising career opportunity which displays immense scope for
interested candidates. In India, one of the biggest industry, which provides a
prospective scope for Web Designing as a career opportunity is the IT or the software
industry. Clients interested in getting their online presence established are approaching
the software giants to get their Website designed. Therefore, the software stalwarts
recruit experienced professionals who would be sufficiently qualified in executing the
deliverables in quick turn around the time.
In addition, they also welcome Freshers who are put through rigorous training and then
made to learn the ropes under the wings of the experienced seniors. This provides them
with an excellent opportunity to learn the work hands-on.
Most organizations also recruit web designers for their internal projects which have a

20
distinct flavor of their own as it provides the opportunity for Designers to interact with
major company stake holders who run these internal matters and initiatives.
Web Designers are also required in the Media Industry like News advertising agencies
or even in the education industry developing educational websites and learning
material for students.

3.2 SCOPE FOR APPLICATION DEVELOPMENT:

Now-a-days majority of the applications are developed for mobile, Usage of mobile
phones has increased in the past year. India stands second in the world, in the number
of active mobile phones. Today, out of the 6 billion mobile phones in the world, close
to 1 billion is being used in India. This comes to about 70% of our current population.
Every month sees an increase of around 6 million subscribers. That, in fact, is a lot of
numbers. With the increase in the number and make of mobile phones, there comes a
demand for better applications. And in turn, huge scope of android mobile application
development in India. Now, this puts a light on why companies like Nokia,
BlackBerry, Samsung, HTC, Motorola, Google and many others are going wild with
their innovations – increase in the need and use of Mobile Applications.

Android is an open-source Linux-based operating system designed mainly for smart

phones and tablets. It is maintained as an open source project by Google. This open
source code and licensing allows the developers and device manufacturers to modify
the software according to their needs. Android platform has brought about cutting-edge
technologies in app development.
Owing to the popularity of Android, Mobile Apps development industries are
considering Android Application Development as one of best remunerative business
opportunities. The need to hire knowledgeable mobile application developer is intense.

India is considered as a country with several globally recognized IT hubs. One of the

21
main reasons for this is that software as a service is highly cost effective. Before the
acceptance of Android, the mobile app development industries was dominated by
Proprietary OS like Symbian and iOS. With Android came as an option for dynamic
app development at a lower cost. When thinking of a scope of Android Application
Development in India, we can take these three primary notions into consideration:

• Revenue – The need for inventive App Developers are increasing in the current job
market. Mobile application development can also be taken up as a part time job, where
you can create your own applications and submit it to the Google Play store which can
be downloaded. Google AdSense ads can be displayed in your application which again
provides monetary gains.
• Ease of use – Learning Android Programming is fairly easy and app development is
cost effective. Any software developer who can think out of the box will be able to put
Android into extraordinary use.
• Support – The most important attraction of Android is backing by a Google.

22
 CHAPTER-4

Software Quality Attributes

The user interface provide within the software will certainly help the user to get
familiar with the system in a short periods of time .Almost every task is associated
with a key , so the work of manual entry is minimized to a great extent
.
RELIABILITY:

 You need to show that your system can perform without failure for the specified
operating environment. If the system is expected to run for a long a long period ,
you should ensure that it indeed can.
 The software is reliable for user to use.
 All the login information stored in data base properly.
 Supplier easy going check the buyers and buyer can get the all information
properly.

ROBUSTNESS:

Can your system withstand incorrect input? Will it gracefully terminate when pushed

23
Beyond the operating conditions for which it was designed? Does it harm the user
when approaching the breaking point or simply crash without warning.

MAINTAINABILITY:

Maintainability is an important quality to have a even if the instructor does not

mention it explicitly. This is because you will maintain your code from the moment
you write it. Maintainability starts with a simple and easy to understand design.
Premature optimization is the root of all evil in programming.

EFFICIENCY:

Results of performance testing shows how efficient our system is. If our system is able
to handle a million of data items then it provide evidence of how well it handles a
million of data items.

TESTABILITY:

Testability does not come by default, some designs are more testable than others.
During integration a system with good testability can be tested at each stage of the
integration, integrating one component at a time.

24
CHAPTER-5

RESPONSIVE WEBSITE OF RRSC-W

(PROJECT VIEW)

FIG: 5.1.1 Front-end side

25
26
FIG:5.1.2

FIG:5.1.3

27
FIG:5.2 Back-end side

28
 CONCLUSION

At present the system is complex and difficult to handle. The system is being used by
different users for different details such as a Property name, property type and their
location.The system would be used for storing the incoming request and different
information.

Would provide the user with easy faster retrieval of any property of information.
Large amount of data could be stored /handle easily.
It would be help to improve transaction.
With its user s friendly feature it can be make management of request efficient.

29
 REFERENCE

 www.w3schools.com
 stack overflow
 www.tutorialspoint.com

30