1 / 12

Franç ois Briard GS-AIS-HR Database Developers Forum, APEX 6th May 2014

APEX Mobile Application Development 101. Franç ois Briard GS-AIS-HR Database Developers Forum, APEX 6th May 2014. Disclaimer. Even if widely used in the past and still in use for some applications, Oracle Application Express (APEX) is not the main GS-AIS Development Tool .

maitland
Download Presentation

Franç ois Briard GS-AIS-HR Database Developers Forum, APEX 6th May 2014

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. APEX Mobile Application Development 101 FrançoisBriard GS-AIS-HR DatabaseDevelopers Forum, APEX6th May 2014

  2. Disclaimer • Even if widelyused in the past and still in use for some applications, Oracle Application Express (APEX) is not the main GS-AIS DevelopmentTool. • This presentationisbasedmostly on personalexperience made with the tooloutside AIS main scope (i.e. Open Daystools)

  3. Mobile Apps If youneed a database intensive application available to a maximum number of mobile OSthen APEX Mobile Web Apps is the right choice.

  4. Tim Berner-Lees on Mobile Apps “If you don't give it a URL, people can't tweet about it. If people can't tweet or email about it, then it's not part of the discourse.” cnet.com, March 2014

  5. jQuery Mobile • APEX integratesjQueryforimprovingJavascript useandsupportAJAX requests • jQuery mobile is a frameworkbuilton top of jQuery • Simplisticpage structure • Comeswithbunch of predefinedCSS styles • Veryconstraintful but guaranteesnative-like look and feel

  6. APEX Mobile Applications and Pages • Applications are assigned one default User Interface • In Application Properties,youcanadd an additionalinterface • Pages canbeassignedanyof the application interfaces • There isonly one jQuery Mobiletheme, but itcanbecustomizedthrough CSS generatedbyjQuery Mobile Theme Roller

  7. APEX Mobile Regions and Items • Mobile specific page types • ListView • ListView and Form • HTML5 Charts • HTML5 Calendars • Mobile specific item types • Text Field sub-types: email, phone, URL • Yes/No • Slider

  8. SimpleDemo (http://cern.ch/go/apexdemo)

  9. In a nutshell • Select « jQuery Mobile Smartphone » for User Interfacewhencreating the application • Use mobile page types: • ListView • ListView and Form • HTML5 Charts • HTML5 Calendars • Check exsiting mobile regiontemplates • Use mobile item types • TextField sub-types: email, phone, URL • Yes/No • Slider

  10. My experience • Desktop and Mobile versions of a web applicationare 2 verydifferent web applications!Don’ttry to adaptexistingscreensfrom Desktop to Mobile. • Desktop UI = many data / few clicks • Mobile UI = few data / many clicks • Tablets are somewhere in between • Keep as much business logic in DB(thisistrue for all APEX applications) • ReusewhatjQuery mobile offers: http://demos.jquerymobile.com • Whentestingrunapp in new tab

More Related