APEX 18.1 New Features - PERU Oracle Users Group · • APEX 5.1 ships with Oracle JET 2.0.2, jQuery 2.2.3 and jQuery UI 1.10.4 • APEX 18.1 ships with Oracle JET 4.2.0, jQuery 3.1.1

Marc SewtzSenior Software Development ManagerOracle America, Inc. – New York, NY

Oracle APEX 18.1 New Features

Marc Sewtz

• Joined Oracle Consulting, Hamburg, Germany 1998• Oracle Corp., New York, NY 1999 - today• Built my first “APEX” Application in 2001 • Joined the APEX Development Team / Database Tools in 2002

• APEX on Twitter: #ORCLAPEX• Twitter: @msewtz• LinkedIn: http://www.linkedin.com/in/msewtz• Blog: http://marcsewtz.blogspot.com

Senior Software Development ManagerOracle Application Express / Database Tools

http://www.linkedin.com/in/msewtz

http://marcsewtz.blogspot.com/

Oracle APEX Community 2018 214K

45KConferences withdedicated APEX tracks 12

APEX World Rotterdam, Netherlands

Oracle Developer Day Montreal, Canada

APEX Connect Berlin, Germany

Great Lakes Oracle Conference Cleveland, Ohio

OUG Scotland Glasgow, Scotland

ODTUG Kscope18 Orlando, Florida

SWEOG APEX 2018 Stockholm, Sweden

SIOUG 2018 Portorož, Slovenia

HROUG 2018 Rovinj, Croatia

DOAG Conference 2018 Nürnberg, Germany

UKOUG Tech18 Liverpool, England

APEX Alpe Adria Graz, Austria

• Dedicated APEX Conference

•

•

•

•

~500K

20K

280K

Millions

4.9K

1.5B

7.9K

3K

1.2B

YouTube Video Views

Active Workspaces on apex.oracle.com

Developers

New installs per quarter

Active Instances / quarter

Daily End Users

Schema Service Instances

Internal page events / year

#orclapex Followers

LinkedIn APEX members

Internal APEX page views / yr

Meetup Groups 41

2,900+Members

20Countries

•

Oracle APEX Community 2018

Copyright © 2018, Oracle and/or its affiliates. All rights reserved. | Confidential – Oracle Internal/Restricted/Highly Restricted 5

DemoSurvey App


bit.ly/odc_survey

Copyright © 2018, Oracle and/or its affiliates. All rights reserved. |

Safe Harbor StatementThe following is intended to outline our general product direction. It is intended for information purposes only, and may not be incorporated into any contract. It is not a commitment to deliver any material, code, or functionality, and should not be relied upon in making purchasing decisions. The development, release, and timing of any features or functionality described for Oracle’s products remains at the sole discretion of Oracle.

7

Copyright © 2018, Oracle and/or its affiliates. All rights reserved. | 8

Oracle APEXDatabase-centric web application development framework

Develop desktop and mobile web apps

Visualize and maintain

database data

Leverage SQL Skills and database capabilities


Oracle APEXUse Cases

Developing opportunistic & self service web apps

Extending enterprise application solutions

Migrating file based and client server apps to the web


Oracle APEXDistinguishing Characteristics

App Development IDE is a web browser.

No client software needed

App definitions are stored in the database as meta data.

Declarative – No code generation

Page generation is efficient with only one request and

one response.Data processing done in the

Database


Oracle APEX• No-cost fully supported feature

• Any number of apps, developers & end-users

• Specialized Oracle Support Team

• 11gR2, 12c, 18c

• All DB editions: EE, SE, SE1, XE

• Included with Oracle Cloud Services• Schema Service

• Exadata Express Service

• Database as a Service

• No cost evaluation http://apex.oracle.com

• Easy to install• Included by default with all editions of Oracle database

• Download latest release from https://apex.oracle.com/otn

No cost feature of the Oracle Database

http://apex.oracle.com/


Oracle APEXRapidly develop, customize, and deliver

Develop Customize Deliver

Go from prototype to production in minutes

Pre-built controls for security, authentication,

database interaction, validation, session management

and more…


Oracle APEX3 Tier Architecture

Database Tier

Oracle Database(Pluggable or Dedicated, 11g, 12c, 18c)

SQL & PL/SQL

Schemas

APEX Engine

Oracle REST Data Services(Weblogic, Jetty, Tomcat)

JDBCHTTPS

REST, SOAP

Zero latency database data accessDynamically driven by APEX metadata

No Application LogicConverts HTTP to database API calls

Mid TierBrowser


Data SourcesUtilize the Oracle Database / ORDS / Web Services

Local Data SourceHTTPS

REST, SOAP

Oracle Database & APEX

JDBC

JDBC

JDBC

Remote Data Sources & Services

Enterprise Data Sources and Services

Database Link


Development / Deployment Options

Local• Install on stand-alone laptops

using Oracle Express Edition (XE) or full database version• Simply upgrade APEX to the

required version• Can work completely

disconnected

On-Premise• Typically run by the IT

Department• IT generally both production

operations service, and a service provider • Departments responsible for

application development

Cloud• Deploy Internet applications• Leveraged for fast application

development, user acceptance and training.• Prototyping & Proof-of-Concept• Consulting companies develop

for deployment on customer premise

Browser based application development framework enables efficient development & deployment

Shoot someone a URL – Check this out – Application Development


2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 2014 2015 2016 2017

1.5 HTML DB1.5 - First Release

1.6 – Themes

Hosted free service

apex.oracle.com

3.0 Flash Charts

PDF Printing

Access Migration

Tabular Forms

4.0 Websheets

Dynamic Actions

Plug-Ins

Team Development

2.0 SQL Workshop

2.1 - Oracle XE

2.2 - Dictionary Views

5.0 Page Designer (PD)

Universal Theme

Modal Dialogs

Data Upload

Error Handling

ROWID

4.1

2009Oracle Forms to APEX

Conversion

3.2

Mobile with JQuery

HTML 5

Packaged Apps

4.2

2008Interactive Reports (IR)

3.1

Interactive Data Grid (IG)

JET Charts

Simplified Wizards

Live Template Options

Improved Universal Theme

Font APEX

Improved Packaged Apps

5.1

18.1REST & Remote SQLOracle JET UpgradeImproved IG, IR, PDNew REST Workshop

Schema Service

EECS

2018

5.1+New "Low Code “

App Wizard

Blueprints

QuickSQL

App Features(apex.oracle.com only)

Oracle APEX Version History


AgendaNew Create Application WizardOracle JET & jQuery UpgradeUniversal Theme UpdatesREST Enabled SQL Support REST Service ConsumptionNew REST WorkshopInteractive Grid EnhancementsPage Designer EnhancementsMiscellaneous


New Create Application WizardOracle JET & jQuery UpgradeUniversal Theme UpdatesREST Enabled SQL Support REST Service ConsumptionNew REST WorkshopInteractive Grid EnhancementsPage Designer EnhancementsMiscellaneous


• New Low Code Create Application Wizard.• New and improved user experience for

creating applications.• Simpler and modernized wizards for

creating pages.• Customize user interface options, theme

style, application icon and page icons.• Allows creation of more advanced pages

such as Dashboards, Master-Detail, etc.

19

New Create Application WizardLow Code Development

http://apex.oracle.com/lowcode

http://apex.oracle.com/lowcode


New Create Application WizardFeatures

• Supports adding common frameworks or "Features" when creating an application such as access control, activity reporting, theme selection, and more

• Features provide application-level functionality and are based on best-practices used in APEX Packaged Applications.


DemoCreate Application Wizard



• Oracle JET based charting engine introduced in Oracle APEX 5.1

• APEX 5.1 ships with Oracle JET 2.0.2, jQuery 2.2.3 and jQuery UI 1.10.4

• APEX 18.1 ships with Oracle JET 4.2.0, jQuery 3.1.1 and jQuery UI 1.12.0

• Oracle JET version included with APEX is updated with each release: – Allows us to adopt new data visualizations and other JET components

– Allows plug-in developers to build APEX plug-ins using current versions of Oracle JET

– Ensures that APEX ships with supported version of Oracle JET

jQuery, jQuery UI and Oracle JET UpgradeUpgraded Libraries

• All built-in functionality in APEX has been updated to work with updated libraries, incl. the APEX Builder, native components and Packaged Apps.• For Desktop / Responsive apps using only built-in APEX components,

no changes are needed after the upgrade to APEX 18.1.• For apps that have custom client-side code, including 3rd party libraries or

plug-ins, changes may be required.• Apps using the jQuery Mobile UI, may still work, however jQuery Mobile

is no longer supported, apps should be migrated to Universal Theme.Øhttp://hardlikesoftware.com/weblog/2018/03/30/apex-18-1-jquery-jquery-ui-and-jet-upgrade/

jQuery, jQuery UI and Oracle JET UpgradeHow does this impact my existing applications?

http://hardlikesoftware.com/weblog/2018/03/30/apex-18-1-jquery-jquery-ui-and-jet-upgrade/

• Old item type 'Text Field with autocomplete' uses an outdated and inaccessible autocomplete jQuery plugin. • Has dependency on old jQuery Migrate, thus will no longer work in 18.1• New Auto Complete item based on the Oracle JET Input Search • Provides much improved accessibility and better Dynamic Action support.• Implemented as a stand-alone JavaScript widget:– Used as the basis for the updated item type– Can also be used in its own right in other areas of APEX (e.g. IG dialogs, Page Designer:

Property Editor, toolbar widget, etc.”

• APEX will automatically upgrade all “Text Field with autocomplete” items

jQuery, jQuery UI and Oracle JET UpgradeNew Auto Complete Item Type


• New Gantt Charts• Based on JET ojGantt component• Responsive, WAI-ARIA compliant

• New Chart Types – Pyramid, Box Plot• New Chart-Level Attributes:

• Fill Gaps in Chart Data – Yes / No, Sort Order

• New Series-Level Attributes:• Display As, Value Aggregation

• Enhanced Sample Charts application

26

jQuery, jQuery UI and Oracle JET UpgradeNew Chart Types and Attributes


DemoNew Chart Types

28



• JQuery Mobile Apps can now be transitioned to Universal Theme• New Region Types for Mobile UI patterns:• Reflow Report• List view• Column Toggle Report

• Support for touch gestures (Swipe, Tap, etc.)• New Mobile Navigation template• Performance Improvements• apex.oracle.com/ut/

29

Universal Theme UpdatesImprovements for Mobile UI

https://apex.oracle.com/ut/


• Optimized for Mobile UI• Form item labels can now be

placed to the side or top of the input fields.

• New label template: "Floating"• Positions the label inside of the

input field. • Label automatically shrinks

upon entering a value in the input field

30

Universal Theme UpdatesFloating Labels


APEX Movie Trailershttp://bit.ly/apex-movie-sample

https://twitter.com/shakeeb/status/1011275880855953408

https://twitter.com/shakeeb/status/1011275880855953408




• Executing dynamic SQL or PL/SQL on remote databases using ORDS and REST • Relies on the ORDS "REST Enabled SQL" feature (ORDS 17.3 or later)• Requires ORDS instance having a connection pool

configured for target database.

• Oracle APEX passes SQL query to ORDS over REST• Self-describing JSON response• Response contains a JSON object with:

• Result set meta data (column names, data types)• The result data• Information about pagination

33

REST Enabled SQL SupportRemote Database Connections


• Create and maintain References to REST Enabled SQL Instances (Oracle REST Data Services) in Shared Components: Name, Endpoint URL, and Authentication information

• Use a REST Enabled SQL Service and therefore a remote Oracle Database as the Data Source for Oracle APEX components like:• Classic Reports, Interactive Reports• Reflow / Toggle Columns Report• Tree Region, JET Charts, Calendar• PL/SQL Process

34

REST Enabled SQL Support Using Remote Database Connections in Oracle APEX


• Access REST enabled SQL sources within custom PL/SQL Code:• Execute query and provide a "cursor" object APEX_EXEC.OPEN_REMOTESQL_QUERY

• Execute a PL/SQL block anonymously APEX_EXEC.EXECUTE_REMOTE_SQL

• Use REST Enabled SQL as a Plug-In developer:• "Region Source supports different Data Sources" Plugin Attribute

• Use APEX_EXEC PL/SQL package in Plug-In code

35

REST Enabled SQL SupportUsing Custom PL/SQL Code




• New data source type called "Web Source Modules", a declarative method to define references to external REST APIs and generic JSON data feeds.

• Web Source Modules store additional metadata about how to parse response data and map it as a virtual table with rows and columns.

• A module can contain one or many Web SourceOperations which are the references to a concrete external web service.

• Create and maintain Web Source Modules in Shared Components.

37

REST Service ConsumptionWeb Source Modules


• Use as data sources for Oracle APEX components such as:• Interactive Report, Classic Report

• JET Chart, CSS Calendar

• Tree Region, Reflow Report, Toggle Column Report

• Post Processing SQL modifies data before being processed by an Oracle APEX component:• Apply SQL functions, aggregations, join to local tables etc.• Avoid unnecessary HTTP requests by using Caching

38

REST Service ConsumptionWeb Source Modules


REST Service ConsumptionWeb Source Modules: Drive Oracle APEX Components…


REST Service Consumption…with data from a REST Endpoint


REST Service ConsumptionWeb Source Modules: Custom PL/SQL Code

• Access Web Source Modules within custom PL/SQL Code:• Execute "GET" request and provide a "cursor" object APEX_EXEC.OPEN_WEB_SOURCE_QUERY

• Execute POST, PUT, or DELETE requests APEX_EXEC.EXECUTE_WEB_SOURCE

• Use Web Source Modules as a Plug-In developer:• "Region Source supports different Data Sources" Plugin Attribute• Use APEX_EXEC PL/SQL package in Plug-In code


• Access data from other Oracle Databases using REST• Similar use case to REST Enabled SQL, however REST Enabled SQL requires privileges to

directly access tables on target database via SQL.

• Many databases do not allow this type of access but do provide standardized REST services.

• Access internal systems (non Oracle Databases) within an Oracle APEX application• Writing extensions to third-party in-house systems that provide REST APIs.

• Access Oracle SaaS functionality from within Oracle APEX applications.• Access external APIs (non Oracle Databases) or fetch external data feeds within

Oracle APEX applications

42

REST Service ConsumptionUse Cases




• Declarative REST service support for ORDS-enabled REST services.

• New REST workshop supports REST web services developed using the ORDS repository.

• Oracle APEX 18.1 requires ORDS 17.4.1 and above to provide full integration with the ORDS repository

• You can migrate any existing APEX-based REST services

44

New REST WorkshopORDS Repository


• Create and manage REST Services in any schema assigned to a Workspace

• Generate Swagger documentation

45

New REST WorkshopUsing the ORDS Repository


Oracle JET & jQuery UpgradeUniversal Theme UpdatesNew Create Application WizardREST Enabled SQL Support REST Service ConsumptionNew REST WorkshopInteractive Grid EnhancementsPage Designer EnhancementsMiscellaneous


• Copy-Down Support to copy data from one row to other rows• Copy to Clipboard for row or cell range selections• New Dynamic Action events:

Mode Change, Page Change, Report Change, View Change and Save

• User settable report setting: "Actions > Format > Stretch" Declarative control over how the column width will stretch to fill available space or not.

47

Interactive Grid EnhancementsClient-Side Behavior and Processing


• Documentation of public JavaScript widget APIs• Provides supported and documented

JavaScript APIs for widgets like Interactive Grid, Tree, etc

• Automatically generates documentation from JavaScript doc comments

48

Interactive Grid EnhancementsDocumentation


Oracle JET & jQuery UpgradeUniversal Theme UpdatesNew Create Application WizardREST Enabled SQL Support REST Service ConsumptionNew REST WorkshopInteractive Grid EnhancementsPage Designer EnhancementsAPEX Spotlight SearchMiscellaneous


• Updated UI to improve usability

• When an attribute has focus, the group becomes highlighted

• Improved "Go to group" functionality

• Alignment property (for example, column heading alignment in an interactive report) now use a pile button

50

Page Designer EnhancementsProperty Editor Enhancements


• Pin keywords to have them persist as you click around Page Designer

51

Page Designer EnhancementsSticky Filters


• New indicator (red dot) if a page component has a condition

• Component name strikethrough if it has a 'Never' condition

• Page Designer Toolbar > Utilities includes option to enable and disable tooltips within the UI

52

Page Designer EnhancementsMiscellaneous


New Create Application WizardREST Enabled SQL Support REST Service ConsumptionNew REST WorkshopInteractive Grid EnhancementsPage Designer EnhancementsOracle JET & jQuery UpgradeUniversal Theme UpdatesMiscellaneous


• Provides quick navigation and unified search experience across APEX

• Activate by clicking search

button from header, or

using the keyboard shortcut

Ctrl + '

• You can navigate to most

screens within APEX builder

• Quickly jump across apps

and pages

• Also works in Page Designer

– can focus on page components

54

APEX Spotlight SearchDeveloper Experience


• New authentication scheme –Social Sign-In

• Supports Oracle Identity Cloud Service, Google, Facebook, OpenID Connect, OAuth2

• New authentication scheme attribute "Switch in Session" for schemes that can be set in the current session.

55

Authentication Scheme EnhancementsNew Authentication Scheme


Documents

APEX 18.1 New Features - PERU Oracle Users Group · • APEX 5.1 ships with Oracle JET 2.0.2, jQuery 2.2.3 and jQuery UI 1.10.4 • APEX 18.1 ships with Oracle JET 4.2.0, jQuery 3.1.1