HTML5 and its Role in eLearning. What is HTML5 ? New standard of HTML from the Web Hypertext Application Technology Working Group (WHATWG) and the World.

Slides:

Advertisements

Similar presentations

Introduction to Web Design, HTML & WordPress. What is Web Design? Web Design encompasses many different skills and disciplines in the building and maintenance.

Advertisements

HTML5 for Data Visualisation

HTML5, OVERVIEW AND NEW FEATURES PowerPoint by Mason O’Mara.

HTML5 ETDs Edward A. Fox, Sung Hee Park, Nicholas Lynberg, Jesse Racer, Phil McElmurray Digital Library Research Laboratory Virginia Tech ETD 2010, June.

SHAREPOINT PAKISTAN USER GROUP #1 SHAREPOINT COMMUNITY IN PAKISTAN AND ASIA HTML5 and SharePoint 2013.

 A markup language  Structures content on the internet  Commonly used by web browsers.

HTML 5. What is HTML5? HTML5 will be the new standard for HTML, XHTML, and the HTML DOM. The previous version of HTML came in The web has changed.

Website design basics QUME Learning objectives Understand the basic elements of a Web page and how it is produced Be aware of different approaches.

HTML 5 Tutorial Chapter 1 Introduction. What is HTML5? HTML5 will be the new standard for HTML, XHTML, and the HTML DOM. The previous version of HTML.

Lecture 18. HTML5 and JavaScript Instructor: Jie Yang Department of Computer Science University of Massachusetts Lowell Exploring the Internet,

MWD1001 – Website Production Web Browsers Week 11.

4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.

CS 415 N-Tier Application Development By Umair Ashraf July 16,2013 National University of Computer and Emerging Sciences Lecture # 12 HTML/ XHTML/ HTML5.

Web Design Basic Concepts.

Audio and Video on the Web Sec 5-12 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.

Session: 11. © Aptech Ltd. 2HTML5 Audio and Video / Session 11  Describe the need for multimedia in HTML5  List the supported media types in HTML5 

INTRODUCTION TO CLIENT-SIDE WEB PROGRAMMING ACM 511 ACM 262 Course Notes.

 Using Microsoft Expression Web you can: › Create Web pages and Web sites › Set what you site will look like as you design it › Add text, images, multimedia.

And Mobile Web Browsers

HTML5. What is HTML5? HTML5 will be the new standard for HTML. HTML5 is the next generation of HTML. HTML5 is still a work in progress. However, the major.

HTML 5 New Standardization of HTML. I NTRODUCTION HTML5 is The New HTML Standard, New Elements New Attributes Full CSS3 Support Video and Audio 2D/3D.

HTML5 GAMING By Scott Benton. HTML5 New HTML Standard Previous Version of HTML, HTML 4.01, Released in 1999 Not an Official Standard Yet No Browsers Have.

Using HTML 5.  HTML 5 uses a standard method to embed audio into Web pages.  Prior to HTML 5, browser plug-ins or separate applications such as Windows.

WRA /16/13 HTML VALIDATION & HTML5. TODAY’S AGENDA Overview of new objects: lists, tables Overview of metadata: meta tags, comments History of the.

Suleyman YILDIRIM.  Overview  Browser support  Scalability  Performance  Demos  Added value to the project.

Computer Concepts 2014 Chapter 7 The Web and .

What is Web Design?  Web design is the creation of a Web page using hypertext or hypermedia to be viewed on the World Wide Web.

Mobile App Support Jacob Poirier Geri Hengesbach Andrea Menke Erin Rossell.

Introduction to Silverlight. Slide 2 What is Silverlight? It’s part of a Microsoft Web platform called Rich Internet Applications (RIA) There is a service.

Build a Free Website1 Build A Website For Free 2 ND Edition By Mark Bell.

Web Browsers And Mobile Web Browsers. Guiding Questions What is a mobile Web browser? Why do Web pages look differently on different Web browsers? What.

HTML Structure & syntax

Adobe FLASH What & Why? Where & When? Is Flash dead? What about HTML5?

HTML Advanced: HTML 5. Introduction to HTML 5 These slides are based on source material found at the w3schools.com website.

Using the World Wide Web Web Design and Publishing Cindy Royal.

MIS 425 Lecture 3 – HTML 5 and CSS Instructor: Martin Neuhard

Introduction to HTML Tutorial 1 eXtensible Markup Language (XML)

XHTML and CSS Session 1 Intro, (X)HTML, CSS, W3C, browsers, webpage, structure, tags, attributes, elements, web development process, basic XHTML elements.

HTML Structure & syntax. Introduction This presentation introduces the following: Doctype declaration HTML Tags, Elements and Attributes Sections of a.

Building Rich Web Applications with Ajax Linda Dailey Paulson IEEE – Computer, October 05 (Vol.38, No.10) Presented by Jingming Zhang.

Session: 1. © Aptech Ltd. 2Introduction to the Web / Session 1  Explain the evolution of HTML  Explain the page structure used by HTML  List the drawbacks.

UPLOAD / DOWNLOAD april  HTML5 is just the next iteration of HTML  Previous version was technically HTML 4.01, which incorporated XHTML 1.0.

Tutorial 1 Developing a Basic Web Page. Objectives Learn the history of the Web and HTML Describe HTML standards and specifications Understand HTML elements.

4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.

HTML 5 The Future of Web Development. What is HTML5? “HTML5 is a specification of how the web’s core language, HTML, should be formatted and utilized.

Chapter 11 Adding Media and Interactivity. Chapter 11 Lessons Introduction 1.Add and modify Flash objects 2.Add rollover images 3.Add behaviors 4.Add.

May 6, 2009 Browser Compatibility Testing Definition It is a non functional type of testing where web based applications are tested on various browsers(IE.

FLASH, VIDEO & AUDIO How to add Flash movies into your site How to add video and audio to your site HTML5 and elements.

CS 200 Multimedia Objects in Web Pages. MultiMedia Objects Three primary types of multimedia objects  Audio  Video Includes Flash Objects  Images.

丁建文國立高雄應用科大資管系副教授兼任計網中心軟體發展組組長跨平台行動應用軟體開發技術 : HTML5 & Mobile JavaScript Framework 暨南大學.

History Before designing web pages it is important to know how it all came about… History Channel – The Invention of the Internet History Channel – The.

MOBAS Tutorial 2010 Tutorial on Mobile Applications & Systems 권오현, 김기환.

10 Mobile Application Framework Must Know to Launch New App.

HTML Structure & syntax

HTML Structure & syntax

The HTML5 logo was introduced by W3C in 2010

Want to Create Page Flip HTML5 Magazine?

Web Standards Web Design – Sec 2-3

Chapter 4: HTML5 Media - <video> & <audio>

HTML 5 Tutorial Chapter 1 Introduction.

Pattern Library Project

Web Standards Web Design – Sec 2-3

Introduction to Silverlight

Cayuse 424 Desktop Readiness.

PRESENTATION 1.0 BY – SAFEEBOOK Web browsers.

Browser Support for HTML5

HTML 5 Training HTML 5 SYMANTICS [Notes to trainer:

HTML Structure & syntax

Presentation transcript:

HTML5 and its Role in eLearning

What is HTML5 ? New standard of HTML from the Web Hypertext Application Technology Working Group (WHATWG) and the World Wide Web Consortium (W3C) Supports new tags that enable rich user experience Tags to support multimedia content Tags to improve semantic richness of documents

Which browsers support HTML5? Currently supported by many desktop browsers except Internet Explorer 7 & 8 Existing browser support is inconsistent HTML5 is an emerging standard Mozilla FireFox, Google Chrome and Apple Safari support HTML5 to varying degrees Internet Explorer 9 to support HTML5 To release later in 2011 IE 9 Beta is available for download

What devices support HTML5? iPhone & iPad support HTML5 Android supports HTML5 Traditional mobile handsets did not support even HTML too well Increasing number of mobile device manufacturers are adopting Android Hence HTML5 is making it to mobile devices very quickly

Where can HTML5 be used? Once more browsers and devices come onboard, HTML5 will be used for many things SEO-friendly rich websites for desktops and mobiles Web-based applications will have HTML5 Many apps for mobile (iPhone apps, iPad apps, Android apps) will be written in HTML5

Where can HTML5 be used? A lot of web content currently in HTML can move to HTML5 Video and audio Articles, White papers & eBooks (It doesn’t have to be just PDF anymore!) In e-Learning: On-the-field training (Mobile learning) Edumercials SCORM can be supported in HTML5 using JavaScript continued...

Can I Create HTML5 like I Create HTML? Yes and No! HTML5 is just a markup with additional tags, so YES, you can write HTML5 like you write HTML BUT Common misconception is that “HTML5 automatically supports animation etc.” Animations are usually supported through CSS3 and use of JavaScript Real power of HTML5 is unleashed when it is used along with CSS3 and JavaScript

Challenges for HTML5 adoption in eLearning Adobe Flash will be the dominant medium for eLearning content for a while A lot of eLearning content is written in Flash and will remain that way A lot of Flash programmers work on creating eLearning courses Web developers will adopt HTML5/CSS3/JavaScript combination, but they are not necessarily content developers

How can I create HTML5? There are tools available today using which you can create HTML5 elements and interactions Adobe added support for HTML5 creation in Dreamweaver in mid-2010 Raptivity (raptivity.com) supports creation of some interactivities in HTML5raptivity.com SiteJazzer (sitejazzer.com) helps create HTML5 using some templates and no programmingsitejazzer.com Lectora announced that it will support HTML5 soon

Raptivity Interactions in HTML5 Raptivity HTML5 pack is an example of combining Flash and HTML5 Each interactivity is rendered in Flash as well as HTML5 Course developed interactivity only once, Raptivity takes care of building the two versions Go to to download a Raptivity Free Trialwww.raptivity.com

Final Word: A Word of Caution HTML5 Limitations (as of date) HTML5 is an emerging standard HTML5 only supports limited video format (only Ogg format is supported) HTML5 only supports limited audio formats (Ogg, MP3, WAV) HTML5 support on browsers is inconsistent at best

Want to Try Out Rapid Interactivity Creation? Download Raptivity Free Trial