Beyond Cookies: Persistent Storage for Web Applications. Brad Neuberg Google

Size: px
Start display at page:

Download "Beyond Cookies: Persistent Storage for Web Applications. Brad Neuberg Google"

Transcription

1 Beyond Cookies: Persistent Storage for Web Applications Brad Neuberg Google

2 What?

3 What? 4K

4 What? 4K 100K

5 What? 4K 100K 500K

6 What? 4K 100K 500K >1 MB

7 What? Name/Value Storage Database Static Files

8 Why? 640K ought to be enough for anybody

9 Why? 640K ought to be enough for anybody

10 Why? Offline Capabilities of client Lower Latency No server Performance Privacy

11 Demo of GMail Offline

12 Zoo of Options Yahoo! BrowserPlus HTML 5

13 Zoo of Options HTML 5

14 HTML 5

15 Name/Value sessionstorage localstorage

16 sessionstorage Per window Example: purchasing plane tickets

17 sessionstorage <label> <input type="checkbox onchange="sessionstorage.insurance = checked"> I want insurance on this trip. </label>

18 sessionstorage <label> <input type="checkbox onchange="sessionstorage.insurance = checked"> I want insurance on this trip. </label> if (sessionstorage.insurance) {... }

19 localstorage Per site, multiple windows Permanent Example: storing user s s

20 localstorage <p>you have viewed this page <span id="count">an untold number of</span> time(s).</p> <script> if (!localstorage.pageloadcount) localstorage.pageloadcount = 0; localstorage.pageloadcount = parseint(localstorage.pageloadcount, 10) + 1; document.getelementbyid('count').textcontent = localstorage.pageloadcount; </script>

21 Storage Interface interface Storage { readonly attribute unsigned long length; DOMString key(in unsigned long index); DOMString getitem(in DOMString key); void setitem(in DOMString key, in DOMString data); void removeitem(in DOMString key); void clear(); };

22 Storage Event Fired when storage happens Doesn t bubble On Window

23 Support Firefox 2* & 3 Internet Explorer 8 Safari nightly

24 *Note Firefox 2 has older version of spec: function getstorage() { if (typeof localstorage!= 'undefined') return localstorage; else return globalstorage[window.location.hostname]; }

25 localstorage Demo Demo

26 HTML 5 Database

27 HTML 5 Database Full relational database SQLite Asynchronous APIs

28 opendatabase opendatabase(dbname, version, displayname, expectedsize) var db = opendatabase("mydb", "1.0", "Example", );

29 CREATE TABLE db.transaction(function(tx) { tx.executesql("create TABLE IF NOT EXISTS" + "COUNTRY (id REAL UNIQUE, name TEXT)", [], function(tx, result) { // SQL executed; do more work }); }, function(tx, error) { alert(error.message); return; });

30 SELECT db.transaction(function(tx) { tx.executesql("select id, name FROM COUNTRY", [], function(tx, result) { for (var i = 0; i < result.rows.length; + +i) { var row = result.rows.item(i); alert('id='+row['id'); alert(' name='+row['name']); } }, function(tx, err) { alert(err.message); } );

31 INSERT db.transaction(function(tx) { tx.executesql( "INSERT INTO COUNTRY " + " (id, name) VALUES (?,?)", ['1', 'United States']); });

32 Support Safari 3.1 iphone OS 2.0+

33 iphone Image: Chris Messina

34 Demo Database Demo

35 View Source View Source of Database Demo

36 HTML 5 Application Cache

37 Application Cache Ability to go offline Cache UI files (JavaScript, HTML, etc.)

38 Application Cache Point to manifest file: <html manifest= foo.manifest >

39 Application Cache Point to manifest file: <html manifest= foo.manifest > foo.manifest must have correct MIME type: text/cache-manifest

40 Application Cache Example manifest: CACHE MANIFEST # v1 # This is a comment somethingelse.jpg

41 Application Cache

42 Application Cache Update process

43 Application Cache Update process Manifest file fetched

44 Application Cache Update process Manifest file fetched If changed

45 Application Cache Update process Manifest file fetched If changed Files refetched in temp cache

46 Application Cache Update process Manifest file fetched If changed Files refetched in temp cache When done, becomes real cache

47 Application Cache Update process Manifest file fetched If changed Files refetched in temp cache When done, becomes real cache Events are fired

48 Support Firefox 3* and 3.1 Safari 3* and 3.1 iphone OS 2.1+

49 Demo

50 Demo

51 Dojo Storage Open source Figures out best storage Flash HTML 5 Gears

52 Dojo Storage Name/value hashtable storage.js (~13K GZip) dojo.js (~26K)

53 Dojo Storage dojox.storage.put( message, hello world, function(status, keyname){ if(status == dojox.storage.failed){ alert("no permission!"); }else if(status == dojox.storage.success){ // do something } } );

54 Dojo Storage var message = dojox.storage.get( message );

55 Gears

56 JavaScript CSS HTML What is Gears?

57 JavaScript CSS HTML What is Gears?

58 JavaScript CSS HTML What is Gears?

59 JavaScript CSS HTML What is Gears?

60 JavaScript CSS HTML What is Gears?

61 Database Desktop API JavaScript Client-Side Search Local Server CSS HTML Worker Pool Blobs Ajax++

62 File System API JavaScript CSS Geolocation HTML Ajax++

63 Database API var db = google.gears.factory.create('beta.database'); db.open('database-test'); db.execute('create TABLE IF NOT EXISTS Test' + ' (Phrase TEXT, Timestamp INT)'); db.execute('insert INTO Test VALUES (?,?)', ['Monkey!', new Date().getTime()]);

64 Database API var rs; try { rs = db.execute('select * FROM Test ORDER BY Timestamp DESC'); while (rs.isvalidrow()) { console.log(rs.fieldbyname( Phrase ) + '@' + rs.fieldbyname( Timestamp )); rs.next(); } } finally { rs.close(); db.close(); }

65 Local Server

66 Local Server Run web applications offline Capture UI: HTML, JavaScript, CSS Serves locally even when connected

67 Beyond Cookies: Persistent Storage for Web Applications Brad Neuberg Google

Introduction to Gears. Brad Neuberg Google

Introduction to Gears. Brad Neuberg Google Introduction to Gears Brad Neuberg Google JavaScript CSS HTML What is Gears? JavaScript CSS HTML What is Gears? JavaScript CSS HTML What is Gears? JavaScript CSS HTML What is Gears? JavaScript CSS HTML

More information

Creating a Client-Side Search Engine with Gears and Dojo. Brad Neuberg, Google

Creating a Client-Side Search Engine with Gears and Dojo. Brad Neuberg, Google Creating a Client-Side Search Engine with Gears and Dojo Brad Neuberg, Google Agenda Gears PubTools Search Gears Modules Search Architecture Dojo Tips, Tricks, and Code JavaScript CSS HTML What is Gears?

More information

Creating a Client-Side Search Engine with Gears. Brad Neuberg, Gears

Creating a Client-Side Search Engine with Gears. Brad Neuberg, Gears Creating a Client-Side Search Engine with Gears Brad Neuberg, Gears Agenda Gears PubTools Search Gears Modules Search Architecture Dojo Tips, Tricks, and Code JavaScript CSS HTML 5 HTML What is Gears?

More information

Using HTML5 Offline Storage. Brady Eidson Safari and WebKit Engineer

Using HTML5 Offline Storage. Brady Eidson Safari and WebKit Engineer Using HTML5 Offline Storage Brady Eidson Safari and WebKit Engineer 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 So what can I do without the cloud? 22 What You ll Learn Make apps accessible offline

More information

Tizen Ver2.2 - HTML5 Web Storage

Tizen Ver2.2 - HTML5 Web Storage Tizen Ver2.2 - HTML5 Web Storage 2014. 12. 01 Contents Web Storage API local storage session storage Tutorial demo code analysis Web Storage Session Storage, Local Storage Web Storage Tizen supports the

More information

HTML5 and CSS3: New Markup & Styles for the Emerging Web. Jason Clark Head of Digital Access & Web Services Montana State University Library

HTML5 and CSS3: New Markup & Styles for the Emerging Web. Jason Clark Head of Digital Access & Web Services Montana State University Library HTML5 and CSS3: New Markup & Styles for the Emerging Web Jason Clark Head of Digital Access & Web Services Montana State University Library Overview Revolution or Evolution? New Features and Functions

More information

Cache Pattern for Offline Web Applications

Cache Pattern for Offline Web Applications Cache Pattern for Offline Web Applications Robert Kroeger June 27, 2009 Post your questions for this talk on Google Moderator: code.google.com/events/io/questions Why Mobile Web Applications? Pro: server-side

More information

Introduction to HTML 5. Brad Neuberg Developer Programs, Google

Introduction to HTML 5. Brad Neuberg Developer Programs, Google Introduction to HTML 5 Brad Neuberg Developer Programs, Google The Web Platform is Accelerating User Experience XHR CSS DOM HTML iphone 2.2: Nov 22, 2008 canvas app cache database SVG Safari 4.0b: Feb

More information

Support Offline Mobile Web Apps with HTML5 API's

Support Offline Mobile Web Apps with HTML5 API's Support Offline Mobile Web Apps with HTML5 API's Kim Dalsgaard @kimdalsgaard Application Cache Local Storage Web SQL Database Indexed Database Application Cache Offline Web applications From the specification

More information

Abusing HTML 5 Structured Client-side Storage

Abusing HTML 5 Structured Client-side Storage Abusing HTML 5 Structured Client-side Storage 20 July 2008, Version 1.0 ALBERTO TRIVERO Sponsored by Table of Contents Introduction 2 HTML 5 Structured Client-side Storage 2 Browser s Implementation 2

More information

Persistence. SWE 432, Fall 2017 Design and Implementation of Software for the Web

Persistence. SWE 432, Fall 2017 Design and Implementation of Software for the Web Persistence SWE 432, Fall 2017 Design and Implementation of Software for the Web Today Demo: Promises and Timers What is state in a web application? How do we store it, and how do we choose where to store

More information

Copyright is owned by the Author of the thesis. Permission is given for a copy to be downloaded by an individual for the purpose of research and

Copyright is owned by the Author of the thesis. Permission is given for a copy to be downloaded by an individual for the purpose of research and Copyright is owned by the Author of the thesis. Permission is given for a copy to be downloaded by an individual for the purpose of research and private study only. The thesis may not be reproduced elsewhere

More information

Using GWT and Eclipse to Build Great Mobile Web Apps

Using GWT and Eclipse to Build Great Mobile Web Apps Using GWT and Eclipse to Build Great Mobile Web Apps Chris Ramsdale Product Manager, GWT and Google Plugin for Eclipse Feedback: http://goo.gl/mn6y4 Twitter: #io2011 #gwt Why Are We Here? 3 The Problems

More information

High Performance HTML5

High Performance HTML5 High Performance HTML5 stevesouders.com/docs/velocity-html5-20111207.pptx Disclaimer: This content does not necessarily reflect the opinions of my employer. flickr.com/photos/djbiesack/85833076/ High Performance

More information

Current Trends in Native and Cross-Platform Mobile Application Development

Current Trends in Native and Cross-Platform Mobile Application Development Current Trends in Native and Cross-Platform Mobile Application Development Ala Al-Fuqaha, Ph.D. Associate Professor and Director, NEST Research Lab College of Engineering & Applied Sciences Computer Science

More information

Advanced JavaScript. Gary Sheppard & James Tedrick

Advanced JavaScript. Gary Sheppard & James Tedrick Advanced JavaScript Gary Sheppard & James Tedrick HTML 5 Working with jquery Modules, Dijits & AMD Cross-Domain Video Playback Canvas (2D graphics) Geolocation API Web Storage Drag & Drop Web Workers ApplicationCache

More information

COURSE OUTLINE MOC 20480: PROGRAMMING IN HTML5 WITH JAVASCRIPT AND CSS3

COURSE OUTLINE MOC 20480: PROGRAMMING IN HTML5 WITH JAVASCRIPT AND CSS3 COURSE OUTLINE MOC 20480: PROGRAMMING IN HTML5 WITH JAVASCRIPT AND CSS3 MODULE 1: OVERVIEW OF HTML AND CSS This module provides an overview of HTML and CSS, and describes how to use Visual Studio 2012

More information

HTML 5: Fact and Fiction Nathaniel T. Schutta

HTML 5: Fact and Fiction Nathaniel T. Schutta HTML 5: Fact and Fiction Nathaniel T. Schutta Who am I? Nathaniel T. Schutta http://www.ntschutta.com/jat/ @ntschutta Foundations of Ajax & Pro Ajax and Java Frameworks UI guy Author, speaker, teacher

More information

Fundamentals of Website Development

Fundamentals of Website Development Fundamentals of Website Development CSC 2320, Fall 2015 The Department of Computer Science In this chapter History of HTML HTML 5-2- 1 The birth of HTML HTML Blows and standardization -3- -4-2 HTML 4.0

More information

HTML5 and Mobile: New Markup & Styles for the Mobile Web. Jason Clark Head of Digital Access & Web Services Montana State University Libraries

HTML5 and Mobile: New Markup & Styles for the Mobile Web. Jason Clark Head of Digital Access & Web Services Montana State University Libraries HTML5 and Mobile: New Markup & Styles for the Mobile Web Jason Clark Head of Digital Access & Web Services Montana State University Libraries Overview Demos View some code bits New Features and Functions

More information

Persistence & State. SWE 432, Fall 2016 Design and Implementation of Software for the Web

Persistence & State. SWE 432, Fall 2016 Design and Implementation of Software for the Web Persistence & State SWE 432, Fall 2016 Design and Implementation of Software for the Web Today What s state for our web apps? How do we store it, where do we store it, and why there? For further reading:

More information

The goal of this book is to teach you how to use Adobe Integrated

The goal of this book is to teach you how to use Adobe Integrated Clearing the AIR The goal of this book is to teach you how to use Adobe Integrated Runtime (AIR) to create desktop applications. You can use JavaScript or ActionScript to develop AIR applications, and

More information

Web applications design

Web applications design Web applications design Semester B, Mandatory modules, ECTS Units: 3 http://webdesign.georgepavlides.info http://georgepavlides.info/tools/html_code_tester.html George Pavlides http://georgepavlides.info

More information

City of Mobile GIS Web Mapping Applications: New Technology, New Expectations

City of Mobile GIS Web Mapping Applications: New Technology, New Expectations City of Mobile GIS Web Mapping Applications: New Technology, New Expectations Presenters : Scott Kearney GIS Manager Patricia Creamer GIS Analyst Background: GIS Department Developing web mapping apps

More information

JavaScript: The Definitive Guide

JavaScript: The Definitive Guide T "T~ :15 FLA HO H' 15 SIXTH EDITION JavaScript: The Definitive Guide David Flanagan O'REILLY Beijing Cambridge Farnham Ktiln Sebastopol Tokyo Table of Contents Preface....................................................................

More information

State of the Open Web. Brad Neuberg, Google

State of the Open Web. Brad Neuberg, Google State of the Open Web Brad Neuberg, Google http://flickr.com/photos/jamespaullong/164875156/ Who is this guy? Ajax Image CC: jopemoro/flickr Who is this guy? Ajax Image CC: jopemoro/flickr Ajax Who is

More information

Technical Report in Engenharia Informática e de Computadores (DEIC) Curricular Year 2008/2009

Technical Report in Engenharia Informática e de Computadores (DEIC) Curricular Year 2008/2009 Technical Report in Engenharia Informática e de Computadores (DEIC) Curricular Year 2008/2009 Departamento de Engenharia Informática Title: Current approaches to add offline work in Web applications Supervisor

More information

Building Offline Mobile Apps with Oracle JET and MCS

Building Offline Mobile Apps with Oracle JET and MCS Building Offline Mobile Apps with Oracle JET and MCS JavaScript Persistence and Offline Sync Library for Cordova or Browser based applications MCS Sync Express Lyudmil Pelov @lpelov Oracle A-Team Nov,

More information

Offline

Offline Offline First @caolan Unlike the always-wired machines of the past, computers are now truly personal, and people move through online and offline seamlessly our apps should do the same More often than

More information

HTML5 MOCK TEST HTML5 MOCK TEST I

HTML5 MOCK TEST HTML5 MOCK TEST I http://www.tutorialspoint.com HTML5 MOCK TEST Copyright tutorialspoint.com This section presents you various set of Mock Tests related to HTML5 Framework. You can download these sample mock tests at your

More information

HTML5 - INTERVIEW QUESTIONS

HTML5 - INTERVIEW QUESTIONS HTML5 - INTERVIEW QUESTIONS http://www.tutorialspoint.com/html5/html5_interview_questions.htm Copyright tutorialspoint.com Dear readers, these HTML5 Interview Questions have been designed specially to

More information

Mobile Site Development

Mobile Site Development Mobile Site Development HTML Basics What is HTML? Editors Elements Block Elements Attributes Make a new line using HTML Headers & Paragraphs Creating hyperlinks Using images Text Formatting Inline styling

More information

Index LICENSED PRODUCT NOT FOR RESALE

Index LICENSED PRODUCT NOT FOR RESALE Index LICENSED PRODUCT NOT FOR RESALE A Absolute positioning, 100 102 with multi-columns, 101 Accelerometer, 263 Access data, 225 227 Adding elements, 209 211 to display, 210 Animated boxes creation using

More information

System Requirements and Technical Prerequisites for SAP SuccessFactors HCM Suite

System Requirements and Technical Prerequisites for SAP SuccessFactors HCM Suite System Requirements and Technical Prerequisites for SAP SuccessFactors HCM Suite SAP SuccessFactors HCM Suite is a fully web-based offering. You will need an Internet connection and a system that meets

More information

Building Native Apps with ArcGIS API for JavaScript Using PhoneGap and jquery. Andy Gup, Lloyd Heberlie

Building Native Apps with ArcGIS API for JavaScript Using PhoneGap and jquery. Andy Gup, Lloyd Heberlie Building Native Apps with ArcGIS API for JavaScript Using PhoneGap and jquery Andy Gup, Lloyd Heberlie Agenda Getting to know PhoneGap jquery overview jquery and ArcGIS API for JavaScript Putting it all

More information

Perceptive DataTransfer

Perceptive DataTransfer Perceptive DataTransfer System Overview Guide Version: 6.5.x Written by: Product Knowledge, R&D Date: May 2017 2017 Lexmark. All rights reserved. Lexmark is a trademark of Lexmark International, Inc.,

More information

QCon - Mobile Maps HTML5 Team Andrea

QCon - Mobile Maps HTML5 Team Andrea QCon London @Nokia - Mobile Maps HTML5 Team Andrea Giammarchi @WebReflection the what the whole story, in 8 words the whole story, in 8 words one does not simply create an HTML5 Application Nokia Mobile

More information

GRITS AJAX & GWT. Trey Roby. GRITS 5/14/09 Roby - 1

GRITS AJAX & GWT. Trey Roby. GRITS 5/14/09 Roby - 1 AJAX & GWT Trey Roby GRITS 5/14/09 Roby - 1 1 Change The Web is Changing Things we never imagined Central to people s lives Great Opportunity GRITS 5/14/09 Roby - 2 2 A Very Brief History of Computing

More information

Client-side Debugging. Gary Bettencourt

Client-side Debugging. Gary Bettencourt Client-side Debugging Gary Bettencourt Overview What is client-side debugging Tool overview Simple & Advanced techniques Debugging on Mobile devices Overview Client debugging involves more then just debugging

More information

8/19/2018. Web Development & Design Foundations with HTML5. Learning Objectives (1 of 2) Learning Objectives (2 of 2) Helper Applications & Plug-Ins

8/19/2018. Web Development & Design Foundations with HTML5. Learning Objectives (1 of 2) Learning Objectives (2 of 2) Helper Applications & Plug-Ins Web Development & Design Foundations with HTML5 Ninth Edition Chapter 11 Web Multimedia and Interactivity Slides in this presentation contain hyperlinks. JAWS users should be able to get a list of links

More information

PHP for PL/SQL Developers. Lewis Cunningham JP Morgan Chase

PHP for PL/SQL Developers. Lewis Cunningham JP Morgan Chase PHP for PL/SQL Developers Lewis Cunningham JP Morgan Chase 1 What is PHP? PHP is a HTML pre-processor PHP allows you to generate HTML dynamically PHP is a scripting language usable on the web, the server

More information

What they didn't tell you about Cordova! I started building hybrid apps and you won't believe what happened next!!

What they didn't tell you about Cordova! I started building hybrid apps and you won't believe what happened next!! What they didn't tell you about Cordova! I started building hybrid apps and you won't believe what happened next!! Raymond Camden! Developer Advocate for IBM! LoopBack, OpenWhisk, Bluemix, Cordova/ PhoneGap,

More information

More on Testing and Large Scale Web Apps

More on Testing and Large Scale Web Apps More on Testing and Large Scale Web Apps Testing Functionality Tests - Unit tests: E.g. Mocha - Integration tests - End-to-end - E.g. Selenium - HTML CSS validation - forms and form validation - cookies

More information

20480B - Version: 1. Programming in HTML5 with JavaScript and CSS3

20480B - Version: 1. Programming in HTML5 with JavaScript and CSS3 20480B - Version: 1 Programming in HTML5 with JavaScript and CSS3 Programming in HTML5 with JavaScript and CSS3 20480B - Version: 1 5 days Course Description: This course provides an introduction to HTML5,

More information

Ajax- XMLHttpResponse. Returns a value such as ArrayBuffer, Blob, Document, JavaScript object, or a DOMString, based on the value of

Ajax- XMLHttpResponse. Returns a value such as ArrayBuffer, Blob, Document, JavaScript object, or a DOMString, based on the value of Ajax- XMLHttpResponse XMLHttpResponse - A Read only field Returns a value such as ArrayBuffer, Blob, Document, JavaScript object, or a DOMString, based on the value of XMLHttpRequest.responseType. This

More information

The Future of the Web: HTML 5, WebSockets, Comet and Server Sent Events

The Future of the Web: HTML 5, WebSockets, Comet and Server Sent Events The Future of the Web: HTML 5, WebSockets, Comet and Server Sent Events Sidda Eraiah Director of Management Services Kaazing Corporation Agenda Web Applications, where are they going? Real time data for

More information

}w!"#$%&'()+,-./012345<ya

}w!#$%&'()+,-./012345<ya MASARYK UNIVERSITY FACULTY OF INFORMATICS }w!"#$%&'()+,-./012345

More information

Review of Mobile Web Application Frameworks

Review of Mobile Web Application Frameworks Review of Mobile Web Application Frameworks Article Number: 909 Rating: Unrated Last Updated: Mon, May 9, 2011 at 10:57 AM If you are serious about getting your website or web application mobile-friendly,

More information

Beyond Cookies: Persistent Storage (and Offline Access) for AJAX Applications Using Dojo.Storage

Beyond Cookies: Persistent Storage (and Offline Access) for AJAX Applications Using Dojo.Storage Beyond Cookies: Persistent Storage (and Offline Access) for AJAX Applications Using Dojo.Storage Brad Neuberg bkn3@columbia.edu New Kind of Web Persistent client-side storage Saving large amounts of data

More information

Breaking Tor Sessions with HTML5. Marco Bonetti 19 Nov 2009 DeepSec - Vienna

Breaking Tor Sessions with HTML5. Marco Bonetti 19 Nov 2009 DeepSec - Vienna Breaking Tor Sessions with HTML5 Marco Bonetti mbonetti@cutaway.it 19 Nov 2009 DeepSec - Vienna whoami Marco Bonetti Security Consultant @ CutAway s.r.l. mbonetti@cutaway.it http://www.cutaway.it/ Member

More information

Comet and WebSocket Web Applications How to Scale Server-Side Event-Driven Scenarios

Comet and WebSocket Web Applications How to Scale Server-Side Event-Driven Scenarios Comet and WebSocket Web Applications How to Scale Server-Side Event-Driven Scenarios Simone Bordet sbordet@intalio.com 1 Agenda What are Comet web applications? Impacts of Comet web applications WebSocket

More information

A Guide to Liv-ex Software Development Kit (SDK)

A Guide to Liv-ex Software Development Kit (SDK) A Guide to Liv-ex Software Development Kit (SDK) Document revision: 1.0 Date of Issue: 9 May 2018 Date of revision: Contents 1. Overview... 3 2. What you can do with the Liv-ex SDK... 3 3. The Liv-ex SDK

More information

0.9: Faster, Leaner and Dijit? July 25, 2007 Dylan Schiemann. presented by

0.9: Faster, Leaner and Dijit? July 25, 2007 Dylan Schiemann. presented by 0.9: Faster, Leaner and Dijit? July 25, 2007 Dylan Schiemann presented by Key Features Browser support Package/build system Easy widget building Declarative widget creation Rich built-in widget set Comprehensive

More information

Jim Jackson II Ian Gilman

Jim Jackson II Ian Gilman Single page web apps, JavaScript, and semantic markup Jim Jackson II Ian Gilman FOREWORD BY Scott Hanselman MANNING contents 1 HTML5 foreword xv preface xvii acknowledgments xx about this book xxii about

More information

HTML5 & Java: Opening the Door to New Possibilities

HTML5 & Java: Opening the Door to New Possibilities 1 HTML5 & Java: Opening the Door to New Possibilities Bernard Traversat Director Engineering,JPG, Oracle 3 Repeat of this session: Tuesday 9:30am-10:30am Parc 55 Mission Room The

More information

CPET 499/ITC 250 Web Systems. Topics

CPET 499/ITC 250 Web Systems. Topics CPET 499/ITC 250 Web Systems Chapter 13 Managing State Text Book: * Fundamentals of Web Development, 2015, by Randy Connolly and Ricardo Hoar, published by Pearson Paul I-Hai, Professor http://www.etcs.ipfw.edu/~lin

More information

Professional Course in Web Designing & Development 5-6 Months

Professional Course in Web Designing & Development 5-6 Months Professional Course in Web Designing & Development 5-6 Months BASIC HTML Basic HTML Tags Hyperlink Images Form Table CSS 2 Basic use of css Formatting the page with CSS Understanding DIV Make a simple

More information

Copyright 2012, Oracle and/or its affiliates. All rights reserved.

Copyright 2012, Oracle and/or its affiliates. All rights reserved. 1 ADF Mobile The Data Layer 2 Mobile Device Device Services ADF Mobile Architecture Device Native Container HTML5 & JavaScript Presentation Phone Gap Native View ADF Mobile XML View ADF Controller Local

More information

Varargs Training & Software Development Centre Private Limited, Module: HTML5, CSS3 & JavaScript

Varargs Training & Software Development Centre Private Limited, Module: HTML5, CSS3 & JavaScript PHP Curriculum Module: HTML5, CSS3 & JavaScript Introduction to the Web o Explain the evolution of HTML o Explain the page structure used by HTML o List the drawbacks in HTML 4 and XHTML o List the new

More information

COURSE 20480B: PROGRAMMING IN HTML5 WITH JAVASCRIPT AND CSS3

COURSE 20480B: PROGRAMMING IN HTML5 WITH JAVASCRIPT AND CSS3 ABOUT THIS COURSE This course provides an introduction to HTML5, CSS3, and JavaScript. This course helps students gain basic HTML5/CSS3/JavaScript programming skills. This course is an entry point into

More information

Perceptive DataTransfer

Perceptive DataTransfer Perceptive DataTransfer System Overview Version: 6.2.x Written by: Product Documentation, R&D Date: January 2013 2013 Perceptive Software. All rights reserved CaptureNow, ImageNow, Interact, and WebNow

More information

The Road to the Native Mobile Web. Kenneth Rohde Christiansen

The Road to the Native Mobile Web. Kenneth Rohde Christiansen The Road to the Native Mobile Web Kenneth Rohde Christiansen Kenneth Rohde Christiansen Web Platform Architect at Intel Europe Blink core owner and former active WebKit reviewer Works on Chromium, Crosswalk

More information

Programming in HTML5 with JavaScript and CSS3

Programming in HTML5 with JavaScript and CSS3 Programming in HTML5 with JavaScript and CSS3 20480B; 5 days, Instructor-led Course Description This course provides an introduction to HTML5, CSS3, and JavaScript. This course helps students gain basic

More information

MDC Mobile: Using ipad s for Collecting Field Data. Joel Sartwell Systems Analyst Missouri Department of Conservation

MDC Mobile: Using ipad s for Collecting Field Data. Joel Sartwell Systems Analyst Missouri Department of Conservation MDC Mobile: Using ipad s for Collecting Field Data Joel Sartwell Systems Analyst Missouri Department of Conservation Data Entry on Mobile Devices Before 2012 CMT: CMT-ROS (ROM Operating System) dbase III

More information

AJAX. Lab. de Bases de Dados e Aplicações Web MIEIC, FEUP 2010/11. Sérgio Nunes

AJAX. Lab. de Bases de Dados e Aplicações Web MIEIC, FEUP 2010/11. Sérgio Nunes AJAX Lab. de Bases de Dados e Aplicações Web MIEIC, FEUP 2010/11 Sérgio Nunes Server calls from web pages using JavaScript call HTTP data Motivation The traditional request-response cycle in web applications

More information

Living in the RIA World

Living in the RIA World Living in the RIA World Blurring the Line between Web and Desktop Security Andrew Becherer April 28, 2011 https://www.isecpartners.com Agenda Introduction What is RIA? Why Use RIA? Frameworks Adobe AIR

More information

PHP. MIT 6.470, IAP 2010 Yafim Landa

PHP. MIT 6.470, IAP 2010 Yafim Landa PHP MIT 6.470, IAP 2010 Yafim Landa (landa@mit.edu) LAMP We ll use Linux, Apache, MySQL, and PHP for this course There are alternatives Windows with IIS and ASP Java with Tomcat Other database systems

More information

Luther Consulting, LLC August 2015 All rights reserved. Enabling Pop-ups in EvaluationWeb

Luther Consulting, LLC August 2015 All rights reserved. Enabling Pop-ups in EvaluationWeb Luther Consulting, LLC August 2015 All rights reserved. Enabling Pop-ups in EvaluationWeb Contents Enabling Pop-ups in EvaluationWeb... 3 Internet Explorer (Version 9 or later):... 4 Firefox Windows...

More information

Chrome Extension Security Architecture

Chrome Extension Security Architecture Chrome Extension Security Architecture Presenter: Jienan Liu Network, Intelligence & security Lab outline Chrome extension introduction Threats towards extension Chrome extension s security architecture

More information

W3C Geolocation API. Making Websites Location-aware

W3C Geolocation API. Making Websites Location-aware W3C Geolocation API Making Websites Location-aware me Director of Consumer Products at Skyhook Wireless Founded Locationaware.org which eventually became W3C Geolocation API Working Group Follow @rsarver

More information

Web Development 20480: Programming in HTML5 with JavaScript and CSS3. Upcoming Dates. Course Description. Course Outline

Web Development 20480: Programming in HTML5 with JavaScript and CSS3. Upcoming Dates. Course Description. Course Outline Web Development 20480: Programming in HTML5 with JavaScript and CSS3 Learn how to code fully functional web sites from the ground up using best practices and web standards with or without an IDE! This

More information

Module7: AJAX. Click, wait, and refresh user interaction. Synchronous request/response communication model. Page-driven: Workflow is based on pages

Module7: AJAX. Click, wait, and refresh user interaction. Synchronous request/response communication model. Page-driven: Workflow is based on pages INTERNET & WEB APPLICATION DEVELOPMENT SWE 444 Fall Semester 2008-2009 (081) Module7: Objectives/Outline Objectives Outline Understand the role of Learn how to use in your web applications Rich User Experience

More information

Credits: Some of the slides are based on material adapted from

Credits: Some of the slides are based on material adapted from 1 The Web, revisited WEB 2.0 marco.ronchetti@unitn.it Credits: Some of the slides are based on material adapted from www.telerik.com/documents/telerik_and_ajax.pdf 2 The old web: 1994 HTML pages (hyperlinks)

More information

Interactive Websites: Comet and DWR. Joe Walker, SitePen

Interactive Websites: Comet and DWR. Joe Walker, SitePen Interactive Websites: Comet and DWR Joe Walker, SitePen Agenda: Comet 101 The Ultimate Hack Passing the Pain DWR 101 Demos What is Comet? What is Comet? Long lived HTTP connections Low latency data For

More information

Developer's HTML5. Cookbook. AAddison-Wesley. Chuck Hudson. Tom Leadbetter. Upper Saddle River, NJ Boston Indianapolis San Francisco

Developer's HTML5. Cookbook. AAddison-Wesley. Chuck Hudson. Tom Leadbetter. Upper Saddle River, NJ Boston Indianapolis San Francisco HTML5 Developer's Cookbook Chuck Hudson Tom Leadbetter AAddison-Wesley Upper Saddle River, NJ Boston Indianapolis San Francisco New York Toronto Montreal London Munich Paris Madrid Capetown Sydney Tokyo

More information

Google Wave Client: Powered by GWT. Adam Schuck 28 May, 2009

Google Wave Client: Powered by GWT. Adam Schuck 28 May, 2009 Google Wave Client: Powered by GWT Adam Schuck 28 May, 2009 Google Wave client search abuse detection saved searches folders authentication access control playback waves attachments gadgets contacts presence

More information

Programming WebSockets. Sean Sullivan OSCON July 22, 2010

Programming WebSockets. Sean Sullivan OSCON July 22, 2010 Programming WebSockets Sean Sullivan OSCON July 22, 2010 About me Web application developers HTML 5! improved JavaScript implementations! WebSockets! WebSockets? WebSockets a technology that enables

More information

Delete Cookies Windows 7 Internet Explorer 10

Delete Cookies Windows 7 Internet Explorer 10 Delete Cookies Windows 7 Internet Explorer 10 Problems Need to manage cookies from specific sites? Learn how in Internet Explorer, using the steps below. To delete cookies see Clearing Your Browser in

More information

Fall Semester (081) Module7: AJAX

Fall Semester (081) Module7: AJAX INTERNET & WEB APPLICATION DEVELOPMENT SWE 444 Fall Semester 2008-2009 (081) Module7: AJAX Dr. El-Sayed El-Alfy Computer Science Department King Fahd University of Petroleum and Minerals alfy@kfupm.edu.sa

More information

Use Page Speed to Optimize Your Web Site for Mobile

Use Page Speed to Optimize Your Web Site for Mobile Use Page Speed to Optimize Your Web Site for Mobile Bryan McQuade and Libo Song, May 10, 2011 Hashtags: #io2011 #DevTools Feedback: http://goo.gl/ce1zu Page Speed Background Help developers optimize their

More information

IGME-330. Rich Media Web Application Development I Week 1

IGME-330. Rich Media Web Application Development I Week 1 IGME-330 Rich Media Web Application Development I Week 1 Developing Rich Media Apps Today s topics Tools we ll use what s the IDE we ll be using? (hint: none) This class is about Rich Media we ll need

More information

Clear Cache Guide Click here for Windows guide Click here for Mac OS guide

Clear Cache Guide Click here for Windows guide Click here for Mac OS guide Velocity@ocbc Clear Cache Guide Click here for Windows guide Click here for Mac OS guide Version 1.0 1 of 18 Step 1: Check your browser version 1. Type www.whatismybrowser.com at the address bar and press

More information

,

, Weekdays:- 1½ hrs / 3 days Fastrack:- 1½hrs / Day [Class Room and Online] ISO 9001:2015 CERTIFIED ADMEC Multimedia Institute www.admecindia.co.in 9911782350, 9811818122 Welcome to one of the highly professional

More information

Build Native-like Experiences in HTML5

Build Native-like Experiences in HTML5 Developers Build Native-like Experiences in HTML5 The Chrome Apps Platform Joe Marini - Chrome Developer Advocate About Me Joe Marini Developer Relations Lead - Google Chrome google.com/+joemarini @joemarini

More information

NoSQL & Firebase. SWE 432, Fall Web Application Development

NoSQL & Firebase. SWE 432, Fall Web Application Development NoSQL & Firebase SWE 432, Fall 2018 Web Application Development Review: Nouns vs. Verbs URIs should hierarchically identify nouns describing resources that exist Verbs describing actions that can be taken

More information

Serverless Single Page Web Apps, Part Four. CSCI 5828: Foundations of Software Engineering Lecture 24 11/10/2016

Serverless Single Page Web Apps, Part Four. CSCI 5828: Foundations of Software Engineering Lecture 24 11/10/2016 Serverless Single Page Web Apps, Part Four CSCI 5828: Foundations of Software Engineering Lecture 24 11/10/2016 1 Goals Cover Chapter 4 of Serverless Single Page Web Apps by Ben Rady Present the issues

More information

[Frequently Asked Questions] Accommodation Booking Website

[Frequently Asked Questions] Accommodation Booking Website [Frequently Asked Questions] Accommodation Booking Website Q. 1 I cannot register or log in. Please check the following settings. If checking the settings does not resolve the problem, changing the browser

More information

Ajax Performance Analysis. Ryan Breen

Ajax Performance Analysis. Ryan Breen Ajax Performance Analysis Ryan Breen Ajax Performance Analysis Who Goals Ryan Breen: VP Technology at Gomez and blogger at ajaxperformance.com Survey tools available to developers Understand how to approach

More information

Eric Farrar Product Manager

Eric Farrar Product Manager Taking It All Offline with ihsql Anywhere Eric Farrar Product Manager Why is Web Development Attractive? Zero deployment No need to maintain previous versions Everyone updated at the same time Some security

More information

MongoDB Web Architecture

MongoDB Web Architecture MongoDB Web Architecture MongoDB MongoDB is an open-source, NoSQL database that uses a JSON-like (BSON) document-oriented model. Data is stored in collections (rather than tables). - Uses dynamic schemas

More information

Executive Summary. Performance Report for: The web should be fast. Top 1 Priority Issues. How does this affect me?

Executive Summary. Performance Report for:   The web should be fast. Top 1 Priority Issues. How does this affect me? The web should be fast. Executive Summary Performance Report for: http://instantwebapp.co.uk/8/ Report generated: Test Server Region: Using: Fri, May 19, 2017, 4:01 AM -0700 Vancouver, Canada Firefox (Desktop)

More information

Abstract. 1. Introduction. 2. AJAX overview

Abstract. 1. Introduction. 2. AJAX overview Asynchronous JavaScript Technology and XML (AJAX) Chrisina Draganova Department of Computing, Communication Technology and Mathematics London Metropolitan University 100 Minories, London EC3 1JY c.draganova@londonmet.ac.uk

More information

Jquery Ajax Json Php Mysql Data Entry Example

Jquery Ajax Json Php Mysql Data Entry Example Jquery Ajax Json Php Mysql Data Entry Example Then add required assets in head which are jquery library, datatable js library and css By ajax api we can fetch json the data from employee-grid-data.php.

More information

Using XML and RDBMS Data Sources in XPages Paul T. Calhoun NetNotes Solutions Unlimited, Inc

Using XML and RDBMS Data Sources in XPages Paul T. Calhoun NetNotes Solutions Unlimited, Inc Using XML and RDBMS Data Sources in XPages Paul T. Calhoun NetNotes Solutions Unlimited, Inc 2010 by the individual speaker Sponsors 2010 by the individual speaker Speaker Information Independent Consultant,

More information

Web Development & Design Foundations with HTML5, 8 th Edition Instructor Materials Chapter 11 Test Bank

Web Development & Design Foundations with HTML5, 8 th Edition Instructor Materials Chapter 11 Test Bank Multiple Choice. Choose the best answer. 1. Java can be described as: a. a more sophisticated form of JavaScript b. an object-oriented programming language c. a language created by Netscape 2. JavaScript

More information

Next... Next... Handling the past What s next - standards and browsers What s next - applications and technology

Next... Next... Handling the past What s next - standards and browsers What s next - applications and technology Next... Handling the past What s next - standards and browsers What s next - applications and technology Next... Handling the past What s next - standards and browsers What s next - applications and technology

More information

Pro JavaScript. Development. Coding, Capabilities, and Tooling. Den Odell. Apress"

Pro JavaScript. Development. Coding, Capabilities, and Tooling. Den Odell. Apress Pro JavaScript Development Coding, Capabilities, and Tooling Den Odell Apress" Contents J About the Author About the Technical Reviewers Acknowledgments Introduction xv xvii xix xxi Chapter 1: Object-Oriented

More information

INTERNET ENGINEERING. HTTP Protocol. Sadegh Aliakbary

INTERNET ENGINEERING. HTTP Protocol. Sadegh Aliakbary INTERNET ENGINEERING HTTP Protocol Sadegh Aliakbary Agenda HTTP Protocol HTTP Methods HTTP Request and Response State in HTTP Internet Engineering 2 HTTP HTTP Hyper-Text Transfer Protocol (HTTP) The fundamental

More information

Mobile Data: How to avoid the latency trap when using web services

Mobile Data: How to avoid the latency trap when using web services Mobile Data: How to avoid the latency trap when using web services Tom Hughes-Croucher @sh1mmer What is the latency trap? Mobile Web Service My Server My Server Web Service Optical Fibre Web Service AT&T

More information

Executive Summary. Performance Report for: The web should be fast. Top 5 Priority Issues. How does this affect me?

Executive Summary. Performance Report for:  The web should be fast. Top 5 Priority Issues. How does this affect me? The web should be fast. Executive Summary Performance Report for: http://ardrosscs.ie/ Report generated: Test Server Region: Using: Sat, May 6, 2017, 5:14 AM -0700 Vancouver, Canada Firefox (Desktop) 49.0.2,

More information