Action Request System 7.6.04 Example Education Console
-
Upload
vernon-aguilar -
Category
Documents
-
view
37 -
download
3
description
Transcript of Action Request System 7.6.04 Example Education Console
Quick TourDave Sulcer
Action Request System 7.6.04Example Education Console
© Copyright 04/19/2023 BMC Software, Inc 2
Overview
A small sample application that demonstrates some of the new UI capabilities of AR SystemHighlights the “single page” approach (vs. “form-centric”)This demo vs. “uidemo”- Focus is on integrating features together into UI design patterns, not
exhaustive demonstration of each feature- Utilizes UI features introduced in earlier versions – 7.5, 7.6.03, as well as
7.6.04
© Copyright 04/19/2023 BMC Software, Inc 3
Education Portal Concept for Demo
Use Cases- Students
Browse for classes and enroll View upcoming enrollments and withdraw View comments about class and add comments
- Instructors View their classes List of students enrolled, with grades and view of courseload View report of ratings for their classes
- Administrators Data access for classes, enrollments, reviews, cities Build a new class for the catalog Ad-hoc reporting
Demo Design- “Workspaces” for different roles (Student, Instructor, Administrator)- Page is composed of forms loaded into a framework as needed- Data based on Sample:Classes domain from earlier sample
Domain objects: Classes, Instructors, Enrollments, Reviews, Cities Is copy of Sample:Classes forms (“Sample” becomes “Xample”) to avoid conflicts
- Available as its own definition file as a deployable application (contains its own data). Import as deployable application (requires 7.6.04)
© Copyright 04/19/2023 BMC Software, Inc 4
Highlighted Features
From 7.6.04- Managing forms within view fields as “inline” components- Floating panels- Lightweight popup dialog- Table Context Menu- Vertical Text
From 7.6.03- Drag and Drop- Rich Text editing- Web reporting
From 7.5- Resizable (fill) layout- Collapsible panel holders- Cell-based table- Templates- Gradient / semi-transparent color- Rounded corners- Auto-completion
© Copyright 04/19/2023 BMC Software, Inc 5© Copyright 04/19/2023 BMC Software, Inc 5
Page “Framework”
View is “Fill” layoutNested panel holders create the framework for dynamic content- Fixed height headers / footers- Slack allocated to main workspace area to grow and shrink- The dynamic area shows forms swapped into view by workflow
© Copyright 04/19/2023 BMC Software, Inc 6© Copyright 04/19/2023 BMC Software, Inc 6
Workspace Picker
Uses “Floating Panel” feature (7.6.04)Actually a floating panel holder to get growing/shrinking effectFloat style is “modeless”- Means it is XY positioned- Does not stop work in the page
Right panel- contains overlapping chevron buttons, managed by
workflow- Vertical text “Workspace”
Left panel- initially collapsed- Background is semi-transparent- Image Buttons are PNG images with alpha
transparency- Workflow causes switching of panels in workspace
area, and loading of the form for the first visible- Collapses itself after switching to other workspace
© Copyright 04/19/2023 BMC Software, Inc 7© Copyright 04/19/2023 BMC Software, Inc 7
Student Workspace
Like other workspaces, this is a separate form loaded into view field as “inline” (part of same web page)The embedded form contains panel holder to switch between “enrollments” and “browse”Also contains hidden panel for comments
Xample:StudentWorkspace loaded into workspace area view field
© Copyright 04/19/2023 BMC Software, Inc 8© Copyright 04/19/2023 BMC Software, Inc 8
Student Workspace - Enrollments
Cell-based table to display enrollments for the current userComments generated by workflow as HTML in a view field (using multiple templates)Context menu attached to rows of table- For enrollments, triggers
“Withdraw” workflow
© Copyright 04/19/2023 BMC Software, Inc 9© Copyright 04/19/2023 BMC Software, Inc 9
Student Workspace: Review Comments (Rich Text)
For input, “Add a Review” causes panel to show with RTF char field.This captures user input as HTML which can then be rendered back in the comments view field
Rating stars accomplished by
embedded HTML / Javascript in a view fieldWorkflow events used to communicate rating back and forth
© Copyright 04/19/2023 BMC Software, Inc 10© Copyright 04/19/2023 BMC Software, Inc 10
Student Workspace: Browse Catalog
Cell-based table to give graphical representation
Expandable panel for “Search” filteringAuto-completion enabled based on data sourceEXTERN query for table Context menu to enroll
© Copyright 04/19/2023 BMC Software, Inc 11© Copyright 04/19/2023 BMC Software, Inc 11
Student Workspace: Class Details
Floating panel shows class details without launching a separate windowThis is not an open-window action (uses content from same form)
Float style “Dialog”:Blocks other input from entire pageCenters within page
View field with template, embedded map URL
© Copyright 04/19/2023 BMC Software, Inc 12© Copyright 04/19/2023 BMC Software, Inc 12
Instructor Workspace
Cell-based table used for class listDetail information in collapsible panels- Description uses
same template from class detail popup
- Students is List-view table with color coded grades
- Ratings uses embedded Web Report
© Copyright 04/19/2023 BMC Software, Inc 13© Copyright 04/19/2023 BMC Software, Inc 13
Instructor Workspace – Student Information
Invoked by click on Student image button in table
Looks and behaves similarly to floating panelIs actually separate form via Open Window / Dialog action with “Popup” optionView field used for photo
© Copyright 04/19/2023 BMC Software, Inc 14© Copyright 04/19/2023 BMC Software, Inc 14
Instructor Workspace – Embedded Ratings Report
“Ratings”, when expanded:- runs Web Report in view field- takes parameters from currently selected class- In Report form, marked as “Visible in Console” = false
Report viewer (see below) supports all functions as if running in reporting console – e.g. export to desktop)
Export to PDF
Export to Excel
© Copyright 04/19/2023 BMC Software, Inc 15© Copyright 04/19/2023 BMC Software, Inc 15
Administrator Workspace
Vertical nav bar that forms into view field on the rightOrganized by data typeStandard data forms with web toolbar for- Classes- Cities- Reviews
Special “Build a Class” featureEmbedded Type-specific Reporting Console
© Copyright 04/19/2023 BMC Software, Inc 16© Copyright 04/19/2023 BMC Software, Inc 16
Administrator Workspace – Build a Class
Designed as a demo of drag/drop capability combined with HTML templateMultiple drag sources organized in selector on left (nav bar + tree fields)Single drop targetOn Drop, workflow populates hidden fields then refreshes templateCreate Class uses hidden fields to push a new entry
© Copyright 04/19/2023 BMC Software, Inc 17© Copyright 04/19/2023 BMC Software, Inc 17
Administrator Workspace – Embedded Reporting
Demonstrates little known capability – opening the Web Reporting console in a form-specific modeAchieved by setting field 93992 on AR System Report Console in Open Window ActionChoice of Classes or EnrollmentsFull console features:
View / Run reportsDesign new reports
© Copyright 04/19/2023 BMC Software, Inc 18© Copyright 04/19/2023 BMC Software, Inc 18
Architecture
Xample: Classes
Xample: Class Review
xample:console
Xample: StudentWorkspace
Xample: InstructorWorkspace
Xample: AdminWorkspace
Xample: StudentInfo
Xample: ClassBuilder
Xample: Enrollments
Xample: Class Review Details
Join
Xample: Cities
Xample: Classes
Xample: Enrollments
Xample: Cities
AR System Report Console
Enrollments
Browse
Comments
Description
Students
Reviews
Builder
Reports
Manage
User InterfaceData Model
© Copyright 04/19/2023 BMC Software, Inc 19
Learn more at www.bmc.com