Joget Workflow v4 Training - Module 8 - Designing your first Userview

•Télécharger en tant que PPTX, PDF•

0 j'aime•1,295 vues

This is the complete listing of available modules. 1 - Introduction to Joget Workflow 2 - Setting up Joget Workflow 3 - Designing your first Process on Joget Workflow 4 - Localizing your Joget Workflow 5 - Designing your first Form on Joget Workflow 6 - Using your first Process Tool – Email 7 - Designing your first Datalist on Joget Workflow 8 - Designing your first Userview on Joget Workflow 9 - Hash Variable 10 - Permission Control 11 - SLA and Deadlines 12 - Version Control 13 - Improving your Form design and Presentation 14 - Introduction to Reporting 15 - Introduction to Plugin Architecture 16 - Preparing Development Environment 17 - Building a Plugin 18 - Integrating with External System 19 - Doing more with your Process Design 20 - Basic System Administration 21 - Userview Key 22 - Best Practices on Application Building - You may checkout the training screencast of this training at http://www.joget.org/joget-workflow-v4-training/

Logiciels

All Rights Reserved © Joget Inc
Joget Workflow v4
Designing your first Userview
http://facebook.com/jogetworkflow
http://twitter.com/jogetworkflow
Last Revised on March 2015Joget Inc Internal Use Only

All Rights Reserved © Joget Inc
Prerequisites
• Created Process, Form, and Datalist
Joget Inc Internal Use Only

All Rights Reserved © Joget Inc
Content
1. Introduction to Userview Builder
2. Designing your first Userview
Joget Inc Internal Use Only

All Rights Reserved © Joget Inc
Chapter 1
Introduction to Userview
Builder
Joget Inc Internal Use Only

All Rights Reserved © Joget Inc
Joget Inc Internal Use Only

All Rights Reserved © Joget Inc
Userview Builder
• Application Front-end interface builder.
• Serves as the wrapper for forms, processes, data lists.
• Extensible functionalities through Joget’s plugin
architecture.
Joget Inc Internal Use Only

All Rights Reserved © Joget Inc
Userview Builder
• Userview elements.
• Each element is a plugin.
• Drag-and-drop.
Joget Inc Internal Use Only

All Rights Reserved © Joget Inc
Userview Builder Elements
• Some available
elements:-
– Form
– HTML Page
– Inbox
– Link
– List
– Run Process
Joget Inc Internal Use Only

All Rights Reserved © Joget Inc
Userview Builder
• Sample Userview using the Enterprise theme
Joget Inc Internal Use Only

All Rights Reserved © Joget Inc
Plugin Types
Joget Workflow
Form
Builder
Datalist
Builder
Workflow
Engine
Userview
Builder
- APP -
Form Builder
• Form Element
• Form Permission
• Form Load Binder
• Form Options Binder
• Form Store Binder
• Form Validator
Workflow Engine
• Deadline
• Process Participant
• Process Tool
Datalist Builder
• Datalist Action
• Datalist Binder
• Datalist Column
Formatter
• Datalist Filter Type
Userview Builder
• Userview Menu
• Userview Permission
• Userview Theme
App Level
• Audit Trail
• Hash Variable
System Level
• Directory Manager
Joget Inc Internal Use Only

All Rights Reserved © Joget Inc
Chapter Review
• General understanding of the Userview Builder and its
functionality.
• General understanding on its elements and its
extensibility capability.
Joget Inc Internal Use Only

All Rights Reserved © Joget Inc
Chapter 2
Designing your first Userview
Joget Inc Internal Use Only

All Rights Reserved © Joget Inc
Create New Userview
Joget Inc Internal Use Only

All Rights Reserved © Joget Inc
Userview Category
• Items are organized by Category.
• Add 2 new Categories.
Joget Inc Internal Use Only

All Rights Reserved © Joget Inc
Integrate HTML Page into Userview
• Add “HTML Page” as the first element in the menu.
Joget Inc Internal Use Only

All Rights Reserved © Joget Inc
Integrate HTML Page into Userview
• The HTML Page element will serve as the landing page of
the portal.
Joget Inc Internal Use Only

All Rights Reserved © Joget Inc
Integrate Inbox into Userview
• Add “Inbox” and “Run Process” elements into the designer to
facilitate the Workflow process.
Joget Inc Internal Use Only

All Rights Reserved © Joget Inc
Integrate Inbox into Userview
• Custom ID – Link name ( yourDomain.com/customId )
• Label – Label to be shown in sidebar
Custom ID must
be unique
Joget Inc Internal Use Only

All Rights Reserved © Joget Inc
Integrate Run Process into Userview
• Select Leave Application Process and assign a Custom ID
Joget Inc Internal Use Only

All Rights Reserved © Joget Inc
Customize Userview settings
• Customize look and feel of the Userview.
Joget Inc Internal Use Only

All Rights Reserved © Joget Inc
Preview Userview
Joget Inc Internal Use Only

All Rights Reserved © Joget Inc
Exercise: Run through the Process
• With the Userview created, run through the entire Leave
Application Process again by using solely, the Userview.
• You must first publish the App first.
Joget Inc Internal Use Only

All Rights Reserved © Joget Inc
Publish the App
• The App must be published first before end users can
access it.
Joget Inc Internal Use Only

All Rights Reserved © Joget Inc
Run the App
Joget Inc Internal Use Only

All Rights Reserved © Joget Inc
Run “Apply Leave”
Joget Inc Internal Use Only

All Rights Reserved © Joget Inc
Exercise: Integrate DataList into Userview
• Add a List element into the Userview to incorporate
Datalist created earlier.
• Name it as “List All”
Joget Inc Internal Use Only

All Rights Reserved © Joget Inc
Exercise: Add CRUD functionality
• Add a “CRUD” element into the Userview.
• Configure the newly added Userview item to use the list
created earlier and point to the appropriate form for
editing.
Joget Inc Internal Use Only

All Rights Reserved © Joget Inc
Exercise: Change Userview Theme
• At Userview Builder’s settings, change the Userview
Theme to a new look and feel.
• Remember to click “OK” after selecting a new theme.
• Preview.
Joget Inc Internal Use Only

All Rights Reserved © Joget Inc
Chapter Review
We have learnt to:
1. Create Data list and Userview.
2. Use Userview as application Front-end interface.
3. Integrate Datalist, Run Process, Inbox into Userview.
Joget Inc Internal Use Only

All Rights Reserved © Joget Inc
Module Review
1. Introduction to Userview Builder
2. Designing your first Userview
Joget Inc Internal Use Only

All Rights Reserved © Joget Inc
Recommended Further Learning
• Hash Variables
• Permission Control
Joget Inc Internal Use Only

All Rights Reserved © Joget Inc
Stay Connected with Joget Workflow
• www.joget.org
• community.joget.org
• twitter.com/jogetworkflow
• facebook.com/jogetworkflow
• youtube.com/jogetworkflow
• slideshare.net/joget
Joget Inc Internal Use Only

Contenu connexe

Tendances

List of Modules 1-Introduction to Joget Workflow 2-Setting up Joget Workflow 3-Designing your first Process 4-Localizing your Joget Workflow 5-Designing your first Form 6-Using your first Process Tool 7-Designing your first Datalist 8-Designing your first Userview 9-Hash Variable 10-SLA and Deadlines 12-Version Control 13-Improving your Form design and Presentation 14-Introduction to Reporting 15-Introduction to Plugin Architecture 16-Preparing Development Environment 17-Building Plugins 18-Integrating with External System 19-Doing more with your Process Design 20-Basic System Administration 21-Best Practices on Application Building

Joget Workflow v5 Training Slides - Module 3 - Designing your first Process

Joget Workflow

Joget Workflow v5 Training Slides - Module 9 - Hash variable

Joget Workflow

Joget Workflow v5 Training Slides - Module 13 - Improving your form design an...

Joget Workflow

This is the third module for Joget Workflow training. Slides made specifically for Joget Workflow version 4. This is the complete listing of available modules. 1 - Introduction to Joget Workflow 2 - Setting up Joget Workflow 3 - Designing your first Process on Joget Workflow 4 - Localizing your Joget Workflow 5 - Designing your first Form on Joget Workflow 6 - Using your first Process Tool – Email 7 - Designing your first Datalist on Joget Workflow 8 - Designing your first Userview on Joget Workflow 9 - Hash Variable 10 - Permission Control 11 - SLA and Deadlines 12 - Version Control 13 - Improving your Form design and Presentation 14 - Introduction to Reporting 15 - Introduction to Plugin Architecture 16 - Preparing Development Environment 17 - Building a Plugin 18 - Integrating with External System 19 - Doing more with your Process Design 20 - Basic System Administration 21 - Userview Key 22 - Best Practices on Application Building - You may checkout the training screencast of this training at http://www.joget.org/joget-workflow-v4-training/

Joget Workflow v4 Training - Module 3 - Designing your First Process

Joget Workflow

Joget Workflow v5 Training Slides - Module 20 - Basic System Administration

Joget Workflow

Joget Workflow v5 Training Slides - Module 19 - Doing More With Your Process ...

Joget Workflow

Joget Workflow v5 Training Slides - Module 5 - Designing your First Form

Joget Workflow

Joget Workflow is an open source web-based workflow software to develop workflow and BPM applications. It is also a rapid application development platform that offers full-fledged agile development capabilities (consisting of processes, forms, lists, CRUD and UI), not just back-end EAI/orchestration/integration or the task-based interface. This document contains the last module out of 11 of the training slides prepared for those keen on learning more about Joget Workflow. The slides are prepared based on Joget v3.1. Module listing:- Module 1: Introduction Introduction to Business Process and Workflow Introduction to Joget Workflow Overview of Joget Workflow v3 Architecture Module 2: Setting up Joget Workflow Requirements Installation Overview of User Management Module 3: Building your first Process-driven Application Business Process Design Designing Your First Workflow with Workflow Designer Running Your First Automated Process Module 4: Process Monitoring Administration of Process Instances in Joget Module 5: Creating your first Forms Creating your First Forms using Joget Form Builder Understanding the relationship between Forms and Process Activities Module 6: Using the Email Tool Implementing Email Tool Plugin on your Process Tool. Module 7: Creating Datalist and Userview Creating a Listing of submitted Form data. Creating a User Interface (UI) for end-user access. Module 8: Participant Mapping and Permission Control Defining Process Participant Mapping on your Process Enforcing Permission Control on your App Module 9: SLA and Deadlines Service Level Agreement implementation on Workflow Process. Creating Email Reminder on Workflow Process using Deadline implementation. Module 10: Hash Variables Dynamically populate Form fields, Email plugin. Using Hash Variable Module 11: A Revision - Building a Support Ticketing System

Joget Workflow Training – Basic & Advance for v3.1 – Module 11 – A Revision -...

Joget Workflow

Joget Workflow v4 Training - Module 9 - Hash Variable

Joget Workflow

Joget Workflow v4 Training - Module 7 - Designing your first Datalist

Joget Workflow

Joget Workflow v5 Training Slides - Module 15 - Introduction to Plugin Archit...

Joget Workflow

Joget Workflow v5 Training Slides - Module 10 - Participant Mapping and Permi...

Joget Workflow

Joget Workflow v5 Training Slides - Module 4 - Localizing your Joget Workflow

Joget Workflow

Joget Workflow v5 Training - Module 1 - Introduction to Joget Workflow

Joget Workflow

This is the second module for Joget Workflow training. Slides made specifically for Joget Workflow version 4. This is the complete listing of available modules. 1 - Introduction to Joget Workflow 2 - Setting up Joget Workflow 3 - Designing your first Process on Joget Workflow 4 - Localizing your Joget Workflow 5 - Designing your first Form on Joget Workflow 6 - Using your first Process Tool – Email 7 - Designing your first Datalist on Joget Workflow 8 - Designing your first Userview on Joget Workflow 9 - Hash Variable 10 - Permission Control 11 - SLA and Deadlines 12 - Version Control 13 - Improving your Form design and Presentation 14 - Introduction to Reporting 15 - Introduction to Plugin Architecture 16 - Preparing Development Environment 17 - Building a Plugin 18 - Integrating with External System 19 - Doing more with your Process Design 20 - Basic System Administration 21 - Userview Key 22 - Best Practices on Application Building - You may checkout the training screencast of this training at http://www.joget.org/joget-workflow-v4-training/

Joget Workflow v4 Training - Module 2 - Setting up Joget Workflow

Joget Workflow

Joget Workflow is an open source web-based workflow software to develop workflow and BPM applications. It is also a rapid application development platform that offers full-fledged agile development capabilities (consisting of processes, forms, lists, CRUD and UI), not just back-end EAI/orchestration/integration or the task-based interface. This document contains the first module out of 11 of the training slides prepared for those keen on learning more about Joget Workflow. The slides are prepared based on Joget v3.1. Module listing:- Module 1: Introduction Introduction to Business Process and Workflow Introduction to Joget Workflow Overview of Joget Workflow v3 Architecture Module 2: Setting up Joget Workflow Requirements Installation Overview of User Management Module 3: Building your first Process-driven Application Business Process Design Designing Your First Workflow with Workflow Designer Running Your First Automated Process Module 4: Process Monitoring Administration of Process Instances in Joget Module 5: Creating your first Forms Creating your First Forms using Joget Form Builder Understanding the relationship between Forms and Process Activities Module 6: Using the Email Tool Implementing Email Tool Plugin on your Process Tool. Module 7: Creating Datalist and Userview Creating a Listing of submitted Form data. Creating a User Interface (UI) for end-user access. Module 8: Participant Mapping and Permission Control Defining Process Participant Mapping on your Process Enforcing Permission Control on your App Module 9: SLA and Deadlines Service Level Agreement implementation on Workflow Process. Creating Email Reminder on Workflow Process using Deadline implementation. Module 10: Hash Variables Dynamically populate Form fields, Email plugin. Using Hash Variable Module 11: A Revision - Building a Support Ticketing System

Joget Workflow Training – Basic & Advance for v3.1 – Module 1 – Introduction

Joget Workflow

Joget Workflow v5 Training Slides - Module 8 - Designing your first Userview

Joget Workflow

This is the very first module for Joget Workflow training. Slides made specifically for Joget Workflow version 4. This is the complete listing of available modules. 1 - Introduction to Joget Workflow 2 - Setting up Joget Workflow 3 - Designing your first Process on Joget Workflow 4 - Localizing your Joget Workflow 5 - Designing your first Form on Joget Workflow 6 - Using your first Process Tool – Email 7 - Designing your first Datalist on Joget Workflow 8 - Designing your first Userview on Joget Workflow 9 - Hash Variable 10 - Permission Control 11 - SLA and Deadlines 12 - Version Control 13 - Improving your Form design and Presentation 14 - Introduction to Reporting 15 - Introduction to Plugin Architecture 16 - Preparing Development Environment 17 - Building a Plugin 18 - Integrating with External System 19 - Doing more with your Process Design 20 - Basic System Administration 21 - Userview Key 22 - Best Practices on Application Building - You may checkout the training screencast of this training at http://www.joget.org/joget-workflow-v4-training/

Joget Workflow v4 Training - Module 1 - Introduction to Joget

Joget Workflow

This is the fifth module for Joget Workflow training. Slides made specifically for Joget Workflow version 4. This is the complete listing of available modules. 1 - Introduction to Joget Workflow 2 - Setting up Joget Workflow 3 - Designing your first Process on Joget Workflow 4 - Localizing your Joget Workflow 5 - Designing your first Form on Joget Workflow 6 - Using your first Process Tool – Email 7 - Designing your first Datalist on Joget Workflow 8 - Designing your first Userview on Joget Workflow 9 - Hash Variable 10 - Permission Control 11 - SLA and Deadlines 12 - Version Control 13 - Improving your Form design and Presentation 14 - Introduction to Reporting 15 - Introduction to Plugin Architecture 16 - Preparing Development Environment 17 - Building a Plugin 18 - Integrating with External System 19 - Doing more with your Process Design 20 - Basic System Administration 21 - Userview Key 22 - Best Practices on Application Building - You may checkout the training screencast of this training at http://www.joget.org/joget-workflow-v4-training/

Joget Workflow v4 Training - Module 5 - Designing your First Form

Joget Workflow

Joget Workflow v5 Training Slides - Module 11 - SLA and Deadlines

Joget Workflow

Tendances (20)