WEB APPLICATION DEVELOPMENT

An On Job training report submitted in

partial fulfillment of the requirement for the Degree of

BACHELOR OF SCIENCE

IN

COMPUTER SCIENCE

by

NAGULRAM.P(A12UCS063)

Under the Guidance of

Mrs.M.SARANYA,M.SC.,M.Phil.,ASSISTANT PROFESSOR,

DEPARTMENT OF COMPUTER SCIENCE

DEPARTMENT OF COMPUTER SCIENCE

SRI KALISWARI COLLEGE (AUTONOMOUS)

SIVAKASI-626 130

OCTOBER 2024
 CERTIFICATE

This is to certify that an On Job Training Report entitled “WEB DEVELOPMENT

FOR ONLINE ELECTRICITY BILL MANAGEMENT SYSTEM”, in partial fulfillment
of the requirernent for the degree of Bachelor of Science in Computer Science is a record of
original training undergone by NAGULRAM P(A12UCS063) for a period of 25 days during June
2024 under my supervision.

Signature of the Guide Head of the Department

Mrs.M.Saranya,M.SC.,M.Phil., Mrs. L. Priya, M.Sc., M.Phil.,

Assistant Professor, Assistant Professor,

Department of Computer Science, Department of Computer Science,

Sri Kaliswari College (Autonomous),

Sri Kaliswari College (Autonomous),

Sivakasi. Sivakasi.

Submitted to the Department of Computer Science, Sri Kaliswari College

(Autonomous), Sivakasi for the summative examination held on .

INTERNAL EXAMINER EXTERNAL EXAMINER

 DECLARATION

I hereby declare that an On Job Training Report, entitled “ WEB DEVELOPMENT FOR
ONLINE ELECTRICITY BILL MANAGEMENT SYSTEM ”, submitted in partial
fulfillment of the requirement for the degree of Bachelor of Science in Computer Science is a
record of original training undergone by me for a period of 25 days during June 2024 under the
supervision and guidance of Mrs.M.Saranya,M.SC.,M.Phil.,Assistant Professer,Department of
Computer Science.

Place: Sivakasi

Date: Signature of the

Student
 Table of Contents

Chapter TOPIC Page

No

1 Introduction

2 Company Profile

3 Nature of Work

4 Organization Structure

5 Role in the Organization

6 Observation and Questions

7 Conclusion

Appendix
 CHAPTER -1
INTRODUCTION
 1. INTRODUCTION

To gain knowledge about Web Technology, hereby joined in ANJANA INFOTCH

in RAJAPALAYAM The Company trained with many ideas about how to setup PHP environment
and the overview of a basic HTML,CSS programs. From this, learned many concepts related to
how to setup PHP environment, basic concepts of HTML,CSS , how to run a PHP program and also
implemented in a practical way. The company had given the On Job Training for about 25 days from
May 13, 2024 to June

13, 2024
 CHAPTER -2
COMPANY PROFILE
 2. COMPANY PROFILE

ANJANA INFOTCH

Owner

Started Year

Number of employes

Mobile Number

E-Mail

Employees Name

website
 CHAPTER - 3
NATURE OF WORK
 NATURE OF WORK
Anjana Infotech is a Top Most mobile app, digital marketing, and web

development company in Rajapalayam, empowers businesses to thrive online

through our expert digital marketing services. Our adept team specialises in

leveraging renowned platforms like Google AdWords and employs various social

media optimisation techniques, including Facebook, LinkedIn, Twitter, and

Instagram marketing, among others. We are not just confined to local endeavours;

we also engage in overseas projects while nurturing student initiatives through

internships and collaborative projects. Join us at Anjana Infotech, recognised as

India's premier software training institute in Rajapalayam. Our commitment

remains steadfast—any course, any time, ensuring our training guarantees a

100% job placement in the software domain. When it comes to web development,

our approach is rooted in understanding your core values, mission, and

aspirations. This foundation enables us to craft strategic web design solutions that

not only convey the right messages but also embody your distinct brand identity.

Our process is collaborative—we believe exceptional design is born through

patient exploration, experience, and constant communication. At every phase, we

involve our clients, integrating their feedback until the design reflects their vision.
Our Services

. Mobile app development

. Web Development

. Cloud Migration

. Digital Marketing

. UI/UX design

. Internal of things
 CHAPTER - 4
ORGANIZATION
STRUCTURE
ORGANIZATION STRUCTURE

Employ
ee E m p l oy
ee
 CHAPTER - 5
ROLE IN THE
ORGANIZATION
ROLE IN THE ORGANIZATION

During my internship at Anjana Infotech in Rajapalayam, I had the opportunity to

engage in various aspects of the organization, gaining valuable insights into its operations and

culture. I

had the opportunity to work closely with the Web Developer team. My primary role was to

assist in the development and implementation of Coffee Shop Managment System. Under the

guidance of Mr.T.Lakshmanababu.

One of my key responsibilities was to assist with Front-End Development, which

allowed me to apply theoretical knowledge in a practical setting. I learned how to use Visual

Studio Code

to streamline processes and improve efficiency. I received from my supervisor and colleagues

was invaluable. They provided guidance on best practices and encouraged me to contribute

my ideas, fostering an environment of learning and growth. This experience not only

improved my

technical skills but also taught me the significance of adaptability and problem-solving in a

professional setting.
 Overall, my internship at Adroid Firm was a transformative experience that shaped my

understanding of Web Developer. It highlighted the vital role each team member plays in

achieving organizational goals and prepared me for future career challenges.

 CHAPTER - 6
OBSERVATION AND
QUESTIONS
 CHAPTER -6
OBSERVATION AND QUESTIONS
1. What does HTML stand for?

Answer: Hyper Text Markup Language.

2. What is the purpose of HTML?

Answer: To create structured content for web pages.

3. What is the basic structure of an HTML document?

Answer: <!DOCTYPE html>, <html>, <head>, <body>.

4. What is the difference between <div> and <span>?

Answer: <div> is a block-level element, while <span> is an inline element.

5. How do you create a definition list?

Answer: <dl>, <dt>, <dd>, </dl>.

6. How do you add CSS styles to an HTML element?

Answer: Using the style attribute.

7. What does the <head> section of an HTML document contain?

Answer: Metadata, title, links to stylesheets, and scripts.

8.How can you open a linkin a new tab?

Answer: By using the target=”_blank” attribute in the <a> tag.

9. What is the purpose of CSS?

Answer: To control the layout and visual styling of web pages.

10. What are the three types of CSS?

Answer: Internal, External, and Inline.

11. What is the difference between id and class in CSS?

Answer: id is unique, while class can be reused.

12. How do you link an external CSS file to an HTML document?

Answer: <link rel="stylesheet" href="style.css">.

13. What is the difference between margin and padding?

Answer: margin is outside the border, while padding is inside.

14. How do you create a shadow effect?

Answer: Using box-shadow.

15.What does the float property do?

Answer: It allows an element to be taken out of the normal document flow and placed to the

left

or right of its container.

16. What is PHP?

Answer: PHP (Hypertext Preprocessor) is a server-side scripting language.

17. Who and When created PHP?

Answer: PHP was created by Rasmus Lerdorf in 1994.

18. What is the difference between echo and print?

Answer: echo can take multiple parameters and has no return value, while print can only take

one argument and returns 1, so it can be used in expressions.

19. How do you create a function in PHP?

Answer: You can create a function using the function keyword.

Example:

function myFunction($param) {

// code

}
20. Explain how to use arrays in PHP.

Answer: Arrays in PHP can be created using the array() function or the shorthand []

syntax:

$array = array(1, 2, 3); // or $array = [1, 2, 3];

21. What is the difference between an indexed array and an associative array?

Answer: An indexed array uses numeric keys, while an associative array uses named keys

(strings).

22. How do you include a file in PHP?

Answer: You can include a file using include or require:

Eg : include 'file.php';

23. Explain how to work with form data in PHP.

Answer: You can access form data using the $_POST or $_GET superglobals, depending on

the

form method used.

24. What is the difference between GET and POST methods?

Answer: GET appends data to the URL and is limited in size, while POST sends data in the

request body and has a larger size limit.

25. What are the data types supported by PHP?

PHP supports several data types: integers, floats, strings, booleans, arrays, objects, and
NULL.

26. What is the purpose of the 'isset()'function?

Answer: To check if a variable is set.

27. How do you redirect to another page?

Answer: Using header('Location: url').

28. How do you start and end a PHP code block?

Answer: <?php ... ?>.

29. How do you check if a variable is empty?

Answer: Using empty().

30. What is session in PHP?

Answer: A session is a way to store data across multiple requests.

CHAPTER - 7
CONCLUSION
 CHAPTER – 7

CONCLUSION
During the training of 25 days, the company trained and would with practical

knowledge about the overview of how to create WEB PAGE. I have learned the basic

concepts

of WEB DEVELOPMENT