1 Minute AI App Challenge: Can You Build It with Oracle Apex?

How to Create an Oracle Apex Application in One Minute

In this guide, I will show you how to create a new Oracle Apex application in just one minute. We will set up the necessary connections and tables, and then use generative AI to create a comprehensive application with interactive reports, smart filters, and dashboards.

From Chat to Code: Generate Complex SQL Queries for Oracle Apex

In this tutorial, I demonstrate how to interact with AI to generate complex SQL queries quickly. I showcase the process step by step using Oracle Apex workspace, downloading examples, creating SQL scripts, and utilizing AI services to produce detailed SQL statements. Viewers can learn how to effortlessly obtain SQL commands by speaking to the AI, saving time compared to manual query writing.

The Future of Development: Configuring AI Assistant API for Oracle APEX (OpenAI ChatGpt)

In this blog, I will show you two methods to establish a connection to the AI service.

Method 1: Using Oracle APEX 24.1

Step 1: Set Up AI Service

  • Select AI Service
    Choose the OpenAI provider.
  • Obtain API Key
    Register to get an API key: https://platform.openai.com/
  • Set API Key
    Set your API key:
  • name: Service_OpenAIapy

Oracle Apex Login Page FULL BLACK Design Trends You Need to Know About - Template 3

Welcome to my latest blog post! In this article, I will show you how to enhance a login page using simple CSS and a background image. Designing an appealing login page is a crucial step in making a great first impression for your website. Step by step, we'll walk through the necessary tweaks to create a more modern and visually attractive design. Whether you're a beginner or an experienced developer, this guide will help you take your login page to the next level.

Oracle Apex Login Page BLACK Design Trends You Need to Know About - Template 2

Welcome to my latest blog post! In this article, I will show you how to enhance a login page using simple CSS and a background image. Designing an appealing login page is a crucial step in making a great first impression for your website. Step by step, we'll walk through the necessary tweaks to create a more modern and visually attractive design. Whether you're a beginner or an experienced developer, this guide will help you take your login page to the next level.

  • Upload Image
  • Step 1: Navigate to the static files section in your Oracle APEX application.
  • Step 2: Upload an image that you want to use as a background, e.g., bg_image.jpeg.
  • Step 3: Copy the path of the uploaded image. This path is usually displayed in the form #APP_FILES#bg_image.jpeg.
  • Create Static Region
  • Step 1: Go to the page where you want to create the login design.
  • Step 2: Create a new region and select the region type Static.
  • Step 3: Position this region so that it serves as the background image.
  • Enter Image URL
  • Step 1: In the properties of the static region, find the option Template.
  • Step 2: Choose the template type Image.
  • Step 3: Enter the path # APP_FILES# bg_image.jpeg in the Image or File URL field that you copied earlier.
  • Add CSS Class
  • Step 1: Go to the properties of the login region.
  • Step 2: Under the section Appearance, find the field CSS Class.
  • Step 3: Enter the CSS class my_custom_login_design in this field. This is important to ensure the CSS styles are applied correctly.
  • Add CSS Code
  • Option 1: Directly on the page in the CSS section
  • Step 1: Go to the page properties and find the section for custom CSS.
  • Step 2: Add the following CSS code:

 
CSS/SCSS


  • Option 2: Upload as a file in the static files
  • Step 1: Create a CSS file (e.g., custom_login_design.css) with the above CSS code.
  • Step 2: Upload this file to the static files of your application.
  • Step 3: Go to the application settings and link the uploaded CSS file in the CSS section.
  • Completion
  • Step 1: Verify that all changes have been applied correctly.
  • Step 2: Test the login design to ensure it looks and functions as desired.
Additional Notes:
  • Path Verification: Ensure that the path to the image is correct. An incorrect path will result in the image not being loaded.
  • Clear Browser Cache: If changes are not immediately visible, clear the browser cache or perform a hard refresh.
  • Responsive Design: Check the design on different devices and screen sizes to ensure it looks good everywhere.
Call to Action:
  • Follow the Steps: To create a similar layout, simply follow the steps described above.
  • Verify Your Work: Ensure that all changes have been applied correctly and the layout looks as desired.
  • Provide Feedback: Share your feedback or questions to receive support or suggest improvements.
Good luck with creating your Oracle APEX login design!

 {fullWidth}

Oracle Apex Login Page Design Trends You Need to Know About - Template 1

Detailed Guide: Creating an Oracle APEX Login Design

  • Upload Image
  • Step 1: Navigate to the static files section in your Oracle APEX application.
  • Step 2: Upload an image that you want to use as a background, e.g., bg_image.jpeg.
  • Step 3: Copy the path of the uploaded image. This path is usually displayed in the form #APP_FILES#bg_image.jpeg.
  • Create Static Region
  • Step 1: Go to the page where you want to create the login design.
  • Step 2: Create a new region and select the region type Static.
  • Step 3: Position this region so that it serves as the background image.
  • Enter Image URL
  • Step 1: In the properties of the static region, find the option Template.
  • Step 2: Choose the template type Image.
  • Step 3: Enter the path # APP_FILES# bg_image.jpeg in the Image or File URL field that you copied earlier.
  • Add CSS Class
  • Step 1: Go to the properties of the login region.
  • Step 2: Under the section Appearance, find the field CSS Class.
  • Step 3: Enter the CSS class my_custom_login_design in this field. This is important to ensure the CSS styles are applied correctly.
  • Add CSS Code
  • Option 1: Directly on the page in the CSS section
  • Step 1: Go to the page properties and find the section for custom CSS.
  • Step 2: Add the following CSS code:

 
CSS/SCSS


  • Option 2: Upload as a file in the static files
  • Step 1: Create a CSS file (e.g., custom_login_design.css) with the above CSS code.
  • Step 2: Upload this file to the static files of your application.
  • Step 3: Go to the application settings and link the uploaded CSS file in the CSS section.
  • Completion
  • Step 1: Verify that all changes have been applied correctly.
  • Step 2: Test the login design to ensure it looks and functions as desired.
Additional Notes:
  • Path Verification: Ensure that the path to the image is correct. An incorrect path will result in the image not being loaded.
  • Clear Browser Cache: If changes are not immediately visible, clear the browser cache or perform a hard refresh.
  • Responsive Design: Check the design on different devices and screen sizes to ensure it looks good everywhere.
Call to Action:
  • Follow the Steps: To create a similar layout, simply follow the steps described above.
  • Verify Your Work: Ensure that all changes have been applied correctly and the layout looks as desired.
  • Provide Feedback: Share your feedback or questions to receive support or suggest improvements.
Good luck with creating your Oracle APEX login design!

 {fullWidth}

Create a Customized authentication Employee Login System in Oracle Apex 👩‍💻

In this tutorial, I will demonstrate how to create a customized login authentication system for different employees. We will cover the process of logging in, viewing employee details, switching between users like Lisa Maya and Felix Richter, and signing out securely. This system will be implemented using Oracle Apex and SQL commands.

Step-by-Step Guide

1. Adding Email Addresses to Employee Profiles

First, we need to define email addresses for the employee profiles. This is done by updating the database table. The email addresses will be generated from the employee names.

1.1. SQL Command to Create Email Addresses

We use an SQL query to create email addresses based on the employee names. Spaces are replaced with dots, and the names are converted to lowercase.
 
SQL

1.2. SQL Command to Update the Table

After generating the email addresses, we update the table to store the new email addresses.
 
SQL

2. Setting Up the Login Mechanism with Oracle Apex

Next, we set up the login mechanism by creating a new authentication schema and designing a login page.

2.1. Creating the Authentication Schema

  • Navigate to the Application: Go to the Oracle Apex application and select "Shared Components".
  • Select Authentication Schemas: Choose "Authentication Schemas" and create a new schema.
  • Name the Schema: Name the schema, for example, "employee custom login".
  • Select Schema Type: Choose "Database Account" as the schema type.
  • Activate the Schema: Set the new schema as the current schema.

2.2. Designing the Login Page

  • Open the Login Page: Go to the login page and customize it to use the new email addresses.
  • Create an Employee Report: Create a report with all employees and display it on the login page.
  • Link the Emails: Link the employee emails to the new login page.
 
SQL

3. Implementing the Login Process

Create a new page for login confirmation and implement the login process.

3.1. Creating the Confirmation Page

  • Create a New Page: Create a new blank page with a hidden field for the email and a login button.
  • Set Up Linking: Link this page to the main login page.

3.2. Implementing the Login Process

  • Define the Login Process: Implement a process that performs the login based on the selected email.
 
SQL

4. Testing and Verifying

  • Test the Login Process: Test the login process with different employees.
  • Verification: Verify that users can log in and log out correctly.

Detailed Steps and Explanations

Step 1: Generating Email Addresses

Initially, our employee profiles do not have email addresses. To change this, we use SQL commands to generate email addresses based on the employee names. The following SQL command creates email addresses by replacing spaces with dots and converting the names to lowercase:
 
SQL

After verifying that the generated email addresses are correct, we update the APNO_EMPLOYEE table to store these email addresses:
 
SQL

Step 2: Setting Up the Authentication Schema and Login Page

2.1. Creating the Authentication Schema

In Oracle Apex, navigate to "Shared Components" and select "Authentication Schemas". Here, create a new schema named "employee custom login" and choose "Database Account" as the schema type. Finally, set this schema as the current schema.

2.2. Designing the Login Page

We customize the login page to use the new email addresses. This involves creating a report that displays all employees and linking the email addresses to the new login page. An example SQL query to display employee data is:
 
SQL

Step 3: Implementing the Login Process

3.1. Creating the Confirmation Page

We create a new blank page with a hidden field for the email and a login button. This page is linked to the main login page.

3.2. Implementing the Login Process

The login process is implemented by creating a PL/SQL block that performs the login based on the selected email. Here is an example code:
 
SQL

Step 4: Testing and Verifying

After completing all the steps, we test the login process with different employees and verify that users can log in and log out correctly.

Conclusion

This tutorial demonstrates how to create a customized login authentication system for employees. By using Oracle Apex and SQL commands, we can generate email addresses, set up an authentication schema, and design a user-friendly login page. This simplifies the process of logging in and managing employees within an application.
Good luck with your implementation!

 {fullWidth}