SenchaCon 2016 – Save the Date!
November 7-9, 2016
Aria Resort & Casino, Las Vegas
See presentations from SenchaCon 2015 Roadshow➲
Check out SenchaCon 2015 Presentations
Recordings are available to everyone. If you weren’t a SenchaCon attendee, click here to get access.
KEYNOTE – Sencha Platform & The Future of HTML5
Art Landro, Sencha
Large Enterprise Systems Need Truly Scalable Frameworks with Robust Architecture
Mitchell Johnson, eVestment
Fast response time is the key to maintaining a superior user experience on modern web and app platforms. Providing consistently amazing usability is increasingly challenging for a number of reasons – aggressive product roadmaps to support rapid business growth, substantially larger code-base, client demand for tightly integrated solutions, and perhaps most importantly for eVestment, the exponential growth of our data cloud. Our engineering team was challenged to raise the bar for design, scalability, ease-of-use, and unprecedented performance with the latest version of the eVestment platform.
During this session, we will explore how we have met the challenge with the latest version of the eVestment Platform with the help of Sencha Ext JS 5, the creative use of NoSQL and caching technologies, a fast prototyping mindset, and a modern service architecture. Session format will be an interactive and in-depth demonstration of the platform and the specific Ext frameworks and techniques that power our big data analytics for the world’s largest institutional investors and asset managers.
Sencha Ext JS: From desktops to smartphones – For the legacy and the modern web
Don Griffin & Gautam Agrawal, Sencha
Learn the how to use the latest version of Sencha Ext JS to create applications for all screens from desktop to smartphones. We will create a single application targeting all screens and talk about how to maximize code sharing while ensuring the best possible user experience across all devices.
One app to rule them all: building apps for multi-device world
Miroslav Bojic, Sencha
Computing space is much more complicated today than it was 10 years ago, and it is now only natural to expect having same functionality and experience with apps and services whether you access them on your phone, tablet, desktop or (soon) even wearables. Responsiveness is a keyword that’s thrown around a lot, and while there are many ways existing technologies can help you achieve this, there is no one simple method that can be used to magically adapt an interface to different devices, and in the end nothing goes above good (interaction) design. This session will explore approaching responsiveness from the design perspective.
Sencha GXT on tablets
David Chandler, Sencha
The upcoming version of GXT will add support for tablets, including touch events, gestures, and momentum scrolling. Learn how to utilize the new Sencha GXT features to improve your customers’ experience on Tablets and/or large screen touch devices. In this presentation, we’ll review each of the widgets which have added gestures and touch events. We’ll also look at touch features in Charts such as pinch / zoom and pan and how they interact with the related browser and OS features. We will demonstrate how to use the new features in your applications to improve the user experience on tablets. We will also showcase our newest app built with GXT and optimized for desktop and tablets.
Unleash the full fury of web innovation in your Android app today
Bob Spencer, Intel
Web technologies are improving at a rapid pace. New features such as responsive design, cloud services, WebRTC, WebGL, and Canvas provide developers with a great deal of potential. However, leveraging these features in a fragmented Android market is difficult, and oft-times impossible given the diversity of the various platform versions and capabilities.
This session introduces the Crosswalk Project, an open-source, Chromium-based, HTML5 framework that opens up the full set of leading-edge web innovations to Android developers and greatly reduces the fragmentation limitations. The Crosswalk Project is already available in Sencha’s developer tools so build and deploy steps are right at your fingertips.
Frustration free packaging for Ext JS apps and deploying Ext JS apps on mobile
Grgur Grisogono, Modus Create
So your awesome Ext JS 5 application is now mobile ready, with shiny new features and touch support. But how do you deploy it? Through a web browser, wrapped in Cordova/PhoneGap, or Sencha Space? This hands-on presentation will demonstrate deployment options with pros and cons of each. Ext JS 5 introduced ground breaking support for mobile devices. In addition to updates in the class system, components, and event management, the framework makes deployment simpler than ever. However, the process to getting it right starts even before the very first line.
In this presentation we will build a simple mobile-friendly application from scratch. We will then discuss three ways of deploying it: – HTTP(S) to a web browser – Cordova/PhoneGap – Sencha Space Each of these options comes with benefits and drawbacks, which we will outline during the demonstration. Attendees will leave the room with all the tools required to make the right decision on how to deploy their Ext JS 5 application to mobile devices.
Advanced theming techniques for Sencha Ext JS using Sencha Cmd
Lee Boonstra, Sencha
In this session Lee Boonstra, course creator of the Sencha advanced theming course, will show you how to create professional themes for cross platform apps. A talk about Sass, variables and skins! You will learn how to make your components look different and unique. How to better organize your themes and how to make your applications look good across all devices.
Simplifying the experience for users and developers with Ext JS
Sri Hari Gumpu Madan, Nielsen
Simplifying app analytics across platforms
This session explores the Space Event API and how it can be used to instrument applications for rich data capture on any desktop, tablet, or smart phone. Integrated reporting included in the platform makes the data instantly useful.
UX design for modern enterprise apps
Peter Tierney, Williams
Traditionally, User Experience (UX) has only been considered in the creation of consumer applications or websites where a company is selling a product or service. In the Enterprise, UX has either been ignored or relegated to an afterthought resulting in applications that are slow, clumsy and difficult to use. One of the reasons used by Enterprise application developers for the lack of focus on UX are these apps are usually very data intensive and data doesn’t have to be “pretty”. Unfortunately users have become accustomed to software that isn’t designed for normal human consumption. Using waterfall methodologies makes improvements so cumbersome and time intensive, Enterprise applications are usually UX deficient. Sencha frameworks are geared for data intensive applications and with the use of Architect, a designer has the ability to participate much earlier in the process. Using Architect means in organizations not accustomed to spending time on UX, they can start to make apps giving users not just functionality but true usability.
This talk defines what is UX and why UX it’s important in the Enterprise. It then covers how our team uses Architect to quickly prototype a User Interface (UI) component or application feature so our stakeholders can have concrete examples of how the feature might work. It also allows us to quickly iterate changes so the feature can be refined very early in the process. UX in the Enterprise is important as users spend more time in the applications at work than nearly any other environment. Effective UX not only makes the users life more efficient but these shouldn’t just supply data, they should help users understand and interpret data.
Introducing Fashion: Blazing fast theming for Ext JS
ViewModels for spreadsheet formulas, interactive D3 visualizations and other cool stuff
Rob Boerman, 2Gears S.a.r.l.
Did you know that you can emulate Excel formulas in ExtJS grids? Or that you can create interactive D3 visualizations from large amounts of ExtJS store data in realtime? All this and more is possible by using the power of ExtJS 5 ViewModels. The new kid on the block, ExtJS 5, has offered a host of new possibilities. The new MVVM architecture is extremely powerful but can be intimidating at first, especially when coming from MVC. Once you have flipped the switch however you will wonder how you ever managed to live without it. We will show you some examples of what can be accomplished when you really start thinking out of the box, and you can do it too. ViewModels are even more powerful than most people realize, especially when combined with things like HTML5 Canvas, WebGL, Bower components and more.
Using Sencha Space in a Highly-Regulated Healthcare Environment
Josh Keely, Delta Health Technologies
In this session, we will discuss how the Sencha Space platform can be used in the highly-regulated healthcare world. Understanding the concerns that hospital systems and healthcare entities have about securing protected health information, Sencha Space provides the answer. Learn how Sencha Space can help bridge the gap between the overly zealous HIT staff who want to provide security, and the engineering team who are wanting to provide liberty by innovating the patient, physician, and clinician experience. Sencha Space is a platform upon which innovative healthcare operations will reap great benefits, all while maintaining security, privacy, and a common framework.
“Materializing” ExtJS 5
Steffen Hiller, Sencha
Sencha Ext JS has always been a pioneer in widget libraries creating visual attractive interfaces out of the box allowing the creation of highly interactive single page applications. Not only did Sencha enhance the framework’s look throughout the years, but it also introduced powerful features to allow developers to customize the look and feel in an efficient way. One big step forward was the migration to Sass with Compass for styling which improved the code organization of CSS code immensely. Later the introduction of packages added support for easily adding custom themes that enhance an application’s style and components.
Analyze Your Ext JS Grid Data with Pivot Grid
Peter Dillinger, Coverity
Seamless Mobile and Desktop debugging
This session will focus on Sencha’s integrated approach to debugging HTML5 applications across both desktop and mobile platforms.
The Big Grid for your Big Data
Nige White, Sencha
Almost all enterprise applications are built around a grid, and Sencha Ext JS has the best grid for web. Learn how to make large amounts of enterprise data available in web applications for your users, with out-of-the-box interactive features that you would only expect in a spreadsheet. This session will cover best methods for making large Ext JS data grids including the data package behind it, the session management capabilities, and the hundreds of grid features that the you can turn on and off with simple configurations.
Rapidly theme GXT apps with the new theme builder
Brandon Donnelson, Sencha
Siesta deep dive: How to improve the quality of your Ext JS app releases with unit & UI tests
Mats Bryntse, Bryntum
Testing a large Ext JS codebase can be tricky sometimes. Running your tests across multiple platforms and browsers can also be a bit of a pain. The good news is there are many great tools out there that will make your life as a developer easier. In this presentation, I will demonstrate how we at Bryntum use Siesta to test our products and applications.
Migrating from a Struts MVC based architecture to an EXTJS restful client design
Douglas Bieber, Yamaha Motor US
Ins and outs of the Ext JS data package
Don Griffin, Sencha
The data package in Sencha Ext JS puts the “M” in MVC and MVVM. Learn how to organize your models and take full advantage of the data package to manage fields, records, associations, stores, sessions, and more.
Application Development at Warp Speed: Exploring Sencha Space
Revin Guillen, Daniel Gallo, and Marc Gusmano, Sencha
This session will provide a side-by-side comparison of developing a multi-channel, multi-platform application in HTML5 relative to a siloed or native development approach. The presenter will explore not only development issues, but application deployment, testing, and on-going maintenance issues as well.
Empowering business users to build complex solutions with rich interfaces
Paul Delano, FICO
FICO is a leading analytics software company offering a broad range of tools and applications. The Customer Communications Services (CCS) division in FICO has a mandate to empower its clients and streamline how new solutions are delivered. The project team had the ambitious idea of building a CCS Designer, a new tool with which business analysts could design and deploy new solutions without having to engage technical teams or understand the complex platform infrastructure. The team chose ExtJS to implement a user-friendly web interface on top of a secure, multi-tier Java and No-SQL application. ExtJS was selected because it provided object orientation, re-usable themes and a rich set of visual components – allowing the team to build out a solution rapidly and in line with company UX strategy. The team faced some daunting challenges. One of the first was to make the application compliant with the company’s stringent branding standards. By creating a FICO theme that was dropped into the application while it was under construction, the team addressed the challenge and led the way for future company projects. Another challenge was to encode complex business logic and requirements, such as country-specific customer contact patterns. The solution was to create a data-driven wizard that captures answers and adapts to prompt users for information based on previous responses. Visually the tool must support the presentation and editing of complex processing rules and interactive voice (IVR) flows. Learn about custom components created for status grids, wizards, resettable form-fields and REST-based stores, alongside real-world stories of lessons learned and helpful tips and tricks. How can your team realize the full power of ExtJS to maximize user experiences? Hear from FICO’s hands-on experts to get the latest insights.
Visualizing Class Dependencies
Stan Bershadskiy, Modus Create
Debug tools are vital for building high quality software. We as developers are given tools to help us understand what is going on in our applications. Ext JS and Sencha Touch have a very powerful dependency management and Class System that sits at the core of both the frameworks and every application built with them. What if we wanted to dive a bit deeper under the hood and visualize our application? In this session we will take a look at the Sencha Cmd Dependency Viewer and how we can leverage it for our applications. The Dependency Viewer visualizes an application’s class dependency hierarchy. We can trace any dependency down to where it is defined at the source level. This allows us to perform introspection on complex applications and optimize the architecture. We will also speak on how the Dependency Viewer was built by highlighting Sencha Cmd internals and technologies such as D3.js and SVG.
Interactive visual analytics using Sencha Charts
Vitaly Kravchenko, Sencha
Charts and graphs are core to any enterprise grade analytics application. With Ext JS 5, Sencha Charts (formerly a part of Sencha Touch) provide advanced charting capabilities with interactive features for both desktop and mobile devices. The session walks through all the Do’s and Don’ts of using Sencha Charts, how to add interactions, and how to migrate from old Ext JS Charts package to Sencha Charts. You will also learn about the fundamentals of sprites to customize the rendering of various charts elements.
Debug your apps with Google Chrome and Sencha
Arthur Kay, Sencha
Join Arthur Kay, Developer Relations Manager at Sencha, as he discusses the Sencha platform, explains how Sencha built App Inspector for Sencha, and dives into techniques for building your own debugging extensions for Google Chrome.
Web 2.0/Java development industrialization for a bank – simplicity, efficiency and security
Vitaliy Shevchuk, BNP Paribas Securities Services
What if you had to elaborate a unique Web 2.0 development standard for an enterprise of over 3000 IT staff worldwide? There are multiple projects, multiple development teams, multiple locations, but also many talented developers with different visions and preferences, who will challenge your solution. We were in this situation in BNP Paribas Securities Services 3 years ago. Having a unique standard has a lot of advantages, including cross-project code reuse, and uniform end user experience. However it must be really universal, productive and responding to all possible requirements. Sencha ExtJS was a good choice for presentation framework, but that was just a beginning. More elements are needed for successful software development industrialization: adapted architecture, server-side stack(s), security, development guidelines, ergonomic standards, custom components, etc… Today the solution brings entire satisfaction inside the enterprise and we are proud to share some of its aspects with the community.
We’ll talk how to make applications development with Sencha Frameworks and Java server stack secure but really simple, with minimal learning curve, much simpler that Java development used to be in Web 1.0 era.
Case Study: Using Siesta Test Suite to Avoid Regressions
Gabor Puhalla, profiq
Avoiding quality regressions in existing functionality is one of the fundamental challenges implied by frequent releases in agile software development. Every new development cycle brings new functionality, as well as risk to existing functionality. Test automation sounds like a straightforward answer to the issue. How do you implement frequent test execution though, if the existing functionality has to work on multiple platforms and/or browsers? Is automation worth the cost?
The session will explain and demo Siesta test automation as a way to address the issue and talk about lessons learned from real-world ExtJS projects.
Sencha powered applications with compelling user interfaces
Mitul Bid, Coditas
Visual presentations are often key criteria for customers making app development framework choices. For a data driven and UI rich application, it is easy to head into the wrong direction by selecting Bootstrap (formerly Twitter Bootstrap) themes and templates along with an unstructured backend framework. Such a stack does not provide all the necessary ingredients of a true framework such as data package, event and gesture handlers, layout manager, etc., which are critical to building high performance data rich enterprise applications.
This session will demonstrate by real examples how developers can create similar look and feel and compelling user experiences, while utilizing a better, scalable, and more robust application architecture using Sencha Ext JS. You will also learn how you can add total responsiveness to your applications using simple Sencha Ext JS configurations and their combinations.
Deep dive into application configuration and the microloader
Ross Gerbasi, Sencha
Learn how app.json and the microloader work together to give you development time convenience as well as run-time flexibility and efficiency. Use build profiles to target multiple themes, locales and devices for a single application.
App security and app stores for an evolving enterprise cross platform world
Shikhir Singh, BlackBerry
This session is a 10,000 foot survey of the different approaches by MDM vendors as it relates to securing enterprise apps and their data. The presentation will cover different types of secure MDM containers a developer may encounter and their implications for development. Understanding the various approaches to Enterprise App Security will enable developers to seek new markets for their Cordova/PhoneGap or native Apps by making their apps available to Enterprise App Stores.
Automating unit testing for Sencha Ext JS apps with Jasmine
Kollivakkam Raghavan, Cisco
Leveraging ViewModels and Data Binding
Don Griffin, Sencha
Sencha introduced MVVM in Ext JS 5.0, including the support for two-way data binding. In this session, we will show what really goes on behind the scenes when it comes to view models, data binding, formulas and more. You will learn how view models manage data, update bound properties, mange stores, and individual records. You will also learn how your existing applications can be modified to leverage MVVM.
Advanced techniques for compressing your applications
Arthur Kay, Sencha
For years developers have been told that they must optimize their production code in order to deliver prompt user experiences. The proliferation of mobile devices makes this advice even more critical, where sub-second delays in rendering can lead to user frustration and lost revenue. However, most developers don’t realize that they can squeeze even more performance out of their applications by tweaking how compression tools optimize your code. Join Arthur Kay for a technical deep dive into how Sencha Cmd utilizes YUI Compressor, Google Closure and UglifyJS — and learn some advanced techniques for delivering the smallest possible applications.
The Advanced Operation Portal built on Sencha Ext JS 5
Naoki Mashiko, NTT Communications Corporation & Kazuhiro Kotsutsumi, Xenophy Co., Ltd.
NTT developed an AOP (Advanced Operation Portal) for online services to their customers. The AOP helps with day-to-day operational assignments of field engineers to customers having network issues. When NTT embarked upon building the enterprise AOP, HTML5 was the obvious choice, given the diversity of devices and platforms being used in the field. After an extensive evaluation, Sencha was chosen as the development platform because: a) the rich set of components the Sencha Ext JS offers, and b) the cross-platform cross-browser (including legacy) compatibility of Sencha Ext JS widgets.
In this presentation, we will discuss the approach we took in designing, building and integrating the AOP with several existing systems within the NTT, and how we leveraged the Sencha Ext JS 5 for AOP to work across Desktops and Tablets. We will also touch upon our development process, and how we leveraged a Sencha partner in Japan, Xenophy, to help accelerate the development. The AOP received and internal NTT award for the best App built in 2014 – voted by NTT customers.
25 years of programming in a Couple of Days: Automatically Converting Legacy Applications to Mobile Apps
Owen Pagan, 4Morphis
4Morphis automates the process by which legacy technology is converted to mobile and web applications. During our presentation we will show how 4Morphis automatically generates code from legacy applications and converts them to web based mobile applications. We will work through a case study showing how we converted an 1800 form, Oracle Forms application developed over 25 years to a mobile application on the web in a couple of days.
Mastering Ext JS 5 ViewControllers
Phil Guerrant, Sencha
Ext JS 5 delivered exciting improvements for your application architecture. ViewControllers can simplify and enhance your MVC applications, and they are not mutually exclusive with ViewModels. You can introduce these features incrementally or even blend them. Learn how to keep your views declarative using ViewControllers, and organize listeners and other handlers for maintainability. You will also learn how to use ViewControllers to handle events from ViewModels.
Designing a library of Sencha components as packages
Mark Lincoln, Sencha
Many organizations creating applications using the Sencha Frameworks will find that they will accumulate a set of classes, components, and functions that they can reuse to construct subsequent applications. While it may be easy to copy the source files for these reusable building blocks, in the long run, it is far better to organize them into one or more packages that can be included in a target application as required. This session will demonstrate the process for designing a library of reusable code, organizing the code for the best use, and creating packages so that the code in the library can be included in the construction of one or more applications.
Re‐Inventing Desktop Publishing: Web based templating and layouting for documents
Tim Riedel, eyeworkers interactive GmbH
Creating documents has always been a big challenge when it comes to the point of bringing together templates, dynamic content and document generation, especially when you are looking for a web based solution. Imagine what is needed for creating a document: first of all, we need a template which basically defines the layout, some dynamic content (e.g. images and text from a database) and finally some logic which places and fits the content on the document. And wouldn’t it be nice to enable the user to review or edit the generated layout online in a “What You See Is What You Get” (WYSIWYG) editor, without switching between the browser and some third‐party offline solution? In this session the audience will learn how powerful custom Ext JS Drag & Drop components can be to generate a web based templating and layout solution.
Memory Leak Health Check
Andrew Duncan, SwarmOnline
The session will give an overview to memory management in the browser and introduce common tools and techniques for identifying and investigating web application memory leaks. With practical examples, we will look at browser-based tools, such as, Memory Timeline and Heap Snapshots to equip you with the knowledge to find the problems in your own applications. Following this, we will take a deeper dive into specific areas we recommend you look at when developing Ext JS and Sencha Touch applications. You will be shown how to isolate, fix and test the main components of your Sencha apps. This will include looking at data parsing in Stores & Models, writing efficient controller code and common pitfalls in views. You’ll leave this session better equipped to find and resolve leaks in your own Sencha apps!
Improved accessibility support with Sencha Ext JS 5
Alex Tokarev, Sencha
Is accessibility support and ADA / Section 508 compliance critical to your business? This session will cover the WCAG 2.0 guidelines for achieving ADA / Section 508 compliance with your application. We will show you how you can meet the guidelines by utilizing improved capabilities in Sencha Ext JS 5.x such as keyboard navigation, focus management, and ARIA roles for screen readers and other assistive technologies.
Speed Up the Development of Enterprise Portals with Ext JS
Jean-Philippe Ehret, Jnesis & Benjamin Mestrallet, eXo
Think of a step forward in the future. Do you really need to develop all the “REST” services by yourself? Can’t Java EE portal help you to easily plug all your enterprise services into an Ext JS front-end? Ext JS makes the web development easier than ever by providing a comprehensive framework. But what about the “frequently expected” business services such as social networking or document management or even technical services such as user/access control management or long-running/global transactions? Do you really need to develop them yourself?
Some of you may have used Google services for document management, and other similar service platforms. They are fit for specific web and mobile development needs. But most organizations today are reluctant to entrust their critical data with such service providers. Why not simply use out-of-the-box solutions? Java EE is a good framework that answers most professional needs. It only lacks the glue that would make all its solutions work easily together. In this session, we will demonstrate how a Java EE portal such as eXo Platform can be that glue, by replacing or working alongside the service platforms you may be used to. eXo is an Enterprise Social Platform with many services and fantastic APIs. We will first show you how easy the front-end integration is and then use an out-of-the-box feature to demonstrate the eXo Platform capabilities.
Node.js from Scratch: REST API – Write a Sencha-compatible REST API from scratch
Leveraging the numerous node.js modules available is great for getting your node.js server application up and running, but when you really need to know what’s happening behind the scenes, there’s no substitute for building the entire web server from scratch. Our server will also support server-side sorting and filtering. (We will be using SQLite as the database back end, for simplicity).
How to shorten app development timescales by designing a unique and highly innovative framework based on ExtJS and Node.js
Christian Taltas, KPMG
Deploying and managing applications with Sencha Space
Nick Harlow, Sencha
In this session, the presenter will focus on the basic deployment features of Sencha Space: Managing users, apps, and devices. The presentation will begin with a discussion of real-world customer pain points before going into a series of demos on Space functionality. Advanced Topics may include: Composing complex apps in Space with the Invoke API.