0% found this document useful (0 votes)
38 views20 pages

Web Development Project Report

The document is a report on web development submitted for a bachelor's degree. It includes sections on declarations, acknowledgements, abstract, table of contents, and an introduction on e-commerce and web development. The report was submitted by 4 students and their professor is Dr. Anjana Mishra of the computer science department.

Uploaded by

Biraj kumar Bhol
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
38 views20 pages

Web Development Project Report

The document is a report on web development submitted for a bachelor's degree. It includes sections on declarations, acknowledgements, abstract, table of contents, and an introduction on e-commerce and web development. The report was submitted by 4 students and their professor is Dr. Anjana Mishra of the computer science department.

Uploaded by

Biraj kumar Bhol
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd

A

REPORT
ON
WEB DEVELOPMENT
Submitted
In the partial fulfillment
For the award of the Degree of
Bachelor of Technology
in the Department of computer science and Information Technology

Submitted by: Submitted to:


Sourabh Pradhan (1901227335)
[Link] Mishra
Sourav Kumar Sahu (1901227335) [Link]
Nursingh Charan Pattnaik(1901227385) CS&IT Department
Biraj kumar Bhol(1901227285)
Department of Computer Science and Information Technology

CV RAMAN GLOBAL UNIVERSITY


DECLARATION
I hereby declare that the work, which is being presented in the
Project Report, entitled “ Web Development” in partial fulfillment
for the award of degree of “Bachelor of Technology” in dept. Of
Computer science and Information Technology and submitted to the
department of computer science and Information Technology, CV
Raman Global University, is a record of our investigation carried
under the guidance of [Link] Mishra Department of Computer
Science and Information Technology.

(Name and Signature of Candidate)


Sourabh Pradhan-1901227335
Sourav Sahu – 1901227337
Nursingh Charan Pattnaik- 1901227385
Biraj Kumar Bhol- 1901227285
Counter signed by
DR. Anjana Mishra
ACKNOWLEDGEMENT
It is my pleasure to be indeed to various people, we directly or
indirectly contributed in the development of this work and who
influenced our thinking, behavior and acts during the course of the
study.
We express our sincere gratitude to prof. (DR) Anjana Mishra, Dept.
Of Computer Science and information Technology for providing us
an opportunity to undergo this Project on the part of the curriculum.

Sourabh Pradhan (1901227335)


Sourav Sahu (1901227337)
Nursingh Charan Pattnaik (1901227385)
Biraj Kumar Bhol (1901227285)
ABSTARACT
E-commerce and online shopping in India is getting a noticeable
growth as more usage of internet facilities, high educational
standards, changing life style and economical growth of the
country reasons in the demand of ecommerce techniques and
tools. Versatile shopping experience and rapid development of
transaction facilities is further boosting opportunities for the
remaining market segments. The biggest advantage of e-
commerce is the ability to provide secure shopping transactions
via the internet and coupled with almost instant verification and
validation of credit card transactions. One of the most important
issues to be addressed in electronic commerce is the area of
services. The primary purpose of this study is to examine and
uncover the impact of e-commerce and also identify the issues
and areas important to the implementation of e-commerce that
may help in enhancing the productivity in the economic growth
of the country.
Table of Contents
1. Introduction……………………………………………………….7

2. Web Development…………………………………………….8

3. Steps to create a Website…………………………………9

4. Software Requirements……………………………………10

5. Data Flow Diagram………………………………………….12

6. Project……………………………………………………………16

7. Screenshots…………………………………………………..17

8. Future Scope and Future enhancement…………19

9. Conclusion…………………………………………………….20
INTRODUCTION

E-commerce means using the Internet and the web for business
transactions and/or commercial transactions, which typically
involve the exchange of value (e.g., money) across organizational or
individual boundaries in return for products and services. Here we
focus on digitally enabled commercial transactions among
organizations and individuals.
E-business applications turn into e-commerce precisely, when an
exchange of value occurs. Digitally enabled transactions include all
transactions mediated by digital technology and platform; that is,
transactions that occur over the Internet and the web.

Hence, e-tailing is a subset of e-commerce, which encapsulates all


“commerce” conducted via the Internet. It refers to that part of e-
commerce that entails the sale of product merchandise and does not
include sale of services, namely railway tickets, airlines tickets and
job portals.
WEB DEVELOPMENT:

Web development is the work involved in developing a website for the Internet (World Wide Web) or
an intranet (a private network).] Web development can range from developing a simple single static
page of plain text to complex web applications, electronic businesses, and social network services. A
more comprehensive list of tasks to which Web development commonly refers, may include Web
engineering, Web design, Web content development, client liaison, client-side/server-side
scripting, Webserver and network security configuration, and e-commerce development

For larger organizations and businesses, Web development teams can consist of hundreds of
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 a graphic
designer or information systems technician. 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 are responsible for behavior and visuals that run in the user
browser, while back-end developers deal with the servers.

WEB SITE
A website (also written as web site) is a collection of web pages and related content that is
identified by a common domain name and published on at least one web server. Notable
examples are [Link], [Link], and [Link].
All publicly accessible websites collectively constitute the World Wide Web. There are also
private websites that can only be accessed on a private network, such as a company's internal
website for its employees.
Websites are typically dedicated to a particular topic or purpose, such as news, education,
commerce, entertainment, or social networking. Hyperlinking between web pages guides the
navigation of the site, which often starts with a home page.
Users can access websites on a range of devices, including desktops, laptops, tablets,
and smartphones. The app used on these devices is called a web browser.
Steps to Create a website

Creating a website require multiple steps which include the following:


1. Creating a UI (user Interface)
2. Scripting (Both at server end and client end)
3. Creating a backend of the database.

WEBSITE

UI
SCRIPTING DATABASE

HTML, CSS
JAVASCRIPT, .net ORACLE, MONGO
dB
UI development
1. HTML
2. CSS
3. Bootstrap

HTML
HTML stands for HyperText Markup Language. It is used to design web
pages using a markup language. HTML is the combination of Hypertext and
Markup language. Hypertext defines the link between the web pages. A
markup language is used to define the text document within tag which
defines the structure of web pages. This language is used to annotate (make
notes for the computer) text so that a machine can understand it and
manipulate text accordingly. Most markup languages (e.g. HTML) are
human-readable. The language uses tags to define what manipulation has to
be done on the text. 
HTML page structure: The basic structure of an HTML page is laid out
below. It contains the essential building-block elements (i.e. doctype
declaration, HTML, head, title, and body elements) upon which all web pages
are created.
CSS
Cascading Style Sheets, fondly referred to as CSS, is a simply designed
language intended to simplify the process of making web pages presentable.
CSS allows you to apply styles to web pages. More importantly, CSS
enables you to do this independent of the HTML that makes up each web
page.
CSS is easy to learn and understand, but it provides powerful control over
the presentation of an HTML document.
CSS Syntax:
A CSS comprises style rules that are interpreted by the browser and then
applied to the corresponding elements in your document.
A style rule set consists of a selector and declaration block.
 
Selector -- h1
Declaration -- {color: blue;font size:12px;}
 
 The selector points to the HTML element you want to style.
 The declaration block contains one or more declarations separated
by semicolons.
 Each declaration includes a CSS property name and a value,
separated by a colon.
For Example:
–; color is property and blue is value.
–; font-size is property and 12px is value.
 A CSS declaration always ends with a semicolon, and declaration
blocks are surrounded by curly braces.
SOFTWARE REQUIREMENT SPECIFICATION

HARDWARE REQUIREMENT:
The selection of hardware is very important in the existence and proper
working of any software.
Processor Intel CORE i5
RAM 4.0GB
Hard disk drive 500GB

SOFTWARE REQUIREMENT
Number Description
1 Windows 7,8,10
2 HTML/Css/ajax/javascript
DATA FLOW DIAGRAM
Data flow Diagram show the flow of data from external entities into the system
and from one process to another within the system. There are four symbols for
drawing a DFD
1. Rectangle representing external entities, which are source or
destinations of data.
2. Eclipse representing process which take data as input, validate and
process it and output.
3. Arrows representing the data flow.
4. Open ended rectangle or a disk symbol representing

Context Level Diagram

USER Online Shopping Products


Project
Technologies used:

 HTML
 CSS
 JAVASCRIPT

Technical details:

Front end is designed using HTML, CSS and Bootstrip.


The form are made using HTML, BOOTSTRAP
JavaScript , ajaz and Jquery used for client side
scripiting.
Screenshots:
Future Scope and Future Enhancement:
E Commerce is just buying and selling products online. It includes the
online process of developing, marketing, selling and delivering in
India has third largest internet population in the world and growing at
unprecedented price. In India Cash on Delivery is the preferred
buying method, E-commerce creates new opportunities to job seeker.
ITSWS Technologies work on e-commerce in India Amazon, Paytm,
Flipkart, Snapdeal etc. According to a study conducted by the e-
commerce sector is probable to achieve Rs. 211,005 crore by Dec
2016.
CHALLENGES:
Electronics Commerce, in-spite of the opportunities, presents also
has pose positive challenge that’s sometimes too much to hold for
start-ups. Internet is most significant for e-commerce. Unfortunately,
in India internet diffusion is so far bleakly with low at 0.5 per cent of
the populace. E-commerce out of attain for the common man. To
get people to purchase on an e-Commerce site and involve
important cost due to branding and marketing. This cost is
important and can be brought down to cost per buyer. Expert speak
that the average figure for this metric in the current e-Commerce
network is between INR 600 – 7000 consumer. Customers are easier
in import products actually. Companies dealing with harvest like
clothing, machine, electronic gadgets have to face challenges to
advertise their products as the buyers want to examine and touch
before they buy this stuff. Indian market in another Tax rate system
is factor for lesser expand rate of electronic Commerce in India in
association to other urbanized country like United state America.
This reason creates accounting harms for the Indian online
commerce company.
CONCLUSION:

We have successfully implemented the site E-Commerce website . with the


help of various links and tools we have been able to provide a site and running
on the web.
We have been successfully in our attempt to take care of the needs and both
the user as well as the administrator.

Common questions

Powered by AI

According to the document, the website creation process involves several key steps. Firstly, creating a user interface (UI) using HTML, CSS, and possibly Bootstrap to ensure the site is visually appealing and user-friendly . Secondly, scripting is divided into client-end and server-end scripting to handle user interactions and server communications, utilizing languages such as JavaScript and AJAX . Thirdly, setting up a backend database using solutions like Oracle or MongoDB to manage and store data efficiently . Each step is crucial: UI design attracts and retains users; scripting ensures dynamic interactions and data processing; and database management supports data integrity and retrieval. Together, they form the foundation of a functional, responsive, and scalable website.

The document proposes a layered approach to handle integration in web development by utilizing various scripting languages for different functions. HTML, CSS, and Bootstrap are used for UI development, ensuring a clear and interactive interface design . For client-side scripting, JavaScript, alongside AJAX and JQuery, are employed to enhance responsiveness and interactivity . Server-side scripting may involve technologies like .NET, which aids in backend integration and ensures the application's functionality. For databases, solutions such as Oracle or MongoDB are suggested to manage data storage, helping in seamless interaction between the server and the client . This integration strategy ensures robust, scalable, and high-performance web solutions.

The document highlights several strategic advantages of developing e-commerce platforms in India, including access to a growing internet-savvy population, which ranks among the largest globally . E-commerce platforms facilitate secure transactions and offer almost instantaneous verification and validation of credit card transactions, providing convenience to consumers . The diverse payment methods, particularly the dominant preference for cash on delivery, cater to a broad customer base. Additionally, e-commerce platforms offer cost-effective approaches to reaching new markets, potentially reducing operational costs and extending market reach beyond traditional geographical limits .

The document forecasts vast growth potential for e-commerce in India, with expected achievements in sales figures reaching Rs. 211,005 crore by December 2016 . The industry holds promise for job creation, adapting to the country's vast internet population growth, now the third-largest globally . Improvements in internet accessibility, payment methods, and consumer trust will likely lead to significant advancements in how products are marketed and sold online. Additionally, evolving technologies and consumer preferences are expected to reduce reliance on cash on delivery and promote digital transactions. These shifts could streamline operations, reduce overhead costs, and make e-commerce a mainstream retail choice across diverse demographics in India.

The document specifies that the hardware requirements for running a web development project include an Intel CORE i5 processor, at least 4.0GB of RAM, and a 500GB hard disk drive . On the software side, the project can be developed on operating systems like Windows 7, 8, or 10. Development tools and languages such as HTML, CSS, AJAX, and JavaScript are essential for creating and scripting web applications . These configurations ensure efficient development and execution of web projects, supporting both client-side and server-side scripting. Such setups are necessary to meet the needs of contemporary web applications and ensure their performance across various platforms.

In an e-commerce website, the 'exchange of value' is a fundamental aspect that differentiates it from non-commerce digital applications. This exchange involves transactions where monetary components, products, or services are transferred between parties using digital technologies . The distinction from non-commerce is that it involves commercial transactions specifically aimed at generating economic revenue, as opposed to merely facilitating information exchange or service provision without a direct transactional component . This value exchange transforms e-business applications into e-commerce platforms, emphasizing economic activities that require secure transaction processes and effective payment systems .

The primary challenges facing e-commerce growth in India include limited internet diffusion, which is currently low at around 0.5 percent of the population, making e-commerce inaccessible to many potential users . This impacts startups significantly as they face increased costs related to branding and marketing to attract customers. Additionally, there are hurdles associated with the preference for cash on delivery, and the need for physical inspection of products, which hampers the online purchase of items like clothing and electronics. The complex tax rate system in India also presents accounting challenges for e-commerce companies compared to other developed nations like the United States .

Front-end developers are responsible for the behavior and visuals that run in the user’s browser, focusing mainly on client-side scripting and user interface design . They utilize technologies such as HTML, CSS, and JavaScript to create appealing and interactive interfaces. In contrast, back-end developers manage the server-side part of web development. Their responsibilities include server configuration, database integration, and ensuring smooth communication between the server and the client . These roles are crucial as they collectively ensure a seamless user experience and efficient data handling.

A data flow diagram in web development is used to show the flow of data from external entities into the system, as well as from one process to another within the system . The key components of a data flow diagram include rectangles representing external entities, eclipses representing processes with inputs and outputs, arrows depicting data flow, and open-ended rectangles or disk symbols used for context level diagrams .

A full-stack developer has comprehensive responsibility across both the front-end and back-end aspects of web development. They manage complete projects by handling UI/UX design, client-side scripting, server-side logic, and database management . Unlike specialized roles, such as front-end or back-end developers, which focus solely on user interface design or server management respectively, full-stack developers provide end-to-end solutions. This means they must have proficiency across multiple technologies and frameworks, ensuring seamless integration through the entire stack . Their role is crucial for smaller teams, where resources are limited, as they offer a holistic approach to building and maintaining web applications.

You might also like