17
MOBILE APP SUPPORT IN ANDROID AND WINDOWS PHONE By: Rick A. VanVolkinburg

By: Rick A. VanVolkinburg. WebView – displays web pages inside application. JavaScript is disabled. Enable: webview.getSettings().setJavaScriptEnabled(true);

Embed Size (px)

Citation preview

Page 1: By: Rick A. VanVolkinburg.  WebView – displays web pages inside application.  JavaScript is disabled.  Enable: webview.getSettings().setJavaScriptEnabled(true);

MOBILE APP SUPPORT IN ANDROID AND WINDOWS

PHONE

By: Rick A. VanVolkinburg

Page 2: By: Rick A. VanVolkinburg.  WebView – displays web pages inside application.  JavaScript is disabled.  Enable: webview.getSettings().setJavaScriptEnabled(true);

Android - JavaScript

WebView – displays web pages inside application.

JavaScript is disabled. Enable:

webview.getSettings().setJavaScriptEnabled(true);

Page 3: By: Rick A. VanVolkinburg.  WebView – displays web pages inside application.  JavaScript is disabled.  Enable: webview.getSettings().setJavaScriptEnabled(true);

Android - DHTML

Pages do not automatically adjust size to fit the device’s screen

No video/audio can be played back on Android.

Page 4: By: Rick A. VanVolkinburg.  WebView – displays web pages inside application.  JavaScript is disabled.  Enable: webview.getSettings().setJavaScriptEnabled(true);

Android – HTML5

Support inline HTML5 video in your application, hardware acceleration turned on, and set a WebChromeClient.

No speech recognition No drag-and-drop No web notifications

Page 5: By: Rick A. VanVolkinburg.  WebView – displays web pages inside application.  JavaScript is disabled.  Enable: webview.getSettings().setJavaScriptEnabled(true);

Android - Ajax

Lack offline support

Page 6: By: Rick A. VanVolkinburg.  WebView – displays web pages inside application.  JavaScript is disabled.  Enable: webview.getSettings().setJavaScriptEnabled(true);

Android - CSS

Create styles for specific screen densities Webkit-device-pixel-ratio CSS media feature. Low density – 0.75 Medium density – 1 High density – 1.5

Page 7: By: Rick A. VanVolkinburg.  WebView – displays web pages inside application.  JavaScript is disabled.  Enable: webview.getSettings().setJavaScriptEnabled(true);

Mobile Safari - JavaScript

WebKit - open source web browser engine.

Upgrade known as “FTLJIT” Has to be enabled

Page 8: By: Rick A. VanVolkinburg.  WebView – displays web pages inside application.  JavaScript is disabled.  Enable: webview.getSettings().setJavaScriptEnabled(true);

Mobile Safari – HTML5

Lack form support – no inputs: date & times Color 3D graphics.

Page 9: By: Rick A. VanVolkinburg.  WebView – displays web pages inside application.  JavaScript is disabled.  Enable: webview.getSettings().setJavaScriptEnabled(true);

Mobile Safari - DHTML

Drag and Drop only works on Safari iPhone/iPod/iPad browser

Currently only supports QuickTime Scrollbars are not displayed

Page 10: By: Rick A. VanVolkinburg.  WebView – displays web pages inside application.  JavaScript is disabled.  Enable: webview.getSettings().setJavaScriptEnabled(true);

Mobile Safari - Ajax

Ruby on Rails Ajax via the Prototype Script.aculo.us libraries

Page 11: By: Rick A. VanVolkinburg.  WebView – displays web pages inside application.  JavaScript is disabled.  Enable: webview.getSettings().setJavaScriptEnabled(true);

Mobile Safari - CSS

//Browser Support Code function ajaxFunction(){ var ajaxRequest; // The variable that makes Ajax possible! try{ // Opera 8.0+, Firefox, Safari ajaxRequest = new XMLHttpRequest();

Page 12: By: Rick A. VanVolkinburg.  WebView – displays web pages inside application.  JavaScript is disabled.  Enable: webview.getSettings().setJavaScriptEnabled(true);

Windows Phone - JavaScript

Jscript – “Microsoft JScript is an open implementation of Netscape's JavaScript. JScript is a high-performance scripting language designed to create active online content for the World Wide Web. JScript allows developers to link and automate a wide variety of objects in Web pages, including ActiveX controls and Java programs. Microsoft Internet Explorer is designed to interpret JScript embedded into Web pages.”

 ("Descriptions of Java, JScript, and JavaScript")

Page 13: By: Rick A. VanVolkinburg.  WebView – displays web pages inside application.  JavaScript is disabled.  Enable: webview.getSettings().setJavaScriptEnabled(true);

Windows Phone – HTML5

Lowest score among mobile app support - 372.

(HTML5test.com)

No webcam access No CSS selectors No drag-and-drop

Page 14: By: Rick A. VanVolkinburg.  WebView – displays web pages inside application.  JavaScript is disabled.  Enable: webview.getSettings().setJavaScriptEnabled(true);

Windows Phone - DHTML

Some devices button Clicks are registered twice

Borderless scrolling field doesn’t display scrollbar

Pages do not automatically adjust their size to fit device’s screen

Page 15: By: Rick A. VanVolkinburg.  WebView – displays web pages inside application.  JavaScript is disabled.  Enable: webview.getSettings().setJavaScriptEnabled(true);

Windows Phone - Ajax

The Ajax Control Toolkit contains 40 controls including: AutoComplete CollapsiblePanel ColorPicker HTML Editor Extender

Drag-and-drop controls from Visual Studio onto ASP.NET Web Forms page.

Page 16: By: Rick A. VanVolkinburg.  WebView – displays web pages inside application.  JavaScript is disabled.  Enable: webview.getSettings().setJavaScriptEnabled(true);

Windows Phone - CSS

New advanced layout – text wrap Visual effects Panning and zooming capabilities Remove limits on style sheets

Page 17: By: Rick A. VanVolkinburg.  WebView – displays web pages inside application.  JavaScript is disabled.  Enable: webview.getSettings().setJavaScriptEnabled(true);

Works Cited

"About - Internet Explorer 9 Guide for Developers." MSDN-the microsoft developer network. N.p., 14 Mar. 2011. Web. 26 Nov. 2014. <msdn.microsoft.com/en-us/ie/ff468705.aspx>.

"Android Developers." Android Developers. N.p., n.d. Web. 26 Nov. 2014. <http://developer.android.com/index.html>.

"Descriptions of Java, JScript, and JavaScript." Microsoft Support. N.p., 9 Aug. 2007. Web. 26 Nov. 2014. <http://support.microsoft.com/kb/154585>.

HTML5test.com. N.p., Nov. 2013. Web. 26 Nov. 2014. <http://html5test.com/>."SumTotal ToolBook Knowledgebase for Rapid Learning, Interactive eLearning

Content Tools." N.p., Web. 26 Nov. 2014. <http://kb.sumtotalsystems.com/community_kb_tb_display.asp?id=P23791>.

The WebKit Open Source Project. N.p., n.d. Web. 26 Nov. 2014. <http://www.webkit.org/>.

"Windows Dev Center." Windows Dev Center. N.p., n.d. Web. 26 Nov. 2014. <http://dev.windows.com/en-us>.