DevOps and Low Code Development Notes

Overview of DevOps and Low Code Development

DevOps is a combination of development and operations practices aimed at shortening the software development lifecycle and providing continuous delivery with high software quality. Low code development involves building applications with minimal coding, often using graphical user interfaces.

Key Concepts in DevOps

Prerequisites for DevOps

Before starting in DevOps, several foundational components should be established, including:

  • Creation of a process

  • Development of forms

  • Datalists creation

Integration and User Interfaces

A critical aspect of DevOps is the ability to:

  1. Integrate various functional components into a consolidated User Interface (UI).

  2. Create multiple UIs for different applications to enhance user experience and interactivity.

Structure of Lessons

The lesson on DevOps and Low Code Development is structured as follows:

  1. Introduction to UI Builder - Understand the UI building process and tools.

  2. Designing Your First UI - Learn how to create a user interface effectively.

  3. Introduction to Page Component - Grasp the concept and usage of page components.

  4. Introduction to Progressive Web Applications (PWA) - Gain insights into PWAs and their features.

UI Builder

Functionality of UI Builder

The UI Builder serves as a critical tool in low-code development, where it facilitates the application front-end construction. Key attributes include:

  • Application functionality wrapper: It encapsulates forms, processes, and datalists.

  • Plugin architecture: Extends UI functionalities through plugins.

  • Drag-and-drop interface: Simplifies the process of building UI components.

Example Themes in UI

The UI Builder supports various themes to enhance application aesthetics. Examples include the DX 8 Plain theme, DX 8 Angle theme, and DX 8 Color Admin theme, illustrating the flexibility in design choices.

Plugin Types in UI Builder

There are several supported plugin types such as:

  • Form Builder: Creates forms for data input.

  • List Builder: Builds lists displaying data.

  • Process Builder: Manages business processes and workflows.

  • Custom Builders: Allow further customization to meet specific application needs.

Designing Your First UI

This section revisits key concepts learned in earlier lessons about:

  • Creating processes, forms, and lists.

  • Setting up a useful user interface.

UI Categories and Items

When designing the UI, items can be organized by categories. A new category can be added such as “Purchase Requisition,” helping to categorize functions logically.

First Menu Item suggestion

It's recommended to use an HTML Page as the first item in the UI since it serves as the landing page and provides a seamless entry point for users.

Adding Functionality to your UI

Integrating Run Process

  • Utilize the Run Process feature to trigger a process instance directly from the UI. For optimal arrangement, drag to appropriate categories and configure settings for easy access.

Other UI Elements

  • Inbox Integration: Adding an inbox allows users to access all assigned tasks.

  • CRUD Functionality: A CRUD element can manage data records through Create, Read, Update, and Delete functionalities.

Progressive Web Apps (PWA)

Progressive Web Applications provide a mobile-friendly approach to accessibility and functionality, requiring:

  • HTTPS Connection: Ensuring secure web interactions.

  • Mobile Support: Making sure the browser supports the PWA.

PWA Features

Key aspects include:

  • Offline Support: Users can continue to engage with the application without a stable internet connection.

  • Push Notifications: Users receive updates and notifications even when not directly using the application.

Chapter Review

By the end of the module, we learned to:

  1. Create functional UIs.

  2. Integrate various components (Datalists, Run Processes, Inbox) into the UI smoothly.

  3. Utilize the full extent of the UI Builder with themes and functional elements adequately.

Conclusion and Further Learning

For a more in-depth understanding, recommended future topics include Hash Variables and Permission Control, which are pivotal in securing and customizing application functionalities. Additional exercises involving practical integration of the learned concepts will also reinforce skills learned.

Additional Resources

Complete apps and materials are made available for further exploration and hands-on practice, which encourages real-world application and proficiency in low-code development within a DevOps context.