A Case Study On Html

Published Date: 02 Nov 2017

platform language

Wasif ,A.S.M.

Computer Science Department

Amarican International University - Bangladesh

Abstract. To reduce extra work , delivery time , cost and to increase

performance , speed there is no alternative to use a language which work

in various platform. The main contributions of this paper is to introduce

HTML 5 to the di_erent developers as a option and next generation

language.

Keywords: HTML 5, Operating System, Communication, Versions

1 Introduction

So many language means need to know lots of syntax and to know syntax is

simply waste of time. We need a software that can run in pc, car, mobile, robots

etc [9] [2] [6]. We need a language that can support for support for individual fea-

tures, like canvas, video, or geolocation ,calculator , games [15]. The client-side

storage for value-based caching ,vedio compression and deduplication is not e_-

cient and lots of API are need in our daily life [16] [13] [12] [11]. Mobile strategies,

and have developed applications for iPhone, Android and BlackBerry. However,

since these devices are based on di_erent technology platforms, development

for multiple devices inevitably means signi_cant duplicated e_ort as application

code cannot be shared between them [14]. Web security and real support for

server initiated push and fast data communication with less band width [7] [3].

We could solve our problem many years ago but now we came to realize that

learning so many language is tough and buying same software for di_erent plat-

form is expensive . As HTML runs in all platform so if HTML can be developed

in such a way so that we can use it in all platforms .Finally HTML 5 is the new

version of HTML 4 but it is still in process for development .The full version of

HTML will be more powerful to use almost in all platforms.

2 Related Works

In 1989, Berners-Lee wrote a memo suggesting Internet-based hypertext sys-

tem for the _rst time. From late 1993 Dave Raggett's suggested Internet-Draft,

"HTML+", proposed standardizing already-implemented features like tables and

_ll-out forms which gave html a new shape with some graphical presentation.

The HTML and HTML+ drafts ran out in early 1994, HTML Working Group

was created by the IETF, which in 1995 completed "HTML 2.0", the _rst HTML

speci_cation treated as a standard with which future implementations should be

done. The HTML 2.0 served as a popular and important language for web ar-

chitecture.Later HTML 3.2 was published with W3C Recommendation. It was

the _rst version which was given standardization by the W3C, as HTML Work-

ing Group is closed in September 1996 IETF. XHTML is not put HTML but

a separate language that started as a reformulation of HTML 4.01 and XML

1.0 together. It continues to be developed ,however, in 2000, HTML also be-

came an international standard (ISO/IEC 15445:2000). HTML 4.01 was issued

in late 1999, with further development published through 2001. In 2004 develop-

ment started on HTML5 in the Web Hypertext Application Technology Working

Group (WHATWG), and that is how it works with the W3C in 2008. [8] [10]

HTML is coded in the form of HTML elements comprising of tags puts in

angle brackets .The _rst tag is called the opening tag and the second tag is called

the closing tag. For the First time publicly available description of HTML was a

document known "HTML Tags", use to understand and compose text, images,

video and other material available into visual or audible web pages [11].

In future we will be transferred to web 3.0 from web 2.0 which is known as

the Semantic web . This Semantic web uses the Semantic HTML and HTML

5 is known as the Semantic HTML [2] [5] . Working with HTML 5 is still

going on . HTML 5 is not only for web platform but also works with mobile

operating system and in embedded environment.HTML 5 improves the search

engine .Many attractive video players , Widgets and Text to Speech software

are already made with HTML 5. HTML 5 brings new evolution in the history

of Geolocation tracing . It has di_erent API [20] and they are very easy to use

. The designs of the websites are improving day by day . Before we required

lots of tools to make a attractive website and it was also time consuming but

HTML 5 replaces many tools and languages. The cross browser compatibility is

also reduced in HTML 5 [17] [19].

HTML 5 proves to work with other languages too , for example it works

ASP.NET, PHP, JSP, JavaScript, Jquery ,CSS ,AJAX etc. HTML 5 can work in

depth with images , videoes . So it can also used in 3D animations [18] [17].With

the help of HTML 5 it is believed that object can created so all types of object

oriented application will be able to create [6] .

HTML is very easy to run and write . HTML 5 is more easy than any other

HTML versions because in previous versions we do required to the end tag but

in the new version of HTML the end doesnt required [1], making the browser

and the language more smarter than before .HTML 5 is machine readable and

understandable .

Lot of works are done for the standardization of HTML 5 and still lot to

come . The main purpose of this case study is to prove that HTML 5 is a

good competitor of many other rich languages and will be able to work on

many platforms which not possible for many rich languages and HTML 5 is very

friendly to work side by side with other languages.

3 Body

Content of Body

4 Mobile Application Development

At present the selling rate of smart devices are very high .The giant market

holders are Apple, Google, Microsoft, BlackBerry ,Nokia ,Motorolla , Samsung,

Sony. As smart device we understand smart phones and tabs. The main software

for these smart devices is operating system and then all apps. The market values

of these devices increases due to various reason but the popularity increases only

because of the apps. At present we have individual developers for individual types

of device because iPhone and iPad devices, uses Objective-C, while Windows

phones use .Net, and Android and BlackBerry each use very di_erent avours of

Java. Neither are the devices they run on at all homogeneous. Screen size varies

hugely between BlackBerry, the di_erent Android devices and iPhone. And thats

without factoring in tablet formats such as iPad.

4.1 Requirement of HTML 5

When a user want a application then he will have to operate to di_erent devel-

opers for same application. HTML 5 is yet under development but so far it is

capable enough to use for building mobile applications. A whole new generation

of development tools has grown up to help alleviate the headaches caused by the

variety of mobile platforms, including [14]

{ PhoneGap

{ Appcelerators Titanium

{ Rhomobile

{ Airplay SDK

{ Corona SDK

{ Adobe CS5

Mainly focusing on the three leading platforms, iOS, Android and Symbian,

but they also o_ers support for BlackBerry and Palm, these tools allow de-

velopers to create native apps using common web programming languages like

JavaScript,css and HTML5, and get back app storeready apps without costly

redevelopment [14]. Perhaps the most important point about these tools is that

many use HTML5, the next version of the webs underlying language, poten-

tially freeing publishers from having to grapple with proprietary languages such

as Objective-C, in which far fewer developers are expert. HTML5 is an impor-

tant technology development for mobile, and promises to be a decisive factor in

aiding the portability of dynamic content across platforms, obviating as it does

the need for plug-ins such as Flash (banned on Apples iOS) [14]. Some appli-

cation need real time data from web servers so in this case HTML 5 is more

e_cient then others.

All applications of HTML 5 can be considered as Hybrid apps because they are

easily update able can access remote data sources just like a browser-based app.

4.2 Drawbacks of HTML 5 in Mobile application development

However these tools handle fairly simple types of apps easily, they can struggle

when it comes to features that access a devices native onboard functionality (by

which I mean things like camera, accelerometer, speakers, GPS, etc.)because

di_erent device uses di_erent types and versions of above instrument [14]. As

HTML 5 is still under construction so many problems will be solve in future [4].

5 Desktop Application Development

Most popular language for Desktop apps are Java, c-sharp, c++ etc . C++ was

used in earlier days but at present c-sharp is the best but it is not capable to run

in most of the linux versions ,on the other hand Java is not as rich as c-shrap

(i.e for example the class library of c-shrap is very rich then Java). The HTML5

technology has created a consistant plattform for browsers. Not only on mobile

,tabs but also for desktops devices. Our HTML5 cloud solutions bring desktop

technologie to the mobile world. Therefore users can use any application on all

HTML compliant devices without knowing where they are executed. In addition

to it some Cloud Component Framework allows using desktop applications as

software components in web applications like exxWeb-it.

HTML5 Apps on the Mozilla market that is in test will be installable everywhere,

both on mobile and on the desktop. Zinc 4.0 includes all new feature which com-

piles the many _les that make up a HTML5 web app into a single _le Desktop

Application for Linux , Windows and Mac OSX. HTML 5 works with CCS and

javascript. Zinc 4.0 is capable to compile both Local and Remote HTML5 web-

sites, web apps and more into Desktop Applications. 'Remote' Desktop Apps

are self-contained Desktop Apps which require an Internet Connection to load,

whilst 'Local' Desktop Apps can run even if there is no Internet Connection.

You can build an applications with HTML/JavaScript and deploy them to desk-

top computers using Adobe AIR. 6 Useful HTML5 Tools are

{ Adobe Edge Animate

{ HTML KickStart

{ HTML5 Reset

{ Liveweave

{ Modernizr

{ Video.js

HTML 5 is still thousand mile behind for building powerful Desktop apps .

We can be hopeful that one day it will be one of the biggest competitor by seeing

the progress of HTML 5 in web ,as well as in mobile . Most research should be

done on this _eld .

6 Web Application Development

We always have a alternative for Mobile and Desktop application development

but in web development there is no alternative of HTML 5. For web HTML 5

is the update version of previous HTML 4 with lots of new feature .HTML 5

directly works with video, image , design , security etc .HTML 5 is capable for

working with PHP, ASP.NET and JSP.

6.1 Introduction to canvas element

On of the main aim of HTML 5 is to cut the need for plug-in-based rich Internet

application (RIA) technologies such as Adobe Flash,Oracle-Sun JavaFX and

Microsoft Silverlight .For example, YouTube which is the most popular for online

video is planning to design an HTML5 version of its service which will reduce

the dependency on Adobe Flash, but rather uses HTML5 for playing videos

in Web browsers . Apple has cut down Flash support on its iPad service in

favour of HTML5. HTML 5 introduces canvas element ,which is used to code

for graphics element using scripting (e.g., JavaScript). It was _rst introduced

by Apple for use in its operating system in the Mac OS X Dashboard and

for its browser Safari since it dropped ash, then afterwards implemented in

Gecko-based browsers, such as Mozilla Firefox, in Opera , as well as in Google

Chrome (Chrome is constructed around the same WebKit engine utilized in

Safari). Microsoft Internet Explorer versions 7 and 8 still not capable to support

the canvas element out of the box, but Google Chrome Frame ,for Internet

Explorer a free plug-in , can be used to render Web pages that use HTML5 and

the canvas element inside Internet Explorer but the most recent IE supports

it. Canvas has several ways for drawing paths, boxes, circles, characters, and

adding images and will include more functions in future. Canvas mainly works

with coordinate .Some special uses of canvas include building graphs, animations,

games, and image composition. Day by day HTML 5 games are becoming more

and more popular . Canvas is raster-based. Canvas element has a great quality

to load faster with less bandwidth . As Canvas element uses JS code is very easy

and simple . Still lots of research is going to improve Canvas. Its vector rendering

performance is what makes it so useful for GIS applications. HTML 5 are more

related to canvas.

6.1.1 Adobe ash Flash is a plug-in that needs to be installed on the Client

machine running the browser. Adobe brings FLEX mainly for business .Is very

hard to code ,takes more time to load then others ,not supported by Apple ,it

is not free and e_cient.

6.1.2 Microsoft Silverlight In 2007 it came to market to teach a big lessson

to ash, ex. However it is _xed with Visual studio. The main problems it has

is very costly and it is not supported by most of the linux versions.

6.2 Representation of geographic data

Before HTML 5 geolocation used to work in iPhone OS 3, as well as in Firefox 3.5

but now it works in almost all browser. The HTML5 Geolocation API(application

programming interface) is used to get the geographical position of a user. An

application-programming interface (API) is a set of programming instructions

(protocols) and standards for accessing aWeb-based software application orWeb

tool. The API are released by software company to the others so that other soft-

ware developers can design apps that are powered by its service. Since this can

make a impact on user privacy, the position is not available unless the user ap-

proves it. At the beginning it will ask if the user wants to give her/his location. If

the user agrees, it gathers data about nearby wireless access points and the users

computer IP (Internet Protocol) address then transmits all this information to

the default geolocation service provider, Google Location Services, to acquire

an estimate of users location. That location estimate is _nally shared with the

requesting Web page, which in turn displays the users position using Google

Maps . Recent evolution in Java-Script execution speed make possible relatively

high frame rates ( 15 fps (frames per second) on a typical notebook), prevent

the need for browser plug-ins like Flash or Java, and make dynamic HTML5

mapping accessible yet on mobile devices such as on the iPhone, Blackberry ,

Android (a mobile operating system using a modi_ed version of the Linux kernel

), and Windows Mobile platforms which is very useful. With HTML 5 it is very

easy then any other language.

6.3 Web 3.0 or Semantic web

The goal of the semantic web is to be a web talking to machines. In other

words which machines can provide a better help to people because they can take

advantage of the content of the Web and the new technology. The information

of web should be such a way that the computer can easy understand it so that it

can easily extracting web page contents, indexing schemes, syndication facilities

for broadcasting identi_ed web resources. No consensus exists on how far the

easy it can be. The Semantic Web should be smart and robust. HTML 5 is one

of its major element semantic web . HTML 5 introduces many meta tags that

helps to identify di_erent sections .

6.4 Video on the Web

If you are planning for using HTML5 video on your website, one of the option

you will have to chose is which codec(s) you will use. There are three codecs

available that the browsers that support HTML5 support.

{ MP4 or H.264

{ ogg/Theora

{ WebM

HTML 5 is very new for video .It introduced <video> tag for video . It still

has some problem with screen size . Video.js which is a JavaScript and CSS

library that can work easily and build on HTML5 video, today. This is also

called "HTML5 Video Player" . It can support a common controls skin built

in HTML/CSS, _xes cross-browser inconsistencies, adds additional features for

example fullscreen and subtitles, manages the fallback to Flash or other playback

technologies when HTML5 video isn't supported, and also provides a logical

JavaScript API for interacting with the video.

6.5 Real time data transfer

The WebSocket API(application programming interface) is one of the most pow-

erful new features in the HTML5 speci_cation because it clears the door to real-

time communication and pushing messages. WebSockets, by contrast, are full

duplex, which means they can communicate back and forth at the same time

without the request/response overhead. The header data is also much smaller,

so the majority of the information being exchanged is the actual data from the

application. PHP ships with built-in support for WebSockets, so it is possible to

write your own PHP socket server that handles the requests and responses easily

from the client code. There are also many Java and Ruby projects that provide

WebSocket support for those languages. The HTML5 standards over the next

decade will assist revolutionise the Internet again. We are going from an Inter-

net designed nearly 25+ years ago with the purpose of single request/response

of resources to a rich internet application with a constant need to access real

time data, easily, quickly, e_ciently. HTML 5 Web Sockets gives us just this,

with a very low overhead network protocol using existing HTTP ports in con-

junction with native browser event driven APIs successfully retriving real-time

streams of data will be standard practice among the next-generation of Internet

Applications.

6.6 Cross Browser Compatibility

Although HTML5 is in development for a number of years, adoption by the

all major browser vendors is recent and patchy. Whereas recent modi_ed ver-

sions of Firefox have supported HTML 5 , Internet Explorer in particular (and

as usual) was lazy to support HTML5, _nally Microsoft are now o_cially en-

dorsing the standard and newer versions should meet speci_cations. As Inter-

net Explorer is still one of the most popular browser, despite being the least

standards-compliant, some trickery is needed to support HTML5 on older but

still common versions. Table 1 below details the recent versions of most common

browsers with which this studys solution is compatible.

Firefox 7.0.1

Opera 11.10

Safari 5.0.4

Internet Explorer 8.0.6001.18702

Chrome 13.0

Table 1. Compatibility of solution with recent versions of common browsers.

Javascript used to be considered secondary to the function of web pages .Still

it is impossible to _nd any web page without Javascript. Javascript will only work

when it is enabled , so it is a big problem . HTML 5 included some new functions

that works better then Javascript example form validity checking , hopping that

it will include more functions in future. Only for Cross Browser Compatibility

still now programmers has to write di_erent codes for same purpose , keeping

that in mind HTML 5 is working to reduce unnecessary pressure for everyone.

6.7 Improving Search

HTML 5 can easily provide the required context for the search engine that

they need to understand whats contained in a web page. HTML 5 improve

web page segmentation so that di_erent parts such as the header, footer, main

content area, etc. can be logically and easily be distinguished from one another.

Once HTML5 becomes more widely adopted, search engines can use these new

elements as a big advantage and help them _nd page elements of interest to

them. At present we use <div> element which doesn't have any semantic values.

6.7.1 <article>

6.7.2 <section>

6.7.3 <header>

6.7.4 <footer>

6.7.5 <nav>

6.7.6 <aside> All the above elements have special meaning in the web page .

Many other attribute values like rel="author" and rel="prev" and rel="license"

and rel="next" are added to increase the functionality of the semantic web.

Search engines can easily identify audio and video by using <audio> and

<video> tags . Google, for example, presents YouTube videos in search engine

results. Google Images are already indexed . We could see video and audio being

treated like images indexed in Google Images. All these are the parts of semantic

web.

6.8 Tools and Application development

Di_erent types of tools and applications are developed in HTML 5 for example

games and many are still under development.It is possible to develop the next

generation of document imaging apps with the LEADTOOLS document HTML5

Module. By adding on an HTML 5 viewer control, css , JavaScript libraries and

Restful web services to the Document Imaging family of products, developers

can build robust, yet light-weight zero-footprint document imaging applications

that run on any desktop, tablet or mobile device.

Apple and Android each has its own ecosystem and developers must build sepa-

rate applications to suit each a costly and time-consuming process. This is why

Intel is putting huge investments upstream to support HTML5. The markup

language is most popular as the basis for applications on connected devices.

Along with Intel many others are also thinking with it. The main advantage is

HTML5 applications are capable enough to run o_ine, as well, from the device's

local storage with a web runtime. It was very hard in HTML 4 develope an ap-

plication like Drag and Drop (DnD) because we had to use complex Javascript

programming or other Javascript frameworks like jQuery etc. Now HTML 5 in-

troduces us with Drag and Drop (DnD) API that brings native DnD support to

the browser making it much easier to code up. HTML 5 is not as powerful as C

sharp, Java so complicated tools are not possible to build but simple tools can

be made easily.

6.9 Security

With the update of HTML 4 to HTML 5 the new security issue must arise. The

upgrade from HTML4 to HTML5 introduced about new and amazing possibil-

ities for the web like 3D environments and email clients that work o_ine. And

new products like Sophos upcoming SSL VPN are written entirely in HTML5.

You can even use the apps cache feature easily to have an application download

to your browser for use o_ine, such as when youre on a ship.

6.9.1 Browser vulnerabilities HTML5 contains new security features, which

is not very old and can be easily upgradeable if required in future. Traditionally,

the browser was always a kind of thin client with small amounts of persistent

data from cookies and cached _les for functions and performance. Attackers

would easily use the browser as a means to access the computer, or to try to

steal valuable data for an online service. However, with more local storage then

previous and o_ine caching in HTML5, the browser is likely to contain much

more sensitive data, such as from your email client or CRM. That makes your

browser a direct gateway to your data and an attractive target itself. So the

browser will become the _rst target for the hackers so the vendors will require

to develop a richer security model, much like those for operating systems.

6.9.2 Privacy Concerns over privacy gives a great importance to cookies and

cache. Cookies and associated data can be used to track users across multiple

sites, purchases or preferences ,recording their clicks. As users become more

aware of web tracking and data mining, privacy and security features are growing

in more importance for browser vendors.

In HTML 5 we have new mechanism of cache and storage which is very se-

cure then previous and prevents from hacking. Theres more exibility for local

storage and a relatively liberal access model, depending on site developer im-

plementation. In HTML4 how to restrict or periodically purge data is less clear

than with cookies . Because we do so much of our web browsing from our mo-

bile devices, location data and media tools for mobile devices present additional

privacy challenges.

HTML5 can more easily interact with the functions of modern web brows-

ing devices. And it de_nes a series of new interesting application programming

interfaces (API) for access to location services, microphones or cameras. How-

ever HTML 5 is very new so it may have some problem and questions with its

security issue . More research should be done on its security and the browser

vendors should invest more for increasing high level security for the users.

6.9.3 Legacy problems Browser vendors have patched many of the security

holes that opened the door to clickjacking (tricking a user to click a link or

modifying the page to emulate a user click) and phishing websites. We should

minimize the probability of attack, such as requiring a click to occur in the

window of focus.

As we launch new technology we have to learn from our past mistakes. As

cybercriminals are giving more importance to investigate HTML5 they are likely

to _nd new ways of tricking users, spreading malware and stealing clicks.

Programmers adopting HTML5 are movings to need to change their valida-

tion routines and _lters. Huge number of websites use web application _rewalls

or free add-ons like mod security to prevent attacks like XSS. The developers

will need to decide what they should use to keep apps safe and always should

updating the security. Websites and applications are only as secure as the care

the web developer took to make it. If youre a web developer, be sure to learn

best practices for _ltering data and writing secure code, give high level authen-

tication , and borrow from cheat sheets like those produced by the Open Web

Application Security Project (OWASP).

7 Embedded system

Roborts many works with Microcontroller ,it is possible to control robots from

smart devices so HTML 5 can be used in microcontrollers because HTML 5 takes

very small space and can run in any environment .HTML 5 will work with sensors

and will sends the real-time data to a server over Wi_ using HTML5Websockets.

The data are simple JSON messages to a simple websockets server hub. More

research and investment is required in this _eld .Instead of assembly language

if HTML 5 is used then it is believed that the performance and communication

will be faster.

8 Future of HTML 5

HTML5 is the update version of HTML 4 and is a great technology for mo-

bile , web and desktop apps .Developers can build rich web-based apps that

run on any device via SDK , API and standard web browser. Many think this

language will be used by almost all developers. It is not yet the complete prod-

uct. Nevertheless, being an open standard, many parties can and do work to

improve HTML5s feature-set and functionality. It also has some heavyweight

industry backers which include Microsoft, Google, Apple, Adobe, Amazon, SAP

and Facebook. HTML 5 is a strong alternative to many other language . The

W3C plans to release a stable HTML5 recommendation by the end of 2014, and

an HTML 5.1 speci_cation recommendation by the end of 2016.

In future HTML 5 promises us to give more function and to solve previous

drawbacks .

9 Section 3

.

Content of Section 3