Seminar Report Demo
Seminar Report Demo
Seminar Report
On
AVIDYALAYA
RAISE
DIGITAL
INTERNSHIP
CERTIFICATE
AcaderEK Hosd
Otstop Director Sipature
ACKNOWLEDGEMENTS
undertake my summer
Iam very thankfnl to raise digital for providing me with opportunity to
training under their guidance. It was a very good learning experience for me, as it invold many
unique challenges rclated to web development and We would like to place on record my deep
sense of gratitude to Dr.Princy Matlani Assistant Professor, Department of Computer Science
and Engincering, Institute ofTechnology, Guru Ghasidas Vishwavidyalaya, Central University,
Bilaspur, Chhattisgarh, India, for his stimulating guidance, useful suggestions and continuous
encouragenment and supervision throughout the course of present work.
We are extremely thankful to Professor T.V. Arjunan Dean, School of Studies of Engineering &
Technology, Guru Ghasidas Vishwavidyalaya, Central University, Bilaspur, Chhattisgarh, India
for providing us infrastructural facilities to work in, without which this work would not have
been possiblc.
DECLARATION
COMMERCE(FRONT END DEVELOPMENT )" which we have
1nereby declare that theproiect E-
the award of the Degree of Bachelor
Submitted in the partial fulGlment of the requirement for
School of Studies of Engineering and
of Technology in Computer Science & Engineering,
Bilaspur, Chhattisgarh,
Technology, Guru Ghasidas Vishwavidyalaya (A Central University),
the session 2023 (July 2023 to October
India, is an authentic record of the work done during
(Assistant Professor) Department of
Z023) under the supervision of Dr. Princy Matlani
Technology, Guru
Computer Science & Engineering, School of Studies of Engineering &
India. I further declare
Ghasidas Vishwavidyalaya, Central University, Bilaspur, Chhattisgarh,
submitted either in part or in
that the work which we have done in this project has not been
full, for the award of any other degree or diploma in this institute.
Pg-No
TOPICS
1
1.INTRODUCTION
2
2. WEB DEVOLOPMENT
3
3.WEBSITE
4. UIDEVELOPMENT HTML 5
6
5. CSS
6. BOOSTRAP 7
7. JAVASCRIPT 8
8. E-COMMERCE
9. E-COMMERCE APPLICATIONS 10
V
Introduction
"All forms of transactions relating to commercial activities, including both organizations and
ndividuals, which are based on the processing and transmission of digitized data including text, sound,
and visual images." According to this view, E-commerce does not necessarily require the use of the
Internet. E-commerce includes all forms of transactions that process and transmit digitized data which
includes text,sound and visual images.
E-commerce is the application of information techno logy and communication technology to three
basic activities relatcd to commercial business, the three basic activities are as follows:
1. Production and support- which includes assisting production, distribution, and maintenance of goods
and services.
2. Transaction preparation- which includes getting product information into the market-place and
bringing buyers and sellers into contract with each other; and
3. Transaction completion- which includes concluding transactions, transferring payments, and
securing financial services.
The purpose of making this website is to make shopping fast, convenient and easily accessible to every
one from anywhere with the help of working internet connection. Anyone who is in need of electronic
devices offered by the company is provided with not only in store visit but also through online
shopping.In this website, user either can surf through products without registering their account or by
putting in their details which enables them to visit back whenever convenient and continue from where
they left. User must create a user account providing all the data required in order to use it.
Web Development
a website for the Internet (World Wide
Web devclopment is the vork involved in developing
can range from developing a simple
Web) or an intranct (a private network). Web development
applications, electronic businesses, and social
Single static page ofplain text to complex web Web development commonly
network serviccs. Amore comprehensive list of tasks to which development, client
refers, may include Web engineering, Web design, Web content
security configuration, ande
liaison, clicnt-sidc/server-side scripting, Web server and network
commerce devclopment.
non-design aspects of
Among Web professionals, "Web development" usually refers to the main
management
building Web sites: writing markup and coding. Web development may use content
basic technical skills.
Systems (CMS) to make content changes easier and available with
consist of hundreds of
For larger organizations and businesses, Web development teams can
people (Web developers) and follow standard methods like Agile methodologies while
developing Web sites. Smaller organizations may only require a single permanent or contracting
developer, or secondary assignment to related job positions such
as agraphic
designer or information systems technician. Web development may be a collaborative effort
between departments rather than the domain ofa designated department. There are three kinds of
Web developer specialization: front-end developer, back-end developer, and full-stack
developer. Front-end developers are responsible for behavior and visuals that run in the user
browser, while back-end developers deal with the servers. Since the commercialization of the
Web with Tim Berners-Lee developing the World Wide Web at CERN, the industry has boomed
and has become one of the most used technologies ever.
Website
3
Asite can display thecurrent state of a dialogue between users, monitor a changing situation, or
provide information in some way personalized to the requirements of the individual user. For
example, when the front page of a news site is requested, the code running on the webserver
might combine stored HTML fragments with news stories retrieved from a database or another
website via RSS to produce a page that includes the latest information. Dynamic sites can be
interactive by using HTML forms, storing and reading back browser cookies, or
by creating a series of pages that reflect the previous history of clicks. Another example of
dynamic content is when a retail website with a database of media products allows a user to
nput asearch request, e.g. for the keyword Beatles. In response, the content of the web page will
spontaneously change the way it looked before, and will then display a list of Beatles products
like CDs, DVDs, and books. Dynamic HTML uses JavaScript code to instruct the web browser
how to interactively modify the page contents. One way to simulate a certain type of dynamic
website while avoiding the performance loss of initiating the dynamic engine on a per-user or
per-connection basis is to periodically automatically regenerate a large series of static pagesn
order which is then delivered to them after making correct payment.
UI Development
Technology mainly used in user interface
4 HTML
BOOTSTRAP
HTML:
* TheHyperText Markup Language or HTML is the standard markup language for
documents designed to be displayed in a web browser. It can be assisted by
technologies such as Cascading Style Sheets (CSS) and scripting languages such
as JavaScript.
Web browsers receive HTML documents from a web server or from localstorage
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.
i* 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.
<body>
<html>
CSS
CSS is a stvlc sheet language used to describe the display ofa document produced in a
markup language like HTML or XML (including XML dialects like SVG, MathML, or
AHTML). CSS, like HTML and JavaScript, is a foundational technology of the World
Wide Web.
CSS is designed to enable the separation of content and presentation,
inclhuding layout, colors, and fonts. This separation can improve content accessibility;
provide more flexibility and control in the specification of presentation characteristics;
enable multiple vcb pages to share formatting by specifying the relevant CSS in a
separatc .css file, which reduces complexity and repetition in the structural content; and
enable the .css file to be cached to improve the page load speed between the pages that
share the file and its formatting.
* 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 spcech-based browser or screen reader), and on Braille-based tactile devices.
ni
CSS also has rules for alternate formatting if the content is accessed on a mobile
device, l4)
The name cascading comes from the specified priority scheme to determine which style
rule applies if more than one ule matches a particular element. This cascading priority
scheme is predictable.
The CSS specifications are maintained by the World Wide Web Consortium(W3C).
Internet media type (MIME type) text/css is registered for use with CSS by RFC 2318
(March 1998). The W3C operates a free CSS validation service for CSS documents. S]
In addition to HTML, other markup languages support the use of CSS including XHTML, plain
XML, SVG, and XUL.
Css Example
Body {
Background color : liteblue;
H1 {
Color: white:
Text-align: center;
P{
Font-family: verdana;
Font-size:20px;
BOOSTRAP
responsive, mobile-first front
b0otstrap is a free and open-source CSS framework directed at
JavaScript-based design
end web development. It contains HTML, CSS and (optionally)
components.
templates for typography, forms, buttons, navigation, and other interface
over 158,000 stars.
AS of July 2022, Bootstrap is the eighth most starred project on GitHub, with
E-commerce typically uses the web for at least a part ofa transaction's life cycle although it may
also use other techno logies such as e-mail. Typical e-commerce transactions include the
purchase of products (such as books from Amazon) or services (such as music downloads in the
form of digital distribution such as iTunes Store)," There are three areas of e-commerce: online
retailing, electronic markets, and online auctions. E-commerce is supported by electronic
business, The existence value of e-commerce is to allow consumers to shop online and pay
online through the Internet, saving the time and space of customers and enterprises, greatly
improving transaction efficiency, especially for busy office workers, but also saving a lot of
valuable time 3)
Online shopping for retail sales direct to consumers via web sites and mobile apps,
and conversational commercevia live chat, chatbots, and voice assistants:4]
Providing or participating in online marketplaces, which process third-party business-to
consumer (B2C) or consumer-to-consumer (C2C) sales;
Business-to-business (B2B) buying and selling:]
Gathering and using demographic data through web contacts and social media;
B2B electronic data interchange;
Marketing to prospective and established customers by e-mail or fax (for example.
with newsletters);
Engaging in prctail for launching new products and services;
Online financial exchanges for currency exchanges or trading
purposes.
E-COMMERCE APPLICATIONS
E-retailing, often known as online retailing, is the sale of products and services by businesses to
customers via online stores. This is done through the use of tools such as virtual shopping carts
ande-catalogs. There are several e-commerce applications in this industry.
2. Accounting
Finance and e-commerce are more intertwined than ever before. Banks and stock exchanges
make extensive use of e-commerce in their operations. Balance checks, bill payments, money
transfers, and more services are available through online banking. Online stock trading allows
users to trade stocks online by providing information about equities such as performance reports.
analysis, charts, and so on via websites.
3. Production
6. Digital Shopping
previous several years. "Go online" has
Peoplc's buying habits have shifted dramatically in the
shopping is easy, pleasant, and, in most
Decome a success mantra for all enterprises. Online
shopping applications like Flipkart and
cascs, inexpcnsivc. The success of online
Amazon demonstrates this.
8. Digital Reservations
developing
Travel and tourism is a flourishing sector today, and online booking is a
travel necessities such as
commerce application. Online booking allows customers to buy
train/flight tickets, book hotel rooms, get tourism packages, transportation services, and so on. It
the tip of their
makes pcople's trips comfortable and easy because everything can be set at
fingertips.
9. Digital Media
E-books and digital periodicals are gradually displacing traditional printed publications. It has
numerous advantages, including portability, lightweight, accessibility ftom anywhere, and so on.
They are also cnvironmentally friendly because they assist in reducing paper use and saving
forests. Because of these factors, internet publication, often known as e-publishing, has grown in
popularity.
10. Internet Banking
E.Banking, often known as online banking, 1S an e-commerce program that has streamlined
neonle's time-consuming and complex banking operations. It allows bank customers to do
transactions online without having to wait in lengthy lines at banks. To provide virtual banking
Rmices to their consumers, most of the banks now have their web applications.
11
LOGIN IPAGE
LOQIN
Abt
ABOUT US
Register youself
WEB PAGE INTERFACE
NNDY fommaeavtte
rplor No
Sasch
13
LATEST PRODUCT
white hirt $79,00
astroek
$69,00 BUy How
370.00
uy Now
bgyete
otyles shoos Oreet bw
block printed sho t00.00 pad pd
$79.00 $02.00 000.0O
Buy Now
00.00
Duy Now4 Buy Novw
uyNo
Buy Now
Duy Now
10 12/20
6410
Smart miBand
he ml mart Bund4 feotureon KIgef
S0% dicOUnt
EN 42AM
14
FEATURE PRODUCT
RAxtrEtystoà htn
Feature Products
latest Products
whte hlrt
$79.00
t-shirt
ostrack
S69,00 $89.00 Buy Now
Buy Now
Buy Nio
ARDWARE AND SOFTWARE USED
WebServers;
Web are clcctrical devices known as computers that open
pages on the web. Each web
servers name. An example of this is when
sver has an IP address gnd aleo on some occasions adomain
the web server whose domain name it is.
ve ype in a URL in vour browserit sends a request to connecting it to the
Computers can bc turned into a web server by installing server software and
internet.
Browsers; Browsers also
Drowsers are a software application that are used to locate and access web pages.
ranslate HTMLS vhich allows us to view images, videos and listen to audios on the website as
well as hyperlinks in which allows us to travel from page to page. Browsers request information
rom the web servers and then the web servers display the information required. Examples of
some web browsers are Mozilla Firefox, Google Chrome and Internet Explorer.
Server Software;
Server Software is used by web developers mainly. It's software that allows web developers to
add more web pages to their websites easily. Without the software it would be a pain trying to
add another web page to an already made website. The software works through a process known
as FTP (file transfer protocol) this process uploads web pages directly onto a website without
any problems.
WebAuthoring;
Web authoring enables a user to develop a website in publishing format. It will first generate the
required HTML for the layout of the web page based on the desired design. Any software
program that can be used to create content that can be uploaded and viewed on the Internet or
intranet network systems is considered a web authoring tool.
DatabaseSystems;
Database systems are a bunch of programs that allow you to store, modify and extract
information from the database. Database systems are not just one size, depending on how big the
systems are for example you will have a small database for a personal computer but a large one
in businesses.
Tools:
windows 11,web browser, sublime, network
CONCLUSION
experience. Thanks to this
nsa conclusion,Ican say that this training was a great
personally
projcct , l acquired deeper knowledge concerning mytechnical skills but also
benefitcd.
works in this field.
nere arc huge opportunities available for the students who want to
Many pr0vate and public organization hire web designer for their online work and
website development.
User can pay though online payment system like mobile banking, paypal, debit or credit
card more and they also can use this system on smart phone as mobile apP
E-commerce still represents one of the business methods that take advantage if done the
to
right way, even if the stock market and commodities fell, but E-Commerce still able
survive and receive high transaction. E-commerce has a tremendous opportunity in the
course of or business in Malaysia. In addition, it is also to introducing new techniques
and styles in a transaction. Use the extensive E-Commerce in the Internet world is
actually much better to bring the goodness of the individual or the state.
E-Commerce has undeniably become an important part of our society. The successful
companies of the future will be those that take E-Commerce seriously, dedicating
sufficient resources to its development. E-Commerce is not an IT issue but a whole
business undertaking. Companies that use it as a reason for completely re-designing their
business processes are likely to reap the greatest benefits. Moreover, E-Commerce is a
helpful techno logy that gives the consumer access to business and companies all over the
world.
Reference
ees%22%2C%22Status%22%2C%22Link
cdtpullrequests"22062C%22L Labels%22%2C%22Reviewers%22%2C%22Repository%22%2C%22Milestone%22
1?isibleiclds-65B%22Title%229%2C%22Assign
https:/github.comusers Ravi36
teck/projects 2/views
%SD
indiatimes.com/tech/echnology/lipkart-group-bagged-60-market-sharc-in-diwali-festival-
https:/youtu.be'vQimoge0-7g
https:/ leconomictimes.
sales-report articleshow S8192988,cms