From 912c63d7c8bbd0b281aa5457f223e5db2783d2ef Mon Sep 17 00:00:00 2001 From: Apoorva Srinivas Date: Tue, 5 Nov 2024 16:31:49 +0530 Subject: [PATCH] wms id: 11548 - Updated acknowledgments and other feedback (#194) * 22.1 updates * Update 1-sign-up-apex.md * Updated absolute urls * updated the common urls * updated the urls * Added a NOTE to indicate version difference * updated path for Lab 4 * Updated the paths * Updated the Workshop Title * Update screenshot in Task 2 Step 7 * Added alt text to images * URLS updated in index.html * Updated the steps for Option 2: Sign up for APEX using ADB * alt text for images * Shopping App 22.1 updates * 22.1 updates * archiving Shopping Cart 21.2 * Updated manifest files for OCW * Feedback updated for 22.1 * Updated the PL/SQL code for checkout * Update process-properties.png * Feedback update 22.1 * Hid the old walkthrough videos * Alt text for all images * Delete clothing-images.zip * Updated steps for Livelabs Green Button * Changes to steps for Livelabs Green button * Fixed the comments wrt PR * Updated screenshots in Common * OCW updates to optional labs * Updated filename in manifest for optional lab * OCI console Redwood theme screenshots Replacement of screenshots as per the new Redwood theme for OCI console * Resolved issue in APEX 22.2 for Task 5 Added an additional step to set the source for Region in Task 5. * Update manifest.json Lab 4 was pointing to an invalid lab. I have updated it to the correct folder path. * First Draft for New Workshop All the files related to the Social Media Workshop * Issue fix * Issue fixes * Issue Fix * issue-fix * removed lab 10 * screenshot fix * Replaced Screenshots * Updated screenshots * Replaced Screenshots * Updated Screenshots * Create menu-button.png * Issue fixes and time saver step * Lab 10 steps added * Fixed issues * Renamed Lab titles * Added Task 3 and 4 in Lab 8 * Updated screenshots * uploaded the catch up app * Update 0-introduction.md * Completed app zip files * Added download links from Object Storage * ocw23 folders * 23.1 changes * updated acknowledgements * Archive of 22.1 * Updated Movies and common * Updated APEX version in Intro * Feedback fixes * Grammar edits * Sign up for APEX using Quickstart * Updated Lab 10 Added missing steps to get device location * Added the support lab Added CloudWorld support labs for Movies Watchlist and Social Media Workshop * Updated Getting Started Common Lab Changed the steps to sign up for an APEX Service * Updated missing steps * Changed the title of Spreadsheet workshop * Embedded walkthrough videos Social Media Workshop * Grammar edits * Updated Need Help for OCW * Update 4-Update-table.md * Rename 4-Update-table.md to 4-update-table.md * Delete task-definition.md * Update 4-update-table.md * Fixing bugs * Added video walkthrough files * Update intro.md * Update manifest.json * Updated screenshots in Common * APEX 23.2 updates to Spreadsheet Updates to Spreadsheet and Common Lab * Naming issues fixed * Update 1-sign-up-apex.md * Fixed naming, prereq, obj * Naming issues fixed * Issue fixes in common lab * Changes in common and delete unwanted files * Removed duplicate folders * Updated all labs to 23.2 * Fixed the Manifest file errors * Updated steps and text related to a bug * New Lab added * Update 5-improve-ux.md * Update manifest.json * Update 5-improve-ux.md * fixed issues for new lab * Update introduction.md * Updated to latest files * renamed the images * Fixed issues and feedback * Title and text changes * Improve text and screenshots * Improve text * Fixed bugs * Fix Grammar and issues * Updated common lab * Update 1-sign-up-apex.md * Update introduction.md * updated par url * Update introduction.md * Update introduction.md * Update introduction.md * Grammar changes * 11628 - New Workshop * wms: 11628 -Lab 3 and Lab 4 * wms: 11628 - Lab 5 * Create nyc_high_schools.xlsx * Feedback fixes * Grammar edits * issue fixes * issue fix * common lab * Update 0-intro.md * Update 0-intro.md * typo fixes * grammar fixes * self-qa check * Grammar fixes to Title * Update 3-using-genai.md * Feedback fixes * Typo Fix * Issue fixes. * Bug fixes * Screenshot fixes * Screenshot mismatch fixed * PAR URL update * Changes in implementation to OCI Gen AI * Update oci-gen-ai-details.png * Update 0-intro.md * issue fix * Modify instructions for Download * Update 3-configure-oci.md * Update 0-intro.md * prerequisites * feedback fixes * sandbox manifest * sandbox manifest * Typo fix * oci genai Model name change * PAR url has changed * manifest for ocw * updates for ocw24 * update manifest for ocw * Mike's UI changes * Issue fixes to Mike's changes * Updated with Mike's UI updates * Update apply-facet.png * Screenshot change * Changes to AI Vision for OCW * Update 0-intro.md * Update HOL 19 with feedback fixes --------- Co-authored-by: Michelle Malcher <48925485+malcherm@users.noreply.github.com> Co-authored-by: Anoosha Pilli <63126232+anooshapilli@users.noreply.github.com> Co-authored-by: Hope Fisher <127253314+hope-fisher@users.noreply.github.com> Co-authored-by: Dan Wiliams <127415766+dannymgithub@users.noreply.github.com> --- .../configuring-push-notifications.md | 34 ++++++++------- apex-professional-hol19/configuring-pwa.md | 41 ++++++++++--------- apex-professional-hol19/introduction.md | 11 +++-- .../workshops/tenancy/manifest.json | 1 + 4 files changed, 49 insertions(+), 38 deletions(-) diff --git a/apex-professional-hol19/configuring-push-notifications.md b/apex-professional-hol19/configuring-push-notifications.md index 2412b660..7e24229c 100644 --- a/apex-professional-hol19/configuring-push-notifications.md +++ b/apex-professional-hol19/configuring-push-notifications.md @@ -13,7 +13,6 @@ In this lab, you: - Enable Push Notifications - Learn how to configure Push Notifications - ## Task 1: Enable Push Notifications 1. 1. Navigate to the **Demo Projects** Application. @@ -44,11 +43,11 @@ In this lab, you: 7. Progressive Web App is updated. Now, **Save and Run** the page. - ![Push Notifications settings page](images/save-and-run.png " ") + ![Push Notifications settings page](images/save-and-run.png " ") 8. In the Demo Projects App, click on your username at the top-right corner and select **Settings**. - ![App output](images/click-username.png " ") + ![App output](images/click-username.png " ") 9. Push Notifications are turned off by default. Click **Off** and enable the checkbox for **Enable push notifications on this device**. @@ -58,13 +57,15 @@ In this lab, you: 10. Push Notifications is now enabled for the username. -Note: -- If you cannot see the Push Notifications, ensure that the DND option is turned off in your system and your browser has the necessary permissions to send notifications. -- View the compatibility matrix of Push Notifications [here](https://apex.oracle.com/pls/apex/r/apex_pm/apex-pwa-reference/push-notifications) + *Note:* + + - If you cannot see the Push Notifications, ensure that the DND option is turned off in your system and your browser has the necessary permissions to send notifications. + + - View the compatibility matrix of Push Notifications [here](https://apex.oracle.com/pls/apex/r/apex_pm/apex-pwa-reference/push-notifications) ## Task 2: Create a Page with reports for Push Notifications Views -No matter the approach you opt for in sending push notifications, it is crucial (especially for the APEX engine) to possess the ability to recognize users who have subscribed to this feature. This recognition is essential for meaningful use of page processes or the API. APEX provides two distinct views to analyse records, revealing the subscribers to push notifications within your application and the notifications currently in the queue. +No matter the approach you opt for in sending push notifications, it is crucial (especially for the APEX engine) to possess the ability to recognize users who have subscribed to this feature. This recognition is essential for meaningful use of page processes or the API. APEX provides two distinct views to analyze records, revealing the subscribers to push notifications within your application and the notifications currently in the queue. 1. Navigate to the Demo Projects Application by clicking **Application ID** in the top left of the application. @@ -96,9 +97,9 @@ No matter the approach you opt for in sending push notifications, it is crucial 6. In the Rendering Tree, select the Rendering tab. Right-click **Body**and select **Create Region**. - ![Create create region](images/click-create-region.png " ") + ![Create create region](images/click-create-region.png " ") -6. In the Property Editor, edit the appropriate attributes: +7. In the Property Editor, edit the appropriate attributes: Under **Identification**: - For Title: Enter **PWA Views** @@ -111,11 +112,11 @@ No matter the approach you opt for in sending push notifications, it is crucial ![Configure pwa views region](images/configure-pwa-views.png " ") -7. In the Rendering Tree, Right-click **PWA Views** and click **Create Sub Region**. +8. In the Rendering Tree, Right-click **PWA Views** and click **Create Sub Region**. ![create sub region](images/create-sub-region1.png " ") -8. In the Property Editor, edit the appropriate attributes: +9. In the Property Editor, edit the appropriate attributes: Under **Identification**: - For Title: Enter **Push Notifications Subscriptions** @@ -128,11 +129,11 @@ No matter the approach you opt for in sending push notifications, it is crucial ![configure subscriptions](images/configure-subscriptions.png " ") -9. In the Rendering Tree, Right-click **PWA Views** and click **Create Sub Region**. +10. In the Rendering Tree, Right-click **PWA Views** and click **Create Sub Region**. ![create sub region 2](images/create-sub-region2.png " ") -10. In the Property Editor, edit the following: +11. In the Property Editor, edit the following: Under **Identification**: @@ -146,7 +147,7 @@ No matter the approach you opt for in sending push notifications, it is crucial ![configure subscriptions](images/configure-push-queue.png " ") -11. You can view the page by clicking **Save** and **Run Page** on the top Right. +12. You can view the page by clicking **Save** and **Run Page** on the top Right. ## Task 3: Create Page Processes to send Push notifications @@ -219,16 +220,19 @@ For users seeking more control over the appearance and content of their push not - For Static Value: Enter **Welcome to Push Notifications**. - ![configure subscriptions](images/config-apex-pwa-param.png " ") + ![configure subscriptions](images/config-apex-pwa-param.png " ") 6. Click **Save** ## Summary + You learned to enhance the **Demo Projects** app with push notifications in this lab. ## What's Next + In the upcoming hands-on lab, you will learn to Create Installation Scripts and Data Packages. Also, you gain insights into how to Export Applications with supporting Objects and use Remote Deployment to deploy your Application. ## Acknowledgements + - **Author** - Roopesh Thokala, Senior Product Manager - **Last Updated By/Date** - Roopesh Thokala, Senior Product Manager, January 2024 diff --git a/apex-professional-hol19/configuring-pwa.md b/apex-professional-hol19/configuring-pwa.md index 1adae19f..e1dd1a29 100644 --- a/apex-professional-hol19/configuring-pwa.md +++ b/apex-professional-hol19/configuring-pwa.md @@ -19,17 +19,17 @@ In this lab, you: 1. Navigate to the **Demo Projects** App. - ![select the application](images/select-demo-projects.png " ") + ![select the application](images/select-demo-projects.png " ") 2. In the App Builder, select **shared components**. - ![Select Shared Components](images/navigate-to-shared-components.png " ") + ![Select Shared Components](images/navigate-to-shared-components.png " ") -2. In the Shared Components, under User Interface, Select **Progressive Web App**. +3. In the Shared Components, under User Interface, Select **Progressive Web App**. - ![Select Progressive Web App](images/navigate-to-pwa.png " ") + ![Select Progressive Web App](images/navigate-to-pwa.png " ") -3. Now, Navigate to **Progressive Web App** and Then Set **Installable** to **Yes**. +4. Now, Navigate to **Progressive Web App** and Then Set **Installable** to **Yes**. ![Set Installable to Yes](images/set-installable-yes.png " ") @@ -49,9 +49,9 @@ The Oracle APEX Progressive Web App screenshots are used for promotional purpose ![click upload Screenshot](images/upload-screenshot.png " ") - > **Note:** You can download the images by clicking on the links below - [**app-screenshot-1.png**](images/app-screenshot-1.png) - [**app-screenshot-2.csv**](images/app-screenshot-2.png) + *You can download the images by clicking on the links below:* + - [**app-screenshot-1.png**](images/app-screenshot-1.png) + - [**app-screenshot-2.csv**](images/app-screenshot-2.png). 4. From your local system, select the Screenshot that you wish to upload. In this case, select **app-screenshot-1** from your local system. And then, Click **Create**. @@ -59,19 +59,19 @@ The Oracle APEX Progressive Web App screenshots are used for promotional purpose ![click create screenshot](images/click-create-screenshot.png " ") - 5. Repeat steps 2-4 to add as many screenshots as possible. In this case, add **app-screenshot-2**, which you downloaded earlier. ![add app screenshot two](images/add-screenshot-2.png " ") -4. Click **Apply Changes**. +6. Click **Apply Changes**. ![click apply changes](images/click-apply-changes.png " ") + *Note:* + + - *View the compatibility matrix for the* **Screenshots** [here](https://apex.oracle.com/pls/apex/r/apex_pm/apex-pwa-reference/installation) -**Note:** - - View the compatibility matrix for the **Screenshots** [here](https://apex.oracle.com/pls/apex/r/apex_pm/apex-pwa-reference/installation) - - View the compatibility matrix for the **Shortcuts** [here](https://apex.oracle.com/pls/apex/r/apex_pm/apex-pwa-reference/app-icon) + - *View the compatibility matrix for the* **Shortcuts** [here](https://apex.oracle.com/pls/apex/r/apex_pm/apex-pwa-reference/app-icon) ## Task 3: Add Shortcuts for the PWA app @@ -83,7 +83,7 @@ By providing these shortcuts, Oracle APEX enhances the user experience and makes > **Note:** _An APEX application can only use PWA Shortcuts if Rejoin Sessions is enabled. Before configuring shortcuts, click either Enable for Public Sessions or Enable for All Sessions._ -1. Scroll down to **Shortcuts** and click **Enable for All Sessions**. Confirm by clicking **Enable for All Sessions ** in the popup window. +1. Scroll down to **Shortcuts** and click **Enable for All Sessions**. Confirm by clicking **Enable for All Sessions** in the popup window. > **Note:** _This option does not work in *apex.oracle.com* instance._ @@ -93,7 +93,7 @@ By providing these shortcuts, Oracle APEX enhances the user experience and makes 2. Click **Add Shortcut**. - ![click add shortcut](images/add-shortcut.png " ") + ![click add shortcut](images/add-shortcut.png " ") 3. In the Add Shortcut dialog: @@ -126,7 +126,7 @@ In this task, you add a Share button that allows a user to share the post via em ![create button](images/create-button.png " ") -2. In the Property Editor, update the following properties: +3. In the Property Editor, update the following properties: Under Identification: @@ -140,15 +140,15 @@ In this task, you add a Share button that allows a user to share the post via em ![configure Share](images/configure-share.png " ") -3. In the **Rendering Tree**, right click on **Share** button and click **Create Dynamic Action**. +4. In the **Rendering Tree**, right click on **Share** button and click **Create Dynamic Action**. ![Create Dynamic Action](images/create-da.png " ") -4. Select the Newly created Dynamic action, and then, under-identification, set **Name** to **Share Page**in the Property Editor. +5. Select the Newly created Dynamic action, and then, under-identification, set **Name** to **Share Page**in the Property Editor. ![configure Dynamic Action](images/configure-da.png " ") -5. Under **True Action**, select **show** and then in the Property editor configure the following: +6. Under **True Action**, select **show** and then in the Property editor configure the following: Under Identification: @@ -168,7 +168,6 @@ In this task, you add a Share button that allows a user to share the post via em Meta tags are information about a web page that allows other systems to read a summary of the page content. Sharing APEX pages is more convenient when the content of that page can be previewed on other social media platforms. APEX allows the definition of meta tags for **public-facing** APEX pages directly from Page Designer. - 1. In Page Designer, Select **Page 2 : Dashboard** and then in the Property Editor, Under **Security**, Set Authentication as **Page is Public**. ![page is public](images/page-is-public.png " ") @@ -188,8 +187,10 @@ Meta tags are information about a web page that allows other systems to read a s 4. Click **Save**. ## Summary + In this lab, you learned to enhance the **Demo Projects** app with mobile features like Sharing Pages and add the latest PWA features like Shortcuts and Screenshots. ## Acknowledgements + - **Author** - Roopesh Thokala, Senior Product Manager - **Last Updated By/Date** - Roopesh Thokala, Senior Product Manager, January 2024 diff --git a/apex-professional-hol19/introduction.md b/apex-professional-hol19/introduction.md index 193ee2bf..a4f87075 100644 --- a/apex-professional-hol19/introduction.md +++ b/apex-professional-hol19/introduction.md @@ -1,18 +1,17 @@ # Introduction ## **What is APEX?** + Oracle APEX is a feature of Oracle Database, including the Autonomous Data Warehouse (ADW) and Autonomous Transaction Processing (ATP), Autonomous JSON Database (JSON), and APEX Application Development (APEX) services. Oracle APEX is a low-code development environment with various features and tools where you can create an application fast. In the future, rather than emailing spreadsheets to gather information, you will know how to easily create an app in minutes using APEX and email the URL instead. The result will be a secure, scalable, multi-user app that provides a single source-of-truth for your data! Oracle APEX allows developers to create Progressive Web Apps (PWAs) that can be easily installed on any desktop or mobile device, offering users a more native app experience. This application is a valuable reference for developers looking to incorporate key PWA features into their applications, helping them create more engaging and user-friendly apps. In this lab, You will make the **Demo Projects** app installable on any device. You also implement a 'Share' button where a user can share the uploaded images with other users via email or 3rd party apps. Finally, you add mobile capabilities to the app by enabling Push Notifications for the Demo Projects App. You also learn to add Shortcuts and Screenshots to the PWA app. -### Recap -You learned to create and customize Calendars and Trees in the last hands-on lab. Also, you implemented a Map Page with a custom Background and added an entry to the Navigation Bar. - Estimated Time: 35 minutes ### Objectives + - Implement the 'Share' button - Enable Push Notifications - Add Shortcuts to the PWA app @@ -23,8 +22,14 @@ Estimated Time: 35 minutes *Note: This workshop assumes you are using Oracle APEX 23.2.* ## Learn More - *Useful Links* + - [APEX on Autonomous](https://apex.oracle.com/autonomous) - [APEX Collateral](https://www.oracle.com/database/technologies/appdev/apex/collateral.html) - [Tutorials](https://apex.oracle.com/en/learn/tutorials) - [Community](https://apex.oracle.com/community) - [External Site + Slack](http://apex.world) + +## Acknowledgements + +- **Author** - Roopesh Thokala, Senior Product Manager +- **Last Updated By/Date** - Roopesh Thokala, Senior Product Manager, January 2024 \ No newline at end of file diff --git a/apex-professional-hol19/workshops/tenancy/manifest.json b/apex-professional-hol19/workshops/tenancy/manifest.json index 5232791b..a10f1b92 100644 --- a/apex-professional-hol19/workshops/tenancy/manifest.json +++ b/apex-professional-hol19/workshops/tenancy/manifest.json @@ -1,5 +1,6 @@ { "workshoptitle": "Enhance the Applications using Progressive Web Application", + "help": "livelabs-help-db_us@oracle.com", "tutorials": [ { "title": "Introduction",