ULTISMART INFOTECH 2022-23

21. COMPANY DETAILS

1.1 Company Profile

Company Name: ULTISMART INFOTECH.
Address: #133, 1st floor, Gokulam Main Road, Jayalakshmipuram, 3rd Block, Mysore - 570012.
Telephone Number: +91 9164283310
Email address:  ultismartinfotech@gmail.com
Website: www.ultismartinfotech.com
Type of Company: Private
Founder: Mr. KRISHNA. G
Founded: Jan 2016 
Services: Product Development (R&D), Software Development, Outsourcing IT Technical Team & IT
Consultancy started in 2016. Also, IT Services, Electronics Components Sales, Patent Work
development, BPO, Call Center, Tech Support…etc. 
Number of Employees: 25 - 50
1.2 About the Company
ULTISMART INFOTECH is IT Solutions, Product Development (small R&D, manufacturing
all kinds of development boards like 8051 Microcontroller, PIC MCU, AVR MCU, ARM-Cortex M3
development board & Processor boards with Engineering colleges lab equipment’s trainer kits like
Digital Communication Trainer kit, Analog Communication Trainer kit, Power Electronics Trainer kit,
PLC /SCADA based Trainer kit, & few sensors...etc.) also Software & Hardware development started in
2016. Also, we are using these development board for different industry and vehicles for Automotive
control and different domain application purpose. The Main Focus area is on Automation, Automotive
Control, Vehicular Automation, Industrial Automation, Robotic Automation, IoT, AI (Artificial

Dept of ECE, VVCE, Mysuru 1

ULTISMART INFOTECH 2022-23

Intelligence), Machine learning, Deep learning, PLC/SCADA, C, C++, Java, Python, MATLAB, Digital
Image Processing, Digital Signal Processing, VHDL, Verilog HDL, Mechatronics & Robotics.
ULTISMART INFOTECH offers an internship training programs / Technical workshop for BE /MTech
Engineering students both in online or off-line at his Mysore Location. 
1.3 General Introduction
ULTISMART INFOTECH is a startup company. An organizational structure is a system that
outlines how certain activities are directed in order to achieve the goals of an organization. These
activities can include rules, roles, and responsibilities. The organizational structure also determines how
information flows between levels within the company.
They are using open-source OS for different platform, for example Arduino OS used for AVR
MCU, NODE MCU 12-E ESP8266 and in ARM Cortex series for different domain applications. In
software Linux, different browser and Wamp Server & Google Chrome for web apps development and
web design development purpose. JDK, Tomcat, Android OS.... etc.
1.4 History
Mr. KRISHNA. G is the Founder, CEO & MD of ULTISMART INFOTECH LLP. His basic
qualification is Engineering in Electronic and Communication completed in 2000 in Bangalore
University also Masters in E-MBA and having more than 16+ years industry experience in both
hardware and in software.
Executed more than 60 + technical workshops on Embedded System and Projects Trained more
than 4000+ Engineering student from past 10+ years.
1.5 Vision and Mission
Vision:
We will be the partner of choice for customers worldwide by delivering innovative IT Services,
Consultancy & Outsourcing IT staffs that provide outstanding business value. We are dedicated to being
the employer of choice and a good corporate citizen.
Mission:
Clients:  Deliver innovative and agile IT solutions for our clients, across industries
Partners:  Build strong, mutually benefitting partnerships that ensure value for clients across
technologies
Employees:  Provide a growth-oriented learning environment for employees worldwide enabling
individual excellence. 

Dept of ECE, VVCE, Mysuru 2

ULTISMART INFOTECH 2022-23

Society:  Commit to being a good corporate citizen dedicated to building better communities through
social initiatives that make a difference. 
1.6 Facilities and Services
IT Solutions, Sensor based Industrial Automation, Vehicular Automation, Automotive Control and IIOT
development. web app development, web design development, banking staff support, placement
services.... etc.
1.6.1 Working Process of the Company
IT Solutions to the Industries the Main Focus area is on Automation, Automotive Control, Vehicular
Automation, Industrial Automation, Robotic Automation, IoT and manufacturing all kinds of
development boards like 8051 Microcontroller, PIC MCU, AVR MCU, ARM-Cortex M3 development
board & Processor boards with Engineering colleges lab equipment’s trainer kits like Digital
Communication Trainer kit, Analog Communication Trainer kit, Power Electronics Trainer kit, PLC
/SCADA based Trainer kit, & few sensors...etc. ULTISMART INFOTECH offers an internship training
programs / Technical workshop for BE /MTech Engineering students both in online or off-line at his
Mysore Location.  It is one of the leading Internship programs /In-Plant training providers /
Technical Workshop’s in the domain areas mentioned above.
1.6.2 People working in Organization
Core Values:
Client focus: The client is at the center of everything we do and we measure ourselves by
our clients’ success. We closely partner with our clients to better understand their pain
points, long term aspirations, and achieve complete alignment with their goals.
Creativity: We innovate. We think outside the box. We are not constrained by the past or
interests other than the success of our clients.
Integrity: We ensure fairness in everything we do, and we do not compromise this even
for a higher corporate goal.
Bias for action: We believe in getting things done. Our employees are empowered to
take decisions that move us closer to our vision and are not afraid of failure.

Dept of ECE, VVCE, Mysuru 3

ULTISMART INFOTECH 2022-23

2. ROLE AS AN INTERN

Dept of ECE, VVCE, Mysuru 4

ULTISMART INFOTECH 2022-23

3. Web Application Development

3.1 Introduction of Web Application Development
Web Designing is the process of building and maintaining websites. Web Designing includes different
aspects like frontend coding, website wireframe, layout design, color combinations, fonts selection,
graphic design, webpage interactions, animation etc.
All websites on WWW are designed by Web Designers. A Web Designer build Visual, Front-end /
Client Side or User Interface part of a website. Front End includes writing markup, style sheet, images,
animations, interactions, and the responsive web design.
We will start from HTML and CSS, used to build website layout, and then JavaScript is used to add
interactions and functionalities.
Full stack web development means both web designing and web development. Full stack developers
are always in highest demand and they know both front and backend. Full stack web developers are also
among top 5 highest paid in IT Sectors.
Web Designing is a part of frontend development. It includes three web technologies, HTML, CSS and
JavaScript.
Web Development includes web server development and database. We can choose any web server and
database as per requirement. Php is used by 78.9% websites, asp.net by 9.7%, Java by 3.3%, python by
1.4% and NodeJS by 1%. Also 1.6% website are using static pages, means without any backend.
All dynamic website includes static pages for interface. This means 100% website use HTML, CSS and
JavaScript for frontend development.
A web developer can work only in particular field. For example, if a website is build using php, then
they will hire only php developer. 
But Web Designer can apply in any company, as all websites need designing first, and then backend.
That's why Web Designer are always in demand. 
Web Technologies
HTML: structural layer of a website, used to create content.
CSS: presentational layer of a website, used to style html.
JavaScript: functional layer of a website, used to add functionalities.

Dept of ECE, VVCE, Mysuru 5

ULTISMART INFOTECH 2022-23

Fig 3.1: Web Designing

3.2 Hyper Text Markup language (HTML)
HTML or Hyper Text Markup language is the standard markup language of web used to build a
website or web application. HTML along with CSS and JavaScript is the core part of web
technologies. HTML is used to create & display content of a website. This content can be text, headings,
media, list, tables etc. on a web browser. It is impossible to build a website without html.
HTML is very easy to learn. HTML contains predefined tags and attributes used to build a webpage
structure. HTML is browser interpreted language and need no compilation.
3.2.1 HTML Tags and Elements
HTML Tags
HTML Tags are used to add content in html, like text, headings, table, list links etc. Tags along
with attributes are core components of HTML. The latest version of HTML, i.e., HTML5 includes 142
tags. View HTML Tags List.
HTML tags are used to build webpage structure, like p, h1, h2, h3, address, b, i, etc. Tags can
have attributes to add extra information.
HTML Elements
An HTML Tag with attributes and content is called HTML Element. Element include start tag, end tag,
attributes and content inside.
Basically, all HTML Elements are build using html tags.
Dept of ECE, VVCE, Mysuru 6
ULTISMART INFOTECH 2022-23

Fig 3.2.1: HTML Tags structure

Type of HTML Tags
Tags in HTML are categorized as Paired Tags and Unpaired Tags on the basics of
opening and closing.
Paired Tags are tags with both opening and closing. They can have child tags and plain
text. For example, <p>, <h1>, <body> etc.
Unpaired tags are tags with opening only, example <img>, <input> etc.
3.2.2 HTML Attributes
HTML elements can have attributes in opening tag. Attribute provides additional information about that
element. HTML attributes are added in opening tag and can have some value. Some popular Global
Attributes are class, id, title, style etc.

Fig 3.2.2: HTML Attribute Structure

Dept of ECE, VVCE, Mysuru 7

ULTISMART INFOTECH 2022-23

HTML attributes are always defined in the start tag. Attributes are written in name/value pair like: <tag
attributename="attributevalue">. Attribute once used can't be repeat in same element.
Only one attribute is allowed in a single element.
HTML Attributes Type
HTML Attributes are categorized on the basics of their functionality and the way they are written.

Attribute Type Meaning

Global Attribute Attributes meant for all html elements. Exp: class, id

Boolean Attribute Attribute with Attribute name only, no value.

Exp: disabled, hidden, reversed etc.

Presentational Attributes Attributes used to style HTML Element.

For example: style, size, color, border, cellspacing, cellpadding etc.

3.2.3 HTML Page Structure

Fig 3.2.3: HTML Page Structure

3.2.4 HTML Layout

Dept of ECE, VVCE, Mysuru 8

ULTISMART INFOTECH 2022-23

Fig 3.2.4: HTML Layout

3.3 Cascading Style Sheet (CSS)
Cascading Style Sheets, fondly referred to as CSS, is a simple design language intended to simplify the
process of making web pages presentable.
CSS handles the look and feel part of a web page. Using CSS, you can control the color of the text, the
style of fonts, the spacing between paragraphs, how columns are sized and laid out, what background
images or colors are used, layout designs, variations in display for different devices and screen sizes as
well as a variety of other effects.
CSS is easy to learn and understand but it provides powerful control over the presentation of an HTML
document. Most commonly, CSS is combined with the markup languages HTML or XHTML.
3.3.1 CSS Syntax
A CSS comprises of style rules that are interpreted by the browser and then applied to the corresponding
elements in your document. A style rule is made of three parts −
 Selector − A selector is an HTML tag at which a style will be applied. This could be any tag like
<h1> or <table> etc.
 Property − A property is a type of attribute of HTML tag. Put simply, all the HTML attributes
are converted into CSS properties. They could be color, border etc.

Dept of ECE, VVCE, Mysuru 9

ULTISMART INFOTECH 2022-23

 Value − Values are assigned to properties. For example, color property can have value
either red or #F1F1F1 etc.
Syntax Format
selector { property: value }

Fig 3.3.1: CSS Syntax

3.3.2 CSS Types

There are three types of CSS which are given below: 
 Inline CSS
 Internal or Embedded CSS
 External CSS
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.

3.3.3 Properties of CSS: 

Dept of ECE, VVCE, Mysuru 10

ULTISMART INFOTECH 2022-23

Inline CSS has the highest priority, then comes Internal/Embedded followed by External CSS which
has the least priority. Multiple style sheets can be defined on one page. If for an HTML tag, styles are
defined in multiple style sheets then the below order will be followed.  

 As Inline has the highest priority, any styles that are defined in the internal and external style
sheets are overridden by Inline styles.
 Internal or embedded stands second in the priority list and overrides the styles in the external
style sheet.
 External style sheets have the least priority. If there are no styles defined either in inline or
internal style sheet then external style sheet rules are applied for the HTML tags.
3.3.4 CSS Layout

Fig 3.3.4: CSS Layout

3.4 JavaScript 
JavaScript is a dynamic computer programming language. It is lightweight and most commonly used as
a part of web pages, whose implementations allow client-side script to interact with the user and make
dynamic pages. It is an interpreted programming language with object-oriented capabilities.
JavaScript was first known as LiveScript, but Netscape changed its name to JavaScript, possibly because
of the excitement being generated by Java. JavaScript made its first appearance in Netscape 2.0 in 1995
with the name LiveScript. The general-purpose core of the language has been embedded in Netscape,
Internet Explorer, and other web browsers.

Dept of ECE, VVCE, Mysuru 11

ULTISMART INFOTECH 2022-23

The ECMA-262 Specification defined a standard version of the core JavaScript language.

 JavaScript is a lightweight, interpreted programming language.
 Designed for creating network-centric applications.
 Complementary to and integrated with Java.
 Complementary to and integrated with HTML.
 Open and cross-platform
Advantages of JavaScript
The merits of using JavaScript are −
 Less server interaction − You can validate user input before sending the page off to the
server. This saves server traffic, which means less load on your server.
 Immediate feedback to the visitors − They don't have to wait for a page reload to see if
they have forgotten to enter something.
 Increased interactivity − You can create interfaces that react when the user hovers over
them with a mouse or activates them via the keyboard.
 Richer interfaces − You can use JavaScript to include such items as drag-and-drop
components and sliders to give a Rich Interface to your site visitors.
Limitations of JavaScript
We cannot treat JavaScript as a full-fledged programming language. It lacks the following important
features −
 Client-side JavaScript does not allow the reading or writing of files. This has been kept
for security reason.
 JavaScript cannot be used for networking applications because there is no such support
available.
 JavaScript doesn't have any multi-threading or multiprocessor capabilities.
Once again, JavaScript is a lightweight, interpreted programming language that allows you to build
interactivity into otherwise static HTML pages.
Applications of JavaScript Programming
As mentioned before, JavaScript is one of the most widely used programming languages (Front-end
as well as Back-end). It has its presence in almost every area of software development. I'm going to list
few of them here:

Dept of ECE, VVCE, Mysuru 12

ULTISMART INFOTECH 2022-23

 Client-side validation - This is really important to verify any user input before
submitting it to the server and JavaScript plays an important role in validating those
inputs at front-end itself.
 Manipulating HTML Pages - JavaScript helps in manipulating HTML page on the fly.
This helps in adding and deleting any HTML tag very easily using JavaScript and modify
your HTML to change its look and feel based on different devices and requirements.
 User Notifications - You can use JavaScript to raise dynamic pop-ups on the webpages to
give different types of notifications to your website visitors.
 Back-end Data Loading - JavaScript provides Ajax library which helps in loading back-
end data while you are doing some other processing. This really gives an amazing
experience to your website visitors.
 Presentations - JavaScript also provides the facility of creating presentations which gives
website look and feel. JavaScript provides RevealJS and BespokeJS libraries to build a
web-based slide presentation.
 Server Applications - Node JS is built on Chrome's JavaScript runtime for building fast
and scalable network applications. This is an event-based library which helps in
developing very sophisticated server applications including Web Servers.

Fig 3..4.1: JavaScript

Dept of ECE, VVCE, Mysuru 13

ULTISMART INFOTECH 2022-23

4. LEARNING OUTCOMES OF INTERNSHIP

Dept of ECE, VVCE, Mysuru 14

ULTISMART INFOTECH 2022-23

5. CONCLUSION AND FUTURE WORK

Having a web version of your software product or enterprise system is a must. It is no longer question
whether your software has to have its analogs with the same functionality running in the cloud and
available for users across all the web browsers and mobile devices. Many software products those days
are created only for browsers. Teams, even those who are experienced in building desktop apps, can
meet unexpected challenges when it comes to web-based app creation. In the modern environment, it is
important to understand the differences that come with the web application development process flow.
We hope this short article has shed some light on the web application development process. You
can contact us directly via the form if you have any challenges with your software application
development process, need a quick estimate of project costs, or look for an experienced offshore
software development company to work on your project.

REFERENCES

Dept of ECE, VVCE, Mysuru 15