Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
In this course, author Paul Trani demonstrates how to create, test, and publish a mobile app that works across multiple platforms (iOS, Android, and BlackBerry Tablet OS) and adapts to either a smartphone or tablet display. The course also tackles the issue of various screen sizes and density and how to scale and adjust content.
Once you have your certificate created and loaded into Flash, you can then work on your provisioning profile. This will enable you to provision a device for testing as well as load up that information into Flash to be able to publish an app out to that testing device. So that's what we'll focus on, and I'm going to go out to the iOS Developer Portal. Here in the portal, notice that there are certificates that I can create, but really I want to go down to Devices. In this Device tab, I can go ahead and add test devices.
I can actually add up to a hundred devices. I already have an iPad loaded up, but I'm going to go ahead and add another one. This one will be called Paul's iPhone, something creative like that, and I need to get this Device ID. That actually comes from my device and I can get that using iTunes. So I'm going to go ahead and launch iTunes. Here I am in iTunes and notice I already have my device connected and really what I want to do is I want to click right here and this will change my serial number to the UDID, the Unique Identifier for this device.
Now you don't need to write down all those letters and numbers. What you can do is just go Edit > Copy and it will copy that UDID as long as it's being shown, and then go back right in here and paste it into the portal just like that. Lastly, just hit Submit, and now that's a registered device. Okay, so I have two registered devices. That looks good. Let's go into the App IDs and this really enables me to give my app a unique string that really identifies my app to the developer that made the app.
So I'm going to create a new App ID and in here I can give it a Description and I'll just say it's MyTestApplication. And I'm just going to use the Team ID, so I'm not going to worry about selecting anything in there. But I'm going to go ahead and put in a Bundle Identifier. So this is my suffix, there's going to be sort of a string of numbers and then followed by a suffix and usually it's a reverse domain lookup. But that's really what I'm going to do. I'm going to do com.lynda., and I could put in the app name, but really if you put in Asterisk, that really frees you up to not having to sort of create a new App ID each time.
This is just a wild card, so this makes it more flexible for me. So com.lynda.*, and remember this has MyTestApplication as the description. Okay, so I'll click Submit and now since I've created a new App ID, I can scroll down and there it is, MyTestApplication. You can see the specific App ID right there with a wild card. So plenty in here, you'll probably only have one or two. Now I need to go ahead and create a new provisioning profile.
So I need to provision my device as a test device, so I need to put a profile on it, a development profile. So I'll select New Profile, I'll give this a profile name. So Paul's, something unique, and this could be my monster match-up test, whatever, but it's really Paul's lynda Test and I'll go ahead and use the Paul Trani certificate that I created earlier. And I can select that App ID, and right down here, here's MyTestApplication, and I'll go ahead and select all of the devices.
Again, there could be up to a hundred in here. I'd say that looks good, I'll click Submit and it will be pending, so you might be need to refresh this page a couple times until the Download button appears. Now keep in mind, if you're curious about any of the other terminology or the how-to, there are these How To sections as well, but I'd say that looks good, I'm just going to keep in mind the com.lynda and then that Asterisk, but really I'm just going to click Download and it's going to download that provisioning profile.
I want to go ahead and show this on my Desktop, so I'm going to right-click in Show in Finder. And here it is, there is my developer identity certificate I made earlier and here's my mobile provision. I need to go ahead and put this on my device. So from here I'm going to go ahead and launch iTunes again. Here's iTunes, my device is still connected, and really what you need to do is take this and click-and-drag it to your Library. All right! It actually copied it in there and you can just even drag it in there again and what will happen is it'll say, hey, it's already there, do you want to replace it.
That's just a way to check to make sure your mobile provision actually gets synced up on your device. So that looks good. In fact, I can go ahead and sync that so it appears on my device. I'll just hit Sync. And while that's going, I'm going to go ahead and jump into Flash and use that same mobile provision in my publish settings for my app. Here I am back in Flash. For the provisioning profile, I'll point to that file. It happens to be in my Downloads folder, there it is, my mobile provision file.
Select Open and look how it adds com.lynda and then Dot. I can go ahead and say MonsterMatchUp if I want to give it a unique ID. But that's the great part about this. I gave it a wild card, so I could put anything there that I want. Now as you develop, which you might want to do, is consider in the General tab, incrementing the Version because you might need to make multiple changes and make sure the file gets updated if you keep publishing it out.
So just think about incrementing the version number so the app gets updated each time on your test device. But with that in place, I'm going to go ahead and publish this out. I'll select OK, and File > Publish. Now it's going to go ahead and make that IPA file. As you can see right down here, I now have this MonsterMatchUp.ipa file. This is really awesome. It's basically taken this content and ultimately really these two files and made this IPA file.
Now I can go ahead and take this app file and drag it, just click-and-drag it right into your Library, just like that. There it appears; notice I haven't attached any icons to it. Yeah, that's fine because I'm just testing this out. But you can see the app is right there. And if I go into my Apps area, I just want to make sure that is synced up. So it will actually appear on my second screen. So that looks good, I will go ahead and click Apply which is going to sync that to my iPhone.
So here's my iPhone and as you can see right there, there is MonsterMatchUp. I'll select that. It will go ahead and launch the app. You can see it right there, and as I tilt the device, you can see that little guy kind of move around on the screen. So that looks pretty good, in fact, I'll just close that back out and again, you can see that I can test it on my iPhone, iPad, iPod. Works great. And keep in mind also my mobile provisioning profile is installed on the device as well.
It's under Settings in the General tab. So with my device set up and Flash Pro set up, I can really start having some fun by testing out apps directly on a physical device.
There are currently no FAQs about Building Mobile Apps for Multiple Devices with Flash Professional.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.