Geertjan's Blog

  • September 21, 2015

Samsung Galaxy S6 with NetBeans on Windows

Geertjan Wielenga
Product Manager

For quite a while, I've been trying to reproduce "Live Styling and Debugging on the Android Device", a YouTube clip I made two years ago on Ubuntu, on Windows. On the latest laptop I got from Oracle, I didn't immediately replace Windows with Ubuntu, at least partly to avoid all the hassle that comes with getting some of the internal Oracle apps to work correctly, i.e., some are optimized for Windows, or the installation instructions were redone for Ubuntu only as an afterthought, etc.

However, I could never connect to my Samsung Galaxy S4 from my Windows laptop, which is a basic requirement for showing how to work with NetBeans on a phone. I.e., nothing to do with NetBeans; the USB connection simply never worked. Last night, I finally wanted to sort it out once and for all, came across a nightmarish set of alternate and conflicting instructions on-line, and eventually gave up, especially when I realized that my mobile subscription was probably due for a renewal and that would mean I'd get a new mobile phone for free. And it all came to pass and so now I have a new Samsung Galaxy S6, which works wonderfully (it turned out that the thing that wasn't working was the USB cable itself which needs to be made by the same small child's hands as made the mobile device into which you plug it).

Here's NetBeans, with an HTML/JavaScript/CSS app deployed to my Samsung Galaxy S6: 

Above, you see that Droid@Screen plugin also works on Windows (magically, simply install it into NetBeans, even in 8.1 Beta though it was made for 7.4, and it starts up, makes the connection, etc, i.e., great for demos). Below you see a photo (maybe the last photo taken on my Samsung Galaxy S4) to show the complete environment, i.e., the phone as well as its reflection on my laptop within NetBeans, i.e., the people in the room where you're demonstrating the connection between Android and NetBeans cannot see what you're doing with your phone, where you're clicking, etc, which is why the Droid@Screen plugin is handy specifically for demonstrations, i.e., when you're teaching or presenting this combination.

Note: When I click in the browser on my Samsung Galaxy S6, the Browser DOM Window in NetBeans highlights the related DOM element; when I change a CSS style in NetBeans, I immediately see the update live on my phone; I can step through my JavaScript on the device, etc. Awesome magic for doing mobile development in HTML/JavaScript/CSS, e.g., no emulator is needed at all.

And, finally, a special award and eternal gratitude to Samsung for the weird medieval torture device they provide to open the sliding thingy on the side of Samsung Galaxy S6 so that you can insert the simcard. Tip—don't merrily throw the box away without retrieving this ancient medieval instrument retrieved from a cave where a martyred saint lies buried. Otherwise you'll never install your simcard. (And even then, if you're not aware of an obscure voodoo cult, and its related chants and satanic rituals, installation of the simcard will remain a process of trial and error.)

Watch this space for some cool new YouTube clips on working directly on your device, e.g., for styling CSS live on the device, with NetBeans on Windows. 

Join the discussion

Comments ( 1 )
  • Samsung Tv in Ghana Tuesday, October 11, 2016

    Splendid, the article is informative and will be a good help to me. Less I forget, the images on the blog is wow thanks.

Please enter your name.Please provide a valid email address.Please enter a comment.CAPTCHA challenge response provided was incorrect. Please try again.