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've thoroughly tested your app on your test device and maybe sent it to others to test, you can then get it ready to actually push out to the app market. Very exciting, of course, I'm going to focus on the iOS Market. I'm going to publish out this IPA file and just double-check all of this information. Of course, the Version number, iOS can increment and it will actually update and tell the user to download the latest version, which is great. Down here everything looks pretty good. Resolution is set to High.
Then go into the Deployment tab and what you have in here is you have a developer certificate. And really what you need is you need more of a distribution certificate, which you can only have one of those, but I need to go ahead and sign this with a distribution certificate now. So I'm going to jump out to the iOS Provisioning Portal. Here I am in the iOS Provisioning Portal. I'm in Certificates, in the Development tab is where I've created the development certificate.
And what you need to do is go to the Distribution tab and create a distribution certificate. I've actually already loaded up a CSR file and once you've done that and it's been issued, you can go ahead and download that file. Now keep in mind, it's creating this certificate file and you do need to open that up with Keychain Access. So I'll double-click it to load it up into my Keychain. Here it is. Again, it's my distribution certificate. From there, I need to export it to this P12 format that I can use in Flash.
Please refer to the certificate video as well as the distribution video to multiple test devices. Nonetheless, this P12 is what I need and I will save it to my Desktop, and I will just call this DistCert. There's my DevCert, now I'm creating my distribution certificate on my Desktop. Click Save, give it a Password, remember this is linked to my identity, and then password for my machine, click OK, and it creates that certificate. All right! With that created, I could go back into Flash and I'll just point to that distribution certificate just like that.
Make sure that password is correct and I can go from there. Now I can still go ahead and test on my device, which is what I want to do, but ultimately, I can go ahead and publish it out for deployment that IPA file. But nonetheless, I'm still going to test it because I want to make sure all the icons look good. So now I'm in the Icons tab, I'm going to load up some PNG files with these various sizes, starting with the 29x29, I could go in here to my folder.
This icons folder has a 29x29 PNG file. And let me just go to a larger one, just so you can get quick preview of it. It is transparent and it's not really on a background, but when this is on my device, it actually will give it a black background, will bevel or curve the corners and give it a highlight. So those are none of the things that I need to add myself. All I need to do is just add the graphic, it could have a background or it could be transparent like this. There it is, 29x29, do the same for 57x57.
This is four different resolutions, and on different screens, they're going to be all these different sizes. 114, and this is our largest one. It's the 512x512. And keep in mind, you don't want to necessarily always resize going from a 29x29 clip to a 512 image. You can actually add more information, if the image is larger. This one happens to look pretty good, small as well as large, so I'm going to go with the same image.
The last two icons are for the iPad. Just like that, we're good to go. One other thing and this is a cool little trick and really what you want to do is you want to go ahead and add a splash screen to your app. So this PNG file will actually load up and appear before your app is fully loaded. So this just really helps sort of display either a message. It could be your company or it could just be the first screen of your app. So, that's why I'm going to include file by clicking that Plus sign.
They have to be in the same folder as your FLA file, and this default PNG is what I'm going to select. This is 320x240, and just add that. So now we have our phone and now our iPad version and they have to be named this way as well, so it has to be Default~ipad.png just like that. Click Open, they're good to go. All right! With everything in place, I think it's all looking good, now I can go ahead and hit that Publish button to make the IPA.
Here it is, actually on my Desktop, my MonsterMatchUp.ipa file. I want to go ahead and take that and just drag it into iTunes, into my Library area just like that, and you can see that icon show up. Keep in mind it will actually appear black, but we can see that one looking great and really the next step is you can go ahead and sync it with your device to make sure all the icons are in place. But this is great, my app is all ready to go. Really, the next step would be to go ahead and upload this to the App Store.
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.