AWWALTECH PRIVATE LIMITED

INTERNSHIP REPORT

SUBMITTED BY

SHAMSHAD HUSAIN

221029020031

in partial fulfillment for the award of the degree

of MASTER OF COMPUTER APPLICATION

of

MAHATMA JYOTIBA PHULE ROHILKHAND UNIVERSITY,

BAREILLY

(2021-2023)
Dated: - 06 October 2022

Internship Certificate

To whom it may concern,

This certification proves that SHAMSHAD HUSAIN has completed 6 weeks

internship program at Awwaltech IT Solution, Noida as a Frontend Developer
Intern. SHAMSHAD HUSAIN started joining the program from 24th AUG until 5
Oct 2022.

During his stay in the company as an Intern, he worked on our live projects
using HTML, CSS, Bootstrap and JavaScript technologies and he displays
enthusiasm, self-discipline,
discipline, and self-motivation.

We are lucky to have him as one of our interns before and we would like to
wish him all the best.

Yours faithfully

For Awwaltech IT Solution

 Declaration

I Shamshad Husain hereby declare that I have undertaken 6 weeks of internship

training at “AWWALTECH PRIVATE LIMITED” during a period from 24
August, 2022 to 05 October, 2022 in partial fulfillment for the award of the
Master of Computer Application from MAHATMA JYOTIBA PHULE
ROHILKHAND UNIVERSITY, BAREILLY(UP). The work which is being
presented in the internship report submitted to Department of Computer Science
and Information Technology from MAHATMA JYOTIBA PHULE
ROHILKHAND UNIVERSITY, BAREILLY is an authentic record of
training work.

Date:

Shamshad Husain

[221029020031]
 Acknowledgement

First of all, I would like to thank my faculty, helping me starting from the
beginning to the end of my internship period.

I have extend my supreme gratitude to MAHATMA JYOTIBA PHULE

ROHILKHAND UNIVERSITY, BAREILLY for providing such kind of
opportunity for students to broaden their perception on how the real world in the
field of information technology looks like as well organizing the whole
internship program and its effort to make sure that the whole internship program
to achieve its desired goals.

I would also like to express my special thanks to Mohammad Fareed, general

manager of the company, giving me a chance to spend my practice in his
company and helping me in my day to day activities during the intern time.

I extend my grateful thanks to colleagues in the company those help me in

moral and material needs as well as sharing me their knowledge to improve my
knowledge to the real works.

Finally, I would like to express my special thanks to my families and friends

helping me in all aspects and appreciate me to spend my all time in the work
place during my internship time.
 REPORT OUTLINE

 Title Page
 Certificate from the Company
 Declaration
 Acknowledgement
 List of Figures
 Introduction
 Organizational Analysis
 Positioning of the Intern
 Internship Overview
 Conclusion
 References
 LIST OF FIGURES

1. Organizational Structure of Awwaltech Private Limited

2. Web Development Process

3. Website Requests

4. HTML Page Structure

5. CSS Structure

6. Features of CSS

7. Structures of JavaScript
 REPORT CONTENTS

1. INTRODUCTION
1.1.Introduction
1.2.Objectives of the Internship
2. ORGANIZATIONAL ANALYSIS
2.1.Company Overview
2.2.Mission & Vision
2.3. Services
2.4.SWOC Analysis
2.5.Organizational Structure
3. POSITIONING OF THE INTERN
4. INTERNSHIP OVERVIEW
4.1.Weekly overview of Internship activities
4.2.Knowledge gained from Internship
5. CONCLUSION
5.1.Conclusion
5.2.Future Scope
6. REFERENCES
 INTRODUCTION

Introduction

As a full-time student at MAHATMA JYOTIBA PHULE ROHILKHAND

UNIVERSITY, BAREILLY, I was provided an opportunity to undertake an internship at
AWWALTECH PRIVATE LIMITED. The degree towards I am currently studying is a
Master of Computer Application. The internship at company was quite challenging for me
for a few reasons: Firstly, the languages and development tools I was using were new for me,
hence I had to quickly integrate not only with my new living environment but also
academically. This was very beneficial for me as at the end I could compare what I’ve learnt
with what I already knew and find a connection between the two.

This report is a description of my 6 weeks internship as a Frontend Developer from 24th

August 2022 to 5st October 2022. In the following chapter details of tools and technology
used and an overview is given. Afterwards, I explain my role and tasks as a trainee and give
specific technical details about my main tasks. Finally, a conclusion is drawn from the
experience.

Internship Objective

 Learning the related dialects in subtleties.

 Completing the undertaking in time.
 Gaining consumer loyalties with expert work.
 Experience advanced patterns and necessities of website composition
 Recognize and unravel configuration issues.
 To get field work experience.
 To enhance our communication skills.
 To gain skills and knowledge
 ORGANIZATIONAL ANALYSIS

Company Overview

Awwaltech is a prime and well-recognized it solution provider, which is a competitive global

leader in digital transformation & emerging technologies, engaged in handling service
requests from reputed clients across the globe. It believes in Integrity Foremost. Awwaltech
conduct is honest and transparent. No Politics, No Sneaky Agendas! It provides High Quality
Products & Services that it stands behind, which ensures customer Satisfaction &
Profitability. It maintains an Environment which built on Mutual Respect, Trust & Openness.

Mission

Enabling businesses to leverage our innovative, reliable, and best-of-breed technology

solutions for sustainable business growth and success. Become the Technology solution
provider and one of the best places to work while maintaining superb client satisfaction.

Vision

To relentlessly drive quality, value, and delivery of our diverse IT-related services and
products in order to deliver the best customer experience and achieve sustainable growth. Be
a process-driven, professionally managed, and profitable organization. Become a great place
to work where people are inspired, motivated and happy.

Services

 Web Development
 Mobile App Development
 E-Commerce Development
 UI/UX Designing
 Internet Of Things
 Artificial Intelligence
 Digital Marketing
 Graphic Design
 Cloud & DevOps
SWOC Analysis

Strengths of AWWALTECH

 Highly successful at Go to Market strategies for its products.

 Successful track record of developing new products.

 Strong dealer community.

 Reliable suppliers.

 Highly skilled workforce through successful training and learning programs.

Weakness of AWWALTECH

 Need more investment in new technologies.

 Not very good at product demand forecasting leading to higher rate of missed
opportunities compare to its competitors.

 Limited success outside core business.

 Financial planning is not done properly and efficiently.

Opportunities of AWWALTECH

 Economic uptick and increase in customer spending, after years of recession and slow
growth rate in the industry

 Stable free cash flow provides opportunities to invest in adjacent product segments.

 Opening up of new markets because of government agreement.

Organizational Structure

Organizational Structure of Awwaltech Private Limited

POSITIONING OF THE INTERN

As an intern my position at Awwaltech Private Limited was Frontend Developer in Web

Development Department. I worked under guidance of Mohammad Fareed. I used to create
web pages, websites, and web applications. For this required core knowledge about designing
tools like HTML, CSS, Bootstrap, JavaScript, etc. The main responsibility was to ensure that
the web application designed must appeal to the desired target audience and, as a result,
catches their attention and also include a working knowledge of different web browsers.
While learning about front end development I also gained knowledge about web
development.
 INTERNSHIP OVERVIEW

Weekly Overview of Internship Activities

DATE Name of the Topic/ Module Completed

24/08/2022 Introduction of Web
1st Week

25/08/2022 Introduction of HTML

26/08/2022 Meta Information and favicons
27/08/2022 HTML tags, forms, multimedia, graphics
28/08/2022 Creating a Form with HTML

DATE Name of the Topic/ Module Completed

30/08/2022 Introduction of CSS
31/08/2022 CSS id & class
2nd Week

01/09/2022 Styling texts and background

02/09/2022 CSS3 modules and selectors
03/09/2022 Text Effects and Background
05/09/2022 Core & Advanced Animations

DATE Name of the Topic/ Module Completed

06/09/2022 Column Layout & User Interface
07/09/2022 Creating a Form with HTML & CSS
3rd Week

08/09/2022 Creating a Profile Card

09/09/2022 Introduction of JavaScript
10/09/2022 Basic Program Structure
12/09/2022 JS Variables & Methods
 DATE Name of the Topic/ Module Completed
13/09/2022 JS Loops & conditional Statements
14/09/2022 Introduction of Arrays
4th Week

15/09/2022 Array properties & methods

16/09/2022 JS Functions
17/09/2022 Introduction of Advance Functions
19/09/2022 Introduction of objects

DATE Name of the Topic/ Module Completed

20/09/2022 Use of map, filter and reduce
21/09/2022 Introduction of DOM
5th Week

22/09/2022 Introduction Inheritance

23/09/2022 Introduction of this keyword
24/09/2022 Introduction of Event Listeners
26/09/2022 Creating a Login Page

DATE Name of the Topic/ Module Completed

28/09/2022
29/09/2022
6th Week

30/09/2022 Creating a web page

01/10/2022
03/10/2022
04/10/2022
Knowledge gained from Internship

Working of Website

A website is a collection of WebPages located under a single domain name. These WebPages
contain and display information about the business or organization and are usually made up
of elements such as photos, videos and text. Users need a device with web browser laptops,
smart phones or tablets and an Internet connection to access a website.

Web Development Process

When we want to view any page on the Web, we must initiate the activity by requesting a
page using our browser. The browser asks a domain name server to translate the domain
name we requested into an IP address. The browser then sends a request to that server for the
page we want, using a standard called Hypertext Transfer Protocol.

The server should constantly be connected to the Internet, ready to serve pages to visitors.
When it receives a request, it looks for the requested document and returns it to the Web
browser. When a request is made, the server usually logs the client's IP address, the document
requested, and the date and time it was requested. This information varies server to server.

An average Web page actually requires the Web browser to request more than one file from
the Web server and not just the HTML / XHTML page, but also any images, style sheets, and
other resources used in the web page. Each of these files including the main page needs a
URL to identify each item. Then each item is sent by the Web server to the Web browser and
Web browser collects all this information and displays them in the form of Web page.

Website Requests

1. Hyper Text Markup Language (HTML):

HTML (Hyper Text Markup Language) is the most basic building block of the Web. It
defines the meaning and structure of web content. Other technologies besides HTML are
generally used to describe a web page's appearance/presentation (CSS) or
functionality/behavior (JavaScript).

"Hypertext" refers to links that connect web pages to one another, either within a single
website or between websites. Links are a fundamental aspect of the Web. By uploading
content to the Internet and linking it to pages created by other people, you become an active
participant in the World Wide Web.
HTML uses "markup" to annotate text, images, and other content for display in a Web
browser. HTML markup includes special "elements" such as <head>, <title>, <body>,
<header>, <footer>, <article>, <section>, <p>, <div>, <span>, <img>, <nav>, <video>,
<ul>, <ol>, <li> and many others.

1.1. Features of HTML:

 It is a very easy and simple language. It can be easily understood and modified.
 It is very easy to make an effective presentation with HTML because it has a lot of
formatting tags.
 It is a markup language, so it provides a flexible way to design web pages along with
the text.
 It facilitates programmers to add a link on the web pages (by html anchor tag), so it
enhances the interest of browsing of the user.
 It is platform-independent because it can be displayed on any platform like Windows,
Linux etc.
 It facilitates the programmer to add Graphics, Videos, and Sound to the web pages
which makes it more attractive and interactive.
 HTML is a case-insensitive language, which means we can use tags either in
lowercase or upper-case.

HTML Page Structure:

HTML Page Structure

<!DOCTYPE>: It defines the document type or it instruct the browser about the version of
HTML.

<html>: This tag informs the browser that it is an HTML document. Text between html tag
describes the web document. It is a container for all other elements of HTML except
<!DOCTYPE>

<head>: It should be the first element inside the element, which contains the meta data
(information about the document). It must be closed before the body tag opens.

<title>: As its name suggested, it is used to add title of that HTML page which appears at the
top of the browser window. It must be placed inside the head tag and should close
immediately.

<body>: Text between body tag describes the body content of the page that is visible to the
end user. This tag contains the main content of the HTML document.

2. Cascading Style Sheets

Cascading Style Sheets are fondly referred to as CSS. It is used to make web pages
presentable. The reason for using this is to simplify the process of making web pages
presentable. It allows you to apply styles on web pages. More importantly, it enables you to
do this independently of the HTML that makes up each web page.

CSS Structure
2.1. Features of CSS

i. Font, color, background style, element alignments, border, and size tags had to be
duplicated on each web page before CSS. This was a lengthy procedure.
ii. CSS makes website maintenance much easier. If we need to make a global change to
the file, we can simply alter the style, which will update all of the elements on the
web page.
iii. We can use CSS with older language versions because it is compatible with them.
CSS makes it possible to optimize material for several devices
iv. A website that’s dull and plain will not attract the user, so adding some style would
surely make your website presentable to the user.
v. A website with a simple yet beautiful UI would help the users to go through the
website easily. It is used to make the user interface better.
vi. Since CSS is a basic requirement while learning Web Development, therefore there
are abundant career opportunities for it. As a freelancer, you can land up to many
projects.

2.2. Types of CSS:

There are three types of CSS which are given below:

Inline CSS: Inline CSS contains the CSS property in the body section attached with element
is known as inline CSS. This kind of style is specified within an HTML tag using the style
attribute.

Internal or Embedded CSS: This can be used when a single HTML document must be
styled uniquely. The CSS rule set should be within the HTML file in the head section i.e., the
CSS is embedded within the HTML file.

External CSS: External CSS contains separate CSS file which contains only style property
with the help of tag attributes (For example class, id, heading, etc.). CSS property written in a
separate file with .css extension and should be linked to the HTML document using link tag.
This means that for each element, style can be set only once and that will be applied across
web pages.
 Features of CSS

3. JAVASCRIPT

JavaScript (JS) is the world’s most popular lightweight, interpreted compiled programming
language. It is also known as a scripting language for web pages. It can be used for Client-
side as well as Server-side developments. It is most well-known as the scripting language for
Web pages; many non-browser environments also use it, such as Node.js, Apache CouchDB
and Adobe Acrobat. It is not a compiled language, but it is a translated language. The
JavaScript Translator (embedded in the browser) is responsible for translating the JavaScript
code for the web browser. JavaScript can be added to your HTML file in two ways:

Internal JavaScript: We can add JS code directly to our HTML file by writing the code
inside the <script> tag. The <script> tag can either be placed inside the <head> or the <body>
tag according to the requirement.

External JavaScript File: We can create a file with .js extension and paste the JS code
inside it. After creating the file, add this file in <script src=” file_name.js”> tag inside <head>
tag of the HTML file.
 Structure of JavaScript

Features of JavaScript

1) All popular web browsers support JavaScript as they provide built-in execution
environments.

2) JavaScript follows the syntax and structure of the C programming language. Thus, it is a
structured programming language.

3) JavaScript is a weakly typed language, where certain types are implicitly cast (depending
on the operation).

4) JavaScript is an object-oriented programming language that uses prototypes rather than

using classes for inheritance.

5) It is a light-weighted and interpreted language.

6) It is a case-sensitive language.
 CONCLUSION

Conclusion
In conclusion, I can say that this internship was a great experience. Thanks to Awwaltech
Private Limited, I acquired deeper knowledge concerning my technical skills, but I also
personally benefited. Currently HTML is a common part of web applications, and it is one of
the most popular languages for web designing used by professionals worldwide. If we surf
internet, we can see millions of websites designed with HTML and CSS. I learned to live in a
different environment from the one I am used to. Indeed, I grew more independent in work
and also in everyday life. I realized that I could do more things than I thought, like learning
new things by myself.

There are huge opportunities available for the students who want to work in this field. Many
private and public organizations hire web designer for their online work and website
development. With the rapid advent of online industry, the demand of web development
professionals is increasing, and this has created a huge job opportunity for the aspirants in the
upcoming days.

Also, an experienced person in this field can also work as a freelancer; there are many online
companies which provide online projects to the individuals.

Future Scope
If someone has no experience in this field, finding work can be a real challenge. A successful
internship can help an individual turn an experience into a career opportunity. So as a
successful internship some future scopes are:

 To work in IT company.
 Can work as a Software Engineer.
 Can work as a Web Designer.
 Can work as a Web Developer.
 Can work as a QA Tester.
 REFERENCES
 w3schools.com and w3resource.com
 https://www.w3schools.com/jsref/
 https://www.w3schools.com/cssref/index.php
 https://www.w3schools.com/tags/
 Learning React: Functional Web Development with React and Redux by Alex Banks
 The Road to React by Robin Wieruch by Robin Wieruch
 Byrne, Jim. 60 hot to touch Accessible Web Design tips – the tips no web developer
can live without!, Jim Byrne, 2006, (ISBN: 978-1-4116-6729-7).
 Clark, Joe. Building Accessible Websites, New Riders Publishing, 2002.
 Gay, Greg et al.Web Accessibility for Developers, Ryerson University Pressbooks,
2019.
 Learning Web Design: A Beginner’s Guide To HTML, CSS, JavaScript, And Web
Graphics by Jennifer Niederst Robbins