PhoneGap + processing.js = big problems

-
This is less a 'code solution' than it is a code issue, in that I don't know how to fix it and abandoned the solution.  I will likely go back and attempt to resolve at some point, but for now I just want to tell you about what I'd wanted to create, what the issues were and how it caused my PhoneGap app to be labelled as "sucks!!!!"

 As I previously blogged this solution, I figured I should also share these issues

The problem

I wanted to be able to create cross-platform mobile applications whilst not having to do it in Javascript.  I've never liked Javascript, I'm not really sure why, maybe I don't fully understand it.

The solution

I had a brainwave that I could create a functional Java application using Processing (that I have used a lot and, hopefully, will be contributing author to a book on the subject if it ever gets published), port it to processing.js and deploy that as an Apache Cordova (PhoneGap) based mobile application.  As a short explanation, Apache Cordova is a cross-platform framework for writing and deploying HTML5 apps to most mobile platforms.  Processing is a graphical Java-based library of which processing.js is the Javascript equivalent.  Using both processing.js and Cordova, I should be able to deploy a java-based application into a cross-platform framework and run it as javascript Ideal. I thought

The issue(s)

Porting the Java-based Processing application to processing.js wasn't as easy as it appeared due to limitations/differences between Java and Javascript (such as variables and methods being public). I also needed to rewrite some code due to limitations with processing.js (such as there being no enum support). However, after some trial and error I was able to get it running in a desktop browser, and it all seemed good

 I managed to integrate the Java source with Javascript, so that at runtime the UI could call Javascript, and therefore Cordova, and initiate phone-specific functions.  One example being the phone's vibrate facility.  It was looking good

A BIG issue

Or at least it looked good to me.  I'd tested it on 2 phones, an HTC Sensation XE running Android 2.3 (Gingerbread) and a Samsung Galaxy Nexus running Android 4.0 (Ice-Cream Sandwich).  Unfortunately it didn't look good to other people 'in the wild'.  I started receiving Google Play reviews that my app "Sucks!!!!" because it either displayed a blank screen, or the buttons weren't clickable etc.  I was confused, maybe the users didn't realise they needed to click 'Start' I thought.  But the bad reviews rolled in

 As I had limited devices, and resources, I posted on facebook asking my friends to install the app and let me know if they found any issues.  Someone did (thanks Che!). The app functioned ok for a bit, then seemed to freeze so they couldn't press any of the buttons.  Eventually, I did manage to reproduce this on one my phones - at random places the app would appear to freeze, though I could tell by the vibrate I'd added that it was still functioning, just the UI wasn't updating

I has a sad :(

As I was receiving poor reviews, I wanted to fix this FAST.  So I quickly reverted to a native Android app and redistributed it to Google Play.  The poor reviews have now stopped, but I haven't fixed the underlying issue.  Searching Google hasn't revealed anything, so I'm left with debugging this myself

 For anyone interested in progress, my app can be seen on Google Play, bad reviews and all :(

 I have a request for anyone reading this:  have you experienced this same problem? If you have, comment below or bung me an email on antony@weblore.eu. I'd be interested in your perspective

Comments

Post a Comment

Popular posts from this blog

Launch a website as a mobile app using PhoneGap/Apache Cordova

-
How to launch a website as a mobile app using PhoneGap/Apache Cordova I spent some time recently trying to find out how to launch my website as a mobile app.  The information was available around the internet but since it took me a while, I thought I'd collate it here in one simple post for anyone who wants to do the same I decided to use Apache Cordova since it gave me the framework for developing an HTML5 site as a mobile app already, meaning all I really needed to do was plug my website into it.  Their getting started guide has good information on how to create a Cordova project - I used Android but you can use whatever means you wish A basic Cordova app gives you a way to launch the app with an HTML page that you use to display your app contents.  The trick then is make the page load your website which you can do in one of 3 ways: 1. Package your site inside the app. This means it loads fast and without an internet connection.  The downside i...
Read more

How to manually add Cordova plugins to your app

-
I have recently been trying to add a plugin to an existing Cordova app (using Cordova 3.7.0).  Since I didn't create my app using the CLI I had 2 options: Create a new app using the CLI and copy my source files over Add the plugin files to my existing app For some reason I don't really like the idea of the CLI and wanted to do do this manually into an existing Android app, using Cordova, rather than use the CLI.  Don't ask me why, I just like doing things manually so I know what's going on under-the-hood I guess If you are like me and want to add a plugin manually, this is how to do it.  These instructions, though written for Android, will work for any any supported platform.  I will call out any differences between platforms that I know of Get the plugin source files You need the source code files for your platform (so .java for Android, .m .h for iPhone etc) as well as the plugin javascript files.  You might be able to get the source files from ...
Read more

Android Live Wallpaper using Processing in Android Studio

-
We've recently wanted to create an Android Live Wallpaper using Processing, which is an ideal language for writing these as it makes it easy to create exciting animations using a Java-like language As it turns out, creating a live wallpaper from some existing Processing code is surprisingly simple You can, of course, do this using the Processing environment as shown in the tutorial over on processing.org . This covers the basics but we wanted to incorporate this into our Android Studio app which took a few extra steps Step 1 - Create a Processing sketch in your Android app If you don't already have a Processing sketch, now's the time to write one! If you've written this using the Processing environment, you'll need to create a new class that extends processing.core.PApplet and import the processing-android library, similarly to the processing.org tutorial on creating a processing app in Android Studio import processing.core.PApplet; public class YourSke...
Read more