Understanding the mobile app

A complete guide to Predictiv's mobile experience. This guide covers pwa architecture, available modules and features, offline capabilities, and more.

PWA architecture

Architecture

graph LR
    subgraph "Predictiv App"
        RN[React Native Core]
        AD[Application Dictionary]
        RN --> AD
    end

    subgraph "UI Rendering"
        AD --> MW[Mobile Windows]
        AD --> FW[Forms]
        AD --> DW[Dashboards]
    end

    subgraph "Data Layer"
        MW --> API[REST API]
        FW --> API
        DW --> API
        API --> OB[Openbravo Backend]
    end

The same Application Dictionary that drives desktop windows also drives mobile UI. ### Dashboard Architecture

graph TB
    subgraph "Dashboard"
        KPI1[KPIs]
        CHART1[Charts]
        GRID1[Grids]
    end

    subgraph "Data Sources"
        MV[Materialized Views]
        RT[Real-time Queries]
        EXT[External Data]
    end

    KPI1 --> MV
    CHART1 --> MV
    GRID1 --> RT

---

Pillar 3: Intelligent Automation

Workflow Engine

Documents flow through defined states with automatic transitions:

stateDiagram-v2
    [*] --> Draft
    Draft --> Submitted: Submit
    Submitted --> Approved: Approve
    Submitted --> Rejected: Reject
    Approved --> Processing: Process
    Processing --> Complete: Complete
    Rejected --> Draft: Revise
    Complete --> [*]

Each transition can:

• Check preconditions (is budget available.

Available modules and features

Dashboard Architecture

graph TB
    subgraph "Dashboard"
        KPI1[KPIs]
        CHART1[Charts]
        GRID1[Grids]
    end

    subgraph "Data Sources"
        MV[Materialized Views]
        RT[Real-time Queries]
        EXT[External Data]
    end

    KPI1 --> MV
    CHART1 --> MV
    GRID1 --> RT

---

Pillar 3: Intelligent Automation

Workflow Engine

Documents flow through defined states with automatic transitions:

stateDiagram-v2
    [*] --> Draft
    Draft --> Submitted: Submit
    Submitted --> Approved: Approve
    Submitted --> Rejected: Reject
    Approved --> Processing: Process
    Processing --> Complete: Complete
    Rejected --> Draft: Revise
    Complete --> [*]

Each transition can:

• Check preconditions (is budget available.

Offline capabilities

The mobile experience for offline capabilities is designed for field operations. Offline capability ensures uninterrupted operation even in areas with limited connectivity, with automatic synchronization when connectivity is restored.

Touch-optimized interactions

Key Components

ComponentPurpose NotificationsPush notifications, Action Lists, work queues ActionsTouch-optimized approve/reject/process flows DashboardsKey metrics visible at a glance WindowsFull CRUD operations on mobile

Configuration Pattern

Windows can be configured for mobile through Application Dictionary properties:

Window Configuration:
├── Show on Desktop: Yes/No
├── Show on Mobile: Yes/No
├── Show on App: Yes/No
├── Interaction Pattern: Focused Entry Document ReviewLine Verification Quick Edit
└── Mobile-specific field visibility

Four Interaction Patterns

1.

Push notifications

Key Components

ComponentPurpose NotificationsPush notifications, Action Lists, work queues ActionsTouch-optimized approve/reject/process flows DashboardsKey metrics visible at a glance WindowsFull CRUD operations on mobile

Configuration Pattern

Windows can be configured for mobile through Application Dictionary properties:

Window Configuration:
├── Show on Desktop: Yes/No
├── Show on Mobile: Yes/No
├── Show on App: Yes/No
├── Interaction Pattern: Focused Entry Document ReviewLine Verification Quick Edit
└── Mobile-specific field visibility

Four Interaction Patterns

1. )

• Execute actions (reserve inventory)

• Send notifications (alert approver)

• Update related records (create receipt)

Action Lists

"What should I do next.

Getting Started

To implement understanding the mobile app in your Predictiv environment:

1. Assess your current state - Review existing processes and identify improvement opportunities

2. Configure the module - Work with your implementation team to set up the required components

3. Train your team - Ensure users understand the new capabilities and workflows

4. Monitor and optimize - Track key metrics and continuously improve

Related Resources

For more information on related topics, explore our other guides in this collection.

Need Help?

Our team of experts is available to help you get the most out of Predictiv. Contact us to discuss your specific requirements and how we can help you achieve your goals.