Skip to main content

Tips & Tricks: Creating Applications for Mobile Devices & PWA in Oracle APEX

 

Creating Applications for Mobile Devices & PWA in Oracle APEX

Objective

The objective of this blog post is to give you some tips and tricks about creating an applications for mobile devices and power of Progressive Web Application (PWA) in Oracle APEX.

National Webinar Series 2022 - AUSOUG

It was last week that, I presented this topic at the National Webinar Series 2022, organized by the Australian Oracle User Group (AUSOUG).
I would like to thank the Australian Oracle User Community for providing me with such a wonderful opportunity to speak about Oracle APEX in the world community.

What I was presented?

I was presenting, how you can create apps for mobile devices that are mobile-specific and provide an optimal user experience on small screens and discover the features and requirements for Progressive Web Apps (PWA).

Presentation Video


The above presentation video provides a brief overview of the following features, which are KEY to developing mobile applications with Oracle APEX.

1) About Mobile Application Design

2) About Mobile Support

3) Advantages of Building Mobile Apps in Oracle APEX

4) Reports Optimized for Mobile Environments

                1) Reflow Report
                
                2) Column Toggle Report

                3) List View

5) Menu Optimized for Mobile Environments

6) Items Optimized for Mobile Environments

7) Buttons Optimized for Mobile Environments

8) Creating a Progressive Web Application        

Learn about Mobile Patterns,

1) Navigation

2) Headers and Footers

3) Data Entry

4) Touch Gestures

5) jQuery Mobile Components

PWA (Progressive Web Application) Tips & Tricks

Progressive Web Applications (PWA) are designed to be fast, responsive, installable to a home screen, reliable (online or offline), and engaging (providing support for push notifications).

To enable Progressive Web App, an Oracle APEX application must be served over a secured HTTPS environment, or localhost. 

If using an unsecured environment, PWA features will not be rendered.

The demo mobile application is here.

That's it. Happy APEXing!

References/Credits:

Comments

Post a Comment

Popular posts from this blog

Printing Page Numbers in RTF Template [Oracle BI Publisher]

Here I am giving an example to print the page numbers dynamically in the RTF (Rich Text Format) template. Step 1:  Go to page footer and copy and paste the below script. Page |  <?fo:page-number?>  of  <?fo:page-number-citation:xdofo:lastpage-joinseq?> <fo:page-number> :   This is the object, which is used to represent the current page-number. <?fo:page-number-citation:xdofo:lastpage-joinseq?> :  This is the syntax, which is used to represent the total number of pages. Step 2:  Load the XML and preview the result. Output: That's it. References: fo:page-number Printing Page Number Code in Oracle XMLP RTF Template
2 comments
Read more

Oracle Application Express Views (APEX)

Application Express Views Search SELECT * FROM apex_dictionary WHERE column_id = 0; View Comment Parent View APEX_APPLICATIONS Applications defined in the current workspace or database user. APEX_WORKSPACES APEX_APPLICATION_ALL_AUTH All authorization schemes for all components by Application APEX_APPLICATIONS
Post a Comment
Read more

Save Selected Interactive Grid Records into a Collection - Oracle APEX

Here I am giving an example to save selected interactive grid records into a oracle apex collection. Step 1: Create a new blank page. Note: Mine was page 20. You will need to update reference to " P20 " with your page number if it's different. Step 2: Create a new interactive grid report region to the page using below query. Set Static Id "EmpDetails" to the region. SELECT  *     FROM   ( SELECT  emp . empno ,                emp . ename ,                emp . JOB ,                dept . dname department ,                dept . loc  LOCATION ,                mgr . ename  manager ,                emp . hiredate ,                 nvl ( emp . sal , 0 )  salary ,                 nvl ( emp . comm , 0 )  commission            FROM  eba_demo_chart_emp emp ,                eba_demo_chart_dept dept ,                eba_demo_chart_emp mgr           WHERE  emp . deptno = dept . deptno             AND  emp . mgr      = mgr . empno  ( + )           ORDER   BY  emp . ename
9 comments
Read more