Facilitating the Spread of Knowledge and Innovation in Professional Software Development

Write for InfoQ


Choose your language

InfoQ Homepage News Sencha Architect 2: A WYSIWYG IDE for Building Desktop and Mobile HTML5 App

Sencha Architect 2: A WYSIWYG IDE for Building Desktop and Mobile HTML5 App

Leia em Português

This item in japanese


Sencha, has announced the availability of Sencha Architect 2, a major upgrade of Ext Designer. Sencha Architect 2 is a visual application builder that leverages Sencha Touch 2 for mobile apps and Ext JS 4 for the desktop.

Sencha Architect 2 builds on the company’s HTML5 layout tool, Ext Designer, expanding its capabilities to offer a comprehensive application design environment for building desktop and mobile Web applications. Used in conjunction with Sencha Touch 2 and Ext JS 4, Sencha Architect 2 aims to increase developer productivity and drive best practices in application design patterns.

Senchca Architect 2 provides both a visual canvas and a code editing platform, and using a drag-and-drop metaphor, it aims to make mobile and desktop applications rapidly assembled. Once an application is finished, Sencha Architect 2 allows developers to package applications for deployment to the Web or for native app stores.

Key features include:

  • Drag-and-drop components to create rich user interfaces and connect to back-end data sources.
  • Support for building mobile Web applications with Sencha Touch 2 and desktop Web applications with Ext JS 4.
  • Code editing capabilities enable the creation of entire applications within Sencha Architect
  • Model-View-Controller pattern support.
  • Built-in one-click native packaging for iOS and Android.

InfoQ had a short Q&A with Aditya Bansod, senior director of product management at Sencha abut their new product:

InfoQ: Sencha Architect seems like an HTML5 GUI wrapped in a native browser component. Would you like to tell us a little about how it was built?

Aditya: Sencha Architect 2.0 is built with Ext JS, while the runtime is based on Sencha's own internal Web-wrapping technology that leverages WebKit.

InfoQ: What technology are you using for the code editor?

Aditya: The technology for code editing is based on CodeMirror 2.

InfoQ: How do you see HTML5 tooling evolving, compared to the tooling that some of the more established platforms already have?

Aditya: HTML5 tooling is in its infancy, but the evolution is proceeding very quickly as there's a huge demand for excellent tooling in the space. Some of the unique challenges of developing for the web stack (HTML5 + CSS3 + JS) are not solved yet and we see that as an exciting challenge and a big opportunity. The quick pace of HTML5 development allows us to iterate and evolve much quicker than was ever possible with traditional software development technologies.

Rate this Article


Hello stranger!

You need to Register an InfoQ account or or login to post comments. But there's so much more behind being registered.

Get the most out of the InfoQ experience.

Allowed html: a,b,br,blockquote,i,li,pre,u,ul,p

Community comments

Allowed html: a,b,br,blockquote,i,li,pre,u,ul,p

Allowed html: a,b,br,blockquote,i,li,pre,u,ul,p