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

Generating the report with APEX_DATA_EXPORT

With the APEX_DATA_EXPORT package, you are able to export data from Oracle Application Express in the following file types: PDF, XLSX, HTML, CSV, XML, and JSON. Step 1: Create a table and populate it with some sample records. CREATE TABLE emp   (     empno        NUMBER,     first_name   VARCHAR2(240),     last_name    VARCHAR2(240),     mgr          NUMBER,     deptno       NUMBER,     sal          NUMBER,     created_date TIMESTAMP (6),     comm         NUMBER,     hiredate     DATE,     JOB          VARCHAR2(240),     ename        VARCHAR2(240),     PRIMARY KEY (empno) USING INDEX ENABLE   ); /    INSERT INTO emp (empno, first_name, last_name, mgr,                   deptno, sal, created_date)         VALUES                 (1, 'Larry', 'Ellison', ,                  10, 5000, LOCALTIMESTAMP);   INSERT INTO emp (empno, first_name, last_name, mgr,                   deptno, sal, created_date)         VALUES                 (2, 'Juan', 'Juan', 1,  
5 comments
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