Click on any phrase to play the video from that point.
[CS6]
You might remember--in Dreamweaver CS5.5,
one of the big features was the [Greg Rewis][Creative Suite Evangelist]
support of PhoneGap inside of Dreamweaver.
In other words, the ability for us to us HTML, CSS, and JavaScript
to build Native applications for Android and iOS devices.
With Dreamweaver CS6, we've updated that PhoneGap support
to include support for the PhoneGap Build service,
which makes it even easier to build Native applications
for multiple platforms, all using HTML, CSS, and JavaScript.
Let's take a look.
Here in Dreamweaver CS6 I've built the Pluralist application,
using jQuery Mobile.
And now that I've got it all done and I've tested everything out,
seen that it's all working exactly the way that I want it to,
I want to rap this up as a Native application.
To do that, I'll simply go to my Site menu
and down to the PhoneGap Build menu.
Now there are 2 options here: PhoneGap Build Settings--
where I can specify the location of my SDK,
and PhoneGap Build.
To create my application, it's as simple as clicking this button.
You'll notice the PhoneGap Build Service panel opens,
and I can choose to Start the Build Service.
Now this is going to contact the PhoneGap Build servers up in the Cloud
and ask me how I want to create this project--
do I want to work on an existing project or create a new one.
Since this is the first time I'm building this, I'll create it as a new project.
I'll click Continue, and that's going to tell
Dreamweaver, now, to talk to the PhoneGap Build service
and begin to upload the files to create the application
when I click the Rebuild Application button.
So here we go.
And we can see now that, as the files have been moved up to the Server,
the Server has begun to build our individual applications.
Now you might notice, one--the Symbian--has just completed.
As the others complete, you might notice that our iOS
is telling us there's a Signing Key required.
Now, this is a requirement of Apple,
so what I need to do is
I need to go to the Apple.com Developer site,
sign up as an iOS Developer,
and provide information about my iOS devices--
and that, in turn, gives me this Signing Key
that I can add to my profile up on the PhoneGap Build service.
And once I've done that, then PhoneGap
will be able to build those applications for my iOS.
Now I've done it, simply for Android
and Blackberry, Web OS, and Symbian.
So now I have a choice as to how, exactly, I want to proceed.
I can choose--for example, if I'm interested in Android,
to download the APK file--the actual application--
to my computer
and then transfer it over to my phone.
If I have the SDK installed, I can emulate the application.
And then we've got that funny symbol
that we've seen over and over here lately: the QR Code.
What is that? Well, it's the
easiest way to get this application onto my phone, for testing.
I'll simply click the QR code and we can see--there it is.
That's the QR code.
Now all I need to do is simply
take my phone and aim it at that QR code,
using an application that identifies those codes--and we'll see what happens.
So here I have my Samsung Galaxy SII, an Android phone,
and I've got Google Goggles fired up.
And I just actually aimed at that QR code
and, oh my goodness--there it is.
It's telling me: build.phonegap.com--
yeah, it's linked directly to the application.
Let's go ahead and click that--
and that's going to link us over to build.phonegap.com
and ask us to download our application,
which is exaclty what we're doing right now.
That is really simple.
So I'll give it just a second to get down to the phone
and then we'll go ahead an install it and see what we've got.
It's now completed the download.
So we'll just tap it and we can see--hey--we're ready to build this application.
Let's go ahead and install that.
We've installed it; we'll open it up.
So here we have our application.
This is a Native application that was built
with HTML, CSS, and JavaScript.
You can see--I can tap
and go to my List--and perhaps find a store.
Let's say I'm going to be in Los Angeles--see where they've got a store.
I can see information about it,
tapping into all the Native pieces of the device itself--
even the ability to call--
moving back, and back to my Home screen.
Again, this is a Native application that was created
with jQuery Mobile, HTML, CSS, JavaScript--
inside of Dreamweaver CS6, using the PhoneGap Build Service.
Now I've just shown you the Android version
but as you saw, I have multiple versions.
I can build for iOS, Android, Symbian, Blackberry--
all with the click of a single button, inside of Dreamweaver CS6.
This is really going to open up new possibilities for Web professionals.
[Adobe]
