INTERNSHIP REPORT ON

FULL STACK WEB DEVELOPMENT

Organization Study on

www.hochtechsolutions.co.in

VISVESVARAYA TECHNOLOGICAL UNIVERSITY, BELGAUM

In partial fulfilment of the requirements for the awards of the degree of

DEPARTMENT OF COMPUTER SCIENCE ENGINEERING

©Hoch Tech Solutions

 ACKNOWLEDGEMENT

First and foremost, I would like to express my gratitude to my Organizational study Mr.
Ningaraju KL Managing Director HOCH TECH SOLUTIONS, MYSORE.
I am also in debited to the management of VTU college for provide me with a good study
environment and excellent library facilities. I thankful to their help and support rendered by the
teaching and non-teaching staff of department of business administration.

Lastly, I take this opportunity to offer my regard to all those who have support me directly and
indirectly in complementing this organizational study

Finally, it’s my foremost duty to thankful my parents for encouragement and supportive during
entire course.

©Hoch Tech Solutions

 ABSTRACT

The main objective of this internship was WEBSITE DESIGN AND 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 framework' s 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 & quote; WEBSITE DESIGN AND DEVELOPMENT& quote; 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 WEBSITE DESIGN AND
DEVELOPMENT knowledge and experience gathered during this internship period.

©Hoch Tech Solutions

 TABLE OF CONTENTS

CONTENT
Approval
Declaration
Acknowledge
Abstract

CHAPTER

CHAPTER 1: Introduction

• 1.1 Objectives
• 1.2 Goals
• 1.3 Motivation
• 1.4 Report Layout

CHAPTER 2: Internship Enterprise

• 2.1 About Company
• 2.2 Head Office

CHAPTER 3: INTERNSHIP ROLES AND RESPONSIBILITIES

• 3.1 Introduction
• 3.2 Training Attended
• 3.3 Assigned Responsibilities
• 3.4 Work Environment
• 3.5 Performed Tasks
• 3.6 Web page Details

CHAPTER 4: INTERNSHIP OUTCOMES

• 4.1 Problems and Solutions
• 4.1.1 Problems
 • 4.1.2 Solutions
• 4.2 Learning Outcomes
• 4.2.1 HTML
• 4.2.2 CSS
• 4.2.3 Bootstrap
• 4.2.4 JavaScript
• 4.2.5 PHP BASIC

• 4.3 Challenges

CHAPTER 5: CONCLUTION AND FUTURE SCOPE

• 5.1 Conclusion
• 5.2 Future Scopes

REFERENCE
 LIST OF FIGURES
Figures
Figure 3.6.1 Home page
Figure 3.6.2 HTS page
Figure 3.6.3 Protective gears page
Figure 3.6.4 Contact Us page
Figure 3.6.5 About Us page
Figure 3.6.6 Login page
Figure 3.6.7 Register page
Figure 3.6.8 Payment page
 CHAPTER 1:
INTRODUCTION
1.1 Objectives

Internship is thought on addition a few encounters from the different a few associations which will
encourage bounty to make a connection between the hypothetical and reasonable data. It includes
profitable ability like usable working environment or pc instrumentation, taking care of a spread
of things in the meantime, sorting out or dissecting learning, spending plans or rising collaboration,
composing, and talking gifts. Usable work environment or pc instrumentation, composing, and
talking gifts. It’s indispensable to get a handle on the best approach to impart data to outsiders,
managers, and companions. While doing an undergraduate program in computer science and
engineering at Daffodil International University, I considered a few programming courses Last 4
years. Be that as it may, this is frequently not happy to get a handle on the web developing because
of it's an extremely huge marketplace. to encourage a sound data concerning programming which
has net application style and Development. I'm intrigued to attempt and do entry level position in
Hoch Tech Solutions.
This entry level position report covers the whole temporary job time that I have finished with
progress concerning the coding, style and improvement.
.

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.2 Goals
• Knowing practical knowledge about programming.

• Gain knowledge about 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.

• Knowledge of professional journals and newsletters.

• Knowledge of key professional.

• Improve professional ethics and values.

• Improve technical skill.

1.3 Motivation

For internship to induce the sensible expertise within the field of technology and Engineering.
It's extraordinarily vital that knowing about hypothetical information and actualize inside the
reasonable field to broaden our gifted ability in building work advertise.
The motivation of this internship actually came from the intention of learning more about the
job sectors and the work environment of IT farms. A desktop base system of creating websites
is easy to learn. Before joining the internship, i knew that I am in a primary stage and beginner
level in learning web development, my first task is to learn and create and be creative. The
learning curve of a web development is such interesting and charming. It is very simple to build
a project fully by HTML, CSS, MYSQL and PHP when you know what you are doing.
1.4 Layout of Report
This Layout contains key points of this report as like objective details of the kind of paper
selected, the margins, line spacing, pagination, and equation illustrations, and references,
incorporation. Table 1 presents general page layout specifications.
I may allocate a document format for each report that I make. Through the document design, I
describe the report's template attributes, like the report's page format and report’s data's number
format. I am able of setting parameters for the documents when I use the functions of layout.
Once I define a document format, I explicitly specify a design for a report and I can modify a
report's default layout.

• Chapter 1 Describes the details of introduction of web development.

• Objective. In this portion, the objective of the internship is described. It also
consists of the facility, resources, how to reduce the number of employees and load of
work on them. How to implement, inheriting the motivational thinking of web
development.
• Goals. Goals describes the aim of the internship. The key features of this part is to
analyze the learning by the internship. It also shows the effectiveness and the choices
can be made in future.
• Report layout. It is a overview of the chapters contain in the full report.

• Chapter 2 This chapter is dedicated to describe the company I am doing the internship
in. The motto and the goal of the company is stated in this chapter.

• Chapter 3 This chapter consists of the responsibilities and the roles I was given while
doing the internship. This contains the training attended, work environment, assigned
roles and responsibilities and the performed tasks.

• Chapter 4 This chapter contains the outcomes of a project and as well the internship.
The outcome of a project is the result, and the problems and their solutions. For example
understanding OOP and learning about the challenges and outcomes.

• In the Chapter 5 This chapter simply contains and describes the conclusion of the report.
 CHAPTER 2 ENTERPRISE
OF THE INTERNSHIP

2.1 Company information

Hoch Tech Solutions is into providing of IT Services and Training for over 15 years now. They
cater to customers from different Industries/Verticals in India and Worldwide.

Motto: Our inspiration and motivation is to produce creative, efficient and cost effective
solutions for our clients in a desired & apt manner. We not only listen to our customer’s ideas and
requirements, but also try to add to the value by contributing some of our own ideas innovatively.

PROPRIETOR Hoch Tech Solutions is a private IT based company. Founded in the year 2009.
The company is registered as Hoch Tech Solutions, trading as Hoch Tech Solutions in Mysore &
Bangalore and across the Globe. Devika KN is Hoch Tech Solution’s Founder, & CEO of the company.

Overview & Credentials of Hoch Tech Solutions Belongs to one of the Largest Business IT giants in
India, HTS Group Incorporated in 2005, 15+ years of experience and excellence Excellent client base,
spread across India and globally Certified for ISO 9001: 2008 for Quality Management Best Project
management, QC, and Delivery processes Timeliness, Reliability, Quality all at affordable prices Our
clients belong to various verticals including, Technology, eLearning, Examinations, Yoga , ERP ,
Apps E-Commerce , Database Management…etc.

The company has been formed by a group of professionals having vivid experience and wide exposure
in Information Technology. People involved here are young qualified business graduates and qualified
engineers from the renowned universities across the Karnataka.
The resource personnel working in the company have been consistently providing reliable support
services and consultancy to a wide variety of corporate houses either in the capacity of executive or as
business partner or consultant. Bottom line of the company philosophy is building a long-term business
partnership with its clients where interpersonal relationship, reliability, assured quality and target
oriented modern technology are the major building blocks.
It is a company where professionals from both technical and functional field group together with an
objective of providing appropriate business solutions. It realizes the importance of functional
knowledge and its impact in developing business solutions. We constantly strive to be a leading
technology firm with profound business and functional knowledge. The key to the company's success
is the maintenance of a close working relationship with the clients through ensuring the best possible
solutions to their needs; to establish and maintain a thorough knowledge and understanding of client's
objective and help them maximize the benefits. We want to establish ourselves as the best choice in
Computing and Information Technology Services, Consultancy and Development by offering the full
spectrum of services.
Hoch Tech Solutions. also give many services like

• Software development.

• Software Development Kit

• Website development.

• Mobile app development.

• CRM

• Inventory management

• Analytic, Reporting and Big Data solutions

• Dedicated Support Team

• Value Added Service Design & Implementation

 2.2 Head Office

HOCH TECH SOLUTIONS

CORPORATE OFFICE CORRESPONDENCE OFFICE

No 778, 1st Floor, near Ganesh Bhandar, # 783, RMZ Centennial RMZ Corp,
TK Layout 4th Stage, Saraswathipuram, 2nd floor A Unit Whitefield,
Mysuru, Karnataka Bangalore, Karnataka
Phone No : +91 6363759325 Phone No: +91 9845520360

E-mail: info@ hochtechsolutions.co.in Web: www.hochtechsolutions.co.in

Company Profile:
Table no 2.1 Table representing company profile:
INDUSTRY NAME Software IT solution

BUSINESS GROUP IT group

ADDRESS No 778, 1st Floor, near Ganesh

Bhandar, TK Layout 4th Stage,
Saraswathipuram, Mysuru, Karnataka
CITY Mysore & Bangalore

STATE Karnataka

COUNTRY India

PINCODE 570009
• Languages of Technologies BSL Speak
ASP.NET, JAVA, PHP, Perl, C++, JavaScript, XHTML, AJAX, Java EE, CSS,
Databases Systems
Hibernate, Doctrine, MySQL, PostgreSQL
Server Platforms
Linux, Mac OS X and Windows table with the new website layout and would recommend
Bengal Solutions to anyone.
CMS
Drupal, Magneto, Joomla, Typo3, E commerce, WordPress.
Frameworks
Dot net Nuke, Symphony, Cake PHP, SEAM, Code igniter, Zend,
 CHAPTER 3

ROLES AND RESPONSIBILITY OF THE

INTERNSHIP

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 all the
languages like JavaScript, PHP, C++, HTML, C# 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. The training that I underwent at Hoch Tech Solutions. is show below:

• JQuery
• HTML5, HTML4
• JavaScript
• CSS3, CSS2
• MySQL
• Bootstrap
• PHP

3.3 Delegated Responsibilities:

• UI/UX design.
Designing UI/UX for Websites and Mobile applications.
• Web design.
Designing websites.
 • Frontend development.
Developing the frontend of various websites.
• Android app development.
Designing and developing Android applications.

3.4 Environment of Work

Frontend Developer The main job of a frontend developer is to work at the client side designing
web pages and graphics that is s accessible by the user.

Backend Developer The responsibility of a back end developer is to develop the rear end of a
website that interacts with the server. This type of web developer specializes in the languages
like PHP, ruby, ASP.Net, Java, Cold Fusion, and Perl [6].

The job profiles for the web developer includes:

• Frontend web developer.

• Backend web developer.
• Developer of web applications
• Analyst for Design and layout Analyst for.
• Senior web analyst.
• Web marketing analyst.

3.5 Performed Tasks

The name of the project is the design and implementation of the Online Shopping E- Commerce
Website. An online store is a web-based virtual store where customers can browse the catalog
and select interesting products. The selected items will be gathered in shopping cart. The items
will be presented as an order when the customer wants to check out from the site. This time the
website will ask for more information for the transaction. The customer will fill a billing from
containing billing address, shipping address, options for shipping and his or her payment
information like credit card number. The customer will receive an e-mail notification when the
order is placed [4].
3.6 Web Pages details
• Home
• About Us
• HTS
• Protective Gears
• Contact Us
• Login
• Register

Home Page:
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 this
page.
Figure 3.6.1 shows the home page

Fig 3.6.1 Home page

HTS Page
This page contains all the HTS available in this site. This is the Firts product page. Either
registered or non-registered users can access this page. Figure 3.6.2 shows the helmet page.

Fig 3.6.2 HTS page

Protective Gears Page:
This is the second and last product page. This site contains all the other protective gears like
knee and elbow guard, jackets, riding boot and gloves.
Figure 3.6.3 shows the Protective gears page.

Fig 3.6.3 Protective Gears page

Contact Us Page:
This page is dedicated to all the info needed by the customer and consumers to contact the
administrators of the web page. Figure 3.6.4 shows the contact us page.

Fig 3.6.4 Contract us page

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.
Figure 3.6.5 shows the about us page.

Fig 3.6.5 About Us

Login:
This page can be accessed by both user and admin to login to the site.
Figure 3.6.6 shows the login.

Fig 3.6.6 Login page

Sign-up Page :

This is the sign-up page. This gives the chance to new user to sign-up as a registered customer.
Figure 3.6.7 shows the sign-up page.

Fig 3.6.7 Sign-up Page

Payment Page:
This page appears when the customer wants the check out. In this page the order summary is
presented and the customer needs to fill up payment information to proceed . Figure 3.6.8
shows the payment page.

Fig 3.6.8 Payment

 CHAPTER 4
INTERNSHIP OUTCOMES

4.1 Problems and their Solutions

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.1.1 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.1.2 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 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.2 Outcomes of Learning

4.2.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.2.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.2.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.2.4 JavaScript
• Basic JavaScript (Syntax, Enable, Location, Operators, Variables, Events, Alert,
Confirm, Prompt, POP up, Date, print)
• JavaScript String (Strings, Length, Split, Search, Replace)
• JavaScript advanced (get Element by Id, Inner HTML, Get table, index, DOM,
manipulation, Regular Expression)

4.2.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, variables
function)
• Array (array declaration, merging, sorting, deleting, inserting)

4.3 Challenges
During the design of the code, different types of problems have to be met. Also widespread:
• Syntax error.
• Fatal error.
• Find out the problem and try to solve that.
 CHAPTER 5 CONCLUTION
AND THE FUTURE SCOPE

5.1 Conclusion
As we all know, our country is a developing country and it dreams to be a developed country
soon. Hence the government of Bangladesh has taken many necessary project to fulfilling the
concept of digital Bangladesh. Day by day our job sector is getting more and more competitive.
As a result every other company is searching for experienced candidates.

Finally, I can claim it's internship that helps me gain experience. Thanks to Hoch Tech
Solutions, I gained so much more in-depth knowledge of technical skills and personal skills
This project helped me gather theoretical and practical knowledge about HTML4/5, CSS,
PHP, MYSQL and other programming language. Beforehand I was confident about designing
and developing frontend of websites. Now I am also confident and competent in backbends.

For those students who are willing to work in web development, there are huge opportunities
available. To give them the scope for online work and development of website, most private and
public organizations employ web designers. With the rapid emergence of the digital industry,
web development professionals ' demand is growing, and in the coming days this has already
availed so many job opportunity for newcomers.

My internship company gave me a good scope to learn and discover my potentials. I am very
grateful to them. Now I am able to develop web and mobile applications. I was fortunate for
getting the chance to meet the real life software development environment.
5.2 Future Scopes
I gained so much experience from this Internship. If I did not had this experience it would be
very hard for me to find a suitable job. As we know finding work can be a challenge in this
competitive world. In my career opportunity, this internship will support me. And my future
scopes will be after a good internship:

• I can work in an IT farm.

• Working as a software engineer is possible.

• Can peruse career in web design.
• Woking as a web developer is a possibility.
• Can peruse Mobile app developing.
• Can work as a QA Tester.