George McKinney Adventures in Software Development

June 28, 2020

XReality Meetup Presentation on Creating and Sharing XR Experiences

Interactive Presentation with Videos on Google Slides



https://3dvu.co/xreality

Github Repo
https://github.com/georgemck/xreality

https://www.meetup.com/XReality-AR-VR-MR-and-Beyond/events/270672383/

July 4, 2014

Create, Build & Install BlackBerry WebWorks 2 Mobile App via Command Line

Filed under: BB10,BlackBerry,Cordova — Tags: , , , — georgemck @ 12:25 am

With the coming release of BlackBerry 10.3, there is renewed interest in BlackBerry app development. This is a quick example of how to build and install the default BlackBerry 10 application that comes with WebWorks onto a mobile device.

WebWorks command line leverages Apache Cordova so many of the same commands work. Cordova requires Node.js. When you install the WebWorks SDK 2.0, it will come with Node.js. Get the WebWorks SDK at https://developer.blackberry.com/html5/download. I always install with administrator privileges.

Open up terminal or a DOS command prompt and make sure that you can type WebWorks and see that it is installed

webworks

WebWorks in the command line

WebWorks in the command line

Next you can create your mobile application project,

webworks create firstapp com.example.firstapp

and change to its project directory

cd firstapp

If you go a little further you will see the config.xml inside the www folder. This file gives instructions to the compiler when it builds your mobile app. To test this default application, you don’t need to change this. You can build the app with the following

webworks build

and this is what you will see:

Created a BB10 Mobile App Bar file

WebWorks in the command line

To install the application, you can change directory to where it built it and then install it from there. Your device may need a debug token to install, it will let you know if you do.

blackberry-deploy -installApp -password your_password_goes_here -device 169.254.0.1 bb10app.bar

Since I put my device in developer mode, the IP address it gave me was 169.254.0.1.

Install App by Command Line

Install App by Command Line

We can see installed app:

App Icon

App Icon

Just tap on it to open it:

App running

App running

So, pretty nice… Some extra thoughts: To install the app on a device, you will need signing keys. you can get them for free from BlackBerry: https://www.blackberry.com/SignedKeys/codesigning.html Be sure to register as a BlackBerry developer first, https://developer.blackberry.com which will attach your developer account with your BlackBerry ID; this can be the same one you use for BlackBerry Messenger!

Hope you enjoyed it. Have any comments, send me a message on my Twitter account, @georgemck.

December 27, 2013

Widgets, Config.xml and Cross-Platform Mobile Development

Filed under: Cordova,PhoneGap,PhoneGap Build,Samsung TV,Tizen — georgemck @ 10:35 pm

Mobile Applications aka Apps that run installed on mobile devices are of two types: native and hybrid apps.

Many of these hybrid apps use a config.xml file which follows the W3C widget specification (http://www.w3.org/TR/widgets) in order to instruct the native compiler to load required elements that a physical device (phone, tablet, television, car, you name it!) needs that a web browser does not. These elements pertain to security, loading times, splash screens, permissions, license, icons, author, content type and more.

Because many web apps are packaged in this way. It’s a good idea to be familiar with them as you will see them again and again and understanding the similarities will help you to more quickly port your existing apps to other platforms.

The following platforms use config.xml for packaged apps:

Apache Cordova
http://cordova.apache.org/docs/en/3.2.0/config_ref_index.md.html

Adobe PhoneGap
http://docs.build.phonegap.com/en_US/2.9.0/configuring_basics.md.html#The%20Basics

BlackBerry WebWorks
https://developer.blackberry.com/html5/documentation/beta/modifying_your_config_file.html

Tizen Web
https://developer.tizen.org/downloads/sample-web-applications/load-web-app-tizen-sdk/sample-config.xml-file

Samsung Smart TV
http://www.samsungdforum.com/Guide/tut00001/index.html#opening-the-application

These will be helpful resources for you.

May 18, 2013

Mobile Augmented Reality App

Filed under: Augmented Reality,BB10,BlackBerry,Cordova — georgemck @ 10:51 pm

Sample project for creating Mobile Augmented Reality Mobile Apps for the BlackBerry 10 platform available at https://github.com/georgemck/BB10-WebWorks-Community-Samples-Augmented-Reality

Uses:
– BlackBerry WebWorks (App packaging)
– jQuery Mobile (Mobile UI)
– Three.js (WebGL)
– JS Aruco (OpenCV)
– getUserMedia (HTML5 spec)

Created a mobile AR app using Apache Cordova, https://cordova.apache.org, which is related to Adobe PhoneGap, http://www.phonegap.com. This mobile app uses the JS Aruco library, https://code.google.com/p/js-aruco. JS Aruco is a port of OpenCV, http://opencv.org, for JavaScript, https://www.uco.es/investiga/grupos/ava/node/26 It takes advantage of HTML5 browser capabilities getUserMedia (https://caniuse.com/stream) and WebGL (checkout Three.js, https://github.com/mrdoob/three.js) to enable desktop browsers to create augmented reality using JavaScript.

First, I used Google’s Chrome Browser to verify the web application worked on the desktop. This got me thinking about the recently released BlackBerry 10 phones and their heavily touted “better than desktop Chrome” mobile browser, and I thought I would give it a try. Heading over to one of the JS Aruco demos, https://inmensia.com/files/aruco/debug-posit/debug-posit.html, in the Z10′s mobile browser, it worked. I decided to take things a bit further and actually build a mobile app rather than use the website application. I used WebWorks which is the BlackBerry-engineered Cordova PhoneGap distribution with deeper integration with device capabilities than Cordova on BlackBerry mobiles. The result of the test was this video, http://www.youtube.com/watch?v=eb10iE…. Performance is a little slow and the video a bit hazy but I know it will perform better with some code optimization… (more http://www.georgemckinney.com/2013/05…)

Special thanks to:
– Juan Mellado https://github.com/jcmellado
– Mr.doob https://twitter.com/mrdoob
– Justin Lee deleted his account (https://twitter.com/triplez82)
– Yosun Chang https://twitter.com/yosun

Enjoy,
George @georgemck

Powered by WordPress