Sencha Roadmap 2016-2015

Transcript

1. © 2016 Sencha Inc
   Ext JS 6.2
   Q4 2016 & 2017
   

   View Slide

2. © 2016 Sencha Inc
   Ext JS 6.2 Standard
   • Material theme for Modern Toolkit
   • Grid Enhancements (Modern/Classic)
   • Viewport Pinch/Zoom & Native Scrolling
   • Data Binding Expressions
   • CSS Variables
   • Others
   2
   Standard
   

   View Slide

3. © 2016 Sencha Inc
   Ext JS 6.2 – Material theme for Modern Toolkit
   • Based on Google’s Material Design
   • Uses grid-based layouts, responsive
   animations and transitions, padding,
   and depth effects
   3
   Standard
   

   View Slide

4. © 2016 Sencha Inc
   Ext JS 6.2 – Grid Enhancements
   • Row Body Widgets
   - Components within the row body when a
   grid row is expanded
   - Available for both toolkits
   - Row body widgets can be linked to parent
   grid record
   - Can put any component within the row
   body, not just grid inside a grid
   4
   Standard
   

   View Slide

5. © 2016 Sencha Inc
   Ext JS 6.2 – Viewport Pinch/Zoom & Native Scrolling
   • Implemented in ‘Core’ – applies to
   both Modern & Classic toolkits
   - Viewport Zoom enabled
   - “user-scalable=yes”
   - Browser's native pan and zoom
   • Browser’s native support for
   momentum scrolling
   • Better gesture detection
   5
   Standard
   

   View Slide

6. © 2016 Sencha Inc
   Ext JS 6.2 – Data Binding Expressions
   • bind: 'Total: {value1 + value2}’
   • bind: 'Current Browser: {@Ext.browser.name}’
   • bind: 'Total: {(x + y):round(2)}'
   • bind: 'Total: {@debugger (sub1 + sub2):round(2)}'
   6
   Standard
   

   View Slide

7. © 2016 Sencha Inc
   Ext JS 6.2 – Modern Toolkit
   • Grids and Trees
   • Sparklines
   • Floated Components
   • Tooltips
   • Text Field Triggers
   7
   Standard
   

   View Slide

8. © 2016 Sencha Inc
   Ext JS 6.2 – Others
   • New Drag-n-Drop system
   • Chart package: sprite-based legend
   • Circular Gauge
   • Google API helper classes in "google" package
   • CSS variables
   8
   Standard
   

   View Slide

9. © 2016 Sencha Inc
   Ext JS 6.2 Premium
   • D3 Adapter
   • Calendar Component
   • Pivot Grid for Modern Toolkit
   • Enhanced Data Exporter
   9
   Premium
   

   View Slide

10. © 2016 Sencha Inc
    Ext JS 6.2 – D3 Adapter
    • SVG or Canvas rendering to Ext JS
    containers
    • Managed as any other Ext JS
    component
    • Integration with Ext JS data stores to
    update the visualizations as data
    changes
    - Data Store for regular data
    - Tree Store for hierarchical data
    • Pan/zoom interaction
    10
    Premium
    

    View Slide

11. © 2016 Sencha Inc
    Ext JS 6.2 – Calendar Component
    • Provides building blocks to include
    calendar in Ext JS apps
    • Day, Week, & Month views
    • Store to define events
    • Time zone support
    • Drag, Resize & Validation
    • Sample Google’s Calendar API
    integration
    11
    Premium
    

    View Slide

12. © 2016 Sencha Inc
    Ext JS 6.2 – Pivot Grid for Modern Toolkit
    • Same capabilities as the Classic
    Toolkit Pivot Grid
    - Optimized for touch devices
    - Different layouts and styling elements
    - Plugins for drilldown, range editor
    - Drag-and-drop configurator
    12
    Premium
    

    View Slide

13. © 2016 Sencha Inc
    Ext JS 6.2 – Pivoting with D3
    • HeatMap
    • TreeMap
    13
    Premium
    

    View Slide

14. © 2016 Sencha Inc
    Ext JS 6.2 – Enhanced Data Exporter
    • Enhanced exporter plugin
    - XLSX, XML, CSV, TSV, and HTML formats
    - Works with Classic & Modern toolkits
    14
    Premium
    

    View Slide

15. © 2016 Sencha Inc
    Ext JS 7
    • Support for ES6 (ECMAScript 2015)
    • Modern Toolkit Parity ***
    • Rich set of Examples & Kitchen Sink Refresh
    • Robust sample apps with integrations to most popular back end systems
    (NodeJS, Java, .NET)
    15
    *** Majority of customers stated they have moved away from legacy browsers and
    are developing universal apps running on desktop, tablets, and smartphones
    Ext JS 7
    

    View Slide

16. © 2016 Sencha Inc
    SenchaCon Preview Release
    • Support ES6 (ECMAScript 2015) includes:
    - Default Parameters
    - Template Literals
    - Multi-line Strings
    - Destructuring Assignment
    - Enhanced Object Literals
    - Arrow Functions & Promises
    - Block-Scoped Constructs
    - Classes & Modules
    16
    Ext JS 7
    This roadmap outlines the current direction. It is subject to change at anytime.
    

    View Slide

17. © 2016 Sencha Inc
    SenchaCon Preview Release
    • Enhance Modern Toolkit to create parity with Classic
    - Grid (Locking, Column Menu, Filters)
    - Menus, Buttons, & Pickers
    - Layout Fixes & Border layout
    - Keyboard Navigation Improvements
    - Form Validation
    - Localization
    - Buffered Store
    - ARIA / 508 Compliance
    17
    Ext JS 7
    This roadmap outlines the current direction. It is subject to change at anytime.
    

    View Slide

18. © 2016 Sencha Inc
    Sencha Tools
    18
    • General Availability
    - Sencha Architect 4.0
    • Ext JS 6.2 support (modern and classic)
    • Theme import from Sencha Themer
    - Sencha Themer 6.0 GA
    • Ext JS 6.2 support (modern and classic)
    • Component UI theming
    Q3 2016
    • Preview Release
    - Modern tool to support ES6
    (ECMAScript 2015)
    • Sencha Cmd Replacement
    - Sencha Themer 6.1
    • Theme running Ext JS app
    SenchaCon / Q4 2016
    

    View Slide

19. © 2016 Sencha Inc
    Sencha Test
    19
    • General Availability
    - Sencha Test 2.0
    • WebDriver based Multi-page App Testing
    Support
    Q4 2016
    • Preview Release
    - Integration with JIRA
    - Data-driven testing with multiple inputs
    - Improved component locator strategy
    for event recording
    - Page object repository for components
    - Component property inspection
    - Dashboard for test results
    - Integration with Bamboo CI
    SenchaCon / Q4 2016
    

    View Slide

20. © 2016 Sencha Inc
    Sencha GXT
    20
    • New GXT 5 development
    - Core based on GWT 3
    - DOM based on JsInterop
    - Event system based on JsInterop
    - Base classes for GXT components
    • No Major Release
    Q4 2016
    • Preview Release
    - New widgets supporting responsive
    design
    - Easier theming with direct access to
    CSS
    - New mobile widgets
    - Material Design theme
    SenchaCon / Q4 2016
    

    View Slide

21. © 2016 Sencha Inc
    1H 2017
    21
    - Modern toolkit first
    - ES6 (ECMAScript 2015)
    - TypeScript Support
    - Modern tooling
    - Deployment tools
    integrations
    • Data-driven testing
    • Test ecosystem
    integrations
    - Test Rail
    - Perfecto (Device Farm)
    • Enhanced reporting
    Test 2.5
    • Modern & Responsive
    GXT
    • Mobile Components
    • CSS Based Theming
    GXT 5
    Ext JS 7.0
    

    View Slide

22. © 2016 Sencha Inc
    Direction
    22
    2015 2016
    Tools
    IDE Plugins
    Inspector
    Sencha Test Studio
    Test
    Enhanced
    Mobile
    Big Data &
    Data
    Visualization
    2017
    Modern Web
    Technology
    Focus
    

    View Slide