Showing posts with label Titanium Studio. Show all posts
Showing posts with label Titanium Studio. Show all posts

Thursday, 19 July 2012

Now a Titanium Certified Application Developer.


I am happy to announce that I have qualified the TCAD(Titanium Certified Application Developer) certification.
I want to thank wiki.appcelerator for making me understand the Titanium concepts.





Wednesday, 20 June 2012

Implementing APNS in Titanium-Start to End Tutorial

Hi,
Today we will be implementing the APNS(Apple Push Notification Service) using Titanium.
I will guide you from your client code to the server side implementation.


Get Started

Client Implementation

Create a Titanium Mobile Project.
Once it is done, open your app.js and paste this code

Thursday, 5 April 2012

Learning commonJS: Building a custom TableView using commonJS approach

The new player in the Titanium world is our commonJS module development.
As most of the Titanium developer will be aware of what commonJS module or commonJS approach for building a titanium application is.

For the who dont know exactly what commonJS is, I must recommend to go through the appcelerator wiki website. here is the link for that commonJS

Tuesday, 20 March 2012

Hacking Titanium SDK - Modifying Create project Wizard

I was working on a project in Titanium this weekend, and I crossed the limit of my laziness.
I had certain files(JS) which I almost need in all my project, so every time I create a project I had to include them or add them to my project.

I thought why don't this process be automated, means whenever I create any project "My files" should automatically get added to my project.

Monday, 13 February 2012

Calling Drupal WebService through Titanium using Json


In this tutorial I will tell you how to call a drupal webService using Json with and without any parameter.

So lets start with Calling a webService without any parameter.

If you are not aware then let me tell you that for calling a drupal webService, w have an endpoint or we can say it as a url to which you will point and call a specific method (which will be your webService name).

Monday, 16 January 2012

Extending titanium project with iOS module development-Implementing Bitly API

I spend my weekends reading about titanium and exploring its power. And being an iOS developer, I really loved the way we can create iOS modules for my existing titanium project and extend it to a great extend.
The modules created can be easily created and deployed.
Today I will tell you how we can easily integrate an iOS module and use its power in our titanium project.

Overview
We will be creating a simple application with the titanium studio, which will accept a long url and give us a short url.
In short, we will be implementing Bitly API.
Here the UI will be designed in our Titanium studio  and out Bitly API implementation will be done in our iOS module that we will develop.

Friday, 16 December 2011

Running Appcelerator project in Xcode.


 Couple of days earlier, I was more busy in finding the best mobile framework suitable for building iOS Apps, without diving into native code.

I came across this Appcelerator Titanium. I found this pretty interesting, But searching for while I could not found that how it could be beneficial for an iOS developer like me.

I was more interested in running the appcelerator project in Xcode. After juggling for a while I managed to do that.
Lets start Munching:

Step 1:  Download the Titanium Studio from : http://www.appcelerator.com/products/titanium-studio/

Now install it on your Mac.

Step 2: Launch the Titanium for the Application folder.
Below is the Titanium IDE



Step 3.  Now Go to File>New>Titanium Mobile Project.

You will see the similar screen as below:


Step 4: Click on Next , Here you can either choose a pre-build template or can go without a template.
























I have selected the Geolocation mobile client template.

Step 5: Hit Finish and you are done.

What you see now is your project in the IDE. On the left pane double click  to the tiapp.xml file.
It will open it for you in the right pane.
This is where you do your project settings, below is the similar screen that you will get.


As you can see under the Resource folder you have your app.js file, which is the main file where you code your javascript.


As you can see on the right side  you have TiApp Editor open and you have your "MyFirst App settings in front of you".

The beauty of this Appcelerator is that you code only once and can deploy for iPhone,iPad,Android, Mobile web.


We are not diving into the programming but as we have selected the GeoLocation mobile client template. Lets see what this template has done for us.

Lets build this project

In between the toolbars you can see the Run button. Click on the small arrow next to it.














>Select the option Run Configurations.

You will see the below screen. Select the Project that you wan to run, for us is MyFirstApp.
Choose the iOS SDK as 4.0 or above not SDK 5 (As for me while choosing iOS SDK 5 it gives error).

After doing this, Click on the Run button.(bottom right)
































> You can see all the logs in the bottom console window.

Now when the build done. You might be thinking that where is the Xcode in this.

I will say here comes the Xcode.

Navigate to the workspace directory that you set while installing or running the Titanium studio.
The path will be like.

yourWorkspaceFolder>MyFirstApp>build>iphone>MyFristApp.xcodeproj

So this is your Xcode project file.
Run it and it will open the Xcode for you.

> Now you have your favorite IDE Xcode in front of you and a project loaded in it.
Then what are you waiting for hit the Build and Run button

Below is what you will see.























> So you can see that we have only used a single template for Geolocation and we have this beautiful app showing your current location. (dont worry simulator does not show the actual location, it will always show the Apple headquarters) 


Final Words:


You can build a whole app using Titanium Studio using just JavaScript.(good for web developers) and can deploy it to the various mobile devices.

If you want to extend your project using the native language i.e using Objective-C, then you have to write modules and then attach it to your existing project.

Here is a tutorial link for that iOS module Development

Pages