'(31l0+l2o23)

CENTRAL MANUFACTURING
TECHNOLOGY INSTITUTE
SINCL 1962 (An Autonomous R&D Institute
Under Ministry of Heavy Industries, Govt. of India)

CENTRAL MANUFACTURING TECHNOLOGY INSTITUTE

Dept: Smart Manufacturing Precision Machine Tools &Aggregates (C-sMPM)
Year: 2022-2023

INTERNSHIP REPORT

TOPIC: DEVELOPMENT OF ENERGY DASHBOARD USING HTML, CSS &IS

Submitted by,
SANATH SUNIL INGALGI

Bachelor of Engineering (BE) in Information Science &Engineering

BMS Institute of technology and Management, Bengaluru

UTEOFTECHNOLoG
AAGEMME

BEN ALURU-6A

Under the Guidance of,

Mr. NARENDRA REDDY T

Designation: Scientist D
Dept: SMPM
Central Manufacturing Technology Institute, Bengaluru
 STUDENT INTERNSHIP COMPLETION

Sub: B.E Student Internship Completion

Respected Sir,

Mr. SANATH SUNIL INGALGI (1BY201S143), B.E Student from Information Science
and Engineering at BMS Institute of Technology and Management, Bengaluru
has taken up the Internship in CMTI/C-SMPM and has successfully completed his
project of "DEVELOPMENT OF ENERGY DASHBOARD USING HTML, CSS & JS in
the period of 61 days (from 15-05-2023 to 15-07-2023).
The Internship Completion certificate may kindly be issued.

Centre Head (C-AEAMT)

Mr. Narendra Reddy T
(Scientist-D)
 DECLARATION

, SANATH SUNIL INGALGI (1BY20IS143) hereby declare that the Internship

Training Reportentitled "DEVELOPMENT OFENERGY DASHBOARD USING HTML.
CSS &JS" done at CMTI-CENTRAL MANUFACTURING TECHNOLOGY INSTITUTE,
Bengaluru, under the guidance of Mr. Narendra Reddy T, (Scientist-D), C-SMPM,
CMTI, Bengaluru.

It has been carried out by me and submitted in partial fulfilment of the

requirement for the degree of Engineering in Information Science and
Engineering of BMS Institute of Technology and Management Bengaluru,
Visvesvaraya Technological University, Belagavi during the academic year 2022
2023.

Date:
SIGNATURE OF STUDENT
Place: Bengaluru SANATH SUNIL INGALGI
BMSIT&M
BENGALURU
 ACKNOWLEDGEMENT

Iwould like to express my sincere gratitude and appreciation to all those who
have contributed to the successful completion of my internship report.

First and foremost, Iam deeply grateful Central Manufacturing Technology

Institute for providing me with the opportunity to undertake this internship.
Iexpress my genuine gratitude to Dr. Nagahanumaiah, Director, CMTI, for
permitting me to carry out this internship in their esteemed organization.

Iwould like to extend my sincere thanks to the Centre Head, C-SMPM, Mr.
Prakash Vinod, for their invaluable support, guidance, and encouragement
throughout my internship period.
I would like to express my deepest appreciation and gratitude to my mentor
Mr. Narendra Reddy T, Scientist for his constant guidance, mentorship, and
invaluable insights throughout my internship journey. His expertise and
willingness to share his knowledge have significantly enhanced my
understanding of the industry and contributed to my personal and professional
development.
I would like to thank Dr. Mohan Babu, Principal,
BMSIT&M, for providing the
opportunity to carry out this internship.
lexpresS my sincere thanks to Dr. Pushpa S.K, Professor and HOD,
of Information Science and Engineering, Department
BMSIT&M, for her support and timely
guidance throughout this internship.
Lastly, Iwould like to express my heartfelt thanks to my
family and friends for
their unwavering support,
encouragement, and belief in my abilities. Their
motivation and understanding have been a canstant
throughout this source of inspiration
internship journey.
 ABSTRACT

This report presents a comprehensive overviewof the development prOcess and

implementation of an energy dashboard using HTML, CSs, and JavaScript (JS).
The energy dashboard serves as a powerful tool for individuals and organizations
to monitor and manage their energy consumption effectively.

It emphasizes the significance of energy monitoring and management in the

context of sustainability and resource conservation. It highlights the need for an
intuitive and user-friendly interface that empowers users to track their energy
consumption patterns and make informed decisions to optimize energy usage.

The technical aspects of developing the energy dashboard are thoroughly

discussed. The report explains the rationale behind selecting HTML, CSS, and JS
as the primary technologles for constructing the dashboard. These technologies
were chosen due to their versatility, widespread usage,and excellent support for
building interactive web applications. The report outlines the key functionalities
incorporated into the dashboard, including real-time data visualization, historical
energy consumption analysis, and customizable options for users.

Furthermore,the design considerations taken into account for the user interface
are explained in depth. The report highlights the importance of creating an
intuitive and visualy appealing dashboard that offers a seamless user
experience.

Inconclusion, the development of an energy dashboard using HTML, CSS, and JS

provides individuals and organizations with a robust solution for monitoring and
managing energy consumption. This combination of technologies offers a
flexible and accessible platform for visualizing energy data, enabling users to
make informed decisions and contribute to sustainable energy practices.
 drishti

1.1 INFORMATION ABOUT CMTI

CMTI (CENTRAL MANUFACTURING TECHNOLOGY INSTITUTE BENGALURU) is an R& D
organization focusing its efforts mainly on harnessing know-how in the manufacturing
technology sector to practical purposes and assisting technological growth in the country. CMTI
has the role of being a Catalyst and a Key Player in manufacturing technology growth in the
country. Drishti is an online platform developed by CMTIthat provides a synergy between
industries and young innovators to solve complex challenges. CMTIis a part of a consortium
with five other government/PSU institutions under the aegis of DHI to form the innovation
platform.
1. ARAI- Automobile Research Association of India.

2. ICAT - International Centre for Automotive Technology.

3. HMT - Hindustan Machine Tools Limited.
4. BHEL- Bharat Heavy Electricals Limited.
5. IITM - Indian Institute of Technology, Madras.
CMTI is a registered Government of India Society, an autonomous institution under the
administrative control of the Ministry of Heavy Industries, Government of India, governed bya
Governing Council which has representation from the machine tool manufacturing and user
industries, the Union Government, and the Government of Karnataka.
The Governing Council evolves Policies and monitors policy deployment. A
Research Advisory
Board (RAB), a Technical Committee with representatives from industries and academia.
assists
the institute on matters relating to technological
advancement.
Purpose:
To Support Industries to Achieve Excellence in Technology and Stimulate Economy Growth

Mission:

We will Achieve Technological Leadership Achieves Excellence in the Quality of Products and
Services Establish a Dynamic, flexible, and result-oriented organizational structure Achieve
organizational excellence through transparent, professional management system Achieve
financial self-sufficiency Train, Motivate, and provide Growth oriented environment in
employees.

Values:
We believe In

Our people being our Greatest Assets

Mutual trust Building
Open Mindedness
Effective and Open Communications

Teamwork and Team Spirit

Participative, Co-operative Work Culture
Passion for Quality
Attention to Detail

Optimal use of Resources

Prompt Response to Customer Needs

CMTIover the last five decades developed Special Purpose Machines, Inspection Systems, Tent
Rigs for Qualification testing of products, Tooling, complex machined parts for public and private
sectors. CMTI has continuously aligned its facilities and expertise with fast changing technology
 sector.
areas of manufacturing to support and serve the manufacturing
in thrust
Nanotechnology, Precision engineering, Metrology.
Mechatronics, Vision and Image processing, Digital
(Microand Nano), Additive Manufacturing, (creating
and Human Resource Development
Design, Product Lifecycle Management (PLM),
current areas of focus of the Institute.
'Industry Ready' engineers) are the
provides a synergy between industries and
online platform developed by CMTIthat
Drishti is an
young innovators to solve complex challenges.
Platform of the department of Heavy Industry
CMTI, under the SDAMARTH Udyog Bharat 4.0
(DHI)
support the process of adoption of smart
Facility Centre to develop, propagate and
Manufacturing Demo &Development Cell
manufacturing practices, by the Is setting up a Smart
Indian.manufacturing industry. Skilling and
(SMDDC) as a Common Engineering rapidly growing
activities of SMDDC.
Reskilling in Smart Manufacturing are one of the focal

VISION:
Quality of Products & Services.
Achieve Technológical Leadership and Excellence in the
structure.
EstablishaDynamic flexible, and result-oriented organizational
management
Achieve organizational excellence through a transparent, professional
system

Train, Motivate and provide a Growth-oriented environment to employees.

 ABOUT CENTER FORSMART MANUFACTURING PRECISION MACHINE
TOOL & AGGREGATES (C-SMPM)

CMTIis pioneer in the field of Manufacturing has been mandated by DHI under the SAMARTH
Udyog Bharat 4.0 Platform to set up a Smart Manufacturing Demo & Development Cell as a
Common Engineering Facility Centre (CEFC) to propagate and support the process of adoption
of smart manufacturing practices by the rapidly growing Indian manufacturing industry. CMTI
is one of the nodal agencies of Samarth Udyog (https://www.samarthudyog-i40.in/)
established by the Department of Heavy Industry (DHI). Under this scheme, there is a
provision for the Indian industry (as industry partner) to develop technology
solutions/product development in collaboration with CMTI, malinly in the domain of Smart
Manufacturing/Industry 4.0. In addition, the facilities are available for try outs. SMDDC
provides an excelent opportunity for large scale manufacturers, MSME and Academia to
collaborate in technology solutions activities related to smart manufacturing and Industry 4.0.
The Major on-going activities of the centre are:

Pilot implementation of 'Smartmanufacturing Demo cum Development Cell for

Machine Tools' at CMTI(Experience Centre - Awareness &Propagation) &
Platform for
development (Technology driver)
Technology development, demonstration, trials, training, experience of
learning,
testing &validation of 14.0 products (R&D & Best
practices)
Customization rollout of smart manufacturing solutions for MSMES
&

(Enabling localization & customized

Implementation, Handholding) Industry
Employable Manpower (Skilling & Reskilling)
1.2 MOTIVATION
The main motive behind the
project is to take us a step closer to a
where the relationship between sustainable world,
human beings is that of harmony. This
as a smallstep in the project serves
advancement of the field of industry to monitoring the
conditions of industrial running health
machines.