(awesome, awesome, hilarious idea)
I’ve set up a survey for you to complete your final project proposals. Please complete it by Friday.
Here’s the link: http://www.surveymonkey.com/s/67R5Y62
I’m becoming concerned about scheduling for our class, so I’m working on a timeline for handing in proposals / mockups / wireframes for our apps. If you were in class today, you heard I’ll be gone May 12-16. Our exam is scheduled for the 16th, grades are due the 18th. I’m not sure if this means our apps will be due Friday the 10th or Friday the 17th.
Also, our next class, I know 4 of you won’t be there, so for the rest of us, let’s walk through getting your app set up: picking a device to develop for, figuring out what plugins (if any) to use, building an initial project, specifying the OS target, making icons and splash screens, and the like. It may just devolve into a one-on-one lab, which is fine with me, too.
I’ve no clue how they made all of this happen… Very inspiring.
So that’s how to get set up for Android development. To reiterate what I said towards the end of class, anything that you get to work in Xcode via PhoneGap will work just as well here – there are exceptions and quirks, but generally, any PG code that works for the iPhone works for Android. So I encourage you to develop for android if you have an android phone.
Next, I hope: using plugins with Eclipse.
On Wednesday, I’ll introduce you folks to the basics of Android development. You probably won’t be surprised to find out that it’s a little bit wacky getting everything set up! I’ve created a PDF file to assist with links, and we’ll walk through the process in class. To get started (if you want to work along with me in class), download Eclipse and the ADT plugin and Android SDK, all in one big package, here:
Here is the summary of steps to take. See you then.
For today’s class I’m bringing in a version of our canvas / photo app, a version that currently populates the canvas with a picture taken by the device’s camera. Oddly, when it’s added to the canvas, it gets clipped / smushed / resized poorly, so that’s what I’d like to troubleshoot in class.
If you want to work along, please copy the project from the IM server onto your laptop, then set up a *new* project, run it, add the ‘www’ folder, add the plugins (and populate the ‘plugins’ section of Cordova.plist), and then copy over the .js and index files from the server project. Then you should be able to test on your device!
Remember, an A/V project by *you* is due next Monday. Feel free to work on that instead.
So starting Monday, please bring your laptop, your device (if you have one), and your self, as we’ll be jumping into full workshop mode, working on your next projects (due the following Monday): An app that uses some element of the API for the Camera, audio, or canvas. We’ve got working versions of apps using all three of these on the IM server; feel free to download and adjust those (see previous post).
Good question. Start by creating a new PG project, using PhoneGap 1.9.0 (which is what we used in the drawing app). Run it, add the ‘www’ folder, then install the ‘Canvas2Image‘ plugin:
Copying the ‘.h’ and ‘.m’ files to the ‘Plugins’ directory of your project in Xcode (drag them onto the ‘Plugins’ folder icon, then choose ‘copy items’ and ‘create folders’). Then copy the plugin’s .js file to your ‘www’ folder (do this in the finder; Xcode will update the changes). In your index.html, add a link to your new .js file (just like you would link to any other external .js file, such as cordova-1.9.0.js). In Xcode, open the ‘Resources’ folder and find Cordova.Plist. Click on it, and add a string to the ‘Plugins’ section with a Key of ‘Canvas2Image’ and a Value of ‘Canvas2Image.’
Using Cordova 2.0 or greater? In that case, there is no Cordova.Plist file – edit the contents of the config.xml file instead. Also, all your JS files and such will go into sub-directories of the ‘www’ folder, so you may have to update your links.
Then what? Well, that was the hard part. Next, copy over the contents of our drawing project’s index.html. You can replace your own index file completely, but you’ll have to check and make sure all the external file links are right.
That should do it. You can now try running the app from Xcode onto your device.