Click on any phrase to play the video from that point.
[place holder]
[Paul Trani] With Flash Professional CS5.5, you can now publish apps for IOS devices
such as the iPod, the iPhone, and even the iPad.
So let's go ahead and take a look at publishing an app for the iPad.
Currently, I have this project set up and I have not only an iPad version--
I have a PlayBook version and an Android version--
they're all sharing this code right here, this ActionScript file.
But I want to focus on this iPad version, which I currently have open.
I can just take a quick peek at the code
and notice that it's going to tap into the Accelerometer,
so when I tilt the device, you're going to see these lines being drawn.
I can also tap into additional capabilities, but in this case,
just some touch events and the Accelerometer is what I'm going to use.
I want to go ahead and just do a test movie in Flash right now
because this is really what you'll get--you'll be able to draw these lines
and you can see this artwork being created,
and as you tilt the device, these lines are going to change directions.
All right.
So I've tested it out, it looks good, and I want to jump right into the published settings,
so I'm going to File, Publish, Settings,
and I'm going to make sure the player is set up for AIR for IOS.
Unlike other AIR settings, the AIR for IOS actually does not need the AIR run time.
It's actually going to compile down into a byte code
that's going to be great for any IOS device.
So with that said, I'm going to go into those particular settings.
I define an output file, I give it a name--we're just going to call this Silk,
Version Number, this is going to be Portrait, and it's going to go Full Screen.
Next up, I can change the render mode.
Now, if you're familiar with rendering, you can go ahead and change it from CPU to GPU,
so the graphics processor unit is actually going to be more efficient
on mobile devices, so I'm going to change that to GPU.
The device I have connected by USB is actually an iPad,
but note that I can publish out to an iPhone size clear up to an iPad size.
Resolution--I can also change this from High Resolution to Standard--
whatever the case may be, so for an iPhone 4,
I'd want to change this to High Resolution since that has a High Resolution display.
But again, this is for the iPad, so I'm going to select Standard
with all of that set up.
I'm going to go into Deployment, and this takes a little more work.
Really, there are two main things you need to go ahead and create:
you need a certificate that's going to be associated with this app
and you're going to need a provisioning profile, and both of these
actually come from Apple, so I'm going to go ahead and open up a web browser
and what you need to do is you need to become an Apple developer.
So you pay the fee and then you become an Apple developer
and it gives you access to this Provisioning Portal.
From this Portal, there are plenty of resources,
as you can see, off to the right-hand side
as far as assigning devices, creating app ids, and your provisioning profiles as well.
I'm going to go ahead and jump into the certificates
because that is really the first blanks I need to fill in on that Distribution tab.
So in there, notice I already have a certificate set up.
In fact, I can go ahead and download it, but if you want instructions
on how to make the certificate, just go to the How To section and follow those directions.
You're basically going to establish a device id and an app id.
So again, that's where the certificate comes from.
I already have it downloaded.
You also have certain devices that you want to have registered
and associated and even provisioned for making your apps.
I've already done this; here's my device id.
I will just point out real fast in iTunes, my connected iPad,
and if I just do a Command-click on that number right there,
it gives me the specific identifier for this iPad
because want to provision this iPad
as a development device.
Skip down to Provisioning.
So you will put in that UD id and then you're going to be able to download
that Provisioning profile.
So if I click inside there, notice that the app id is TraniDemo,
so I can just go ahead and copy that app id
and go back into Flash.
Here I am in Flash.
I've already loaded in the certificate.
I've added the password that I used when I first signed up as an Apple developer.
I uploaded the mobile provision, or actually just pointed to that file
and then that's where my app id goes, right there.
Now what I'm going to do is I'm going to go ahead and publish this for device testing,
so that's why I have that selected.
But you could even go clear down to final deployment, publishing it to the App Store.
But again, I'm going to publish this out to my connected iPad,
and the last section I'm going to focus on are the icons.
So this is pretty straight-forward, I've just identified these different .png files
that are already set up and good to go.
So with everything in place, this is the fun part: just clicking Publish
and what it's going to make is it's going to make this IPA file on my desktop.
Click Publish.
So I'm going to select OK and go back out to my desktop
where that IPA file is created.
It's in the Silk folder; there's my Silk IPA file.
All right, I need to go ahead and take this app
and I need to go ahead and put it in iTunes.
So with iTunes open and the app section selected,
I can go ahead and just drag that right in there
and it will add it--you can see it right here.
It adds that app.
The next thing I need to do is just select my iPad
and go into apps, and just make sure that check box is checked.
I'm going to sort this by name.
I want to make sure Silk is checked.
Sure enough, there it is--there's my Silk app.
In fact, it's going to be on screen 2. I can see it right there.
So all I need to do now is just go ahead and click Apply
to sync my iPad with iTunes.
All right, now that it's done syncing, you can see there's my Silk app.
I'll just go ahead and select it to launch it.
There's my little message, we can see that border, and now what I want to do
is just go ahead and just do some drawing,
and as I tilt the device, that Silk tilts and starts moving that direction.
So again, I can do all the drawing I want just by using touch events
and then tapping into the Accelerometer
to really create some cool drawings as well.
And what I can also do is I can go ahead--once I have a cool drawing--
I can even click Save and it will Save it to the camera roll.
So it's really exciting being able to use Flash to publish directly out to the device
and take advantage of the whole ecosystem associated with IOS devices.
You can not only use touch events and Acceleromter,
Keep in mind you can use the microphone, the camera, and even load photos
from the camera roll as well.
So try it out for yourself. My name is Paul Traini and thanks for watching.
[place holder]
