HTML5 Sencha App vs. native iPhone App side by side (HD)

Sencha Touch 에서 이미지 버튼 구현하기.

Image buttons in Sencha Touch?

Ext.setup({
    onReady: function() {		
	var rootPanel = new Ext.Panel({
		fullscreen: true,					
		dockedItems:[{					
			xtype: 'toolbar',
			dock: 'top',
			items: [{
				xtype: 'button',
				cls: 'btnAction'						
			}]								
		}]			
	});
    }
});

.btnAction {
	background: url(../action.png);
	width: 40px;
	height: 40px;
}

PowerCharts

PowerCharts is a set of advanced charting widgets for usage in specialized applications like network diagrams, performance analysis, hierarchical structures, stock prices and financial planning.

Chart Types

PowerCharts offers 16 different chart types each with their own specialized applications:

1. Drag Node Chart

   Powerful diagramming tool for network diagrams & process flow diagrams

2. Heat Map Chart

   Tabular representation of complex data with user-defined color ranges

3. Multi-Axis Line Chart

   Advanced line chart with multiple axes for comparing multiple parameters

4. Interactive Candlestick Chart

   Highly interactive chart for plotting stock data and commodity prices

5. Waterfall Chart

   Shows the cumulative effect of positive and negative values on an initial value

6. Drag-able Charts

   Offers visual modification of the plotted data simply by dragging the data plots

7. Multi-Level Pie Chart

   Modern method for displaying hierarchical relationships

8. Box and Whisker Chart

   Display the spread of a batch of data using median, quartiles, limits, mean and deviations

9. Logarithmic Charts

   For plotting very large and very small values on the same chart on a logarithmic scale

10. Radar (Spider) Chart

    Effective tool for comparing multiple entities based on different features

11. Spline Charts

    Similar to a line chart except that it draws a fitted curve through the data points

12. Step Line Chart

    Specialized line chart with vertical and horizontal lines to connect data points

13. Select Scatter Chart

    Scatter Chart where data points can be visually selected & processed

14. Inverse Axis Charts

    Plot data on an inverted scale, like ranks and race timings

15. Error Charts

    Shows the extent of possible error (or deviation) in data using I-shaped bars

16. Kagi Chart

    For noise free analysis of equity/commodity prices

Build mobile web applications with Sencha Touch

Overview

In the software development world, two important trends are increasingly important: mobile application development and standards-based HTML5 web development. The learning curve for either type of development can be steep. Developing a native mobile application often requires knowledge of specific platforms and skills, such as Objective-C for iPhone and Java™ for Android (and these are only two platforms). HTML5 development has gained traction lately because it is standards-based. While vendors are working rapidly to incorporate and comply with these early specifications, HTML5 is still rather immature.

The recent release of Sencha Touch 1.0 fuses the cutting-edge worlds of mobile application development with HTML5 web development to form a simple, accessible framework for building mobile web applications. In this article, learn everything you'll need to know to start working with the Sencha Touch framework.

Sencha Touch

Learning to build mobile applications—especially from the perspective of a web developer—can be troublesome. A variety of platforms to choose from and technologies to learn are available. HTML5 support, though gaining momentum quickly, is still not quite ready to be used for complex web applications, particularly line-of-business applications.

Sencha Touch combines the rich platforms of HTML5 and mobile web application development into a happy medium. The framework is developer-friendly and similar to using the Ext JS JavaScript framework. If you have moderate to advanced JavaScript experience, then Sencha Touch is approachable. If you already have skills as a JavaScript and CSS developer, Sencha Touch can immediately turn you into a mobile application developer, too.

Sencha is a company with a core commercial product offering, but it also supports open source software. Sencha Touch 1.0 is free for both personal and commercial use.

Frequently used abbreviations

Layouy Guide : http://dev.sencha.com/deploy/dev/examples/layout-browser/layout-browser.html

Ext Core Manual : http://docs.sencha.com/core/manual/