Uploaded by Vishal Alpe

internship-report

advertisement
lOMoARcPSD|25260679
internship report
Computer Engineering (Savitribai Phule Pune University)
Studocu is not sponsored or endorsed by any college or university
Downloaded by VISHAL ALPE (vishalalpe20@gmail.com)
lOMoARcPSD|25260679
An
INTERNSHIP REPORT
On
“Web
Development”
SUBMITTED TO THE SAVITRIBAI PHULE PUNE
UNIVERSITY, PUNE IN THE PARTIAL FULFILLMENT OF
THE REQUIREMENTS FOR THE AWARD OF THE DEGREE
OF
BACHELOR OF ENGINEERING (COMPUTER
ENGINEERING) SUBMITTED BY
Sandip Rangraov Pawar
(Class TE-A & Roll No. 37)
DEPARTMENT OF COMPUTER ENGINEERING
JSPM’S BHIVARABAI SAWANT INSTITUTE OF TECHNOLOGY &
RESEARCH
GAT NO:720/1&2, NAGAE ROAD, WAGHOLI, PUNE-412207
SAVITRIBAI PHULE PUNE UNIVERSITY
2021-22
BSIOTR, Department of Computer Engineering 2021-22
Downloaded by VISHAL ALPE (vishalalpe20@gmail.com)
lOMoARcPSD|25260679
DEPARTMENT OF COMPUTER ENGINEERING 2021-22
Bhivarabai Sawant Institute Of Technology and Research Wagholi Pune
CERTIFICATE BY THE GUIDE
This is to certify that the contents of this report entitled “Web
Development” by Prof. Vaibhav Rewaskar, TE-A Roll No. 37
has submitted to Prof. Vaibhav Rewaskar the Award of Bachelor
of Computer engineering (6th Semester) JSPMs Bhivarabai Sawant
Institute of Technology and Research, Wagholi, Pune is original
Internship work carried out by his under my supervision. This
report has not been submitted either partly or fully to any other
University or Institute for award of any degree or diploma.
Prof. Vaibhav Rewaskar
Prof. G. M. Bhandari
H.O.D
INTRENSHIP- Guide
Date:
Place: BSIOTR,Pune
Downloaded by VISHAL ALPE (vishalalpe20@gmail.com)
lOMoARcPSD|25260679
internship certificate
Downloaded by VISHAL ALPE (vishalalpe20@gmail.com)
lOMoARcPSD|25260679
DECLARATION
I, hereby declare that the work incorporated in this report entitled
“Web Development” At Tathastu in partial fulfillment of the
requirements for the award of Bachelor of Computer Engineering
(6th Semester) is the outcome of original study undertaken by me
and it has not been submitted earlier to any other University or
Institution for the award of any Degree or Diploma.
Pawar Sandip
Date:
Place:
Downloaded by VISHAL ALPE (vishalalpe20@gmail.com)
lOMoARcPSD|25260679
ACKNOWLEDGEMENT
This is a great pleasure and immense satisfaction to express my
deepest sense of gratitude and thanks to everyone who has directly
or indirectly helped me in completing my Project work
successfully. I express my gratitude towards Prof. Vaibhav
Rewaskar and Dr. Prof. G. M. Bhandari Head of Department of
Computer Engineering, Bhivarabai Sawant Institute of Technology
and Research, Wagholi, Pune who guided and encouraged me in
completing the Internship work in scheduled time. I would like to
thank our principal for allowing us to pursue this internship.
Name-Pawar Sandip
Roll No.- 37
Class- A
Downloaded by VISHAL ALPE (vishalalpe20@gmail.com)
lOMoARcPSD|25260679
TABLE OF CONTENTS
Certificate by Guide
Certificate of selection
Certificate of Internship by company
Declaration
Acknowledgement
SR.
No.
Contents
1.
Introduction of the topic
2.
Profile of the Industry and Company
3.
Objectives of Study
4.
Scope of Study
5.
Research Design and methodology
6.
Statistical Tools
7.
Findings and Limitations
8.
Conclusion and Suggestion
Downloaded by VISHAL ALPE (vishalalpe20@gmail.com)
lOMoARcPSD|25260679
Introduction of the web Development
Web programming, also known as web development, is the creation of dynamic
web applications. Examples of web applications are social networking sites like
Facebook or e-commerce sites like Amazon. A lot of people learn web coding
because they want to create the next Facebook or find a job in the industry. But
it’s also a good choice if you just want a general introduction to coding, since
it’s super easy to get started. No matter whether you’re looking for a career or
just want to learn coding, learning how to develop for the web is for you. It’s
one of the smartest decisions you will ever make
There are two broad divisions of web development – front-end development
(also called client-side development) and back-end development (also called
server-side development). Frontend development refers to constructing what a
user sees when they load a web application – the content, design and how you
interact with it. This is done with three codes – HTML, CSS and JavaScript.
HTML, short for Hyper Text Markup Language, is a special code for ‘marking
up’ text in order to turn it into a web page. Every web page on the net is written
in HTML, and it will form the backbone of any web application. CSS, short
for Cascading Style Sheets, is a code for setting style rules for the appearance of
web pages. CSS handles the cosmetic side of the web. Finally, JavaScript is a
scripting language that’s widely used to add functionality and interactivity to
web pages Back-end development controls what goes on behind the scenes of a
web application. A back-end often uses a database to generate the front-end.
Web development is an evolving amalgamation of languages that work in
concert to receive, modify, and deliver information between parties using the
Internet as a mechanism of delivery. While it is easy to describe conceptually,
implementation is accompanied by an overwhelming variety of languages,
platforms, templates, frameworks, guidelines, and standards. Navigating a
project from concept to completion often requires more than mastery of one or
two complementing languages, meaning today’s developers need both breadth,
and depth, of knowledge to be effective. This text provides the developer with
an understanding of the various elements of web development by focusing on
the concepts and fundamentals through the examples within, providing a
foundation that allows easier transition to other languages and a better
understanding of how to approach their work.
The reader will be introduced to topics in a manner that follows most project
development methods, from initial conceptualization and design through front
end development, backend development, and introducing additional concepts
like accessibility and security, while focusing on responsive design techniques.
Downloaded by VISHAL ALPE (vishalalpe20@gmail.com)
lOMoARcPSD|25260679
Each section of the text includes opportunities to practice the material and
assess increased knowledge after examining the topics.
In the age of digital learning, remote working, and e-commerce, online apps and
resources are becoming increasingly popular. The Internet is growing at an
astonishing rate as thousands of new websites are born every single day. This
has created a surge in demand for talented web developers, who are now highly
sought-after in the tech world.
If you’re an aspiring web developer with a passion for all things digital, you
might be wondering how to get started. You’ll need to learn essential skills like
programming, database design, and server administration. You’ll also need
some real-life experience in the field. This is where web developer internships
come in.
Downloaded by VISHAL ALPE (vishalalpe20@gmail.com)
lOMoARcPSD|25260679
Profile of the Industry and Company
Twowaits Technologies
Downloaded by VISHAL ALPE (vishalalpe20@gmail.com)
lOMoARcPSD|25260679
Objectives of Study
Planning
Before you either decide to spend countless hours working on your new project,
it is essential that you have a set of clearly defined objectives. Therefore, you
need to ask yourself the following questions:

1. What is the goal of the business website?

2. Who are your target audience?

3. Is the project even feasible?
Website Goal
Your objectives must be clear if you wish to be successful with your plunge into
the world of website development. Begin the process with a muddled mind and
the result will be a complete mess and worst of all, this will be apparent to
visitors who will dismiss your company as an amateurish organization. We are
assuming that you are looking to create a website for the purpose of promoting
your business and not as a hobby or for social reasons.
Defining your objectives is also necessary if you wish to properly use
analytics to analyze your website. For example, a website that specializes in the
sale of cars will eventually need to measure how much profit is generated on the
site as well as recording email newsletter signups, RSS subscriptions and so on.
It is commonly acknowledged that there are four different kinds of business
websites so use this information to help you define the objectives.

Content Sites: The objective of these websites is to increase the
amount of time visitors spend on the site and you will need to
Downloaded by VISHAL ALPE (vishalalpe20@gmail.com)
lOMoARcPSD|25260679
measure page views, length of visit and the amount of
subscriptions that have been added or cancelled.

Self-Service Sites: These sites are looking to reduce the number
of customer enquiries and improve customer satisfaction. These
businesses look to measure a reduction in the amount of calls to
the customer service centre and a decrease in visitor length.

Lead Generation Sites: These sites look to improve the number of
newsletter and email subscriptions and measure leads-to-close
ratios, time spent on site and of course the amount of rejections
and subscriptions.

E-Commerce Sites: This is the most popular type of site and it
looks to increase profits and sales while reducing marketing
expenses. These sites measure sales and cost per visitor,
conversion rates and returns.
Target Audience
You need a clear idea of who your target audience is if you want to make the
most of your business website’s potential. Here is a quick guide to determining
and understanding your audience:

Who Are They? While demographics alone don’t fully explain
the motivations and desires of potential buyers, they do make a
good starting point. For example, if you sell vintage cars, you
will be looking at men from 30–50 years old with a high annual
income. Begin with a demographic base and work from there to
get inside the minds of prospects.

What Do They Need/Want? A good place to begin is by finding
out why people look for the products you sell. People who can’t
Downloaded by VISHAL ALPE (vishalalpe20@gmail.com)
lOMoARcPSD|25260679
sleep want a cure for insomnia; overweight people want to be
slimmer etc.

How Do They Research? You need to learn if your audience
reads blogs, listens to podcasts, watches video or subscribes to
email newsletters. By gaining an understanding of your target
audience’s consumption habits, you won’t waste time on
ineffective marketing.

How Does Your Product Benefit Them? This is easy to
understand but not so simple to communicate. You need to have
emotional resonance in your content so find out what pushes the
buttons of your prospects and work on creating an appropriate
website.

Who Do They Trust? Most people have specific experts they
trust so find out who they are and try and make a connection with
these individuals or groups. Achieve this and this trust is passed
on to you and once you have a customer’s trust, the sky is the
limit.
Is The Project Feasible?
It is usually people with little or no experience with online business that create
grandiose visions of website development that have no basis in reality. Such
individuals have zero concept of how Internet business works nor do they
understand the online economy. It is a fact that these ‘big ideas’ require
expensive websites that must be designed by professionals; such projects cost
thousands of dollars and are beyond the budget of most small businesses.
While it is possible to make it big online, it is essential that you start off
relatively small and learn the ropes before making any major investment in
Downloaded by VISHAL ALPE (vishalalpe20@gmail.com)
lOMoARcPSD|25260679
website development. If you are a novice, you can create a good quality
business website using the free WordPress tool and all its plugins and other
features. If you want a complicated, unique and interactive website and have no
programming or design knowledge, you will need a professional team and the
overall cost will be thousands of dollars.
It is also a good idea to analyze the competition’s websites paying special
attention to:

The keywords they rank for

Their website speeds

Their estimated traffic

If they have a blog, videos and downloads

Social media presence

The calls to action they use
There are a host of tools such as Alexa, PR Checker, Search Metrics, Majestic
SEO and Google page speed insights which can be used to analyze the links,
ranking and general reputation of any competitors in your niche.
Now that we have looked at the planning and organizational side of website
development, we will begin in earnest next week by showing you how to choose
a domain name and web host.
Scope of Study
Downloaded by VISHAL ALPE (vishalalpe20@gmail.com)
lOMoARcPSD|25260679
There are numerous web developer jobs available in the market for those with
the requisite skills. We discussed the trending technologies earlier – it goes
without saying that it is essential for developers to master those technologies:
IoT, AI, VR, AR, in addition to the latest programming languages, platforms,
tools, and so on. If you aspire to be a web development professional, make sure
you learn all these skills.
Which industries are likely to provide you with a career in web development?
Almost every industry uses web development for their business:

Manufacturing

Retail

Entertainment

Education

Banking and Insurance

Advertisement Agencies

Supply Chain

Hospitality

Travel

Professionals
Even software development, mobile app development, and digital marketing
companies have their own websites obviously.
Downloaded by VISHAL ALPE (vishalalpe20@gmail.com)
lOMoARcPSD|25260679
The trends we discussed above, are all likely to continue into the foreseeable
future, that is for certain. Out of those, most experts in the industry feel that the
main technologies that will hold sway are:
Artificial Intelligence
Artificial Intelligence occupies a prime position in the space for the future scope
of web development. Templates or codes don’t exist for this; all developers
have to do is provide instructions, and the site will be laid out as they
envisioned.
Artificial Design Intelligence or ADI is another emerging component of AI, and
it assists developers to customize the software.
Virtual Reality
Till now, we have seen virtual reality only in gaming, but some businesses have
already started including them in their websites. Experts predict that very soon,
this technology will be used far more widely in websites and web applications,
as it is very interactive and exciting for the end-user.
Voice Functionality
With human beings demanding more convenience, and being on the move
constantly and multi-tasking, voice functionality including voice search, speech
recognition, and eCommerce through voice, are definitely going to be used
increasingly.
Downloaded by VISHAL ALPE (vishalalpe20@gmail.com)
lOMoARcPSD|25260679
Internet of Things (IoT)
While developers are not directly connected to IoT, they implement it in web
apps. With more and more devices becoming connected and sending vital
information to the end-user through cloud-based central computers, IoT is here
to stay.
Downloaded by VISHAL ALPE (vishalalpe20@gmail.com)
lOMoARcPSD|25260679
Research Design and methodology
Stage 1. Getting to know a client
After the company gets a message from a client that he or she wants to work
with the developers' team, a project manager (PM from here) and a client’s
representative discuss the client’s needs (or the specifications if clients already
know what they want).
Stage 2. Discovery and project research
Discovery means that the development team only investigates client’s business
requirements and decide for themselves whether they can really solve a client’s
problem. An outcome is getting to know a client's goal, business specifics, and
initial requests.
If everything is good and the development team can help the client, the PM
passes the tech documentation and specifications to the Lead Developer, makes
the project aims and requirements clear.
Afterward, the Lead Developer does the report to the PM, who, in his/her turn,
discusses all the features and details with the client.
Stage 3. Wireframes and prototypes creation
Downloaded by VISHAL ALPE (vishalalpe20@gmail.com)
lOMoARcPSD|25260679
Following is the work on the wireframes and prototypes in collaboration with
the client and the team’s designer.
Stage 4. Design
Working on design comps until final approval. The company carefully asks for
all the details about the impression a client’s project should create.
Stage 5. Development
Initial installation and configuration go first. Then developers set up all
necessary settings of modules. They make sure every website page was
approved, and the client has gone through demo versions of every feature on the
website. It was a little hint from the development side to the client: check and
test all the options. There are no minor ones when it comes to website usage.
Believe us, your website’s visitors will notice every teeny-tiny bug.
Depending on the project, the front-end and back-end development can go
either in parallel or the back-end is followed by the front-end. A front-end
developer implements all visual features and makes sure everything is pixelperfect, and that a website is cross-browser compatible.
Stage 6. Quality assurance
Downloaded by VISHAL ALPE (vishalalpe20@gmail.com)
lOMoARcPSD|25260679
Remember the hint from stage 5? Never ever omit the testing stage. After the
integration test, we move to the functional and UI tests and end up with manual
tests.
Stage 7. Post-launch QA and maintenance
Besides maintenance and support, the dev-team usually teaches the client how
to use a website, manage it and add content, etc.
So, now you know how the process of communication between the client and
the developers looks like. Let’s start to meet with workflow methodologies.
Downloaded by VISHAL ALPE (vishalalpe20@gmail.com)
lOMoARcPSD|25260679
Statistical Tools
List of the Top Web Development Tools
Comparison Of Popular Front-End Tools for Web Development
#1) Web.com
#2) Angular.JS
#3) Chrome Dev Tools
#4) Sass
#5) Grunt
#6) Code Pen
#7) TypeScript
#8) GitHub
#9) NPM
#10) J Query
#11) Bootstrap
Downloaded by VISHAL ALPE (vishalalpe20@gmail.com)
lOMoARcPSD|25260679
#12) Visual Studio Code
#13) Sublime Text
#14) Sketch
Downloaded by VISHAL ALPE (vishalalpe20@gmail.com)
lOMoARcPSD|25260679
Findings and Limitations
 Creates problem if website is not responsive: The website
responsiveness means the website data displays on every platform
and every size of screens correctly.
 If your website undergoes any quite issue, your application is going
to be in trouble too. Don’t assume that your web app will work
perfectly if you don’t have a top-quality corporate website. For
instance, if the web site’s URL takes a while to load or if
uncomfortable ‘cookies’ show up when entering the website,
accessing it through the appliance will entail an equivalent issue.
The matter isn’t inherent to your web app. It’s rather located within
the website’s development.
 Internet connection is compulsory: An Internet connection are going
to be an absolute must run it. Otherwise, you’ll not be ready to
browse the website.
 It will also lose visibility because it won’t get on display within the
stores.
 In addition, there’ll be some access restrictions on certain hardware
features of the device it’s running on.
Internet Reliance
Even though we seem to live in the internet era, losing one’s internet
connection is rather common. And no internet would directly result in
losing the ability to run your web app. Therefore, a reliable internet
connection is a must at all times to browse through the website and run the
app.
Website Dependency
A web app is completely based on its web browser. While generally, this
provides a bunch of benefits, a complete dependency of this kind can also
be a limiting factor. If the website happens to fail or goes unresponsive,
the app fails to function too. If your website undergoes any quiet issue,
your app is going to be in trouble too. Therefore, web development
services that pay great attention to building quality corporate websites are
a must for running successful web apps. Whether it is the URL loading
time or popping up of uncomfortable cookies on entering the websites, all
Downloaded by VISHAL ALPE (vishalalpe20@gmail.com)
lOMoARcPSD|25260679
kinds of issues must closely be taken care of.
Reduced Speed
Often a web app operates relatively at a slower speed than the application
hosted on a local server, and for those reasons can’t completely replace
mobile apps. It is also directly linked to our browser, because of which its
app size tends to increase. A large app, therefore, is considerably slower
than a native desktop one. Plus, as a web app runs completely on the
internet, it frequently can feel slower due to the internet connection
quality.
Less Secure
Although SSL enforcement can help reduce data breach risk, web apps
generally lack the quality control feature. Hence, safety and security are
comparatively reduced causing threats to important and confidential data.
Restricted Functionality
Native technology always carries an advantage over non-native ones. As
web applications are not native, they cannot sometimes effectively
collaborate with all the hardware and operating systems of the specific
devices you use.
Downloaded by VISHAL ALPE (vishalalpe20@gmail.com)
lOMoARcPSD|25260679
Conclusion and Suggestion
 In today's Web development, a good page design is essential. A bad
design will lead to the loss of visitors and that can lead to a loss of
business. In general, a good page layout has to satisfy the basic
elements of a good page design. This includes color contrast, text
organization, font selection, style of a page, page size, graphics used,
and consistency. In order to create a well-designed page for a
specific audience. The developer needs to organized and analyze the
users' statistics and the background of the users. Although it can be
hard to come up with a design that is well suited to all of the users,
there will be a design that is appropriate for most of the audience.
The better the page design, the more hits a page will get. That
implies an increase in accessibility and a possible increase in
business.
 After analyzing all the researched information and feedback from
different users, I would recommend that a general purposed Web site
should use non-frame pages and graphics navigation bar with
rollover effects. In addition to the graphic navigation bar with
rollover effects, each page should also have a text-only navigation
bar for easy control. The developer should also create a Cascading
Style Sheet to control the font and font-size and use the style sheet
throughout the site to obtain a consistent look and feel.
 Becoming a web developer is more than just working in the browser.
Web developers write applications, and you are on that path. I
encourage you to continue learning HTML, JavaScript, and PHP.
But when you're comfortable, branch out to other languages and
platforms. The more exposure and experience you have with other
languages and platforms, the better you'll become as a developer.
Downloaded by VISHAL ALPE (vishalalpe20@gmail.com)
Download