0% found this document useful (0 votes)
16 views27 pages

Bhumii Internship Report

This internship report details the experience of Harshitha D S during her internship at Hindustan Aeronautics Limited (HAL) in the IT Department, focusing on the development of the HAL official website. The report is structured into four chapters covering the company profile, IT department functions, web application development, and personal reflections on the internship experience. Overall, the internship provided valuable insights into the aerospace industry and practical skills relevant to the field of computer science and engineering.

Uploaded by

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

Bhumii Internship Report

This internship report details the experience of Harshitha D S during her internship at Hindustan Aeronautics Limited (HAL) in the IT Department, focusing on the development of the HAL official website. The report is structured into four chapters covering the company profile, IT department functions, web application development, and personal reflections on the internship experience. Overall, the internship provided valuable insights into the aerospace industry and practical skills relevant to the field of computer science and engineering.

Uploaded by

bhoomikan124
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 27

VISVESVARAYA TECHNOLOGICAL UNIVERSITY

“JNANA SANGAMA” BELAGAVI-590018, KARNATAKA

An Internship Report
On

“HAL Official Website”


Submitted in Partial the fulfilment of the Requirement for the award of the Degree of

BACHELOR OF ENGINEERING
in

COMPUTER SCIENCE & ENGINEERING


Submitted by
HARSHITHA D S[1RL20CS024]

Of
VIII Semester
Under the guidance of
Prof. Shankar N B(Internal) Mr. Mukesh Patidar (External)
Associate Professor Sr. Manager- IT Department
Dept of CS&E, RLJIT Hindustan Aeronautics Limited

DEPARTMENT OF COMPUTER SCIENCE & ENGINEERING


R. L. JALAPPA INSTITUTE OF TECHNOLOGY
(Affiliated to Visvesvaraya Technological University, Belagavi |Approved by AICTE, New Delhi)
NAAC "A" GRADE

DODDABALLAPUR-561203 (KARNATAKA) 2023-24


(A Unit of Sri Devaraj Urs Educational Trust (Regd.))

R L JALAPPA INSTITUTE OF TECHNOLOGY


(Approved by AICTE, New Delhi & Affiliated to VTU, Belagavi)

Kodigehalli, Doddaballapur- 561 203

Department of Computer Science & Engineering

CERTIFICATE
This is to Certify that the internship work entitled “HAL Official Website” is carried out at
“HAL” by HARSHITHA D S(1RL20CS024), a bonafide student of R. L. Jalappa Institute of
Technology, in partial fulfilment for the award of Bachelor of Engineering in Computer Science
& Engineering of VISVESVARAYA TECHNOLOGICAL UNIVERSITY, Belagavi during
the year 2023-24. It is certified that all corrections/suggestions indicated for internal assessment
have been incorporated in the report deposited in the department library. The Internship report has
been approved as it satisfies the academic requirements in respect of Internship work prescribed
for said degree.

Signature of Guide Signature of HOD Signature of Principal


Prof. SHANKAR N B Dr. VIJAY KARTHILK Dr. VIJAY KARTHIK
Associate Professor Dept. of CS&E RLJIT
Dept. of CS&E, RLJIT RLJIT

Evaluators

Name Signature with Date


1. _________________
2. _________________
ABSTRACT

This internship report has been written at the successful completion of internship training at Hindustan
Aeronautics Limited (HAL) LCA Tejas Division in IT Department, as a requirement of my BE program
in the Department of Computer Science and Engineering, VTU University. As being completely new to
practical, corporate world setting, every hour spent there gave me immense amount of experience all the
time. But nevertheless, they were all useful for my career.

This report is divided into four chapters. The first chapter of this study deals with the detailed description
about the company and its different domains. The second chapter deals with the detailed description
about the IT department in the organization as well different services provided by this department. The
third chapter is about the Web application which is used in creating a useful website process. The fourth
chapter is about the reflection notes that describes my experience while working on the project assigned
to me. The last is about the references that are referred while the tasks are performed.

The internship program has broadened my knowledge base, which was made possible through my
participation in the various tasks that were assigned to me and my interaction with my colleagues at the
organization. It has been a wonderful experience at Hindustan Aeronautics Limited (HAL) and it will
be of much benefit to the organization if it continues to create similar platforms for young people as a
way of building their experience in the organization.

i
ACKNOWLEDGEMENT
I would like to express my profound grateful to His Divine Soul Sri R.L. Jalappa for providing me
an opportunity to complete my academics in this esteemed institution.

I would also like to express my profound thanks to honorable Sri G.H. Nagaraj Chairman, SDUET
Kolar, for his continuous support in providing amenities to carry out this internship in this admired
institution.

I express my gratitude to Dr. P. Vijay Karthik, Principal, R.L. Jalappa Institute of Technology, for
providing me an excellent facility and academic ambience, which has helped me in satisfactory
completion of the Internship.

I extend my sincere thanks to Dr. P. Vijay Karthik, Principal & Head, Department of Computer
Science and Engineering; for providing me a valuable support throughout the period of my internship.

I wish to express our heartfelt gratitude to my guide, Prof. Shankar N.B, Associate Professor,
Department of Computer Science and Engineering, for his valuable guidance, suggestions and cheerful
encouragement during the entire period of my internship.

I also express honest thanks to my External Supervisor Mr. Mukesh Patidar, Sr. Manager – IT
Department, HAL LCA Tejas Division, for his valuable guidance and inputs to carry out my internship
fruitfully.

I also express honest thanks to my internship mentor Mrs. Rekha C Anilkumar, Manager-IT Department,
HAL LCA Tejas Division for her constant support and care.

Finally, I take this opportunity to extend my earnest gratitude and respect to my parents, Teaching &
Non-teaching staffs of the department, the library staff and all my friends, who have directly or
indirectly supported me during the period of my internship.

HARSHITHA D S[1RL20CS024]

ii
Internship Certification

iii
TABLE OF CONTENT

Chapter No. Chapter Name Page No.

Chapter 1 Introduction 1-3

1.1 Company Profile 1

1.2 About Company 1-2

1.3 HAL Today 2-3

Chapter 2 About the Department 4-6

2.1 LCA Tejas Division 4

2.2 Products 5

2.3 Role of IT Department in LCA 6

Chapter 3 7-10

3.1 Aim 7-8

3.2 Steps used to build website 9-10

3.3 Future Enhancement 10

Chapter 4 Requirement Specification 11

4.1 Software Requirements 11

4.2 Hardware Requirements 11

iv
Chapter 5 Implementation 12-14

Chapter 6 System Design 15-17

Chapter 7 Conclusion 18

Chapter 8 References 19

v
LIST OF FIGURES

Figure No. Figure Name Page No.

1.1 Company Logo HAL 1

2.1 Tejas LCA 5

6.1 Home Page 15

6.2 Awards Page 15

6.3 HAL at Glance 16

6.4 Section Page 16

6.5 Quote Page 17

vi
Chapter 1
INTRODUCTION

1.1 Company Profile:

Hindustan Aeronautics Limited (HAL) based in Bangalore, India, is one of Asia's largest aerospace
companies. Under the management of the Indian Ministry of Defense, this state-owned company is mainly
involved in aerospace industry, which includes manufacturing and assembling aircraft, navigation and related
communication equipment, as well as operating airports.

HAL built the first military aircraft in South Asia and is currently involved in the design, fabrication and
assembly of aircraft, jet engines, and helicopters, as well as their components and spares. It has several
facilities spread across several states in India including Nasik, Korwa, Kanpur, Koraput, Lucknow, Bangalore
and Hyderabad. The German engineer Kurt Tank designed the HF-24 Marut fighter bomber, the first fighter
aircraft made in India.

Hindustan Aeronautics has a long history of collaboration with several other international and domestic
aerospace agencies such as Airbus, Boeing, Lockheed Martin, Sukhoi Aviation Corporation, Elbit Systems,
Israel Aircraft Industries, RSK MiG, BAE Systems, Rolls-Royce plc, Assault Aviation, MBDA, EADS,
Tupolev, Ilyushin Design Bureau, Dornier Flugzeugwerke, the Indian Aeronautical Development Agency
and the Indian Space Research Organization.

1.2 About Company:

Fig 1.1: Company logo Hindustan Aeronautics Limited

Page 1
HAL Website

Hindustan Aeronautics Limited (HAL) is one of Asia's largest aerospace companies and plays a crucial role
in India's defense and aviation industries. Established in 1940, HAL has grown into a comprehensive
aerospace organization with capabilities spanning aircraft, helicopters, engines, avionics, and related
systems.

HAL's primary activities include:

Aircraft Manufacturing: HAL designs, develops, and manufactures a wide range of aircraft, including
fighter jets, trainers, transport aircraft, and helicopters. It has been involved in notable projects such as the
HAL Tejas, India's first domestically developed light combat aircraft.

Helicopter Manufacturing: HAL produces various types of helicopters for both military and civilian
applications. These include utility helicopters like the HAL Dhruv and light combat helicopters such as the
HAL Rudra.

Aero-engines: HAL manufactures aircraft engines and provides maintenance, repair, and overhaul (MRO)
services for engines used in its aircraft and helicopters.

Avionics and Systems Integration: HAL is involved in the development and integration of avionics systems
for aircraft and helicopters, including communication systems, navigation systems, and mission systems.

Overhaul and Maintenance: HAL operates maintenance, repair, and overhaul facilities for aircraft, engines,
and related components, supporting the Indian Air Force and other customers.

Research and Development: HAL conducts research and development activities to enhance its product
offerings, improve manufacturing processes, and develop new technologies for the aerospace sector.

1.3 HAL Today:


It is a Navratna Company and also the largest Defense Public Sector Undertaking under the Department of the Defense
Production. It has 19 production Divisions with 9 co-located Research & Development Centers across 7 locations in
the country. The divisions of the company are located at various locations of the country because if the whole of
production is undertaken at a single location, the vulnerability to attack by enemies increases, and so most of the
countries scatter their production at different places. Over more than six decades in the past, HAL has spread its wings
to encompass activities in the areas of Design & Development of fixed and Rotary Wing Aircrafts, Avionics &
Accessories as well as Manufacture, Maintenance, Repair and overhaul of:
➢ Fighter, trainer & transport aircrafts
➢ Helicopters

➢ Unmanned Air Vehicles

Dept Of CSE, RLJIT 2023-24 Page 2


HAL Website

HAL has been successful in numerous R & D programs developed for both Defense and Civil Aviation
sectors. HAL has made substantial progress in its current projects:

• Dhruv, which is Advanced Light Helicopter (ALH)


• Tejas - Light Combat Aircraft (LCA)
• Intermediate Jet Trainer (IJT)
• Jaguar, SU-30, Helicopters like Chetak, Cheetah etc.
• Various military and civil upgrades.

Dhruv was delivered to the Indian Army, Navy, Air Force and the Coast Guard in March 2002 which was
the first year of its production and so, is a unique achievement in itself. HAL has played a significant role
for India's space programs by participating in the manufacture of structures for Satellite Launch Vehicles
like:

• PSLV (Polar Satellite Launch Vehicle)


• GSLV (Geo-synchronous Satellite Launch Vehicle)
• IRS (Indian Remote Satellite)
• INSAT (Indian National Satellite)

Dept Of CSE, RLJIT 2023-24 Page 3


Chapter 2
ABOUT THE DEPARTMENT

2.1 LCA-Tejas Division Bangalore


Hindustan Aeronautics Limited (HAL) is the principal partner in the LCA programme with Aeronautical
Development Agency (ADA) acting as the Program Co-Ordinator. LCA-Production Group (LCA-PG) was
launched in 2002 at HAL as the designated manufacturing unit for manufacturing the indigenously designed
4.5 generation aircraft – Tejas being designed by ADA. LCA PG was upgraded as a full-fledged Division of
HAL and christened as LCA Tejas Division, under Bangalore Complex in April 2014 for manufacture of
Series Production aircraft. Production system at LCA Tejas Division is geared up to handle the state-of-the-
art technologies of the Fly by wire Tejas multirole combat aircraft. Being the lightest and smallest in a class
of 4.5 generation, Tejas throws up immense challenges to the production units.

The key production drivers in the Tejas aircraft are:

• High percentage of carbon fiber composite (90 percent by surface area)


• Metallic components with complex geometries from Titanium, Aluminum, maraging steel
• Stringent EMI/EMC requirements
• Tightly packed Inboards
• Fully Integrated avionics, flight control and utility management systems.
• So far 2 Technology Demonstrators, 5 Prototype Aircraft, 7 LSP Aircraft & 1 Naval prototype have been
manufactured and more than 3700 flights have been carried out. Manufacturing of Series Production Aircraft
have commenced and being supplied to IAF.

LCA Tejas Division has been certified for AS 9100D (based on ISO 9001: 2015), with validity up to 8th July
2020. Upgradation of the certification is a continuous process and the Division will be updating the
certification to the latest standard applicable. Directorate General of Aeronautical Quality Assurance
(DGAQA) has accorded Renewal of AFQMS Approval of LCA-Tejas Division (Bangalore Complex) and
its Quality Management System. The approval is valid up to 31st March 2021. LCA Tejas Division is also
certified for ISO 14001:2015 EMS & OHSAS 18001: 2007 Integrated Management System with validity up
to 14th March 2019. Upgradation of the certification is a continuous process and the Division will be updating
the certification to the latest standard applicable.

Page 4
HAL Website

2.2 Products:

Figure 2.1: Tejas LCA

Tejas is a single engine, light weight, highly agile, multi-role supersonic fighter. It has quadruplex digital fly-by-wire
Flight Control System (FCS) with associated advanced flight control laws. The aircraft with delta wing is designed
for ‘air combat’ and ‘offensive air support’ with ‘reconnaissance’ and ‘anti-ship’ as its secondary roles. Extensive use
of advanced composites in the airframe gives a high strength to weight ratio, long fatigue life and low radar signatures.
Aeronautical Development Agency is the designated project manager for the development of LCA.

Performance:

Specification Measurement

Length 13.2 m

Span 8.2 m

Height 4.4 m

Specification Measurement

Max Take of Weight 13.5 t

Payload 5.3 t

Speed 1.6 M

Radius of Action 300 km

Takeoff distance 1700 m

Landing distance 1300 m

Dept Of CSE, RLJIT 2023-24 Page 5


HAL Website

2.3 Role of It Department In LCA:

In HAL, IT plays a major role in reducing the working time and completion of any task is done in ease.

This method includes some of the following functions which is very useful in this field:

▪ They help in the Online Attendance Entry System, the system reduces the manual work, the company can
retrieve the attendance of any employee at any given point of time. Visitor’s online entry system, As the visitors
are regular in the company, we have to register the details of those visitors and it has to record the entry details
hence this system plays a major role.

▪ In the defense system, some of the data or information must be visible to only authorized parties hence it is very
important to encrypt the data. Therefore, we have a main server which is maintained by the admin.

▪ Since there is a huge amount of data which is to be stored in the company and the major task is to manage that
data, we should have the ability to access the data anywhere with proper authentication. Hence ERP system is
used.

Enterprise Resource Planning (ERP): Enterprise resource planning (ERP) refers to a type of software that
organizations use to manage day-to-day business activities such as Business operations, Decision Making etc.

▪ Software helps companies stay organized and work more efficiently.


▪ Few of the well-known ERPs are: SAP, Oracle Application. Etc.
▪ The ERP software used in HAL LCA is IFS (Industrial and Financial System).
▪ The IFS Application consist of Navigator which provides a quick and easy way to access windows with IFS
Application.
▪ The navigator can be changed in appearance and can be customized as per requirement of the user.
▪ It is a flexible tool, which can adapt to simplify our daily work.
▪ The data can be edited, removed from the record, and data can be retrieved.
▪ It also has quick and easy to use search dialog, which includes advanced query capabilities.
▪ It is a well-structured and has the ability to save and reuse user-defined queries.
▪ It consists of different modules:
1. Manufacturing.
2. HR Management.
3. Finance.

Software Requirement used in IT Department: The IT department mainly uses Oracle SQL 10g for Database
and Dot Net (.NET) for website creation.

Dept Of CSE, RLJIT 2023-24 Page 6


Chapter 3

3.1 AIM
The aim of this project is to design and develop the official website for Hindustan Aeronautics Limited
(HAL). The website serves as a digital platform to provide information and resources to various including
employees, events, production and the general public.

The primary objectives are:

• Online Presence: Establishing a robust online presence for HAL to improve its visibility and
accessibility to a global audience.
• Information Dissemination: Disseminating information about HAL's products, services, projects, and
corporate activities.
• Employee Engagement: Providing a dedicated section for employees with access to HR resources,
news, and internal communications.
• User-Friendly Navigation: Ensuring an intuitive and user-friendly navigation system to facilitate easy
access to information.
• Responsive Design: Creating a responsive design that adapts to various devices, including desktops,
tablets, and mobile phones.

What is a website?

A website is a collection of web pages and related digital content that are typically identified by a common
domain name and can be accessed via a web browser on the internet. Websites are designed to provide
information, resources, or services to users.

Some key components and characteristics of a website:

1. Web Pages: Websites consist of individual web pages, each containing text, images, multimedia, and
hyperlinks. Web pages are written in HTML (Hypertext Markup Language), which defines the structure
and content of the page.

2. Domain Name: A domain name is the human-readable address used to access a website. It typically
consists of a unique name (e.g., "example") and a top-level domain (e.g., ".com"). For example,
"www.example.com" is a domain name.

Page 7
HAL Website

3. Web Server: Websites are hosted on web servers, which are specialized computers that store and serve
the website's files and content to users when they request it through their web browsers.

4. Navigation Menu: Websites often have a navigation menu or toolbar that helps users move between
different pages and sections of the site. This makes it easy to explore the content.

5. Content: Websites can contain a wide variety of content, including text articles, images, videos, audio,
downloadable files, forms, and interactive elements. The content is organized and presented in a user-
friendly manner.

6. Hyperlinks: Hyperlinks (or links) are interactive elements that allow users to navigate between web
pages or access external resources by clicking on them. Links are a fundamental part of web navigation.

7. Design and Layout: The design and layout of a website determine its visual appearance and user
interface. A well-designed website is user-friendly, visually appealing, and responsive to different devices
and screen sizes.

8. Interactivity: Many websites include interactive features such as contact forms, search functionality,
e-commerce capabilities, and user accounts. These features enable users to interact with the site and
perform various actions.

9. Security: Website owners and developers implement security measures to protect the site and its users
from threats such as hacking, malware, and data breaches.

10. Mobile Responsiveness: Modern websites are designed to be responsive, meaning they adapt to
different screen sizes and devices, including smartphones and tablets. This ensures a consistent user
experience across platforms.

11. Content Management System (CMS): Some websites are built using content management systems
like WordPress, Drupal, or Joomla. These systems make it easier for users to create, edit, and manage
website content.

Dept Of CSE, RLJIT 2023-2024 Page 8


HAL Website

3.2 Steps Used to Build our website


Creating a website using Frontend tools involves several steps, from planning and designing to
development and
testing.

1. Planning and Conceptualization:


- Determine the purpose of our website.
- Identify our target audience.
- Creating a sitemap or wireframe to visualize the website's structure.

2. Design:
- Choosing a color scheme and typography that align with our theme.
- Creating a layout for our website, including the placement of headers, footers, navigation menus, and
content sections.
- Design any logos, images, or graphics you'll use on the site.

3. HTML (Hypertext Markup Language):


- Start by structuring our website's content using HTML.
- Used HTML tags to define headings, paragraphs, lists, links, images, and more.
- Organizing our content into a hierarchy with HTML elements like `<header>`, `<nav>`, `<main>`, and
`<footer>`.

4. CSS (Cascading Style Sheets):

- Applying styles to our HTML elements using CSS.


- Defining styles for fonts, colors, margins, padding, and more.

5. Bootstrap:

- Bootstrap is a front-end framework that provides pre-designed UI components and a responsive grid
system.
- Utilizing Bootstrap's CSS classes for buttons, forms, navigation bars, and more.

6. JavaScript:

- Add interactivity and dynamic behavior to your website using JavaScript.


- Use JavaScript to validate forms, create image sliders, implement navigation menus, and more.
- Consider using JavaScript libraries or frameworks like jQuery or React for complex functionality.
- Optimize JavaScript code for performance and ensure it's error-free.

Dept Of CSE, RLJIT 2023-2024 Page 9


HAL Website

7. Testing:

- Testing our website on different browsers (e.g., Chrome, Firefox, Safari, Edge) to ensure compatibility.
- Verifying that our site is responsive and displays well on various devices (desktop, tablet, mobile).
- Check for broken links, typos, and other issues.
- Testing any interactive features and forms for functionality and user-friendliness

8. Optimization:
- Optimizing our website's performance by minimizing file sizes (HTML, CSS, JavaScript, and images).
- Ensure your website is SEO-friendly by using appropriate meta tags and optimizing content for search
engines.

3.3 Future Enhancement


- Regularly update content and features based on user feedback and changing requirements.
- Monitor website analytics to track user behaviour and make data-driven improvements.
- Keep all software components up to date to ensure security and compatibility.
Creating a website is an iterative process, and continuous improvement which is essential for a
successful online presence.

Dept Of CSE, RLJIT 2023-2024 Page10


Chapter 4
REQUIREMENT SPECIFICATION

Visual Studio 2019 delivers on Microsoft’s vision of smart client applications by letting developers quickly create
connected applications that deliver the highest quality rich user experiences. This new version lets any size
organization create more secure, more manageable, and more reliable applications that take advantage of Windows
Vista, windows10, 2019 Office System and the Web. By building these new types of applications, organizations will
find it easier than ever to capture and analyze information so that they can make effective business decisions.

4.1 Software Requirements

1. Development Environment: Text Editor or IDE (e.g., Visual Studio Code, WebStorm),
Web Browsers (Chrome, Firefox, Edge) and Git and Version Control Platform (GitHub).
2. Web Technologies: Front-End Frameworks (e.g., Bootstrap, React), and Back-End Technologies (e.g.,
PHP, Node.js).
3. Database and Servers: Databases (MySQL, PostgreSQL) and Web Servers (Apache).
4. A Visual Studio compiler is required for compiling the source code to make the executable file which can
then be directly executed.

4.2 Hardware Requirements

The hardware requirements are very minimal and the software can run on most of the machines.

• Processor - Intel 486/Pentium processor or above.

• Processor Speed - 500 MHz or above

• RAM - 64MB or above Storage Space - 2 MB or above, hard disk -10MB.

• Monitor resolution - A color monitor with a minimum resolution of 1000*700

• Supports both single &double buffering.

Page 11
Chapter 5
IMPLEMENTATION

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Home Page</title>
<link rel="stylesheet" href="default.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"/>
</head>
<body>
<div id="container">
<div id="topline">
<input type="button" value=" Sign In" class="button1" />
<input type="button" value="Contact" class="button2" />
<input type="button" value="Search" class="button3" />
</div>

<div id="header">
<img src="images/HAL-Logo.jpeg" alt="HAL" width="180px" class="logo" />
<div id="brand">
<h3 class="h31">
HINDUSTAN AERONAUTICS LIMITED
<p class="p1">LCA TEJAS DIVISION</p>
</h3>
</div>
<nav id="menu">
<ul>
<li class="active">
<a href="index.html">
<div class="icon">
<i class="fa-solid fa-house fa-lg" style="color: #213250"></i>
</div>
<div class="names">HOME</div>
</a>
</li>
<li>
<a href="#">
<div class="icon">
<i class="fa-solid fa-users fa-lg" style="color: #223659"></i>
</div>
<div class="names">EMPLOYEE</div>
</a>
<div class="submenu1">
<ul>
<li><a href="">EMP1</a></li>
<li><a href="">EMP2</a></li>
<li><a href="">EMP3</a></li>
</ul>
</div>
HAL Website

JavaScript Code:

<script>
// JavaScript to stop the scrolling on hover
const scrollingLinks = document.getElementById("scrollingLinks");

scrollingLinks.addEventListener("mouseover", () => {
scrollingLinks.stop();
});

scrollingLinks.addEventListener("mouseout", () => {
scrollingLinks.start();
});
</script>
<div id="display1">
<div class="awards"><h1>Awards</h1></div>
<div id="trophy">
<img
src="images/tro.jpg"
alt="trophy"
width="330px"
height="300px"
class="img"
/>
</div>
<a href="awards.html" class="click-button">Click Here</a>
</div>
</section>
<div class="wrapper">
<header>Quote of the Day</header>
<div class="content">
<div class="quote-area">
<i class="fas fa-quote-left"></i>
<p class="quote">
Never give up because you never know if the next try is going to
be the one that works.
</p>
<i class="fas fa-quote-right"></i>
</div>
<div class="author">
<span>__</span>
<span class="name">Mary Kay Ash</span>
</div>
</div>
<div class="buttons">
<div class="features">
<ul>
<li class="speech"><i class="fas fa-volume-up"></i></li>
<li class="copy"><i class="fas fa-copy"></i></li>
</ul>
<button>New Quote</button>
</div>
</div>
</div>
</div>
<script>

Dept Of CSE, RLJIT 2023-2024 Page13


HAL Website

const quoteText = document.querySelector(".quote"),


quoteBtn = document.querySelector("button"),
authorName = document.querySelector(".name"),
speechBtn = document.querySelector(".speech"),
copyBtn = document.querySelector(".copy"),
synth = speechSynthesis;

function randomQuote() {
quoteBtn.classList.add("loading");
quoteBtn.innerText = "Loading Quote...";
fetch("http://api.quotable.io/random")
.then((response) => response.json())
.then((result) => {
quoteText.innerText = result.content;
authorName.innerText = result.author;
quoteBtn.classList.remove("loading");
quoteBtn.innerText = "New Quote";
});
}

speechBtn.addEventListener("click", () => {
if (!quoteBtn.classList.contains("loading")) {
let utterance = new SpeechSynthesisUtterance(
`${quoteText.innerText} by ${authorName.innerText}`
);
synth.speak(utterance);
setInterval(() => {
!synth.speaking
? speechBtn.classList.remove("active")
: speechBtn.classList.add("active");
}, 10);
}
});

copyBtn.addEventListener("click", () => {
navigator.clipboard.writeText(quoteText.innerText);
});

quoteBtn.addEventListener("click", randomQuote);
</script>
<footer class="footer">
<p>
&copy;This is a Official website of Hindustan Aeronautics Limited ,LCA
Tejas Division Ministry of Defene , Government of India
</p>
</footer>
</body>
</html>

Dept Of CSE, RLJIT 2023-2024 Page14


Chapter 6

SNAPSHOT

6.1 Home Page

6.2 Awards Page

Page 15
HAL Website

6.3 HAL at glance

6.4 Section page

Dept Of CSE, RLJIT 2023-2024 Page16


HAL Website

6.5 Quote page

Dept Of CSE, RLJIT 2023-2024 Page17


HAL Website

Chapter 7
CONCLUSION

This application is user-friendly and informative platform that effectively represents HAL, catering to its
stakeholders and aligning with its goals. Our emphasis on user experience ensures that visitors can easily
access information, explore HAL's products and services, and connect with the company seamlessly. The
incorporation of user feedback mechanisms and intuitive interfaces enhances the overall usability of the
website.
This website also gives information about other divisions of HAL and awards received for their immersive
projects. We have included a chatbot where any employee or client can ask information where only
authorized user (employee) can answer the questions. We have tried our best to make this application very
realistic and interactive to the user.

Future Enhancement
 Regularly update content and features based on user feedback and changing requirements.
 Monitor website analytics to track user behavior and make data-driven improvements.
 Keep all software components up to date to ensure security and compatibility.
 Creating a website is an iterative process, and continuous improvement which is essential for a
successful online presence.

Dept Of CSE, RLJIT 2023-2024 Page 18


HAL Website

Chapter 8
REFERENCES

▪ www.hal-india.co.in
▪ www.geeksforgeeks.org
▪ www.stackoverflow.com
▪ www.w3schools.com

Dept Of CSE, RLJIT 2023-2024 Page 19

You might also like