WMS: 11481 - Improve text changes and fix issues (#134)

* ocw manifest files

* Added Movies-Lab workshop files

* ocw manifest files

* 22.1 updates to Spreadsheet Lab

* 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

---------

Co-authored-by: Michelle Malcher <48925485+malcherm@users.noreply.github.com>
Co-authored-by: Anoosha Pilli <63126232+anooshapilli@users.noreply.github.com>

Author: 3 people

ai-vision-lab/1-configure-oci/1-configure-oci.md

@@ -33,25 +33,25 @@ To Generate the API Keys using OCI Console:
 
 4. The Add API Key dialog is displayed. Select **Generate API Key Pair** to create a new key pair.
 
-5. Click **Download Private Key** and save it to your local device. You do not need to download the public key.
+5. Click **Download Private Key**. A *.pem* file is saved to your local device. You do not need to download the public key.
 
    *Note: You will use this private key while configuring the web credentials in Oracle APEX in the upcoming lab.*
 
 6. Click **Add**.
 
     ![Profile Menu](images/add-api-key.png " ")
 
-7. The key is added, and the Configuration File Preview is displayed. Copy and save the configuration file snippet from the text box. You will use this information in Oracle APEX Web Credentials.
+7. The key is added, and the Configuration File Preview is displayed. Copy and save the configuration file snippet from the text box into a notepad. You will use this information for creating Oracle APEX Web Credentials.
 
     ![Profile Menu](images/configuration-preview.png " ")
 
 ## Task 2: Create Web Credentials in Oracle APEX
 
-Web credentials are used to authenticate connection to external REST services, or REST Enabled SQL services.
+Web credentials are used to authenticate connection to external REST services, or REST Enabled SQL services from APEX.
 
-Creating Web Credentials securely stores and encrypts authentication credentials for use by Oracle APEX components and APIs. Credentials cannot be retrieved back in clear text. Credentials are stored at the workspace level and therefore are visible in all applications.
+Creating Web Credentials securely stores and encrypts authentication credentials for use by Oracle APEX components and APIs. Credentials cannot be retrieved back in clear text. Credentials are stored at the workspace level and therefore are visible to all applications.
 
-To create web credentials in Oracle APEX:
+To create a Web Credential in Oracle APEX:
 
 1. Login into your Oracle APEX workspace.
 
@@ -65,30 +65,32 @@ To create web credentials in Oracle APEX:
 
    ![Click Workspace Utilities](images/workspace-utilities.png " ")
 
-4. Click **Web Credentials**.
+4. Select **Web Credentials**.
 
    ![Click Web Credentials](images/sc-web-creds.png " ")
 
-4. Click **Create**.
+5. Click **Create**.
 
    ![Create Web Credentials](images/create-wc.png " ")
 
-5. Please enter the following details using the configuration file details you copied before and the API Key.
+6. Enter the following details using the configuration file you copied in the previous task.
 
     - **Name**: apex\_ai\_cred
 
     - **Authentication Type**: Oracle Cloud Infrastructure (OCI)
 
-    - **OCI User ID**: Enter the OCID of the Oracle Cloud user Account. You can find this in the Configuration File Preview generated during API Key creation.
+    - **OCI User ID**: Enter the OCID of the Oracle Cloud user Account. You can find the OCID in the Configuration File Preview generated during the API Key creation.
     Your OCI User ID looks similar to **ocid1.user.oc1..aaaaaaaa\*\*\*\*\*\*wj3v23yla**
 
-    - **OCI Private Key**: Enter the API Key. Remove the header, footer, and carriage returns.
+    - **OCI Private Key**: Open the private key (.pem file) downloaded in the previous task. Copy and paste the API Key. 
+
+      ![Private key file](images/private-key.png " ")
 
-    - **OCI Tenancy ID**: Enter OCID for the Tenancy.
+    - **OCI Tenancy ID**: Enter the OCID for Tenancy. Your Tenancy ID looks similar to **ocid1.tenancy.oc1..aaaaaaaaf7ush\*\*\*\*cxx3qka**
 
-    - **OCI Public Key Fingerprint**: Enter the Fingerprint ID.
+    - **OCI Public Key Fingerprint**: Enter the Fingerprint ID. Your Fingerprint ID looks similar to **a8:8e:c2:8b:fe:\*\*\*\*:ff:4d:40**
 
-   ![Click App Builder](images/web-creds.png " ")
+   ![Web Credentials page](images/web-creds.png " ")
 
 5. Click **Create**.
 

ai-vision-lab/1-configure-oci/images/private-key.png

@@ -4,16 +4,15 @@
 
 In this lab, you import the Social Media application into your APEX workspace. You will use this imported app to integrate with the OCI Vision service.
 
-You can download the Social Media Application [here](https://objectstorage.us-ashburn-1.oraclecloud.com/p/LNAcA6wNFvhkvHGPcWIbKlyGkicSOVCIgWLIu6t7W2BQfwq2NSLCsXpTL9wVzjuP/n/c4u04/b/livelabsfiles/o/developer-library/APEX_Social_Media_HOL_FINAL.zip).
+You can download the Social Media Application [here](https://objectstorage.us-ashburn-1.oraclecloud.com/p/0Wfm2hnGpVe92JvuFjLYYIyouK4MgVpFDJyp9mKxuxfjAG6BB3P58m-79eOLKkPV/n/c4u04/b/livelabsfiles/o/developer-library/APEX_Social_Media_HOL_FINAL.zip).
 
 
 Estimated Time: 15 Minutes
 
 ### Objectives
 In this lab, you:
 
-- Import the Social Media Application
-- Change the Authentication Type in Social Media Application
+- Import the Social Media Application into your APEX workspace
 - Add a Column to the Table using Object Browser to store the AI response
 
 ## Task 1: Import the Social Media Application
@@ -23,14 +22,15 @@ In this lab, you:
 
     ![Click Import](images/import0.png " ")
 
-2. The Import dialog displays. Download and extract the Export Zip File of the APEX Social Media Application and then perform the following steps.
+2. The Import dialog displays. Download the [Zip File](https://objectstorage.us-ashburn-1.oraclecloud.com/p/0Wfm2hnGpVe92JvuFjLYYIyouK4MgVpFDJyp9mKxuxfjAG6BB3P58m-79eOLKkPV/n/c4u04/b/livelabsfiles/o/developer-library/APEX_Social_Media_HOL_FINAL.zip) of the APEX Social Media Application and then perform the following steps.
     - Drag and drop, or navigate to the file.
 
     - File Type: Indicate the type of export file to be imported. Select **Application, Page, or Component Export**.
 
     - File Character Set: Verify that the File Character Set is correct.
 
     - Click **Next**.
+   
    The export file is imported.
 
     ![Click Import](images/import1.png " ")
@@ -47,60 +47,37 @@ In this lab, you:
 
    ![Click Import](images/edit-app1.png " ")
 
-## Task 2: Change the Authentication Type in Social Media Application
 
-The Social Media application is configured with a custom Security Authentication scheme. In this lab, you change the Authentication Type to Oracle APEX Accounts.
 
-1. On the Workspace home page, click **App Builder**. Select the Social Media application. On the Application home page, click **Shared Components**. The Shared Components page appears.
+## Task 2: Add a Column to the Table using Object Browser
 
-   ![Click Import](images/shared-comp1.png " ")
-
-2. Under Security, select **Authentication Schemes**. The Authentication Schemes page appears.
-
-   ![Click Import](images/sc-authentication.png " ")
-
-3. To create a new authentication scheme, click **Create**.
-
-   ![Click Import](images/create-button5.png " ")
-
-4. Specify how the scheme should be created. In this case, select **Based on a pre-configured scheme from the gallery** and click **Next**.
-
-   ![Click Import](images/create-authentication-scheme.png " ")
-
-5. Specify a **Name** for Authentication Scheme. For Scheme Type, select **Oracle APEX Accounts**.
-
-   ![Click Import](images/oracle-apex-accounts1.png " ")
-
-6. Click **Create Authentication Scheme**.
-
-
-## Task 3: Add a Column to the Table using Object Browser
-
-To collect the output generated by OCI AI Vision, you add a new column in the *SM\_POSTS* Table. This addition enables you to store and retrieve the relevant information seamlessly.
+To store the output generated by OCI AI Vision service, you add a new column in the SM\_POSTS Table. This addition enables you to store and retrieve the relevant information seamlessly.
 
 To Add a new column to the SM\_POSTS Table:
 
-1. Click **SQL Workshop** and navigate to **Object Browser**. In the object tree, expand Tables and select **SM\_POSTS** table.
+1. Click **SQL Workshop** and navigate to **Object Browser**. 
 
     ![Click Import](images/sql-work.png " ")
 
-    ![Click Import](images/add-column.png " ")
+2. In the object tree, expand Tables and select **SM\_POSTS** table. On the columns tab, click **Add Column**.
 
-2. On the columns tab, click **Add Column**.
+    ![Click Import](images/add-column.png " ")
 
 
 3. The Add Column wizard is displayed. Configure the Add Column attributes. At a minimum, enter a column name and select a type. Depending upon the column type, specify whether the column requires precision, scale, a default value, or is nullable. For more details on an attribute, see field-level Help.
 
-   Enter the following and click **Apply**.
+   Enter the following:
       - **Column**: AI_OUTPUT
       - **Data Type**: VARCHAR2
       - **Length**: 1000
 
+      Click **Apply**.
+
    ![Click Import](images/ai-output-column.png " ")
 
 ## Summary
 
-You now know how to import the Oracle APEX application, change the authentication type, and add a new column.
+You now know how to import an Oracle APEX application, add a new column to a table.
 
 You may now **proceed to the next lab**.   
 

ai-vision-lab/2-import-app/2-import-app.md

@@ -36,13 +36,13 @@ In this task, you create a REST Data Source with OCI vision REST API as the endp
    ![Click Timeline](images/rest-method.png " ")
 
 5. Under Create REST Data Source, enter the following attributes and click **Next**.
-    - **Rest Data Source Type**: Select **Oracle Cloud Infrastructure (OCI)**
+    - **Rest Data Source Type**: Oracle Cloud Infrastructure (OCI)
 
-    - **Name**: Enter **OCI Vision**
+    - **Name**: OCI Vision
 
     - **URL Endpoint**: https://vision.aiservice.us-ashburn-1.oci.oraclecloud.com/20220125/actions/analyzeImage
 
-    *Note: URL Endpoint may differ based on your OCI tenancy. Refer to the following link for more details*- https://docs.oracle.com/en-us/iaas/api/#/en/vision/20220125
+    **Note**: URL Endpoint may differ based on your OCI tenancy. Refer to the following link for more details- https://docs.oracle.com/en-us/iaas/api/#/en/vision/20220125
 
    ![Click Timeline](images/create-rest-data.png " ")
 
@@ -52,9 +52,9 @@ In this task, you create a REST Data Source with OCI vision REST API as the endp
 
 7. Under Authentication,
 
-    - For Authentication: Enable **Authentication Required**  
+    - **Authentication Required**: Toggle the button to **ON** 
 
-    - For Credentials: Select **apex\_ai\_cred**
+    - **Credentials**: apex\_ai\_cred
 
 
 8. Click **REST Source Manually**.
@@ -93,67 +93,27 @@ In this task, you create a REST Data Source with OCI vision REST API as the endp
 
     ![Click Timeline](images/post.png " ")
 
-11. Select Operation Parameters Tab and click **Add Parameter**
+11. Under Operation Parameters, click **Add Parameter**.
 
    ![Click Timeline](images/add-parameter.png " ")
 
-12. Under Edit REST Data Source Parameter:
+12. In the **Edit REST Data Source Parameter** wizard, add the following 5 parameters one after the other:
 
-       - **Type**: Request or Response Body
+   |   | Type | Name | Direction | Default Value | Static |
+   |---|-------|------|----------| --------------| ------ |
+   | 1 | Request or Response Body| COMPARTMENT_ID | In |
+   | 2 | Request or Response Body| FILE_DATA | In |
+   | 3 | Request or Response Body| FEATURE_TYPE | In |
+   | 4 | Request or Response Body| RESPONSE | Out |
+   | 5| HTTP Header| Content-Type | In | application/json | ON
+   {: title="POST Operation Parameters"}
 
-       - **Name**: COMPARTMENT_ID
-
-       - **Direction**: In
-
-    Click **Add and Add Another**
 
     ![Click Timeline](images/add-comp.png " ")
 
-13. Under Edit REST Data Source Parameter:
-
-       - **Type**: Request or Response Body
-
-       - **Name**: FILE_DATA
-
-       - **Direction**: In
-
-    Click **Add and Add Another**
-
-14. Under Edit REST Data Source Parameter:
-
-       - **Type**: Request or Response Body
-
-       - **Name**: FEATURE_TYPE
-
-       - **Direction**: In
-
-    Click **Add and Add Another**
-
-15. Under Edit REST Data Source Parameter:
-
-       - **Type**: Request or Response Body
-
-       - **Name**: RESPONSE
-
-       - **Direction**: Out
-
-    Click **Add and Add Another**
 
     ![Click Timeline](images/response.png " ")
 
-16. Under Edit REST Data Source Parameter:
-
-       - **Type**: HTTP Header
-
-       - **Name**: Content-Type
-
-       - **Direction**: In
-
-       - **Default value**: application/json
-
-       - **Static**: ON
-
-    Click **Add Parameter**.
 
     ![Click Timeline](images/content-type.png " ")
 
@@ -165,15 +125,15 @@ In this task, you create a REST Data Source with OCI vision REST API as the endp
 In this task, you create a page process to invoke the OCI Vision REST Data Source implemented in the previous task.
 
 
-1. Navigate to the application homepage by clicking on the Application ID.
+1. Navigate to the application homepage by clicking on the **Application ID**.
 
    ![Click Timeline](images/click-app-id11.png " ")
 
 2. Click **1-Timeline** page.  
 
    ![Click Timeline](images/select-timeline1.png " ")
 
-3. Right-click **Timeline** region under Rendering Pane and click **Create Page Item**.
+3. Right-click **Timeline** region in the Rendering Pane and click **Create Page Item**.
 
    ![Click Timeline](images/create-page-item2.png " ")
 
@@ -187,7 +147,7 @@ In this task, you create a page process to invoke the OCI Vision REST Data Sourc
 
    ![Click Timeline](images/response-page-item1.png " ")
 
-5. Navigate to the Processing Tab (left pane) and right click on Processing Tab or Processes and click **Create Process**.
+5. Navigate to the **Processing** Tab (left pane), right-click **Processes** and select **Create Process**.
 
    ![Click Timeline](images/processing.png " ")
 
@@ -205,7 +165,7 @@ In this task, you create a page process to invoke the OCI Vision REST Data Sourc
 
     ![Click Timeline](images/analyze-image1.png " ")
 
-7. Right click on the **Analyze Image** Process you just created and select **Add Child Process**.
+7. Right click on the **Analyze Image** Process and select **Add Child Process**.
 
     ![Click Timeline](images/add-child-process11.png " ")
 
@@ -319,7 +279,7 @@ In this task, you create a page process to invoke the OCI Vision REST Data Sourc
 15. Click **Save**.
 
 ## Task 3: Enhance Timeline Region to include AI Search
-In this task, you create a page item P1\_AI\_SEARCH using which the end user can enter the search terms and search through the images.
+In this task, you create a search bar where the end user can enter the search terms and search through the images.
 
 1. Go to the Rendering tab, right-click **After Logo** and select **Create Page Item**.
 

ai-vision-lab/2-import-app/images/sql-work.png

@@ -19,13 +19,13 @@ In this lab, you:
 
 2. Click **Add Post** on the Navigation Bar.
 
-3. Drag and Drop the image from your local system or use the Choose File button to upload image from your local system. Then, click **Post**.
+3. Drag and Drop the image from your local system or use the **Choose File** button to upload an image from your local system. Then, click **Post**.
 
     ![Click Timeline](images/add-post.png " ")
 
-The image is posted on your timeline. 
+The image is now posted on your timeline. Similarly, add as many posts as you would like.
 
-4. Now, type your Search Term in the AI Search Field available in the Navigation Bar and then click **Enter**. The app searches and displays all the images that contain the corresponding search term. 
+4. Now, type your Search Term in the AI Search Field available in the Navigation Bar and then click **Enter**. The app searches for and displays all the images that contain the corresponding search term. 
 In the following example, when you enter 'Sky' in the AI Search Field, the app displays all the images that has sky in them.
 
     ![Click Timeline](images/search-result.png " ")