How to optimize Sencha Touch 2.0 performance on iPad? - sencha-touch-2

I am trying to optimize the performance of a Sencha Touch 2.0 app on iPad device.
Please point out some way for doing this.
Is any tools are available for iPad to test the performance of web app??
Thanks.

For your first question, this link may help:
PhoneGap 1.4 wrapping Sencha Touch 2.X - What about performance?
About performance inspection, you can just use Developer Tools of your iPad's Safari. Here is a good tutorial to get started: https://developer.apple.com/technologies/safari/developer-tools.html

Are you going to deploy the app as an iPad native or are you going to use it within the web browser?
Whatever the case, if you are going to deploy as native, it will automatically be optimised and no unnecessary files will be loaded.
If you are going to use it within a web browser, I suggest deploying it as production and not loading the whole source.
This can be achieved by navigating to your sencha touch 2 app and running the following sdk command:
sencha app build production
Then you should load that page within your browser.

Related

Add Bundle Version and Build to splash screen using PhoneGap

Using the latest PhoneGap what is the best guidance someone could give as to adding the Bundle Version and Build Number overlaying a PhoneGap Splash screen. I see this on other apps but most likely those apps may not have been built with PhoneGap. From what I have read you could use a UIView controller to do this to the didFinishLaunchingWithOptions method. I am not an Objective C coder and native apps are new to me so any guidance as to where to start would be helpful. I am on El Capitan using xCode 7.1.1. Is there a tutorial of sorts to getting this done? Is it a lengthy integration? Thanks for the help!
I haven't implemented this but have thought about it a couple times... one way of getting a cross platform solution might be to stamp the bundle / app version or whatever other information you want dynamically added to the splash using ImageMagick, and the Cordova hooks system to run a script each build to do this. We have done similar with a script that sets the version numbers in config.xml for Jenkins builds, so that we can associate Jenkins output with test builds. I would imagine the same mechanism could be used with the Annotating capability of Image Magick to have a platform independent way of achieving this.

how to Deploy the sencha touch app to iOS app in windows7

I'm using sencha touch 2.2.1
I have doubt to config a sencha app to iOS app in windows7.
I already deployed the sencha touch app to android app its works well. My problem is I don't have MAC-OS. so, can I deploy sencha app to iOS app in windows7 alone with apple-ID, certificate path and key values in sencha config file.
pls anyone tell me thanks in advance...
This should work. Just set up a packager.json file as it is described here and use sencha app build native in your command line to build your native iOS app.
If it does not work you could use the PhoneGap-Cloud-Build-Service. You'll find information about how to set up cordova / phonegap in this video.
You will need to build all your apps in XCode 5 from February 1st which will require a mac.
source: https://developer.apple.com/ios7/
I saw this service yesterday which I haven't looked into myself, but may allow you to compile apps in the cloud using one of their macs, rather than have to buy one yourself at great cost : http://www.macincloud.com/

Sencha 2.0 App file size issue -

I have developed a small Sencha Touch 2.0 app. Here is the url:
http://apps.swarnendude.com/sencha/iphonetest/iphoneTest.html?url=http://apps.innofied.com/sencha/gts
The app works in perfectly fine in Android 2.3, iPad, iPhone, Blackberry Playbook. But the app crashes while I test in Blackberry Torch (OS: 6.0) giving this error:
"The page you requested could not be loaded. It is too large for this device"
The production version of the file sizes are:
sencha-touch.js: 90.5Kb
app-all.js: 401.4Kb
app-all.css: 151.5Kb
Other resources: 10Kb
So, total around 650Kb. I think the sizes can be reduced more but I am not getting any other options. I am using the least css configs in SASS file and in JS too (only which are required). Is there anyone getting the same problem? Any solution?
It seems that you attempted to minimize your app, so in this case, there's not much you could do.
I'm using Blackberry Bold and occasionally see this when I use native browser. But in some cases, Opera Mini and Bolt Browser are good suggestions to pass those errors.

What Sencha Touch version should I be using for a new development?

I was looking into using either jquery mobile or sencha touch to enhance a mobile web app I had been developing and after seeing some impressive Sencha Touch demos I decided it was the more refined framework.
Anyways, after looking at the Sencha Touch website I'm not sure which version I should be downloading, the current commercial version or the 2.0 developer preview release 3?
While it isn't fully complete yet, I don't want to spend time developing with version 1.1.1 and then have to migrate in 3-4 months time from now (not sure what the development timeline is so I may be way off).
I was hoping a Sencha touch developer would be able to provide some insight on what the best practice would be here.
Thanks
Also, I currently have the app developed in codeigniter with a more simplistic UI, are the two easy to integrate or not?
In my case has "Sencha Touch 2.0.0 Preview Release 3" only made ​​problems. Now I've installed the "Sencha Touch 1.1.1" and it works up to now everything. As long as I can still work with it to be seen.

Getting sproutcore application files to use them in a native app via Appcelerator Titanium

I would like build a app using sproucore framework, but i also want to integrate it with Titanium to have some desktop capability like file system, packaging, offline working etc...
I know that with sproutcore 2 this would be pretty easy since it allows to use the framework like a normal javascript library. But the project is still in beta and the docs are patchy at most (I consider patchy even the 1.x docs, actually).
So, I want to ask, which would be the best way to go to integrate sproutcore and Titanium API?
Titanium's main mission is to use JavaScript to build native apps, not to provide a OS-access layer for web apps. It would be hard to mix native and SproutCore UI elements.
That being said, here's some information that might help you:
Titanium has reversed it's application model starting with version 1.0:
http://developer.appcelerator.com/question/71/what-happened-to-html--css
The main app doesn't run in a web view anymore, instead it runs directly in JavaScriptCore and creates only native UI elements. One of the native UI elements is a web view
(http://developer.appcelerator.com/apidoc/mobile/latest/Titanium.UI.WebView-object)
and it's possible to make that full screen and run your SproutCore app inside of the web view. From there, you can call out to Titanium to call Titanium methods for file system access and the like.
Also, if you only target the desktop, you could even access the JavaScript context object of a webview and use it directly in JavaScriptCore.
Johannes