Seminar Report Hard Binding

Embed Size (px)

Citation preview

  • 7/28/2019 Seminar Report Hard Binding

    1/26

    Seminar Report

    (Submitted in the partial fulfilment of the award of degree of Bachelor of Computer Application)

    ON

    HTML5

    MD IRSHAD ALI

    BCA-3rd year

    ROLL NO.:1000118026

    UNDER SUPERVISION OF

    Mr.RahulRanjan

    (Junior assistant professor)

    DEPARTMENT OF COMPUTER APPLICATION

    INTEGRAL UNIVERSITY, LUCKNOW

    KursiRoad, Lucknow-226026 Uttar Pradesh (INDIA)

    Phone:0522-2890812,2890730,3296117,6451039

    2012 -2013

    http://upload.wikimedia.org/wikipedia/en/5/53/Integral_University_logo.jpg
  • 7/28/2019 Seminar Report Hard Binding

    2/26

    CERTIFICATE

    This is to certify that BCA Seminar Report entitled

    HTML5 is a bonifide record of work carried out by

    MD IRSHAD ALI,student of BCA 3rd Year.

    This report is submitted to the Department of Computer

    Science in partial fulfilment of requirement for the

    award of Bachelor degree of Computer Science during

    the year 2012-2013.

    Mr.RahulRanjanMr.FaizanFarooqui

    (Junior Assistant Professor) (HOD)

  • 7/28/2019 Seminar Report Hard Binding

    3/26

    ACKNOWLEDGEMENT

    I would like to acknowledge and extend my heartfelt gratitude to my my Asst.

    ProfessorMr.Rahul Ranjan under whose able guidance I have prepared

    the SEMINAR Report .

    They have been a constant source of encouragement and inspiration to me and

    Internet and books also other my helping source for me.

    I am also indebted to

    my batch mates who have been a great help in the preparation of this lab report

    MD IRSHAD ALI

    ROLL NO:-1000118026

  • 7/28/2019 Seminar Report Hard Binding

    4/26

    PRONOUNCEMENT

    The seminar report on the topic HTML5 was given in

    our supervision .This is a written testimony of the

    excellent presentation given by MD IRSHAD ALI in

    seminar hall for the partial fulfilment of Bachelor

    degree in Computer Science of INTEGRAL

    UNIVERSITY .The seminar was given wonderfullyand applauded by the audience present in the seminar

    hall.All of them were comprehensive acquainted with

    topic:HTML5. We congratulate him for his

    wonderful work and wish success in future.

  • 7/28/2019 Seminar Report Hard Binding

    5/26

    ABSTRACT

    HTML5 - it is the next revitalized version of HTML 4.01 that was being developed for thecore markup language of the World Wide Web. It is becoming a powerful tool in building a

    website as itworks on Write-Once-Run-Anywhere methodology with high end flexibility,

    mobility and security.

    Key Factors of HTML5

    - Improved Error Handling

    - Scripting is replaced by mark up texts

    - External plug-in (like FLASH) can be removed for improved functioning

    - Upcoming features should be based on HTML, CSS, DOM and Java Script- It should be a device independent

    Extraordinary Aspects of HTML 5

    HTML5 introduces number of new APIs, exceptional features like structural elements and

    attributes, and few other semantic elements headers, footers, menus, sections and

    articlesprovides an easy way to make up the web contents. It also supports storage, cross

    browser and cross device compatibility, SEO and browsing. Some of thefeatures of

    HTML5 are listed below,

    - The element for 2D drawing

    - The and elements for media playback

    - Supports local storage

    - New content-specific elements such as , , , ,

    - New form controls, such as calendar, date, time, email, Url, search

  • 7/28/2019 Seminar Report Hard Binding

    6/26

    SEMINAR REPORT

    ON

    HTML5

  • 7/28/2019 Seminar Report Hard Binding

    7/26

    Submitted By:

    MD IRSHAD ALI

    BCA III Year

    Integral University.

  • 7/28/2019 Seminar Report Hard Binding

    8/26

    Contents

    History Overview of HTML5 Whats New In HTML5 Task HTML Browser Support Flash v/s HTML HTML5 New Features New APIs Conclusion

  • 7/28/2019 Seminar Report Hard Binding

    9/26

    History

    In 1980, physicist Tim Berners-Lee, who was a contractor at CERN, proposed

    and prototyped ENQUIRE, a system for CERN researchers to use and share

    documents. In 1989, Berners-Lee wrote a memo proposing an Internet

    based hypertext system. Berners-Lee specified HTML and wrote the browser

    and server software in the last part of 1990. The first publicly available

    description of HTML was a document called "HTML Tags", first mentioned on

    the Internet by Berners-Lee in late 1991.[5][6] It describes 18 elements

    comprising the initial, relatively simple design of HTML. Except for thehyperlink tag, these were strongly influenced by SGML guid, an in-house

    SGML-based documentation format at CERN. Eleven of these elements still exist

    in HTML 4.

    HTML5 is a mark-up language for structuring and presenting content for the

    World Wide Web and a core technology of the Internet. It is the fifth revision of

    the HTML standard (created in 1990 and standardized as HTML4 as of 1997)

    and, as of December 2012, is a W3C Candidate Recommendation. Its core aims

    have been to improve the language with support for the latest multimedia while

    keeping it easily readable by humans and consistently understood by computersand devices (web browsers, parsers, etc.). HTML5 is intended to subsume not

    only HTML 4, but XHTML 1 and DOM Level 2 HTML as well.

  • 7/28/2019 Seminar Report Hard Binding

    10/26

    Plan..2014

    In September 2012 the W3C proposed a plan[28] to release a stable HTML5

    Recommendation by the end of 2014 and an HTML 5.1 specificationRecommendation by the end of 2016.

    Core HTML specification

    The combined timelines for HTML 5.0, HTML 5.1 and HTML 5.2:

    2012 2013 2014 2015 2016

    HTML 5.0 CandidateRec Call forReview Recommendation

    HTML 5.1 1st Working

    Draft

    Last Call Candidate

    Rec

    Recommendation

    HTML 5.2 1st Working

    Draft

  • 7/28/2019 Seminar Report Hard Binding

    11/26

    HTML5

    officially introduced in 2011 Launched in September 2013 not a software, browsers must support HTML5 features currently browser developers implement some features the html5 standard

    Key Factors of HTML5 Improved Error Handling Scripting is replaced by mark up texts External plug-in (like FLASH) can be removed for improved functioning Upcoming features should be based on HTML, CSS, DOM and Java Script It should be a device independent

  • 7/28/2019 Seminar Report Hard Binding

    12/26

    Tasks

    run on low powered devices without browser plugin semantic web multimedia rich internet applications

  • 7/28/2019 Seminar Report Hard Binding

    13/26

    Difference b/w HTML4 and HTML5 declaration Tag

    HTML 5

    HTML 4.01 Strict

    This DTD contains all HTML elements and attributes, but does NOT INCLUDE

    presentational or deprecated elements (like font). Framesets are not

    allowed.

  • 7/28/2019 Seminar Report Hard Binding

    14/26

    Flash vs. HTML5

    While HTML5 is often compared to Flash, the two technologies are very

    different. Both include features for playing audio and video within web pages,and for using Scalable Vector Graphics. HTML5 on its own cannot be used for

    animation and interactivity - it must be supplemented with CSS3 or Javascript.

    There are many Flash capabilities that have no direct counterpart in HTML5.

    See Comparison of HTML5 and Flash.

    Although HTML5 has been well known among web developers for years, it

    became the topic of mainstream media around April 2010 after Apple Inc's then-

    CEO Steve Jobs issued a public letter titled "Thoughts on Flash" where he

    concludes that "[Adobe] Flash is no longer necessary to watch video or consume

    any kind of web content" and that "new open standards created in the mobile

    era, such as HTML5, will win". This sparked a debate in web developmentcircles where some suggested that while HTML5 provides enhanced

    functionality, developers must consider the varying browser support of the

    different parts of the standard as well as other functionality differences between

    HTML5 and Flash.In early November 2011 Adobe announced that it will

    discontinue development of Flash for mobile devices and reorient its efforts in

    developing tools utilizing HTML 5.

  • 7/28/2019 Seminar Report Hard Binding

    15/26

    FlashProblems

    Steve Jobs closed source/proprietary security plugin seo performance touch capability

  • 7/28/2019 Seminar Report Hard Binding

    16/26

    Flash vs. HTML5

    source: Google trends

  • 7/28/2019 Seminar Report Hard Binding

    17/26

    HTML5The new Feature AND APIs

  • 7/28/2019 Seminar Report Hard Binding

    18/26

    Markup Features

    semantic tags : represents a section of the document intended for navigation : represents a footer for a section and can contain information about the

    author, copyright information, etc.

    : represents a group of introductory or navigational aids. : represents an independent piece of content of a document, such as a

    blog entry or newspaper article

    : represents a generic document or application section. It can be usedtogether with the h1, h2, h3, h4, h5, and h6 elements to indicate the document

    structure

    : represents a piece of content that is only slightly related to the rest ofthe page.

    : represents the header of a section

  • 7/28/2019 Seminar Report Hard Binding

    19/26

    Dropped Tags

    basefont, big, center, font, strike, tt

    acronym, applet, isindex frame, frameset, noframes

  • 7/28/2019 Seminar Report Hard Binding

    20/26

    types some examples:

  • 7/28/2019 Seminar Report Hard Binding

    21/26

    drawing 2D images with Javascript interactive dynamic pictures -> animations http://alex4.tapjs.com/

    .

    http://alex4.tapjs.com/http://alex4.tapjs.com/
  • 7/28/2019 Seminar Report Hard Binding

    22/26

    Geolocation

    The HTML5 Geolocation API is used to get the geographical positionof a user.

    uses available OS positioning services Geolocation is much more accurate for devices with GPS, like

    iPhone.

  • 7/28/2019 Seminar Report Hard Binding

    23/26

    Continue..

    Example..

    var x=document.getElementById("demo");

    function getLocation()

    {

    if (navigator.geolocation)

    {

    navigator.geolocation.getCurrentPosition(showPosition);

    }

    else{x.innerHTML="Geolocation is not supported by this browser.";}

    }

    function showPosition(position)

    {

    x.innerHTML="Latitude: " + position.coords.latitude +

    "
    Longitude: " + position.coords.longitude;

    }

  • 7/28/2019 Seminar Report Hard Binding

    24/26

    Data Storage

    Web storage API key-value store Web SQL API no longer maintained Indexed Database API (aka WebSimpleDB) indexed hierarchical key-value store File API

  • 7/28/2019 Seminar Report Hard Binding

    25/26

    Conclusion

    Advanced technology of HTML give consumer more convenient and enjoyment. It provide a more reliable feature to a web page designer to make a web pages

    more easily and more attractive.

    New features of APIs provide a function of GEO location to knowing theposition of person

  • 7/28/2019 Seminar Report Hard Binding

    26/26

    Thank You