Click on any phrase to play the video from that point.
[metallic whirring] [ADOBE DEVELOPER CONNECTION] Hi. My name is Serge, and I work on Adobe's Developer Evangelism Team. [Serge Jespers - Developer Evangelist] Today I'd like to show you how easy it is to build Flex applications with Flash Builder 4.5 that run on all the major Google Android devices, iOS devices, and even on the BlackBerry PlayBook. But before I show you how to do that in Flash Builder 4.5, I'd like to show you a couple of examples that were built with Flex on all these devices. The first device I'd like to show you is this one right here. This is an HTC Desire HD. I'd like to start off with an application for a broadcaster back in Belgium. This will just load an XML file with FLV files that will stream from a Flash Media server. This is running on the HTC Desire HD, the HTC Inspire in the US. As you can see, the performance of this list is beautiful. Let's look at these pancakes. Those look delicious. [foreign language on video] And again, as you can see, the video plays well, the list behaves well as well, and it just looks great. I also have a different application. This is a stock watching application built by one of my colleagues, Christophe Coenraets. This actually has a number of features. For instance, it has a live updating chart here. If I turn this around, it will automatically reorient to the landscape mode and also reformat the application. And it has some other effects in here as well. I have the exact same application running on all of these devices. So let's start with this one. This is the Motorola Xoom running on Android Honeycomb. I'm going to load the app here as well. And there we go. So I have a big chart here that I can scroll through, also zoom in and out. There's this watch list here I can dig into. And as you can see, performance is beautiful on this brand new Motorola Xoom. This one right here is the BlackBerry PlayBook. And again, I have the exact same application, exact same codes running on this as well. So again, this is built with Flex and Flash Builder 4.5, has a bunch of transitions here, all the data is here, live updating as well, and as you can see, performance is beautiful. Let's try something a little bit smaller. This is an iPod Touch. Here is again the same application, also reorienting to the landscape mode. Here's my watch list. Let's dig into something else here. Even on this slower device it's actually running very, very smoothly. The last device I want to show you is my iPad 2. Again, same application running the same codes built with Flash Builder 4.5 and built with Flex. And it also does the reformatting when I go into landscape mode. All right. So now that you've seen the app running on all these devices, let me show you how you actually build this. I'm going to go into Flash Builder 4.5. When you launch Flash Builder 4.5 the first time, you'll see that we have a couple new project types. One of those new project types is the Flex Mobile Project. So I'll just use that and then I'll call this MyDemo and click Next. The next step here is that you actually have a couple of templates that you can base your application on. So we have a completely blank template where you can do whatever you want. There's a view-based application that will automatically also remember what your previous view was, so it's very easy to go back to that. And then there's also a tabbed application, which is what I just showed you. So let me just use that as well. I'll just make a couple of tabs here and just do something like that and make two different two tabs. Then I can also select whether or not I want the application to automatically reorient when I go into landscape or portrait mode. If I want to go full screen, if I want the application to scale to different screen densities, you can select that here. But what I forgot to mention--and probably the most important part--is right up here. You see all these different target platforms? We have Apple iOS, BlackBerry Tablet OS, and Google Android. So right now I just have all three selected. I can also set different permissions if I need to. I don't need to do that for iOS, but for BlackBerry Tablet OS I need to tell my application that I want to access the Internet. And the same thing goes for Android. If the platform has multiple settings, you can also select them here. For instance, for Apple iOS, I can select what the target device will be, if it will be an iPhone, iPod Touch, or an iPad version. I'm just going to go with All because I want to make sure that it works on all the devices. And then I'm going to click Finish. Now I'm just going to quickly create a simple little Hello World application. I'll just add a label with the text "Hello World" and then show you the rest of the workflow, because when your application is ready, you don't actually have to build the application separately for every single platform. You can actually do that in one go. It's pretty amazing. So you only have to click the Export Release Build button and then you're almost ready. So you select all the target platforms that you want the installer to compile for and then you click Next. So this is where you add all the signing certificates and things like that. So right here I need to select the certificate that I got from the Apple iOS Developer website. So let me just select that right here. I'll enter my password, and then there's also the provisioning file, again, something that you get from the Apple iOS Developer website. You can select whether or not you want to go for a final release package or an ad hoc package. The ad hoc package is something that you can use to test on your own devices. The same thing goes for BlackBerry Tablet OS and obviously also for Android. I'll just make sure that I have that selected as well. The last step you need to do is just click Finish, and Flash Builder will start packaging all the installers for all the different platforms. And that's all you need to do. So hopefully that gives you a little bit of an idea on how easy it is to do this now in Flash Builder 4.5. [Learn more about Flash Builder 4.5 adobe.com/products/flashbuilder] Make sure you check it out, and I'm looking forward to seeing what you build with it. Thanks for watching. [ADOBE DEVELOPER CONNECTION] [metallic whirring]
