This here is the most recent article, but you can browse all other sections below.
joshjohnson
benztch
jasonhudson
youngnapark
joshjohnson
joshjohnson
armst
cierra__calais
youngnaparkTuesday, October 09, 2012
How To Set Up The Tide SDK: Developing Desktop Applications with HTML5, CSS3 and Javascript
You downloaded Tide SDK, so what next?
Last night, I discovered you could actually build web applications with HTML5 and CSS3 with TideSDK using Titanium Desktop. It took me about 6 hours of searching and reading before I could finally understand how to set up the SDK and create an application with it. The documentation on the site was least helpful and to make matters worse, Titanium Desktop itself has been discontinued.
So I will write out a guide as to how to set up TideSDK and how to create your first Hello World application. Here are the steps.
- Download the SDK from the TideSDK website
- Download TiDev Community app. This will serve as your IDE.
- Download the HelloWorld files from the GitHub repository. The HelloWorld app teaches the following
- The use of the API to create a menu
- Adding a menu item to a menu with a simple callback to prompt the user to exit the app
- Displaying content using HTML and CSS.
- Import the downloaded app(the HelloWorld) app to the application (Click on Import then locate the unzipped/untarred folder).
- Run the Hello World app! Click on ‘Test & Package’ button in the TiDev menu, then click on the ‘Launch App’ button in the lower left. The Hello World app will start and begin logging to the screen. Debugging statements you include in your code will appear.
var menu = Ti.UI.createMenu(),
fileItem = Ti.UI.createMenuItem('File'),
exitItem = fileItem.addItem('Exit', function() {
if (confirm('Are you sure you want to quit?')) {
Ti.App.exit();
}
});
menu.appendItem(fileItem);
Ti.UI.setMenu(menu);
4 Responses to “How To Set Up The Tide SDK: Developing Desktop Applications with HTML5, CSS3 and Javascript”
Leave a Reply
This article was written by Seye Kuyinu. I am a web applications developer with new interest in UX design.
Lately, I have focused my attention from core web applications development to interface designs and development processes using User Experience principles. I am also an ardent fan of WordPress. I have a hang of the HTML, CSS, PHP, MySQL, ActionScript, JavaScript.
In my spare time I play the violin. You can follow me on twitter: @seye
Hello, an error in my test was run
python.exe: can't open file 'C:UsersFAGNERAppDataRoamingTitaniumsdkwin322.0.1.GA2tibuild.py': [Errno 2] No such file or directory
what can it be?
Have you updated your TideSDK?
@Seye There is a complete getting started guide by clicking the docs button on our site. http://tidesdk.multipart.net/docs/user-dev/genera…. This includes instructions for the Tide Developer App which is available from github. The version you want is 1.4.2 for our platform. https://github.com/TideSDK/TideSDK/downloads
Thank you for this. I have already updated. It's quite straightforward now.