Release 1.1.3

This document is a high level overview of the main features available on the latest release delivered on 7/20/20 and some important technical information.


  1. Release basic information


  1. Main Features available on i360 version 1.1.3

  • Frontend
    • Core: Provides the application boosttrap
      • EL Helpers
      • EL Resolver
      • Atomic components management 
      • Initialization control
      • State control
      • Events control
    • API: Manages the application modules (resource loading)
    • Infra Used on the atomic component building process
    • Template Builder:  Provides the necessary tools to build a new template​
      • Breakpoint customization: Template customization through breakpoints
      • Edit metadata:  Edit template's metadata
      • Edit metadata: Preview template in runtime
      • Search templates: Search and use other templates and add them to your template
      • Search atomic components: Search and use atomic components
      • View the component structure: View the component structure of the template
      • Configure print preview: Configure print preview through print breakpoint
      • Preview template parameters: View entire template parameters hierarchy information 
    • Services
      • Theme Service: Manages the CSS style of the framework
        • Page theme control: Controls the framework style themes that are applied to the dashboards
        • CSS variables: Provides a list of CSS variables to be used on components and pages
        • CSS override: Overrides the CSS of third party libraries to match framework standards
        • Breakpoint interaction: Allows customized theme variable values for different breakpoints
        • Grayscale option: Applies the grayscale filter to the entire page as an accessibility option
      • Filter Service: Manages the filters that are being applied to the page
        • Local filters: Handles the interaction between components
        • Global filters: Handles the filters that are applied to the entire page
      • Report: Manages the data requested by the page components
        • Fetch data: Fetches the data that will be provided to the components of the page 
      • Variable: Manages the variables that are being used in the page
        • Add variable: Adds a new variable to be used in the page
        • Set variable: Updates a variable that is being used in the page
        • Remove variable: Removes a variable that is being used in the page
        • Toggle variable: Sets a boolean variable value to true/false
      • Modal 
      • Export Service: Manages the data export from the templates that uses the export function from the wrapper
        • Export to PDF: Prepares the data to be exported in PDF format
        • Export to Excel: Prepares the data to be exported in Excel format
        • Export to CSV/TSV: Prepares the data to be exported in CSV/TSV format
        • Global configuration: Provides a common configuration that can be used by all formats
      • Print: Manages the print process of the current page
        • Preview print: Previews the print page state defined in the print breakpoint
      • Util: Provides utility functions for component configuration
        • Formatter: Formats a value to a specific format​​
    • Administration (Admin page)
      • Search (Reference/Template)
      • Edit (Reference/Template)
        • Reference Breakpoint - Create/Edit/Delete
      • Duplicate (Reference/Template)
      • View (Reference/Template)
      • View Reference/template structure
      • Link to (Reference/Template)
      • Delete (Reference/Template)
      • Create (Reference/Template)
        • Reference Breakpoint - Create/Edit/Delete
      • Versioning
      • Dashboard/Page level interactions
      • Dashboard/Page level contextualization 
      • Obs
        • References/templates/Components Hierarchy:
          • Dashboard
            • Page
              • Section
                • Sub-Page
                  • Block
                    • Analytic
                      • Analytic Contains a Template
                        • Template can contain 1 or more Atomic Components
  • Backend (i360 Controller)
    • Services
      • Provider Service: Provides the frontend-modules requested by the frontend application and joins all modules in one single response    
        • Semver: Implements the semver (semantic versioner for npm)
        • Lazy Loading: Supports lazy loading
        • Cache: Has a cache layer
      • Dashboard Service: Provides the dashboard app state requested by the frontend application
        • Obtain State: Has two different mechanism to obtain the state, one for published stage and the other one for draft stage
        • Lazy Loading: Supports lazy loading
        • *Pre-building  (needs to be revisited): Provides a mechanism to pre-build the dashboard state in order to improve the initial loading time
        • Initial Data Report: Provides a mechanism to fetch the initial data report
      • Data Service: Provides the report data result requested by the frontend application. Executes the report query passing the required parameters
        • Subquery: Supports subqueries
        • Draft : Provides a mechanism to retrieve a report metadata in draft stage
        • Multiple Reports: Supports multiple reports request
        • Post Processing: Provides post processing operations (groupby, pivot, summarization, ...)
        • Cache: Has a cache layer
      • Filter Service: Provides the filter domain data, the list of target reports, initial value and other metadata requested by the frontend application
        • Domain: Supports domain report and static domain. Supports passing parameters to obtain the domain
        • Retrieve a filter: Provides a mechanism to retrieve a filter metadata in draft stage
      • Template Service: Provides the template app state in edit mode requested by the frontend application
        • Validation: Provides a mechanism to validate if the template metadata is complaining the standards
      • Versioning observer: Controls the metadata versioning life cycle (create, edit, promote and delete); Only applicable to "Reference", "Template", "Report" and "Filter" models
        • Semver: Implements the semver (semantic versioner for npm)
        • Query: Provides mechanism to query the document passing a “range of version annotation”. Eg: ^2.0.0, x, 1.0.x
      • Metadata observer: Controls the metadata audit informations. Eg: created at, changed at, created by, changed by; Applicable to all models
      • Security: Implements the loopback security specification
        • Authentication: Provides basic authentication and a mechanism to perform the login using Google and Azure authentication services
        • Authorizatio: Authorization based in rules
        • ACL: ACL implementation
  • Atomic Components 
    • Listed on the Release notes
  • Metadata
    • Templates
      • eCharts
        • Doughnut Echart
        • Doughnut Echart legend
        • Pie Echart
        • Nested Pie
        • Customized Pie Chart
        • Bar Chart
        • Bar Chart legend
        • Bar Chart Horizontal
        • Bar Chart Horizontal legend
        • Line Chart
        • Line Chart legend
        • Area Chart
        • Area Chart legend
        • Stacked Area Chart
        • Stacked Area Chart legend
        • Stacked Bar Horizontal Chart
        • Stacked Bar Horizontal legend
        • Stacked Bar Vertical Chart
        • Stacked Bar Vertical legend
        • Smooth Line Chart
        • Smooth Line Chart legend
        • Line and Chart Combined
        • Line and Chart Combined legend
        • Scatter Chart
        • Gauge Chart
        • Overlay Bar Chart
        • Overlay Bar Chart legend
        • Area Chart No Axis
        • Stacked Area Chart No Axis
        • Bar Chart No Axis
        • Fill Bar Chart
        • Fill Bar Chart legend
        • KPI 1 Chart
        • Pictorial Bar legend
      • Webix  
        • webix-drilldown-component
        • webix-kanban-component
        • webix-pivot-chart-component
        • webix-pivot-component
        • webix-spreadsheet-component
      • amCharts
        • Bar
        • Bar legend
        • Line
        • Line legend
        • Area
        • Area legend
        • Smoothed Line
        • Smoothed Line legend
        • Stacked Area
        • Stacked Area legend
        • Stacked Line
        • Stacked Line legend
        • Bar and Line Combined
        • Bar and Line Combined legend
        • Inverted Bar
        • Inverted Bar legend
        • Bar Chart Without Axis
        • Scatter
        • Scatter legend
        • Inverted Stacked Bar
        • Inverted Stacked Bar legend
        • Area Chart Without Axis
        • Gauge
        • Pie
        • Pie legend
        • Stacked Bar
        • Stacked Bar legend
  1. Latest features/improvements delivered on i360 release 1.1.3

    • Frontend

      • Core

        • El Helpers 

        • Navigation events

        • Performance improvements

        • Dashboard Control Navigation (Implemented parametrized dashboard navigation)

      • Administration (Admin page)

        • Versioning Control improvements

          • Draft

          • Promote

          • Published

        • Replace Table Actions

          • View

          • Delete

          • Edit

          • Reference/template duplication

          • Link to (template/page

        • Datasource

        • DataModel

        • Dashboard/Page level interactions
        • Dashboard/Page level contextualization 
        • Filter Form
      • Services
        • DataService Improvements
      • Templates (more details on Footer, Header, Left Menu, etc, see Remote learning Demo 0.1.0 documentation - https://d-i360-doc.innive.io/docs/index.php?option=com_gridbox&view=editor&tmpl=component&id=168)
        • Yokohama / Remote Learning templates (available om Demo Instance)
        • eCharts & amCharts templates validation
        • Wrapper Template improvements
        • Left Menu
        • Footer
        • Header
      • Atomic Components Creation/improvements
        • Wrapper
        • Semantic Component
        • Theme Service
        • Admin Component
        • Map Component 3.0
          • Improvements to has the same functionality available on 2.1
            • Create point layer from longidute/latitude data 
            • Draw circle around the point geometry selected (Ex. around the school) within a radius defined on configuration
            • Zoom to the selected feature
            • Geometry feature info improvement
            • Cluster implementation 
    • Backend
      • DataService/FilterService - Filters Contextualizatoin
      • DashboardService - Parametrized navigation
        • Dashboard Control Navigation (Implemented parametrized dashboard navigation)
      • DatasService improvements
      • Lazy Loading (implemented on Backend - not available since needs implementaiton on Frontend)
      • Among other improvements
    • Deployment
      • Jenkins modules migrated to Innive's Jenkins
  2. Documentation

  3. i360 Development process highlights

  4. Open Items

  • Frontend
    • Admin Page
      • Report form
    • Templates
      • Cleanup - complementary (many templates have been created - need to discuss the process to choose what metadata should be brought to de i360 framework or to the k12/other products.
        • Webix templates standardization
        • Others...
    • ​​​Left Menu
      • Filter panel improvements: Favorites, advanced Filter, Muted Filter
    • ​Header
      • Logoff, preferences, favorites, historic, narrative, chat...
    • Active Filter
      • Active filter area Improvements: Tags interaction, Expand panel button
    • Core
      • Lazy Loading (Frontend)
    • Template Builder
      • Metadata template validation (when saving templates)
    • Atomic Component
      • Semantic Component improvements
        • Implement improvements based on new design system definitions
  • Backend
    • Util Debug Manager
    • Metadata Pre-build And Loading From File System.
    • Massive Version Reference Update
    • Mongodb ID to Internal ID
    • Data Security Improvements
  • Deployment
    • Integrate Git Flow with building process on jenkins (Release Candidate)