What is SnapApp Application Builder

SnapApp Application Builder is a low code tool designed to quickly build beautiful, powerful and secure database-driven applications.

The initial crucial step in building a successful application is comprehending the business process and data model to define the application’s functionality.

The key first step to building a good application is to understand the business process and data model to determine how the application needs to function.

• Modernizing an Existing Application (Brownfield Development)

When modernizing a brownfield application, review its functionality to understand what works and focus on the data collected and its purpose. Evaluate the application from each persona’s perspective to create a journey map.

An advantage of modernization is that the database schema often remains relevant and reveals essential business logic. This schema can usually be imported into SnapApp as a baseline for objects and fields.

• Building from Scratch (Greenfield Development)

Greenfield development is more challenging than modernizing legacy applications. SnapApp accelerates new builds with a prebuilt Government schema for public sector use cases. Using Agile practices, start with an MVP and grow incrementally through projects and sprints.

Getting Started with SnapApp Application Builder

Here is a guide to walk through building the first SnapApp application.

1. Create Application

   Application - An application is a collection of components, UX components, Objects, Breadcrumbs, and permissions to enable end users to interact with the solution

   Add a new Application Configuration from Configurations List page or Solutions settings page.

1. Build Objects and Fields

Building out data model is the first configuration step in building a SnapApp Application.

An Object is a structured collection of data arranged in rows and columns. The rows represent individual records, while the columns denote fields.

In this step add all of the Objects(tables) and Field(columns)needed to support the application.

• Create a New Object

To create a new object, follow the steps of the Object

• Permission sets

Add suitable permission sets with the object according to the purpose.

• Create fields with the object

To create a new field, follow the steps of the Fields

1. Build Custom Views

A view organizes and presents data within an application, offering various perspectives and interactions to enhance user experience and facilitate efficient data management.

In this step, add all the Views needed for your records.

Types can be:

• List View (/list-view/[tablename]) : A tabular view of record
• Detail List View (/detail-list-view/[tablename]) : A carousel slider of full records
• Form List View (/detail-form-view/[tablename]) : A carousel slider of full records that can be edited
• Map View (/map-view/[tablename]) : Records presented in map
• Gallery View (/gallery-view/[tablename]) : Records presented in map
• Card View (/card-view/[tablename]) : A list view in card format
• Create View (/create-view/[id]) : A full page view of a record
• Detail View (/detail-view/[id]) : A full page view of a record
• Form View (/form-view/[id]) : A full page view of a record that can be edited
• Inspector View (/inspector-view/[id]) : A full page view of a record
• Calendar View (/calendar-view/[id]) : A page with calendar for date type record.
• Deck View (/deck-view/[id]) : A page that organizes data into sequential cards, ideal for structured presentations of records
• Diagram View (/diagram-view/[id]) : A page with different components of a workflow
• Kanban View (/kanban-view/[id]) : A page to visualize tasks using cards on a board, allowing users to track progress through different stages, prioritize work, and improve workflow.

To create a new view, follow the steps of Views

1. Build Custom Pages

Pages are interactive web pages featuring text, assets (like images, videos, etc.), views, forms, and dashboards.

• Import HTML

• Add Content

• Add View

• Stylize Content

To create a new page, follow the steps of Pages

1. Create Navigation

SnapApp’s navigation system provides users with seamless access throughout the application, making it easy to navigate between different sections using intuitive navigation elements.

To create navigation, follow the steps of Navigations

1. Create Menu and attach Breadcrumbs for quick access

Menu is the navigation tool for getting easy access to important pages of the application.

To create menu in the application, follow the steps of Menus

To create breadcrumb, follow the steps of Breadcrumb

1. Create workflow

Workflow is a sequence of tasks or processes through which work passes from initiation to completion in an organized manner.

• Record Insert : Insert a new record
• Record Update : Update an existing record
• Record Delete : Delete an existing record
• Send Email : Send an email
  • Add Email Action Fields
  • Create customized email template according to the requirement
• Send SMS Message : Send an SMS message
• Outbound API Call : Call code in an API

• Create Pub Sub :Send a message to PubSub

• Create custom dashboard (optional)

SnapApp leverages Google’s DataStudio tool for reports and dashboards. Because Dashboards are merely links to dashboard built in Datastudio they can just as easily be substituted with any business analytics reporting tool that allows embedded reports (e.g. Tableau, Power BI, Looker, etc).

To create a dashboard in SnapApp, follow this Steps

1. Test

Test the application to ensure its output as expected.

SnapApp Technical Architecture

SnapApp is built on Google Cloud leveraging as much Google Infrastructure and Artificial Intelligence as possible.

Learn More

• SnapApp Fundamentals

• Configuration Best Practices Guide

Thank you for following these steps to configure your SnapApp components effectively If you have any questions or need further assistance, please don’t hesitate to reach out to our support team. We’re here to help you make the most out of your SnapApp experience.

For support, email us at snapapp@bluevector.ai