Making the Most of Existing Public Web Development Frameworks WEB04

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

Download "Making the Most of Existing Public Web Development Frameworks WEB04"

Transcription

1 Making the Most of Existing Public Web Development Frameworks WEB04

2 jquery Mobile Write less, do more 2

3 The jquery Suite UI Overhaul Look and Feel Transitions Interactions Touch, Mouse, Keyboard Don t Break The Web AJAX Navigation Cross Platform 3

4 10+ Billion Web Enabled Devices on the Internet Title Source: ITU, Mark Lipacis, Morgan Stanley Research Chart Source: Stats Counter, Global Stats April 2012

5 Graded Browser Support A-grade Full jquery Mobile Support BlackBerry 10, BlackBerry 6+, ios 3.2+, Android 2.1+, Windows Phone 7+ B-grade Almost full support, no AJAX navigation BlackBerry 5, Opera Mini , Nokia Symbian C-grade Non-enhanced HTML experience BlackBerry 4.x, Windows Mobile A browser that does not support media queries (with the exception of Internet Explorer 7+) will automatically be demoted to C grade. 5

6 Progressive Enhancement You provide: Clean, semantic HTML HTML5 data- attributes for configuration jquery Mobile provides: Automatic initialization Appropriate functionality based on browser support Automatic enhancement of form elements Automatic AJAX navigation and page transitions (A-grade browsers) 6

7 Customize Your Themes 7

8 Inspiration 8

9 Including jquery Mobile <head> <title>welcome!</title> <meta name="viewport content="width=device-width, initial-scale=1"> <link rel="stylesheet href="jquery.mobile.min.css"> <script src="jquery.min.js"></script> <script src="jquery.mobile.min.js"></script> </head> 9

10 Listen, Intercept, Handle w/ AJAX 1. User taps on a link 2. Link is intercepted 3. Loading indicator is shown 4. Original link is loaded via AJAX 5. New page is enhanced by jquery Mobile 6. Loading indicator is hidden 7. Page is animated in to view 10

11 Auto Enhanced UI 11

12 Anatomy of a Page <body> <div data-role="page"> <div data-role="header"></div> <div data-role="content"></div> <div data-role="footer"></div> </div> </body> 12

13 Web to Native BlackBerry WebWorks (Formerly PhoneGap) 13

14 Resources 14

15 Books 15

16 Get Involved github.com/jquery/jquery-mobile

17 Sencha Touch HTML5 mobile framework 17

18 Sencha Touch HTML5 mobile framework Cross-browser normalization Offline storage proxy Rich animation, styles & themes Pre-built UI components Touch & orientation events Accessibility

19 Touch Charts Available in Sencha Touch Built with HTML5 & CSS3 Cross browser compatible Hardware accelerated Optimized for performance Natural feeling gestures

20 Sencha Touch 2.0 Performance improvements Events Layout Scrolling Theming Easier to use Simplified component configs New documentation center and format

21 Sencha Touch 2.0 Touch event handling Layouts Improved layout system Faster tablet rendering Themes Automatic image-based themes Scrolling Platform-specific implementations

22 Dojo Instantly better web apps 22

23 Dojo Toolkit Build sophisticated Web apps Supports multiple browsers Enables rapid development Philosophy: Push the limits (SVG, WebGL, HTML5) Define & adopt defacto standards Developer productivity & tools Open, free & liberally licensed

24 Dojo Toolkit : Project Goals Unified JavaScript toolkit Superior web & mobile apps Be awesome Fast, powerful, efficient, modular, extensible Business friendly Grids, charts, forms & data Rich UI widgets Calendars, 3D carousel, etc

25 Zepto A minimalist JavaScript library 25

26 Zepto.js A minimalist JavaScript library Looks and feels like jquery Designed to be more lightweight and faster If you use jquery, you already know how to use Zepto <script src="zepto.min.js"></script> <script> $('ul').append('<li>new item</li>') </script>

27 Zepto.js Smaller and faster than jquery Zepto is only 8.4 Kb (jquery is 100+ Kb) Doesn t have all jquery capabilities just the basics Scalable Uses mobile WebKit features as much as possible Easily replaceable with larger libraries if your app grows

28 Modernizr Front-end development done right 28

29 Polyfills Its not just a buzz word! Code that fills in missing native browser features (e.g. HTML5 APIs) Also known as a shim Flattens API landscape Example libraries: Modernizr.js Yepnope.js Webshims Lib

30 Modernizr A JavaScript library for browser feature detection HTML5 CSS3 Purpose Write content for all browsers Avoid lowest-common denominator Goal is fewer runtime errors Make websites that work exactly right no matter what browser or device your visitors use

31 Modernizr Example: Check for geolocation API support Fall back to alternative code (polyfill) if geolocation is not available Modernizr.load({ test: Modernizr.geolocation, yep : 'geo.js', nope: 'geo-polyfill.js' }); Open source

32 three.js JavaScript 3D library 32

33 three.js JavaScript 3D library Choose rendering surface: Canvas, WebGL or SVG Create cameras, objects, lights, materials & more Getting started

34 Drawing a rectangle Using WebGL var square = gl.createbuffer(); var square_vertices = [ 1.0, 1.0, 0.0, -1.0, 1.0, 0.0, 1.0, -1.0, 0.0, -1.0, -1.0, 0.0 ]; gl.bindbuffer(gl.array_buffer, square); gl.bufferdata(gl.array_buffer, new Float32Array(square_vertices), gl.static_draw); square.itemsize = 3; square.numitems = 4;

35 Drawing a rectangle Using three.js var rect = new THREE.Rectangle(); rect.set(0, 0, 100, 100); Designed to make 3D graphics development easier

36 Three.js Open Source project BlackBerry contributions Making three.js better for BlackBerry developers

37 CreateJS Enable rich interactive HTML5 content 37

38 createjs Suite of modular JavaScript libraries & tools Uses open web technologies (HTML5) Enables rich interactive content Includes: EasleJS TweenJS SoundJS PreloadJS Zoe 38

39 createjs EasleJS Simplifies using HTML5 canvas JavaScript API familiar to Flash developers SoundJS Cross-browser JavaScript API Makes working with HTML5 audio a breeze PreloadJS Manage & coordinate asset loading Images, sounds, JavaScript, data, etc.

40 createjs Example

41 THANK YOU WEB04

<Insert Picture Here>

<Insert Picture Here> Oracle Application Express: Mobile User Interfaces Marc Sewtz Senior Software Development Manager Oracle Application Express Oracle USA Inc. 520 Madison Avenue,

More information

HYBRID APPLICATION DEVELOPMENT IN PHONEGAP USING UI TOOLKITS

HYBRID APPLICATION DEVELOPMENT IN PHONEGAP USING UI TOOLKITS HYBRID APPLICATION DEVELOPMENT IN PHONEGAP USING UI TOOLKITS RAJESH KUMAR Technical Lead, Aricent PUNEET INDER KAUR Senior Software Engineer, Aricent HYBRID APPLICATION DEVELOPMENT IN PHONEGAP USING UI

More information

HTML5: Separating Fact and Fiction. www.wipconnector.com @caaarlo #wipjam

HTML5: Separating Fact and Fiction. www.wipconnector.com @caaarlo #wipjam HTML5: Separating Fact and Fiction www.wipconnector.com @caaarlo #wipjam Announcements What is HTML5? Agenda What can HTML5 do? What can t it do? Pure HTML5/Native vs. Hybrid approaches Guest Developer

More information

JavaScript Programming

JavaScript Programming JavaScript Programming Pushing the Limits ADVANCED APPLICATION DEVELOPMENT WITH JAVASCRIPT & HTML5 Jon Raasch WILEY Contents About the Author vi Dedication vii About the Contributor ix Acknowledgments

More information

SYST35300 Hybrid Mobile Application Development

SYST35300 Hybrid Mobile Application Development SYST35300 Hybrid Mobile Application Development Native, Web and Hybrid applications Hybrid Applications: Frameworks Native, Web and Hybrid Applications Mobile application development is the process by

More information

THE SAS OUTPUT DELIVERY SYSTEM: BOLDLY TAKE YOUR WEB PAGES WHERE THEY HAVE NEVER GONE BEFORE! CHEVELL PARKER, SAS INSTITUTE INC.

THE SAS OUTPUT DELIVERY SYSTEM: BOLDLY TAKE YOUR WEB PAGES WHERE THEY HAVE NEVER GONE BEFORE! CHEVELL PARKER, SAS INSTITUTE INC. THE SAS OUTPUT DELIVERY SYSTEM: BOLDLY TAKE YOUR WEB PAGES WHERE THEY HAVE NEVER GONE BEFORE! CHEVELL PARKER, SAS INSTITUTE INC. Copyright 2012, SAS Institute Inc. All rights reserved. Overview Mobile

More information

WEB, HYBRID, NATIVE EXPLAINED CRAIG ISAKSON. June 2013 MOBILE ENGINEERING LEAD / SOFTWARE ENGINEER

WEB, HYBRID, NATIVE EXPLAINED CRAIG ISAKSON. June 2013 MOBILE ENGINEERING LEAD / SOFTWARE ENGINEER WEB, HYBRID, NATIVE EXPLAINED June 2013 CRAIG ISAKSON MOBILE ENGINEERING LEAD / SOFTWARE ENGINEER 701.235.5525 888.sundog fax: 701.235.8941 2000 44th St. S Floor 6 Fargo, ND 58103 www.sundoginteractive.com

More information

Best practices building multi-platform apps. John Hasthorpe & Josh Venman

Best practices building multi-platform apps. John Hasthorpe & Josh Venman Best practices building multi-platform apps John Hasthorpe & Josh Venman It s good to have options Android 4.3 10 Tablet Windows 7 14 Laptop Windows 7 15 Laptop Mac OSX 15 Laptop ios 6 4.6 Phone Android

More information

max firtman @firt firt.mobi martes 26 de julio de 11

max firtman @firt firt.mobi martes 26 de julio de 11 max firtman @firt firt.mobi who am I? mobile+web developer mobilexweb.com blog @firt where? where? buenos aires ~ argentina where? buenos aires ~ argentina patagonia soccer tango where? buenos aires ~

More information

Cross-Platform Phone Apps & Sites with jquery Mobile

Cross-Platform Phone Apps & Sites with jquery Mobile Cross-Platform Phone Apps & Sites with jquery Mobile Nick Landry, MVP Senior Product Manager Infragistics Nokia Developer Champion activenick@infragistics.com @ActiveNick www.activenick.net Who is ActiveNick?

More information

Developing Exceptional Mobile and Multi-Channel Applications using IBM Web Experience Factory

Developing Exceptional Mobile and Multi-Channel Applications using IBM Web Experience Factory Developing Exceptional Mobile and Multi-Channel Applications using IBM Web Experience Factory IBM Corporation 2011 Web Experience Factory formerly known as WebSphere Portlet Factory Note we are currently

More information

Mobile Application Platform

Mobile Application Platform Mobile Application Platform from FeedHenry Next generation cloud-based solution that simplifies the development, deployment and management of mobile apps for enterprise. Develop native, hybrid and HTML5

More information

HTML5 & IVI. Ethan Coh

HTML5 & IVI. Ethan Coh HTML5 & IVI Ethan Coh ethan.coh@obigo.com Prologue 2 40 years 3 20 years 4 All of the technology required to transform industries through software finally works and can be delivered at global scale. 5

More information

Take full advantage of IBM s IDEs for end- to- end mobile development

Take full advantage of IBM s IDEs for end- to- end mobile development Take full advantage of IBM s IDEs for end- to- end mobile development ABSTRACT Mobile development with Rational Application Developer 8.5, Rational Software Architect 8.5, Rational Developer for zenterprise

More information

Cross-Platform Tools

Cross-Platform Tools Cross-Platform Tools Build once and Run Everywhere Alexey Karpik Web Platform Developer at ALTOROS Action plan Current mobile platforms overview Main groups of cross-platform tools Examples of the usage

More information

Richard. Clark, Kaazing

Richard. Clark, Kaazing elearning Top Trendss October 111 & 12, 2012 502 The Rise of HTML5: Implications for Learning Professionals Richard Clark, Kaazing The Rise of HTML5 Implications for Learning Professionals Richard Clark,

More information

Outline. 1.! Development Platforms for Multimedia Programming!

Outline. 1.! Development Platforms for Multimedia Programming! Outline 1.! Development Platforms for Multimedia Programming! 1.1.! Classification of Development Platforms! 1.2.! A Quick Tour of Various Development Platforms! 2.! Multimedia Programming with Python

More information

HTML5 & Digital Signage

HTML5 & Digital Signage HTML5 & Digital Signage An introduction to Content Development with the Modern Web standard. Presented by Jim Nista CEO / Creative Director at Insteo HTML5 - the Buzz HTML5 is an industry name for a collection

More information

HTML5 as the Core Technology of the Mobile Enterprise

HTML5 as the Core Technology of the Mobile Enterprise Worklight - Extend Your Business White Paper HTML5 as the Core Technology of the Mobile Enterprise Contents Intro... 4 Strategic Considerations... 4 Commitment from Mobile Vendors... 4 Active Standardization

More information

ios Hybrid Mobile Application Development

ios Hybrid Mobile Application Development ios Hybrid Mobile Application Development Siva RamaKrishna Ravuri Oct 06, 2012 2000 West Park Drive Westborough MA 01581 USA Phone:5083897300Fax:5083669901 The entire contents of this document are subject

More information

CiviMobile & CiviSync Mobile. Peter McAndrew Rohit Thakral

CiviMobile & CiviSync Mobile. Peter McAndrew Rohit Thakral CiviMobile & CiviSync Mobile Peter McAndrew Rohit Thakral Agenda Why to? How to? What to? Introduction to CiviMobile What the app looks like today? How does it work? How to install and test? What goes

More information

Oct, 10th, 2011 Aarhus, Denmark MOBILE HTML5. Max mobile+web developer. Wednesday, October 12, 11

Oct, 10th, 2011 Aarhus, Denmark MOBILE HTML5. Max mobile+web developer. Wednesday, October 12, 11 Oct, 10th, 2011 Aarhus, Denmark MOBILE HTML5 Max Firtman @firt mobile+web developer who am I? mobile+web developer mobilexweb.com blog @firt where? where? buenos aires ~ argentina where? buenos aires ~

More information

Navigating the Mobile App Development Landscape

Navigating the Mobile App Development Landscape Navigating the Mobile App Development Landscape You keep hearing about user trends towards mobile devices; your 10- year old knows your ipad better than you, and so you figure that your business should

More information

Mobility Introduction Android. Duration 16 Working days Start Date 1 st Oct 2013

Mobility Introduction Android. Duration 16 Working days Start Date 1 st Oct 2013 Mobility Introduction Android Duration 16 Working days Start Date 1 st Oct 2013 Day 1 1. Introduction to Mobility 1.1. Mobility Paradigm 1.2. Desktop to Mobile 1.3. Evolution of the Mobile 1.4. Smart phone

More information

Developing and deploying mobile apps

Developing and deploying mobile apps Developing and deploying mobile apps 1 Overview HTML5: write once, run anywhere for developing mobile applications 2 Native app alternative Android -- Java ios -- Objective-C Windows Mobile -- MS tools

More information

Learning HTML5 Game Programming

Learning HTML5 Game Programming Learning HTML5 Game Programming A Hands-on Guide to Building Online Games Using Canvas, SVG, and WebGL James L. Williams AAddison-Wesley Upper Saddle River, NJ Boston Indianapolis San Francisco New York

More information

ios SDK possibilities & limitations

ios SDK possibilities & limitations ios SDK possibilities & limitations Licensing Licensing Registered as an Apple Developer (free) Access to XCode3 and ios SDK ios, Mac and Safari Dev Center Resources No possibility of distribution of developed

More information

Web Browser. Fetches/displays documents from web servers. Mosaic 1993

Web Browser. Fetches/displays documents from web servers. Mosaic 1993 HTML5 and CSS3 Web Browser Fetches/displays documents from web servers Mosaic 1993 Firefox,IE,Chrome,Safari,Opera,Lynx,Mosaic,Konqueror There are standards, but wide variation in features Desktop Browser

More information

Mobile Development Frameworks Overview. Understand the pros and cons of using different mobile development frameworks for mobile projects.

Mobile Development Frameworks Overview. Understand the pros and cons of using different mobile development frameworks for mobile projects. Mobile Development Frameworks Overview Understand the pros and cons of using different mobile development frameworks for mobile projects. Mobile Solution Frameworks One of the biggest technological decisions

More information

How to Choose Right Mobile Development Platform BROWSER, HYBRID, OR NATIVE

How to Choose Right Mobile Development Platform BROWSER, HYBRID, OR NATIVE How to Choose Right Mobile Development Platform BROWSER, HYBRID, OR NATIVE Solutions Introduction: Enterprises around the globe are mobilizing mission-critical services. Businesses get streamlined due

More information

separate the content technology display or delivery technology

separate the content technology display or delivery technology Good Morning. In the mobile development space, discussions are often focused on whose winning the mobile technology wars how Android has the greater share of the mobile market or how Apple is has the greatest

More information

Web Technologies Uses and Recommendations for Mobile Development

Web Technologies Uses and Recommendations for Mobile Development Web Technologies Uses and Recommendations for Mobile Development HELDER TROCA ZAGALO Department of Electronics, Telecommunications and Informatics University of Aveiro 3810-193 Aveiro PORTUGAL htz@ua.pt

More information

Republic Polytechnic School of Infocomm C308 Web Framework. Module Curriculum

Republic Polytechnic School of Infocomm C308 Web Framework. Module Curriculum Republic Polytechnic School of Infocomm C308 Web Framework Module Curriculum This document addresses the content related abilities, with reference to the module. Abilities of thinking, learning, problem

More information

Mobile Web Applications using HTML5. L. Cotfas 14 Dec. 2011

Mobile Web Applications using HTML5. L. Cotfas 14 Dec. 2011 Mobile Web Applications using HTML5 L. Cotfas 14 Dec. 2011 Reasons for mobile web development Many different platforms: Android, IPhone, Symbian, Windows Phone/ Mobile, MeeGo (only a few of them) Reasons

More information

The Development Manager s Quick Guide to HTML5

The Development Manager s Quick Guide to HTML5 The Development Manager s Quick Guide to HTML5 What Is HTML5 and Why Should You Care? Table of Contents HTML 5 Is Making a Big Impact and Quickly 1 HTML5 at a Glance 1 Core Features of HTML5 2 HTML5 and

More information

Programming in HTML5 with JavaScript and CSS3

Programming in HTML5 with JavaScript and CSS3 Course 20480B: Programming in HTML5 with JavaScript and CSS3 Course Details Course Outline Module 1: Overview of HTML and CSS This module provides an overview of HTML and CSS, and describes how to use

More information

CHOOSING THE RIGHT HTML5 FRAMEWORK To Build Your Mobile Web Application

CHOOSING THE RIGHT HTML5 FRAMEWORK To Build Your Mobile Web Application BACKBONE.JS Sencha Touch CHOOSING THE RIGHT HTML5 FRAMEWORK To Build Your Mobile Web Application A RapidValue Solutions Whitepaper Author: Pooja Prasad, Technical Lead, RapidValue Solutions Contents Executive

More information

Understanding Responsive Web Design (RWD) & Environment Aware Component Design Version: 2013.11.21

Understanding Responsive Web Design (RWD) & Environment Aware Component Design Version: 2013.11.21 Understanding Responsive Web Design (RWD) & Environment Aware Component Design Version: 2013.11.21 Contents Contents Checklist Planning Responsive Web Design Overview What is responsive design? When should

More information

Web Anywhere. Mobile Optimisation With HTML5, CSS3, JavaScript. Bruce Lawson / SxSW/ 12 March 2011

Web Anywhere. Mobile Optimisation With HTML5, CSS3, JavaScript. Bruce Lawson / SxSW/ 12 March 2011 Web Anywhere Mobile Optimisation With HTML5, CSS3, JavaScript Bruce Lawson / SxSW/ 12 March 2011 introducinghtml5.com Opera one browser on many devices "Our goal is to take the one true Web and make it

More information

Development of mobile applications for multiple platforms

Development of mobile applications for multiple platforms Harwell Innovation Centre Building 173 Curie Avenue Harwell Oxford Didcot Oxfordshire, OX11 0QG +44 1235 838 531 www.redskiessoftware.com Development of mobile applications for multiple platforms By Darren

More information

... Introduction... 17. ... Acknowledgments... 19

... Introduction... 17. ... Acknowledgments... 19 ... Introduction... 17... Acknowledgments... 19 PART I... Getting Started... 21 1... Introduction to Mobile App Development... 23 1.1... The Mobile Market and SAP... 23 1.1.1... Growth of Smart Devices...

More information

Native-quality, cross-platform HTML5 apps. Peter Helm 11.9.2012

Native-quality, cross-platform HTML5 apps. Peter Helm 11.9.2012 Native-quality, cross-platform HTML5 apps Peter Helm 11.9.2012 Enyo is A framework for building native-quality, crossplatform HTML5 apps Enyo is... Truly cross-platform Optimized for mobile Built to manage

More information

Mobile App Infrastructure for Cross-Platform Deployment (N11-38)

Mobile App Infrastructure for Cross-Platform Deployment (N11-38) Mobile App Infrastructure for Cross-Platform Deployment (N11-38) Contents Introduction... 2 Background... 2 Goals and objectives... 3 Technical approaches and frameworks... 4 Key outcomes... 5 Project

More information

place/business fetch details, 184 185 removefromfavorite () function, 189 search button handler bind, 190 191 B BlackBerry build environment

place/business fetch details, 184 185 removefromfavorite () function, 189 search button handler bind, 190 191 B BlackBerry build environment Index A addtofavorite() method, 175 177, 188 189 Android ADT Plugin for Eclipse installation, 22 24 application, GWT Build Path, 244 device info, 247 directory structure, 244, 245 Eclipse classpath, 244

More information

research: technical implemenation

research: technical implemenation research: technical implemenation topic: digital publication of the annually c/kompass information brochure on iphone/ipod touch with the target to have an advantage over the printed version possible solutions:

More information

The next computing phase: Mobile + Cloud

The next computing phase: Mobile + Cloud The next computing phase: Mobile + Cloud (with focus on Web-based graphics and visualization) Haim Levkowitz University of Massachusetts Lowell University of São Paulo, São Carlos 1 Tentative topics (1/3)

More information

HTML5 / NATIVE / HYBRID

HTML5 / NATIVE / HYBRID HTML5 / NATIVE / HYBRID Ryan Paul Developer Evangelist @ Xamarin NATIVE VERSUS HTML5? REFRAMING THE DEBATE It s not a battle to the death. It s a choice: what solution will work best for your application?

More information

Responsive Web Design for Drupal

Responsive Web Design for Drupal Responsive Web Design for Drupal www.responsivewebdesignguild.com @emmajanedotnet emma@designtotheme.com I am IAM Sorry A boot eh? Drupal drupal.org/user/1773 Photo: morten.dk Legs: walkah Author / Trainer

More information

Retool your HTML/JavaScript to go Mobile

Retool your HTML/JavaScript to go Mobile Retool your HTML/JavaScript to go Mobile @atdebonis 2008 Troy Web Consulting LLC All rights reserved 1 Overview What is PhoneGap? What is it good for? What can you use with it? Device Features Dev Tools

More information

SPELL Tabs Evaluation Version

SPELL Tabs Evaluation Version SPELL Tabs Evaluation Version Inline Navigation for SharePoint Pages SPELL Tabs v 0.9.2 Evaluation Version May 2013 Author: Christophe HUMBERT User Managed Solutions LLC Table of Contents About the SPELL

More information

Dave Haseman, Ross. Hightower. Mobile Development for SAP* ^>. Galileo Press. Bonn. Boston

Dave Haseman, Ross. Hightower. Mobile Development for SAP* ^>. Galileo Press. Bonn. Boston Dave Haseman, Ross Hightower Mobile Development for SAP* -a ^>. Galileo Press # Bonn Boston Introduction 17 Acknowledgments 19 PART I Getting Started 1.1 The Mobile Market and SAP 23 1.1.1 Growth of Smart

More information

Enterprise Mobile Application Development: Native or Hybrid?

Enterprise Mobile Application Development: Native or Hybrid? Enterprise Mobile Application Development: Native or Hybrid? Enterprise Mobile Application Development: Native or Hybrid? SevenTablets 855-285-2322 Contact@SevenTablets.com http://www.seventablets.com

More information

Issues of Hybrid Mobile Application Development with PhoneGap: a Case Study of Insurance Mobile Application

Issues of Hybrid Mobile Application Development with PhoneGap: a Case Study of Insurance Mobile Application DATABASES AND INFORMATION SYSTEMS H.-M. Haav, A. Kalja and T. Robal (Eds.) Proc. of the 11th International Baltic Conference, Baltic DB&IS 2014 TUT Press, 2014 215 Issues of Hybrid Mobile Application Development

More information

Coding for Desktop and Mobile with HTML5 and Java EE 7

Coding for Desktop and Mobile with HTML5 and Java EE 7 Coding for Desktop and Mobile with HTML5 and Java EE 7 Coding for Desktop and Mobile with HTML5 and Java EE 7 Geertjan Wielenga - NetBeans - DukeScript - VisualVM - Jfugue Music Notepad - Java - JavaScript

More information

July 2012. HTML5 in MobiLe DeveLopMenT

July 2012. HTML5 in MobiLe DeveLopMenT July 2012 HTML5 in MobiLe DeveLopMenT introduction HTML5 is soon to be the no. 3 mobile platform after Apple s ios and Google s Android. Not being a popular technology within enterprise world at first,

More information

Developing Exceptional Mobile and Multi-Channel Applications using IBM Web Experience Factory. 2012 IBM Corporation 1

Developing Exceptional Mobile and Multi-Channel Applications using IBM Web Experience Factory. 2012 IBM Corporation 1 Developing Exceptional Mobile and Multi-Channel Applications using IBM Web Experience Factory 1 Agenda Mobile web applications and Web Experience Factory High-level tour of Web Experience Factory automation

More information

Native, web or hybrid mobile-app development

Native, web or hybrid mobile-app development IBM Software Thought Leadership White Paper WebSphere Native, web or hybrid mobile-app development 2 Native, web or hybrid mobile-app development Contents 2 Introduction 2 Introducing the approaches 2

More information

Intel HTML5 Development Environment

Intel HTML5 Development Environment Helping Developers Efficiently Produce True Cross-Platform HTML5 Apps Intel HTML5 Development Environment April 2013 Q&A attendee questions that I did not answer in the presentation Q: Is source code of

More information

Buzz it for real! ... the tortuous road to Mobile HTML5 Apps. Andrea Giammarchi @WebReflection. Senior SW Engineer @NOKIA

Buzz it for real! ... the tortuous road to Mobile HTML5 Apps. Andrea Giammarchi @WebReflection. Senior SW Engineer @NOKIA Buzz it for real!... the tortuous road to Mobile HTML5 Apps Andrea Giammarchi @WebReflection Senior SW Engineer @NOKIA Many Choices where would you like to create your app? Symbian? Many Choices where

More information

Responsive Design Best Practices

Responsive Design Best Practices Responsive Design Best Practices Heather Shore Account Director Silverpop Harlan Cayetano Sr. Email Specialist Silverpop Yin Mac Program Manager Silverpop Andrea Shyrock Production Manager Alchemy Worx

More information

Responsive Web Design Creative License

Responsive Web Design Creative License Responsive Web Design Creative License Level: Introduction - Advanced Duration: 16 Days Time: 9:30 AM - 4:30 PM Cost: 2197 Overview Web design today is no longer just about cross-browser compatibility.

More information

Programming in HTML5 with JavaScript and CSS3

Programming in HTML5 with JavaScript and CSS3 Course M20480 5 Day(s) 30:00 Hours Programming in HTML5 with JavaScript and CSS3 Introduction This course provides an introduction to HTML5, CSS3, and JavaScript. This course helps students gain basic

More information

White Paper INTRODUCTION. In mobile development, there are three different types of applications: PRE-SMARTPHONE MOBILITY NATIVE MOBILE APPLICATIONS

White Paper INTRODUCTION. In mobile development, there are three different types of applications: PRE-SMARTPHONE MOBILITY NATIVE MOBILE APPLICATIONS INTRODUCTION The mobile development arena is growing very quickly, especially in the business-to-consumer (B2C) space. We are also seeing significant growth in business-to-business (B2B) enterprise applications

More information

Statement of Direction

Statement of Direction Mobile First: Taking Mobile CRM to the Next Level 1 January 2013 Mobile First: Taking Mobile CRM to the Next Level Whitepaper Mobile First: Taking Mobile CRM to the Next Level 2 Table of Contents Notes...

More information

Evaluating Cross-Platform Development Approaches (WORA Tools ) for Mobile Applications

Evaluating Cross-Platform Development Approaches (WORA Tools ) for Mobile Applications Evaluating Cross-Platform Development Approaches (WORA Tools ) for Mobile Applications Prof. Vijaya Jadhav Asst. Professor, ASM s IBMR, E-mail : vijayajadhav@asmedu.org Prof. Haridini Bhagwat Asst. Professor,

More information

Designing for the Mobile Web Lesson 3: HTML5 Web Apps

Designing for the Mobile Web Lesson 3: HTML5 Web Apps Designing for the Mobile Web Lesson 3: HTML5 Web Apps Michael Slater, CEO Andrew DesChenes, Dir. Services course-support@webvanta.com 888.670.6793 www.webvanta.com Welcome! Four sessions 1: The Mobile

More information

Table of contents. DMXzone Visual App Designer for Framework 7 DMXzone

Table of contents. DMXzone Visual App Designer for Framework 7 DMXzone Visual App Designer for Framework 7 Table of contents Table of contents... 1 About Visual App Designer for Framework 7... 2 Features in Detail... 3 The Basics: Setting Up Visual App Designer... 41 Advanced:

More information

Native, Hybrid or Mobile Web Application Development

Native, Hybrid or Mobile Web Application Development Native, Hybrid or Mobile Web Application Development Learn more about the three approaches to mobile application development and the pros and cons of each method. White Paper Develop a Mobile Application

More information

WebCenter User experience. John Sim @JRSim_UIX

WebCenter User experience. John Sim @JRSim_UIX WebCenter User experience ipads - Xbox John Sim @JRSim_UIX About Fishbowl Solutions Specializing on portals & content management for 13 years Customers throughout North America & EMEA Enterprise-wide consulting

More information

Responsive Web Design. vs. Mobile Web App: What s Best for Your Enterprise? A WhitePaper by RapidValue Solutions

Responsive Web Design. vs. Mobile Web App: What s Best for Your Enterprise? A WhitePaper by RapidValue Solutions Responsive Web Design vs. Mobile Web App: What s Best for Your Enterprise? A WhitePaper by RapidValue Solutions The New Design Trend: Build a Website; Enable Self-optimization Across All Mobile De vices

More information

Institutionen för datavetenskap Department of Computer and Information Science

Institutionen för datavetenskap Department of Computer and Information Science Institutionen för datavetenskap Department of Computer and Information Science Final thesis Multi-platform development of applications for mobile devices by Mattias Sjödin LIU-IDA/LITH-EX-G 12/025 SE 2012-10-18

More information

JavaFX Session Agenda

JavaFX Session Agenda JavaFX Session Agenda 1 Introduction RIA, JavaFX and why JavaFX 2 JavaFX Architecture and Framework 3 Getting Started with JavaFX 4 Examples for Layout, Control, FXML etc Current day users expect web user

More information

ORACLE ADF MOBILE DATA SHEET

ORACLE ADF MOBILE DATA SHEET ORACLE ADF MOBILE DATA SHEET PRODUCTIVE ENTERPRISE MOBILE APPLICATIONS DEVELOPMENT KEY FEATURES Visual and declarative development Java technology enables cross-platform business logic Mobile optimized

More information

Trends in HTML5. Matt Spencer UI & Browser Marketing Manager

Trends in HTML5. Matt Spencer UI & Browser Marketing Manager Trends in HTML5 Matt Spencer UI & Browser Marketing Manager 6 Where to focus? Chrome is the worlds leading browser - by a large margin 7 Chrome or Chromium, what s the difference Chromium is an open source

More information

Our software strategy

Our software strategy Our software strategy Contents 1. Executive Summary 2. Architecture for differentiation and efficiency 3. Device platforms for all needs Mobile Computers Maemo Smartphones Symbian Mobile Phones Series

More information

Responsive Web Design: Single Design for multiple devices - A case with UNISWA Library website. John Paul Anbu K.

Responsive Web Design: Single Design for multiple devices - A case with UNISWA Library website. John Paul Anbu K. Responsive Web Design: Single Design for multiple devices - A case with UNISWA Library website John Paul Anbu K. Introduction Proliferation of different devices to access internet Desktops Tablets Smart

More information

How to pick the right development model for your next mobile project

How to pick the right development model for your next mobile project How to pick the right development model for your next mobile project Conny Svensson Managing Architect and Strategist Mobility c.svensson@cgi.com @connysvensson ScanDev 2013 2 2 2 Web vs Native is irrelevant!

More information

Responsive Design for Enterprise. July 2012

Responsive Design for Enterprise. July 2012 Responsive Design for Enterprise July 2012 Contents Progressive enhancement 3 Responsive design 6 Combine the two 23 Lessons Learned: Deloitte Digital website 27 Impact on Time and Cost 39 Responsive Design

More information

Developing Cross-platform Mobile and Web Apps

Developing Cross-platform Mobile and Web Apps 1 Developing Cross-platform Mobile and Web Apps Xiang Mao 1 and Jiannong Xin * 2 1 Department of Electrical and Computer Engineering, University of Florida 2 Institute of Food and Agricultural Sciences

More information

Etanova Enterprise Solutions

Etanova Enterprise Solutions Etanova Enterprise Solutions Mobile Development» 2016-07-01 http://www.etanova.com/technologies/mobile-development Contents ios iphone and ipad... 6 Objective-C Programming Language... 6 Swift Programming

More information

Mobile Web Design with HTML5, CSS3, JavaScript and JQuery Mobile Training BSP-2256 Length: 5 days Price: $ 2,895.00

Mobile Web Design with HTML5, CSS3, JavaScript and JQuery Mobile Training BSP-2256 Length: 5 days Price: $ 2,895.00 Course Page - Page 1 of 12 Mobile Web Design with HTML5, CSS3, JavaScript and JQuery Mobile Training BSP-2256 Length: 5 days Price: $ 2,895.00 Course Description Responsive Mobile Web Development is more

More information

Developing multidevice-apps using Apache Cordova and HTML5. Guadalajara Java User Group Guillermo Muñoz (@jkoder) Java Developer

Developing multidevice-apps using Apache Cordova and HTML5. Guadalajara Java User Group Guillermo Muñoz (@jkoder) Java Developer Developing multidevice-apps using Apache Cordova and HTML5 Guadalajara Java User Group Guillermo Muñoz (@jkoder) Java Developer WTF is Apache Cordova? Set of device APIs that allow to access native device

More information

Lecture 4 Cross-Platform Development. <lecturer, date>

Lecture 4 Cross-Platform Development. <lecturer, date> Lecture 4 Cross-Platform Development Outline Cross-Platform Development PhoneGap Appcelerator Titanium Xamarin References Native Development Represents the baseline for comparisons You

More information

Programming 3D Applications with HTML5 and WebGL

Programming 3D Applications with HTML5 and WebGL Programming 3D Applications with HTML5 and WebGL Tony Parisi Beijing Cambridge Farnham Köln Sebastopol Tokyo Table of Contents Preface ix Part I. Foundations 1. Introduction 3 HTML5: A New Visual Medium

More information

Building native mobile apps for Digital Factory

Building native mobile apps for Digital Factory DIGITAL FACTORY 7.0 Building native mobile apps for Digital Factory Rooted in Open Source CMS, Jahia s Digital Industrialization paradigm is about streamlining Enterprise digital projects across channels

More information

Firefox for Android. Reviewer s Guide. Contact us: press@mozilla.com

Firefox for Android. Reviewer s Guide. Contact us: press@mozilla.com Reviewer s Guide Contact us: press@mozilla.com Table of Contents About Mozilla Firefox 1 Move at the Speed of the Web 2 Get Started 3 Mobile Browsing Upgrade 4 Get Up and Go 6 Customize On the Go 7 Privacy

More information

Vector Web Mapping Past, Present and Future. Jing Wang MRF Geosystems Corporation

Vector Web Mapping Past, Present and Future. Jing Wang MRF Geosystems Corporation Vector Web Mapping Past, Present and Future Jing Wang MRF Geosystems Corporation Oct 27, 2014 Terms Raster and Vector [1] Cells and Pixel Geometrical primitives 2 Early 2000s From static to interactive

More information

Choosing a Mobile Strategy for Your Business

Choosing a Mobile Strategy for Your Business Choosing a Mobile Strategy for Your Business Michael Slater, CEO michael@webvanta.com 888.670.6793 www.webvanta.com 1 Welcome to the Webinar Thanks for joining us! Ask questions at any time in the chat

More information

Opus: University of Bath Online Publication Store http://opus.bath.ac.uk/

Opus: University of Bath Online Publication Store http://opus.bath.ac.uk/ Power, M. (2012) Delivering Web to Mobile. Other. UKOLN, University of Bath. Link to official URL (if available): http://blog.observatory.jisc.ac.uk/techwatch-reports/delivering-web-tomobile/ Opus: University

More information

Smartphone Application Development using HTML5-based Cross- Platform Framework

Smartphone Application Development using HTML5-based Cross- Platform Framework Smartphone Application Development using HTML5-based Cross- Platform Framework Si-Ho Cha 1 and Yeomun Yun 2,* 1 Dept. of Multimedia Science, Chungwoon University 113, Sukgol-ro, Nam-gu, Incheon, South

More information

Open Source Enterprise Mobile Campus Solution. September 30, 2011

Open Source Enterprise Mobile Campus Solution. September 30, 2011 Open Source Enterprise Mobile Campus Solution September 30, 2011 umobile is a Jasig Project Sponsor open source software projects for higher education. Non-profit membership organization. Provides: Community,

More information

ORACLE MOBILE APPLICATION FRAMEWORK DATA SHEET

ORACLE MOBILE APPLICATION FRAMEWORK DATA SHEET ORACLE MOBILE APPLICATION FRAMEWORK DATA SHEET PRODUCTIVE ENTERPRISE MOBILE APPLICATIONS DEVELOPMENT KEY FEATURES Visual and declarative development Mobile optimized user experience Simplified access to

More information

HTML5 & Friends. And How They Change A Developer s Life

HTML5 & Friends. And How They Change A Developer s Life HTML5 & Friends And How They Change A Developer s Life Yang Piao yp@cmu.edu 2 HTML5? 3 What is HTML5 The markup language 5 th major version of HTML successor of HTML 4.01 Or a set of cutting-edge web technologies

More information

Cisco Enterprise Mobility Services Platform

Cisco Enterprise Mobility Services Platform Data Sheet Cisco Enterprise Mobility Services Platform Reduce development time and simplify deployment of context-aware mobile experiences. Product Overview The Cisco Enterprise Mobility Services Platform

More information

Ontario Ombudsman. Goals

Ontario Ombudsman. Goals Ontario Ombudsman www.ombudsman.on.ca Industry Government & Legal Partner Seventyeight Digital Inc. 5000 Yonge Street, Suite 1901 Toronto, ON, M2N 7E9 Canada www.78digital.com Grant Sharples gsharples@78digital.com

More information

Contenu du Cours : IBM Mobile Application

Contenu du Cours : IBM Mobile Application Contenu du Cours : IBM IBM Middle East and Africa University IBM Copyright 2014 IBM CONFIDENTIAL - Why IBM? IBM MARKET LEADER IN THE MOBILE APPLICATION SPACE GARTNER Magic Quadrant Development Platforms

More information

20480B: Programming in HTML5 with JavaScript and CSS3. Course Overview

20480B: Programming in HTML5 with JavaScript and CSS3. Course Overview 20480B: Programming in HTML5 with JavaScript and CSS3 Course Overview This course provides students with the knowledge and skills to create and style HTML pages, use JavaScript, create forms to collect

More information

INFORMATION TECHNOLOGY STANDARD

INFORMATION TECHNOLOGY STANDARD COMMONWEALTH OF PENNSYLVANIA DEPARTMENT OF PUBLIC WELFARE INFORMATION TECHNOLOGY STANDARD Name Of Standard: Mobile Website Development Domain: Application Number: Category: STD-EASS010 Date Issued: Date

More information

Cross Platform App Development

Cross Platform App Development Cross Platform App Development a technical overview Heiko Behrens #OOP2011 @HBehrens I want an iphone App! diversity of platforms 94 App Stores two categories How can we address this diversity? You can

More information

Rich User Interfaces for Web-Based Corporate Applications

Rich User Interfaces for Web-Based Corporate Applications Rich User Interfaces for Web-Based Corporate Applications Ivan Zapevalov, Software Engineer 1 Outline RIA technologies AJAX technology Widgets Demo application in JavaScript Demo application in GWT Web-catalog

More information