Click on any phrase to play the video from that point.
[♪Music]
[ADOBE DEVELOPER CONNECTION] [♪Music fades]
Hi--my name is Serge and I work on Adobe's Developer Evangelism team.
And in this video I'd like to show you how easy it is to build iOS applications
using Flex and Flash Builder.
But before I do that, I want to show you a quick example of a Flex application
running on these two iOS devices.
This is an iPod touch and I'm just going to launch the application
and this was actually just a Stock Watching application
built by my colleague, Christophe Coenraets.
As you can see, the performance of this chart is just beautiful, even on this iPod Touch.
This even connects to some live data
so it will automatically update the chart, as well.
As you can see--performance is beautiful, even on this small device.
This guy right here is an iPad 2
and I have the exact same Flex application running here, as well.
You can even go landscape again
and look at some other data--there.
All right--now let me show you how you actually do this, using Flash Builder 4.5.
So here we are in Flash Builder 4.5 and I'm just going to launch a New Project.
I'm going to go for a new Flex Mobile project
and I'm just going to give this a name--MyDemo--and click Next.
Now the next thing you'll see is that we actually have a couple of Target platforms
right here that we support in Flash Builder 4.5,
so not just Apple iOS, but also Blackberry and Tablet iOS and Google Android.
I'm just going to go for Apple iOS this time.
So I'm just going to only select that.
The next step is the application template.
You can start from a completely blank template
or go for View-Based Application or a Tabbed Application--
that's actually what this application is
so let me go for a Tabbed Application.
And I'll add another Tab here as well.
[My other tab] Something like that.
Then you select whether or not you're application will automatically reorient
to Landscape and Portrait Mode, see if you want to go Full Screen,
or if you want the application to automatically scale to different screen densities.
Now I'm just going to leave a default here and then click Finish.
So I'll just create a simple little application with a simple label
and I'll add the mandatory "Hello World" label here;
and that'll be my application for this demo.
Because I really want to show you how easy it is to actually pack this as an .ipa file.
The .ipa file is the installer file that you can distribute in the Apple App Store.
So I'm just going to click the Release Build version--or the Release Build button,
and then click Next.
Now, this is where it gets interesting
because Flash Builder will actually ask you
for all the certificates--now where do you get those?
Well, you actually get them from the Apple iOS developer Web site.
So let's have a quick look at that.
You do need to sign up for the Apple Developer Program
and then you'll get access to this portal here;
and you actually create a couple of different things here
and download them to your system.
The first thing you'll need is the actual certificate--
so this is the Development Certificate.
You can just download that from this page right here.
Then you add all your devices.
So I have a couple of devices here.
If you work with colleagues, you can add device IDs
right here in the Developer Web site.
The next step is that you create an Application ID
so that you can actually refer to the correct provisioning files and things like that.
So let's quickly do that.
And I'll call this--what did I call it--My Demo, I think?
[com.sergajespers.mydemo] and I'll add that one as well.
The next step is your Provisioning Certificate
and, again, that's where you set this up.
I'm just going to go for a New Profile and then give this a name as well: MyDemo.
I'm going to use my certificate--my Code Sign certificate--
and then select the Application ID
that I just created, and that's: MyDemo.
The last step you do here is select all the devices that you want to use.
I want to use my iPad and also my iPod--
like that, and then click submit.
Then it will generate that Provisioning Profile
and that certificate; and then in a couple of seconds
you could actually just download it--and here it is.
I'm just going to download that and then I'm almost ready to go.
Now this is when you start developing your application.
When you're ready with developing and ready to actually submit it to the Apple App Store,
you need a Distribution Profile.
So that's almost exactly the same thing, except this is a different type of profile,
so the work flow is exactly the same.
All right--let's go back into Flash Builder
and then select all the certificates here.
I think I have them saved in this folder somewhere--there we go.
Make sure that I enter my password
and also the Provisioning file that we just created.
Last step is the Package Type.
Do you want to package a File Release version?
Again, then you'll need the Distribution Profile or just an ad hoc package--
which is what you will use when you start developing your application.
Last step is you click Finish
and Flash Builder will package your application as an .ipa file.
There you can then just drag it into iTunes and test it on your own devices.
So hopefully that shows you how easy it is to build this--to build iOS applications
using Flash Builder 4.5 and Flex.
So check it out--I and I can't wait to see what you build with it.
Thanks for watching.
[ADOBE DEVELOPER CONNECTION]
[music] [ADOBE DEVELOPER CONNECTION]
