HINDUSTHAN COLLEGE OF ENGINEERING AND TECHNOLOGY
(An Autonomous Institution, Affiliated to Anna University, Chennai)
Valley Campus, Pollachi Highway, Coimbatore – 641 032
DEPARTMENT OF INFORMATION TECHNOLOGY
INTERNSHIP REPORT
ACADEMIC YEAR: 2022 – 2023
Duration: 05-01-2023 to 04-02-2023
Submitted By
AJAYSURYA V
(Reg. No: 20110801)
I
HINDUSTHAN COLLEGE OF ENGINEERING AND TECHNOLOGY
(An Autonomous Institution, Affiliated to Anna University, Chennai)
Valley Campus, Pollachi Highway, Coimbatore – 641 032
DEPARTMENT OF INFORMATION TECHNOLOGY
DECLARATION
I, AJAYSURYA V (20110801) of III Year B. Tech Information Technology, Hindusthan College
of Engineering and Technology has successfully completed the Internship on “Web Application
Development” in “Nxtlogic Software Solution” from 05.01.2023 to 04.02.2023 during the Academic Year
2022-2023.
CLASS ADVISOR
HEAD OF THE DEPARTMENT
Mr. Antony Vijay J
Dr. Jasmine SelvakumariJeya I
Assistant Professor
Professor and Head
Department of Information Technology
Department of Information Technology
Hindusthan College of Engineering and Technology Hindusthan College of Engineering and Technology
Coimbatore-641032
Coiumbatore-641032
Submitted for the Autonomous Institution Internship Report Viva-Voce conducted on __________________
INTERNAL EXAMINER
EXTERNAL EXAMINER
II
ACKNOWLEDGEMENT
First and foremost, I would like to thank the Almighty God for giving us the strength,
knowledge, ability and opportunity to undertake this project study and to persevere and complete it
with satisfaction.
We are ineffably indebted to our Principal for giving us this opportunity and encouraging us to
accomplish this project.
We acknowledge with deep sense of reverence, our special gratitude towards our Head of the
Department Dr.I.Jasmine Selvakumari Jeya, Department of Information Technology for his guidance,
inspiration and suggestions in our quest for knowledge.
We would like to express our special gratitude and thanks to special machines laboratory and
technicians for giving us such attention and time.
We would like to express our gratitude towards our parents for their tremendous contribution
in helping us reach this stage in our life. This would not have been possible without their unwavering
and unselfish love, cooperation and encouragement given to us at all times.
We have taken efforts in this project. However, it would not have been possible without the
kind support and help of many individuals. We would like to extend our sincere thanks to all of them.
Any omission in this brief acknowledgement does not mean lack of gratitude.
III
ABSTRACT
The main objective of this internship was Web Application Development. Several
programming languages that are in use to develop a web-based application or software. Some of them
are only used for the UI and the frontend of the application, some are used for the backend design of
the software. For example- HTML3, HTML4, HTML5, CSS, Bootstrap Framework etc. are some
programming languages to develop the frontend of an application. PHP, Java etc. are used at the
backend.
Nowadays there are also some frameworks that use vastly. Frameworks are basically
structured programming by using Model, View, and Controller. It is also called as MVC. If we
develop web-based application that is very useful for us because we can access it from anywhere of
the world. It is very helpful for our daily life. That is why I choose subject of my report is Web
Application Development. Working in Bluebird Interactive added huge experiences in my upcoming
career. Solving real life problems was another key issue. This report takes us through all the details
of Web Application Development knowledge and experience gathered during this internship period.
IV
INTERNSHIP REPORT
V
INTERNSHIP COMPLETION CERTIFICATE
VI
INDEX
TABLE OF CONTENT
SI.NO
1
2
3
CHAPTER
PG.NO
FRONT PAGE
I
DECLARATION
II
ACKNOWLEDGEMENT
III
ABSTRACT
IV
INTERNSHIP CERTIFICATE
VI
TABLE OF CONTENT
VII
LIST OF FIGURES
IX
INTRODUCTION
01
1.1 Introduction
01
1.2 Objectives
01
1.3 Goals
01
ENTERPRISE PROFILE
02
2.1 Enterprise Profile
02
2.2 Service
02
2.3 Address
02
ROLES AND RESPONSIBILITIES
03
3.1 Introduction
03
3.2 Training Attended
03
3.3 Delegated Responsibilities
03
3.4 Technologies Used
03
3.4.1 HTML
04
VII
3.4.2 CSS
04
3.4.3 Javascript
05
3.4.4 Mysql
05
3.4.5 Asp.Net
05
3.5 Webpage Details
4
5
06
3.5.1 Home
06
3.5.2 About us Page
07
3.5.3 Service Page
07
3.5.4 Contact Page
08
3.5.5 HTML to ASPX
08
3.5.6 Web config
09
3.5.7 Mysql
09
INTERNSHIP OUTCOMES
10
4.1 Problems and their Solutions
10
4.2 Problems
10
4.3 Solutions
10
4.4 Outcomes of Learning
11
4.4.1 HTML
11
4.4.2 CSS
11
4.4.3 Bootstrap
11
4.4.4 Javascript
11
4.4.5 PHP Basic
12
CONCLUSION
13
5.1 Conclusion
13
6
REFERENCES
14
7
GEOTAG PHOTOS
15
VIII
LIST OF FIGURES
FIG.NO
NAME OF THE FIGURE
PG.NO
3.1
Server and Client-side view
04
3.2
Home Page
06
3.3
About Page
07
3.4
Service Page
07
3.5
Contact Page
08
3.6
(.html to .aspx)
08
3.7
Code for connecting database
09
3.8
Connecting database to web page
09
IX
CHAPTER 1
INTRODUCTION
1.1 INTRODUCTION
Web application development refers to the creation of dynamic, interactive and userfriendly applications that run on the internet. The goal of web application development is to
provide a seamless user experience through a web browser on various devices, such as desktops,
laptops, tablets and smartphones. This process involves several phases, including planning,
design, development, testing, deployment and maintenance. Some popular technologies used in
web application development include HTML, CSS, JavaScript, and server-side programming
languages such as Python, Ruby on Rails and PHP.
1.2 OBJECTIVES
➢ Understand basic concept and structure of HTML3, HTML4, HTML5, CSS, Bootstrap
Framework, PHP, Java, creating Database & connecting with WordPress
➢ To get awareness about the various job opportunities.
➢ To perceive communicational skills and organizational dynamics.
➢ To get educated about the official habitat.
➢ Opportunities for technical skill.
➢ Improve communication skill.
➢ Knowing all type of official knowledge.
1.3 GOALS
➢ Knowing practical knowledge about programming.
➢ Gain knowledge about HTML3, HTML4, HTML5, CSS, Bootstrap Framework, PHP,
Java etc.
➢ Increase communication skill with other.
➢ Gain essential background knowledge.
➢ Works well with others.
➢ Develop research skills.
➢ Improve administrative skill.
➢ Increase the capability for solving the problems.
1
CHAPTER 2
ENTERPRISE PROFILE
2.1 ENTERPRISE PROFILE
Nxtlogic is a dynamic consulting firm that strives to provide its customers and partners
with a complete suite of end-to-end enterprise solutions. Our team consists of experienced
professionals who have successfully led and implemented complex commercial projects across
the globe. It is the Nxtlogic mentality that, combined with our human-centered credo, explains
why our customers have chosen us as their trusted technology solution provider.
➢ Gaining a concrete understanding of your requirements.
➢ Assessing and planning a clear-cut roadmap to developing the best solution.
➢ Providing continued support to ensure stability and results.
Nxtlogic is one of the most sought-after web development services companies in India,
with a supremely qualified team of web developers. Our clients benefit immensely from the longterm expertise acquired by our team over the past few decades.
2.2 SERVICES
➢ Web Design & Development
➢ Windows Application
➢ Mobile Application
➢ SEO & Digital Marketing
➢ Internship
➢ Research Assistant
2.3 ADDRESS
Nxtlogic Software Solutions
No. 415, 1, Vivekananda Rd, Peranaidu Layout,
Ram Nagar, Gandhipuram, Coimbatore,
Tamil Nadu 641009, India.
2
CHAPTER 3
ROLES AND RESPONSIBILITIES
3.1 INTRODUCTION
This chapter secured the approach of internship program and gives the data about Where
internship has been connected to accept accountability this program.
3.2 TRAINING ATTENDED
We know that there are many languages and skills needed to build a project, I used allthe
languages like JavaScript, PHP, C++, HTML, MySql and more. The server combines the result
and execute PHP codes containing various form of data like Image, Text etc. PHP code can also
be implemented using a command-line interface (CLI) is used to apply the independent
applications for graphical use.
3.3 DELEGATED RESPONSIBILITIES
➢ Project Manager
➢ Designer
➢ Front-end Developer
➢ Back-end developer
➢ Database Administrator
➢ Quality Assurance Engineer
➢ DevOps Engineer
➢ Technical Writer
3.4 TECHNOLOGIES USED
Creating a complex web application involves technologies from both the server-side and
client-side. When we are talking about web development technologies, it usually means the
client-side technologies, which are used to build and display everything that the end-user
interacts with. The main language of the web is JavaScript, presented on most web pages and
web apps on the client-side. This means that the web technologies are mostly based on
JavaScript, HTML, CSS, while server-side technologies are varied (.NET, Java, PHP, Ruby, or
even server-side JavaScript Node.js).
3
Fig 3.1 Server and Client side view
3.4.1 HTML
The HyperText 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.
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.
3.4.2 CSS
Cascading Style Sheets (CSS) is a style sheet language used for describing the
presentation of a document written in a markup language such as HTML or XML (including
XML dialects such as SVG, MathML or XHTML). CSS is a cornerstone technology of the
World Wide Web, alongside HTML and JavaScript.
CSS is designed to enable the separation of content and presentation, including
layout, colors, and fonts. 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, 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.
4
3.4.3 JAVASCRIPT
JavaScript, often abbreviated as JS, is a programming language that is one of the core
technologies of the World Wide Web, alongside HTML and CSS. As of 2022, 98% of
websites use JavaScript on the client side for webpage behavior, often incorporating third- party
libraries. All major web browsers have a dedicated JavaScript engine to execute the code
on users' devices.
JavaScript is a high-level, often just-in-time compiled language that conforms to the
ECMAScript standard. It
has dynamic
class
is multi-paradigm,
functions.
It
typing, prototype-based object-orientation, and firstsupporting event
driven, functional, and
imperative programming styles. It has application programming interfaces (APIs) for working
with text, dates, regular expressions, standard data structures, and the Document Object Model
(DOM).
3.4.4 MYSQL
MySQL is an open-source relational database management system (RDBMS). Its name
is a combination of "My", the name of co-founder Michael Widenius's daughter My, and "SQL",
the acronym for Structured Query Language. A relational database organizes data into one or
more data tables in which data may be related to each other; these relations help structure the data.
SQL is a language programmers use to create, modify and extract data from the relational
database, as well as control user access to the database. In addition to relational databases and
SQL, an RDBMS like MySQL works with an operating system to implement a relational
database in a computer's storage system, manages users, allows for network access and
facilitates testing database integrity and creation of backups.
3.4.5 ASP.NET
ASP.NET Core is a free, cross-platform, high-performance, open-source web framework
successor to ASP.NET, developed by Microsoft. It can be run on the full .NET framework,
Windows, and the cross-platform .NET Core. ASP.NET Core is used for building web apps and
services, Internet of Things (IoT) apps, and mobile backends.
As ASP.NET has been in the market for a long time, ASP.NET Core is also very popular
as it is a fast and advanced framework. The community for ASP.NET Core is also
5
strong and growing, making it one of the leading frameworks in the market. Several top global
organizations are currently using ASP.NET Core, such as Alibaba, ROBLOX, Slack, and
GrubHub.
3.5 WEBPAGE DETAILS
➢ Home
➢ About
➢ Service
➢ Contact
3.5.1 HOME
In this page the home screen of the website is showed. Users can surf through this page to
access all the products the website contains. The overview the website is also present in thispage.
Fig 3.2 Home Page
6
3.5.2 ABOUT US PAGE
This page is dedicated to the goals and aim of the company. It also tell why the company
was founded and what other services they offer.
Fig 3.3 About Page
3.5.3 SERVICE PAGE
Fig 3.4 Service Page
7
3.5.4 CONTACT PAGE
Fig 3.5 Contact Page
3.5.5 HTML TO ASPX
Fig 3.6 (.html to .aspx)
8
3.5.6 WEB CONFIG
Fig 3.7 Code for connecting database
3.5.7 MYSQL
Fig 3.8 Connecting database to web page
9
CHAPTER 4
INTERNSHIP OUTCOMES
4.1 PROBLEMS AND THEIR SOLUTION
Issues based on development can be faced as the result it requires more vocabulary of
form markups, methods, objects, modifiers, and many ways to build software or plan. And it's
not just web development issues that have more solution that can be easy and quick.
4.2 PROBLEMS
I faced so many problems to create while working with CSS. It's very easy, but
sometimes it doesn't match my expectations and is placed in the right place. Web design is not a
simple task. To come up with a unique web design it takes a lot of creativity, brainstorming,
cooperation of the group and uniqueness. A web designer goes through a lot of obstacles in
regular basis. Only the web designs that were in the process of constant development and
recursive thinking can satisfy the target market and clients. This creates a challenging
environment for designing websites.
On the opposite, web designers face some other obstacles. Such tasks include
maintaining a website that is sensitive enough to be viewed and accessed on all phones.
Websites sometimes take time to load, so making website loading faster is one of the toughest
challenges for web design to provide a better user experience.
There is another issue that happens most often. Clients face issues with the website and
complain it the the developer. But when developers check the website it look absolutely fine to
them. These issues can be caused by out dated web servers or when clients make incorrect
changes to them. Finding the sources of these issues can be time consuming and developer had to
tackle this in a daily basis.
4.3 SOLUTIONS
Web development really is so fascinating and at the same time tough to me, I will learn
and understand several goals with interest through internship training as if after studying I could
understand web development and it is so interesting then all the other languages to me. During
my training period, I solved the CSS and other problems. Clean software eliminates unforeseen
errors that can impact the load of site. Automated website monitoring solutions frequently
enable developers to view the websites of their customers in real time and set alerts to notify them
10
when potential issues arise. Not only does this allow developers to recognise an issue before the
customer does it, it also gives them the opportunity to address it in many situations before the
problem affects the business of the customer.
4.4 OUTCOMES OF LEARNING
4.4.1 HTML
➢ Basic HTML (Tags, Element, Attributes, Paragraphs, Headings, Line Breaks, Horizontal
Rule, Lists, Table, Color Codes, Font, Text Linking, Email, Images, Background,
Comments, Meta, Media, Charset)
➢ Basic concept (WWW& HTTP, HTTPS, Client Server Communication)
➢ HTML Forms (Input, Text Fields, Password, Checkbox, Combo Box, Radio, Text Areas,
Files, Buttons)
➢ HTML5 features.
4.4.2 CSS
➢ Basic CSS (selector, internal, external, Inline, Class, Id, Background, font, Text, Padding,
Margin, Border, list CSS, hovering and elements)
➢ Advance CSS (border-radius, opacity, cursor, layers, position, display, float, gradient, and
multiple-column)
➢ Concept of Menus (single menu, dropdown menu)
➢ Template, design using CSS div.
4.4.3 BOOTSTRAP
➢ Environment Setup
➢ Grid System
➢ Typography
➢ Tables, Forms, Buttons, Images
➢ Drop Down, Button Group
➢ Navigation Element
➢ Bootstrap plug-ins (Transition, Modal, Drop down, Tab, Tool tip, Alert, Button)
4.4.4 JAVASCRIPT
➢ Basic JavaScript (Syntax, Enable, Location, Operators, Variables, Events, Alert, Confirm,
Prompt, POP up, Date, print)
11
➢ JavaScript String (Strings, Length, Split, Search, Replace)
➢ JavaScript advanced (get Element by Id, Inner HTML, Get table, index, DOM,
manipulation, Regular Expression)
4.4.5 PHP BASIC
➢ Control Structures (if, else, else if, while, do-while, for, for each, break, continue, switch)
➢ Include (require, include, require_ once, include_ once)
➢ Function (User-defined Function, Function arguments, returning values, variablesfunction)
➢ Array (array declaration, merging, sorting, deleting, inserting).
12
CHAPTER 5
CONCLUSION
5.1 CONCLUSION
In conclusion, web application development is a complex and ever-evolving field that
requires a combination of technical and creative skills. It involves the design, development, and
deployment of web-based applications that can be accessed from any device with an internet
connection. The process of developing a web application involves several stages, including
conceptualization, design, programming, testing, and deployment.
To succeed in web application development, it's important to stay up-to-date with the
latest technologies, programming languages, and design trends, as well as to have a deep
understanding of user needs and preferences. Overall, web application development offers
endless opportunities for innovation and creativity, and is essential for businesses looking to
establish a strong online presence.
13
REFERENCE
[1]
W3C CSS Specification @ https://www.w3.org/Style/CSS/specs.en.html.
[2]
W3School's
HTML
and
CSS
Tutorials,
References
and
Examples
@
https://www.w3schools.com/. (W3School is not related to W3C).
[3]
W3School's JavaScript Tutorials, References and Examples @ https://www.w3schools.com/
[4]
MySQL 5.7 "Reference Manual" @ http://dev.mysql.com/doc/
[5]
CSS
2.1
Specification
W3C
Recommendation
https://www.w3.org/TR/CSS21/).
14
Revised
17
December
2014
(@
GEOTAG PHOTOS
15