Posts In "Sencha Touch"

Useful Sencha Touch Ux Plugins

December 15th, 2012 by aditia rahman / No Comments  

     

Sencha Touch are quite nice framework to creating cross platform mobile application, sencha touch provide most common user interface component used in mobile device, however it might not cover all of your need in building mobile application, means sometimes you need third party ux component, for example I need an accordion layout which cannot be found on default component and I have read in this version 2.1 of sencha touch they focused on optimizing performance.

1. Ext.ux.Cover

Ext.ux.Cover inherits from Ext.dataview.DataView using the mechanisms from it to handle selections, and putting together data from Ext.data.Store and an Ext.XTemplate to create the dom elements.

Ext.ux.Cover

Some Tips In Optimizing Sencha Touch Chart Application

December 12th, 2012 by aditia rahman / No Comments  

     

Last month I got a project creating mobile application with charting features, since version 2.1 sencha touch provide integrated charting features for mobile application, so far I know sencha touch provide the most complete charting features for mobile application, it is the easiest because it already integrated with other components with the similar coding style, and sencha touch is my choice for this project.

sencha touch chart

Behind it simplicity it came with the implication in performance problem, especially for older android device, cause I have to display more than ten different chart, creating component for each chart display will make your app run slow.

Showcase: 20 Mobile Apps Built With Sencha Touch

June 21st, 2012 by aditia rahman / 1 Comment  

     

Sencha Touch 2

Sencha Touch is one of the first javascript framework for mobile web app, and yesterday I’ve been exploring some of mobile application built with sencha touch, in sencha app gallery. It’s likely sencha touch are more used to be ported as native mobile application. This post of sencha touch mobile app might be great for you for inspiration, that we can make nice mobile application using sencha touch, with modifying components, layout, etc.

Create Simple WordPress Mobile Theme Using Sencha Touch – Part 2

September 24th, 2011 by aditia rahman / 2 Comments  

     

These are the second part of my previous post about creating simple wordpress mobile theme using sencha touch, there are two screen left that we have to do, they are single post and comment list.

sencha touch wordpress

Single Post

The model used in single post are the same as on the Index page, the different is just the total post that returned from the server. In this single post screen I put a button on the bottom toolbar for displaying comment form that will appear as a floating panel, my thought so the reader can submitting a comment after reading the post.

Create Simple WordPress Mobile Theme Using Sencha Touch – Part 1

September 24th, 2011 by aditia rahman / 4 Comments  

     

Today post I want to share a simple mobile wordpress theme using sencha touch, I will separate the post in 2 part, and all the source code I share on the part 2, I created this post because I think this is one of the good way to learn more both about wordpress function and sencha touch. This image below are the mockup theme.

sencha touch wordpress

The wordpress theme in this post are really simple, maybe you can develop further, I only create these features: index page with pagination, single post page, comment list page, and submit comment. For sencha touch the application structure not really different from my previous post about sencha touch gallery, it MVC structure that generated using sencha command.

Create Image Gallery Using Sencha Touch

August 20th, 2011 by aditia rahman / 16 Comments  

     

Today post I want share some of my thought creating simple image gallery using sencha touch. I created this example to learn more about sencha touch MVC (Model View Controller) application structure, basically I created this example after watching the sencha con video about Structuring Your Sencha Touch Application, so the code in this example is almost like from that video.

Sencha Touch Gallery Mockup

The image above is the mockup design of this example that will created, there are three main screen first for list all album folder, second for viewing image inside the album folder, and the last for viewing full image.

Sencha Touch References And Tutorial Collection

July 22nd, 2011 by aditia rahman / 5 Comments  

     

Lately I’ve been playing with sencha touch, mostly with layout, and themes. Here I found some sencha touch tutorial to help you understading sencha touch better, covering sencha touch usage in real app, you can start the tutorial from sencha touch official site.

Learn Sencha Touch

There are many great tutorial from sencha touch site, some of discussing about sencha touch specific features and components, like XTemplate, Layout, Carousel, etc. Where it good start to digging deeper on each sencha touch features.

Displaying Twitter Search Result With Sencha Touch

April 15th, 2011 by aditia rahman / 1 Comment  

     

Today I want to take another step in Learning Sencha Touch, if you already browse on all sencha touch official examples there are already have the same twitter search example and that is a better one, but when I try it look like the interface only optimized for tablet.

Sencha Touch Twitter Search

This example only created for smartphone resolution, and very simple single twitter search without pagination or load more function, and to fetch data twitter server here is using PHP.

Simple Guest Book With Sencha Touch and PHP

January 7th, 2011 by aditia rahman / 45 Comments  

     

A Guest Book application is one of the oldest tutorial in programming, I remember when I first learning PHP, guestbook simple guestbook application give me a good example to show how the the PHP script communicating with the html interface including the javascript. Now I want port it in Sencha Touch interface, this example will be very simple there no validation, only insert data and show existing data.

Building RSS Reader With Sencha Touch and PHP

December 18th, 2010 by aditia rahman / 10 Comments  

     

Sencha Touch is one of the mobile web appication framework available that we can download for free, it targeted for iPhone, Android or Tablet devices, if you have some experience with ExtJS, I believe you have one advantage in learning Sencha Touch, most of the component, code structure built similar with ExtJS. This is my first bite, tasting sencha touch I have created RSS reader that read from FeedBurner .

Ok lets get our finger dirty, first I created the main html file, this will include the sencha touch files (javascript and css) and my custom script for creating this application, this main html file I called rss-list.html

<!DOCTYPE html>
<html>
<head>
	<title>RSS List</title>
	<link rel="stylesheet" href="sencha-touch/resources/css/sencha-touch.css"/>
	<script type="text/javascript" src="sencha-touch/sencha-touch-debug.js"></script>
	<script type="text/javascript" src="apps.js"></script>
</head>
<body>
</body>
</html>