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.
-
Release basic information
-
Release Notes
-
Deployments
-
https://k12-dev.innive.io/lausd/admin (Remote Learning Demo)
Obs. Basic metadata available (eCharts, amCharts...) + Remote Learning
-
https://k12-dev.innive.io/dev/admin (BRT Dev. Env.)
Obs. Basic metadata available (eCharts, amCharts...) + Yokohama + others. No Remote Learning Metadata available.
-
https://k12-dev.innive.io/playground/admin (Innive Dev. Training - Playground Env.)
Obs. Basic metadata available (eCharts, amCharts...) + Yokohama + others. No Remote Learning Metadata available.
-
https://k12-beta.innive.io/admin (Business Analysts Env.)
Obs. Basic metadata available (eCharts, amCharts...) + Yokohama + others. No Remote Learning Metadata available.
-
-
Documentation
-
Demos
-
Remote Learning (clean the browser cache before)
-
Yokohama
-
-
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
- Theme Service: Manages the CSS style of the framework
-
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
- Analytic Contains a Template
- Analytic
- Block
- Sub-Page
- Section
- Page
- Dashboard
- References/templates/Components Hierarchy:
-
Core: Provides the application boosttrap
-
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
- Provider Service: Provides the frontend-modules requested by the frontend application and joins all modules in one single response
- Services
-
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
-
eCharts
-
Templates
-
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
- Improvements to has the same functionality available on 2.1
-
-
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
-
-
Documentation
- Backend - Framework Controller Architecture
- Templates valid/invalid (script, cleanup - dev instance, remote learning will be added later)
- Remote Learning Demo version 0.1.0
-
i360 Development process highlights
-
Design Process
https://drive.google.com/file/d/12Q6r9CBCRRqanjjBiwT-L5dJTs_mXxM0/view?usp=sharing
-

-
Design System
-
Theme Service
Standardization of Templates Construction
-
Standardization of Dashboards/Pages Construction
Create datasource
Create datamodels
Create reports
Create filters
Create analytical/dashboard/wrapper/layout/block/section templates
Create analytical/blocks/subpages/pages/dashboards references
-
Git Flow

-
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...
- 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.
-
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
- Semantic Component improvements
-
Admin Page
-
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)
