{"id":117,"date":"2014-11-16T02:04:59","date_gmt":"2014-11-16T05:04:59","guid":{"rendered":"http:\/\/52.24.147.87\/?p=117"},"modified":"2016-09-01T21:48:41","modified_gmt":"2016-09-01T16:48:41","slug":"setting-up-the-mobile-dev-enviroment","status":"publish","type":"post","link":"http:\/\/www.stonemillkids.com\/index.php\/2014\/11\/16\/setting-up-the-mobile-dev-enviroment\/","title":{"rendered":"Setting up the Mobile Dev Enviroment"},"content":{"rendered":"

 <\/p>\n

This post details how to setup a Mobile, Cross-Platform, App Development IDE in Windows.<\/h3>\n

Now that the website is up, I want to create my first App.\u00a0 The full set of requirements for this project can be found here<\/span><\/u><\/a>.\u00a0 If you have not read them already, it might be worth the read.\u00a0 However, most folks reading this side of the blog will be interested in knowing how to develop and publish a Mobile App.\u00a0 While some of the information must cross, I am going to try and\u00a0keep the\u00a0actual App away from the rest of the blogging.<\/p>\n

To help with that, any of the content on the technical side will have a “T” in the logo.<\/p>\n

\"Shapes!_w_background_Tech\"<\/a><\/p>\n

High Level Requirements<\/strong> (Duplicated for those who have not read them yet):<\/h4>\n

1)\u00a0Touch the screen and a circle appears.<\/p>\n

2) Hold your finger on the screen and the bubble grows<\/p>\n

3) Press the screen again, and repeat, to add as many shapes as you want.<\/p>\n

4) Press an existing Shape to have it “pop” or be removed from the screen.<\/p>\n

5) Press an existing shape and drag it to move it across the screen.<\/p>\n

That’s it.\u00a0 I would argue that #5 is not needed, but I want to test dragging on both iOS and Android.<\/p>\n

The requirements are balanced with both toddlers, and beginning Mobile developers in mind.\u00a0 If we can teach a 2 year old to use each of the feautres on an iPad, it also allows a developer to get real examples for how to use those features\/mechanics\u00a0in other apps.<\/p>\n

My Available Testing Platforms:<\/strong><\/h4>\n

iOS – iPad Mini<\/p>\n

Android – Galaxy S4 and the original Galaxy 10.1 Tablet<\/p>\n

Windows 8<\/p>\n

Why the Project is Documented:<\/strong><\/p>\n

I want to walk through the publication process for Google Play and iTunes Store so that my next endeavor can be easier.<\/p>\n

I also want to document the process so that I (and others) can repeat this later.<\/p>\n

Development Tools Used:<\/strong><\/p>\n

libGDX<\/a>– libGDX is a cross platform, open source, full featured game development platform. It cross compiles Java to other platforms.\u00a0 I downloaded\u00a0it two years ago (2012).\u00a0 It has come a long way.<\/p>\n

Android SDK<\/a> – Required for Android development. This is still compatible with eclipse, but I am not comfortable starting a new development endeavor with eclipse if support has been discontinued.<\/p>\n

Android Studio<\/a> – google put their support behind IntelliJ IDEA, so I am going to at least download it to keep the SDK package management up to date.\u00a0 I still think that libGDX will win because it offers cross-platform features that are not available in the Android Studio, however, I feel that I need to be familiar with both.<\/p>\n

Development Tools Not <\/em>Used:<\/strong><\/p>\n

eclipse<\/a>\u00a0– The IDE that I am familiar with professionally and personally for over 10 years – Support for this is\u00a0 being discontinued by Google, so I am choosing to NOT use eclipse<\/em><\/p>\n

Getting started:<\/strong><\/p>\n

Setup the Development Environment – <\/strong>This is a complex and personal decision.\u00a0 With Microsoft recently announcing their free Visual Studio,\u00a0 I did reconsider my decision, but I\u00a0am going to let others commit to a\u00a0“new” platform before I make a decision if I should move to move away from open source tools that I at least have installed before.\u00a0My second reason is\u00a0I expect their to be more community documentation on the older technology, and since I generally new to Mobile development, I am hoping I can find more documentation available.<\/p>\n

Two items of note:<\/p>\n

1) I always start with a directory off of the C: drive.\u00a0 It makes my development easier if I have to port computers.<\/p>\n

2) I always save the original downloads that I used to create a project.\u00a0 It makes life a lot easier if you have to create\u00a0a new project (Or if you have to reinstall eclipse because something <\/em>broke).\u00a0 The last reason for this is, what I call,\u00a0original traceability.\u00a0 Consider two years from now you a curious where you downloaded that library or set of images.\u00a0 Keeping a little organization in the beginning helps dramatically.<\/p>\n

While I have used all of the tools mentioned above before, I am going to download a clean copy of all of them and install them into new directories. Enough changes on a regular basis, that a year is a long time.<\/p>\n

I have setup:<\/p>\n

C:\\Development – for my local folder for everything<\/p>\n

C:\\Development\\Downloads – for all of the original copies of the tools I downloaded.<\/p>\n

On to installing software<\/h3>\n

libGDX requires the Android SDK, so the SDK is next.<\/p>\n

\u00a0Enabling Developer Mode on my Android Devices<\/strong><\/h4>\n

Sorry for the aside here, but the downloads are taking long enough I figured I would google (and document) how to enable development on my Android devices.<\/em><\/p>\n

Galaxy S4:(Model:SCH-I545, Android 4.4.2<\/p>\n

1. Settings->About Phone Touch “Android version” about 8x. This enables the developer menu<\/p>\n

2. Settings->Developer options->USB Debugging<\/p>\n

Galaxy 10.1 (Model: GT-P7510, \u00a0Android 4.0.4): debugging with the PC can be enabled by going to<\/p>\n

Settings->Developer options->USB Debugging<\/p>\n

now I cannot say if I had selected the version last year 8x or not on the Tablet, but I expect I did.<\/p>\n

Note: I am purposely avoiding my iPad at this point because I want to get everything up and running with Android first.\u00a0 I will port the game after it is working on these two devices.<\/em><\/p>\n

\"Asset_Studio_000\"<\/a><\/p>\n

Android SDK install<\/a> –<\/strong> Heading to the download page, it states that the eclipse SDK is not longer supported.<\/strong><\/p>\n

I guess I will download and install the Android Studio and see where that goes.<\/p>\n

After a couple of clicks, I have found these instructions:<\/p>\n

http:\/\/developer.android.com\/sdk\/installing\/index.html?pkg=studio<\/a><\/p>\n

The instructions are a little off.\u00a0 I unzipped the folder, but then had to find the exe.\u00a0 It was buried in the “bin” directory. I went with the studio64.exe. I expect that will work (since I have a 64 bit machine).<\/p>\n

C:StoneMillDevelopmentandroid-studio-ide-135.1538390-windowsandroid-studiobinstudio64.exe<\/p>\n

I have never installed this before, so I simple went with the new product setup:<\/p>\n

\"003_Android_SDK\"<\/a><\/p>\n

I also created a generic project in hopes of getting to the IDE’s “Desktop”<\/p>\n

\"004_Android_SDK_New_Project_01\"<\/a><\/p>\n

\"005_Android_SDK_New_Project_02\"<\/a><\/p>\n

\"008_Android_SDK_Project_Complete\"<\/p>\n

After the App launched, I went to the Tools->Android->SDK Manager and updated all of the libraries. and tried to launch the device. My S4 did not show up and, as I remembered, the emulator took so long, I thought the install was busted, before I remembered I had a phone to work with.<\/p>\n

Back to the Phone:<\/strong><\/p>\n

I went back to the phone, plugged it into computer.\u00a0 I ended up waiting about two minutes for Windows to detect and\u00a0install enough of the drivers such that\u00a0the Windows Device Manager now\u00a0recognized this as a device.<\/p>\n

On the phone, I\u00a0then changed the following settings in the “Developer options”<\/p>\n

Stay Awake -> (now checked) – this seems to be important because maybe the device falls asleep and\/or the debug does not work.<\/p>\n

USB Debugging -> (still checked) –<\/p>\n

Hitting play on in the SDK, everything now works.<\/p>\n

\"009_Android_SDK_Complete_02\"<\/a><\/p>\n

 <\/p>\n

 <\/p>\n

The Tablet does not have a “Stay Awake” setting, and plugging it into the SKD just made it work (No screenshot. just imagine the abov one blown up to 10.1 inches and you get the idea).<\/p>\n

The Android Studio development environment is now up for both devices.<\/p>\n

 <\/p>\n

\"001_libGDX_logo\"<\/a><\/p>\n

 <\/p>\n

libGDX install<\/strong> – Lib GDX has matured very nicely.\u00a0 It currently uses Gradle\u00a0for Continuous integration.\u00a0 Which is awesome, as it is even\u00a0better than Maven.\u00a0\u00a0It also has a downloader that installs everything for you, so the see how that goes.<\/p>\n

 <\/p>\n

The hardest part was to determine where the android SDK was installed. It ended up being in my user directory, see image below.<\/p>\n

To import to Intellij IDEA: File -> Import -> build.gradle<\/p>\n

\"010_libGDX_Setup_001\"<\/a><\/p>\n

 <\/p>\n

After hitting “Generate” it took approximately 4 minutes to say “Done!<\/p>\n

 <\/p>\n

\"012_libGDX_Setup_003\"<\/a><\/p>\n

Now after waiting for the build, I hit the “Play” button, I had to wait again.<\/p>\n

\"014_libGDX_Andriod_02\"<\/a><\/p>\n

 <\/p>\n

Once the actual build was complete, I was able to choose my device to run the project on.<\/p>\n

\"015_libGDX_Antroid_03\"<\/a><\/p>\n

 <\/p>\n

The default libGDX project shows on the Android device.\u00a0 No changes to the configuration were required.<\/h3>\n

\"016_libGDX_Android_Complete\"<\/a><\/p>\n

 <\/p>\n

Here is a screenshot of the working run configuration for the android app:<\/p>\n

\"013_libGDX_Andriod_01\"<\/a><\/p>\n

 <\/p>\n

Almost Done…<\/p>\n

Desktop Configuration<\/strong><\/h3>\n

The only oddity to this configuration is the working directory needs to be the androidassets directory<\/p>\n

\"020_libGDX_Web_01\"<\/a><\/p>\n

Here is a screenshot of the working run configuration for the desktop app:<\/p>\n

\"017_libGDX_Desktop_01\"<\/a><\/p>\n

 <\/p>\n

 <\/p>\n

i-OS Configuration<\/strong><\/h3>\n

Execution failed for task ‘:ios:launchIPhoneSimulator’.
\n> java.io.IOException: Cannot run program “xcode-select”: CreateProcess error=2, The system cannot find the file specified<\/p>\n

googling turned up that I need to check the path in a terminal console<\/p>\n

C:StoneMillDevelopmentlibGDX_ProjectsShapes2android>xcode-select –print-path
\n‘xcode-select’ is not recognized as an internal or external command,
\noperable program or batch file.<\/p>\n

More googling and I came to the realization that xcode-select is only available on a Mac.<\/p>\n

Additionally, with more googling, Apple required $99\/year\/platform and\u00a0<\/em>Mac PC\/laptop is required.<\/p>\n

Thanks Apple! – I’ll take those three hours of my life back next time I see you.<\/p>\n

I am not sure if this configuration would work, but I thought I should at least document the end results of my two hours:<\/p>\n

\"019_libGDX_iOS_01\"<\/a><\/p>\n

 <\/p>\n

Web Configuration<\/h3>\n

One important note about the Web. It uses GWT, which stands for Google Web Toolkit.\u00a0 In my opinion, This is really not a very maintainable way to distribute professional code, but it works well if we get it for free here.\u00a0 The thought would be that we are really developing a Mobile App, and the Web is an interesting prototyping tool.\u00a0 For me personally, I am going to try to use this as way to let end users see the Applications that are still in development whiteout having to update App on Google Play or Apple’s App Store.<\/p>\n

A second note is that the configuration on the libGDX site tutorial mentions that this had to be done with the command line.\u00a0 Fortunately, that seems to have been fixed, so no command line is needed at this point.<\/p>\n

Here is a screenshot of the working run configuration for the web app:<\/p>\n

\"020_libGDX_Web_01\"<\/a><\/p>\n

 <\/p>\n

Once it is compiled, you can reach the admin page at:<\/p>\n

http:\/\/127.0.0.1:9876\/<\/p>\n

I actually liked going to the admin page first.\u00a0 Even if the war is deployed wrong, I expect this will still function.<\/p>\n

The actual application is located at:<\/p>\n

http:\/\/127.0.0.1:8080\/html\/<\/p>\n

\"022_libGDX_Web_03\"<\/a><\/p>\n

 <\/p>\n

I forgot the \/html\/ ending and wasted about 20 minutes trying to figure out what I did wrong.<\/p>\n

Closing Remarks<\/h3>\n

Determining whyI was going to use libGDX was not very well documented in this post.\u00a0 The real reason for this is I really want to remain OS agnostic on my first App.\u00a0 Originally I thought libGDX would allow me to develop in\u00a0eclipse (which I know) and launch an iPhone App without owning a Mac.\u00a0 Both of those items, I have learned are poor assumptions today.<\/p>\n

The new Android Studio works great out of the box and took more time to download than to actually get a demo app running on the S4 and Tablet.<\/p>\n

It was also very cool that the Android Studio install also worked with\u00a0libGDX without any issues.<\/p>\n

I was annoyed that most of the\u00a0configurations\u00a0are saved\u00a0per user, so\u00a0my\u00a0choice of changing all of the default directories caused some delay.\u00a0 I am not sure how this will impact demo projects from libGDX, but I hope not too much.<\/p>\n

Also, many of the help sites I found had reasonable content, but were out\u00a0of date just enough that it took about twice as long for me to configure each item as I thought it might.\u00a0 This is true for the libGDX, Android Studio, and other sites that I found on similar topics.\u00a0 No one website actually matched the exact versions that I was looking to do, so there was a fair amount of trial and error, but it was not too cumbersome.<\/p>\n

The last item of note, is that Gradle seems to be incredibly powerful.\u00a0 Between the last time I downloaded and installed this set of software, I can say there have been a large number of significant improvements to the project’s respective configuration management.\u00a0 However, Gradle’s dynamic downloading dependencies from the web caused some of the compiles to take much, much, longer than I would have expected for a “hello world” application.<\/p>\n

Overall, this was a very productive exercise, and I did not have to do much rework.<\/p>\n

Now that I have a\u00a0basic development environment up, I’ll continue the next post with creating the basic functionality of the app.<\/p>\n","protected":false},"excerpt":{"rendered":"

  This post details how to setup a Mobile, Cross-Platform, App Development IDE in Windows. Now that the website is up, I want to create my first App.\u00a0 The full set of requirements for this project can be found here.\u00a0 If you have not read them already, it might be worth the read.\u00a0 However, most […]<\/p>\n","protected":false},"author":1,"featured_media":421,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[20,9,15,12],"tags":[37,43,40,41],"_links":{"self":[{"href":"http:\/\/www.stonemillkids.com\/index.php\/wp-json\/wp\/v2\/posts\/117"}],"collection":[{"href":"http:\/\/www.stonemillkids.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.stonemillkids.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.stonemillkids.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.stonemillkids.com\/index.php\/wp-json\/wp\/v2\/comments?post=117"}],"version-history":[{"count":4,"href":"http:\/\/www.stonemillkids.com\/index.php\/wp-json\/wp\/v2\/posts\/117\/revisions"}],"predecessor-version":[{"id":809,"href":"http:\/\/www.stonemillkids.com\/index.php\/wp-json\/wp\/v2\/posts\/117\/revisions\/809"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.stonemillkids.com\/index.php\/wp-json\/wp\/v2\/media\/421"}],"wp:attachment":[{"href":"http:\/\/www.stonemillkids.com\/index.php\/wp-json\/wp\/v2\/media?parent=117"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.stonemillkids.com\/index.php\/wp-json\/wp\/v2\/categories?post=117"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.stonemillkids.com\/index.php\/wp-json\/wp\/v2\/tags?post=117"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}