User Tools

Site Tools


development:applications:bubble_app

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
development:applications:bubble_app [2021/12/13 12:16] – [Details] 10.91.120.28development:applications:bubble_app [2021/12/13 14:40] (current) – [Analytical Reporting (Bubble App)] 10.91.120.28
Line 1: Line 1:
-====== Analytical Reporting (Bubble App) ======+====== Analytical Reports (Bubble App) ======
 Updated by Yanjun Wang 13/12/2021 Updated by Yanjun Wang 13/12/2021
  
Line 5: Line 5:
 ==== Overview ==== ==== Overview ====
  
-Customers are keen to reports to display the ticket state transition diagram, which shows how many and how long it took on the transition of ticket state one from another. Bubble App is developed to show the dynamical tickets status transition diagram and transferred ticket count trend chart based on data from key_stats. The diagram/chart can filter results by changing workflow, user, region, date, form, alarm, technology, priority, start status, threshold from the sidebar. The APP has been integrated with Errigal Common Header and CAS in Global Admin Tool, also supports Google Analytics.+Customers are keen to reports to display the ticket state transition diagram, which shows how many and how long it took on the transition of ticket state one from another. Bubble App is developed to show the dynamical tickets status transition diagram and transferred ticket count trend chart based on data from key_stats. The diagram/chart can filter results by changing workflow, user, region, date, form, alarm, technology, priority, start status, the threshold from the sidebar.  
 + 
 +The APP has been integrated with Errigal Common HeaderCAS, and Userprofile, also been tracked by Google Analytics.
  
 Repo: https://bitbucket.org/errigal/bubbleapp/src/dev/ Repo: https://bitbucket.org/errigal/bubbleapp/src/dev/
 +
 +----
 +
 +==== Access and Permissions ====
 +
 +The APP has been integrated with CAS and Userprofile.
 +
 +User can visit the APP from either the button on Ticketer -> Admin Options -> Analytical Report, or link directly.
 +
 +{{ :development:applications:bubble-app-link.png?200 |}}
 +
 +Permission control is handled by Userprofile.
 +  * System Admin: System Administrator can access all data and functionality.
 +  * Supper System Admin: Supper System Administrator can access all data and functionality.
 +  * End User: Application user without ability to create new user.
 +  * API User: API User is allowed to access the APIs.
 +
  
 ---- ----
Line 60: Line 79:
 ==== Architecture ==== ==== Architecture ====
  
-{{:development:applications:bubble-app3.png?600|}}+{{ :development:applications:bubble-app3.png?600 |}}
  
 ---- ----
  
-==== Reports ====+==== Impelmentation ====
  
-Report class has two methods, getParams to add parameters to report object sent in the request object. This report object will be returned as part of the response. Another method is the run method. This method returns the JSON string. This JSON string will be added to the report object sent in request as reportData. +  Ticket State Diagram Report: TicketStateReport.groovy 
-  Unordered List ItemTicket State Diagram Report: TicketStateReport.groovy +  * Ticket State Distribution: TicketStateDistributionReport.groovy 
-  * Unordered List ItemDrilldown Report: TicketStateDistributionReport.groovy+ 
 +Parameter table population is replying on QUARTZ job to run on a daily basis. The SQL query used for the corresponding table is at custom_query table.
  
 ---- ----
Line 83: Line 103:
 Frontend Frontend
   * ReactJS   * ReactJS
-  * GoJS +  * [[https://gojs.net/latest/index.html|GoJS]] 
-  * amCharts+  * [[https://www.amcharts.com/docs/v4/|amCharts]]
   * BubbleJS   * BubbleJS
 Development Development
-  * Jest +  * Jest: helps running unit test on ReactJS Code 
-  * Helps running unit test on ReactJS Code +  * Storybook: helps speed up React Component Development
-  * Storybook +
-  * Helps speed up React Component Development+
 Other Other
   * Ansible   * Ansible
Line 101: Line 119:
 Reports have the ability to connect databases via MySQL JDBC connector. For the state diagram report, it queries from key_stat table which is generated and updated by different processes that Marut introduced for Tableau. At the time of 3.11, table names that state diagram report looks up are wf_ticket_status_change and ticket_summary. Reports have the ability to connect databases via MySQL JDBC connector. For the state diagram report, it queries from key_stat table which is generated and updated by different processes that Marut introduced for Tableau. At the time of 3.11, table names that state diagram report looks up are wf_ticket_status_change and ticket_summary.
  
-For further information see requirements document[[https://drive.google.com/drive/folders/0BzOPOur52nscUXdwTll0Sm9XVTA|here]]+---- 
 + 
 +==== Appendix ==== 
 + 
 +Project folder: 
 +  * [[https://drive.google.com/drive/folders/0BzOPOur52nscUXdwTll0Sm9XVTA|Reprting Manager]] 
 +  * [[https://drive.google.com/drive/u/0/folders/1pCLg8Nh-fZcnP_LjQZZlpJDQV3WyR3xd|Original]] 
 +  * [[https://drive.google.com/drive/u/0/folders/1znq8MBb4ehOHKFHAzHkk_EuyjmH9p20b|Enhancements]] 
 + 
 +R&D Docs: [[https://docs.google.com/document/d/16_xKYkFweTl7xmUn5Wa5is_MlyoVWA-zw_r9Ec1TKxg/edit?usp=sharing|3.11]] [[https://docs.google.com/document/d/1U7czQRRd0ZUrxL33BeZ2Ja1by7RGhdme5xShSO6zIQc/edit?usp=sharing|3.13]] [[https://docs.google.com/document/d/1yFN_HxtRfZXfdaAGmkbhB8eXW8XFHU9DsxFid6ASVtk/edit?usp=sharing|3.14]]
  
  
development/applications/bubble_app.1639397774.txt.gz · Last modified: 2021/12/13 12:16 by 10.91.120.28