1 mobile computing mobile first (formerly worklight) copyright 2015 by janson industries

1

Mobile Computing

Mobile First(formerly Worklight)

Copyright 2015 by Janson Industries

Copyright 2015 by Janson Industries2

Objectives▀ Explain how to download and

install

Eclipse and the Android plugin

MobileFirst Platform Studio


Get Eclipse from: http://www.eclipse.org/

Click to start download process


Scroll down a little and for FSCJ machines select 32 bit


Scroll down and click


Specify where to save then click Save


Right click the file, select Extract All, then click Extract button


Drill into folder, then into eclipse folder, double click eclipse.exe then click Run

button


Specify a workspace


Get standalone Android SDK ADT Bundle from:

http://developer.android.com/sdk/index.html

Click to download


Scroll down, agree to Terms, select 32 bit

Save to MobileFirst folder


Double click to start installing the sdk

You should have a file calledInstaller_rxx.x.x-windows.exe


Click Next


It should find the JDK, click Next


Make your choice, click Next


Specify where to install and make note of location – will have to specify later


Specify Start menu folder name


Select some versions and Extras, click Install


Accept license, click Install


Installing ADT▀ When finished

Close the SDK manager

▀ Need to install the ADT (Android Development Tools) plug in

Close the Welcome pane

Click Help then Install New Software

Click Add


Specify https://dl-ssl.google.com/android/eclipse/


Select Developer Tools and click Next


Click Next


Accept license then click FinishRestart Eclipse


Android Set Up▀ When prompted, restart, After Eclipse

restarted, click Window, then Android SDK Manager

If the Android SDK Manager / AVD Manager is not visible in the Window menu, click

►Window►Customize Perspective►Command Groups Availability►Select the Android SDK and AVD

Manager check boxes.


Click OK


If you get this, click Yes


Close the Welcome window then click Help and Eclipse Marketplace


Type MobileFirst then click Go


Click Install for MobileFirst Studio


Click Confirm


Accept the license and click Finish then Restart eclipse


Click MobileFirst menu drop down arrow and select MobileFirst Project


Specify project name


Specify app name, click Finish and click Yes to the switch to the Design

perspective prompt


MobileFirst creates default Hello appUses JavaScript, html, xml


We'll make text change, insert image & Save

(Have to make text change in source not design & import the image into image

folder)


Generate native environments: click MF drop down arrow, then MobileFirst

Environment

Specify Proj & App name and

environment(s) (i.e. Android, iPad, etc.)


A new folder will be added for each environment in the application folder in

Apps

Also, a native Android project generated


How Does It Work▀ MF builds the app with javascript and

html A lot of other tools, phonegap for

example, do it this way also

▀ When a native env generated

MF creates needed native pieces

Keeps as much of MF resources as possible

► In android, html and js still used with a minimum of java code


This is the apps java code


How Does It Work In Android▀ MF builds the required Java activity

(HowdyMF)

▀ Uses an object called WL to get html page and superclass loads it

▀ Can now run the Android version of app in emulator or on an Android device


Right click Android project, Run As, Android Application


Voila


To add GUI components, when creating the project/app, Configure JavaScript

Libraries


There are 3 options for defining GUI. jQuery looked like the easiest (and is

very popular)


Need to download jQuery from: http://jquerymobile.com/download/


Download the zip file


Then specify the zip file location…

… select all the resources and click Finish


Click Finish again


Now you can drag and drop HTML GUI components/tags


GUI▀ To get the components to work

have to:

Add html/javascript(s) to the web page

Tie to the component(s)


Generated page pretty simple


Changed text and added a link to a dialog box


Generate the Android version


Run the generated Android project


Click the link


Could use some better formatting


Advs and Disadvs▀ Advs

Faster app development for multiple platforms

Single set of skills (js, html, css) rather then many skill sets (java/xml, objective-c, c#) one for each platform


Advs and Disadvs▀ Disadvs

Apps not as efficient as ones written in native languages

Can't take advantage of unique aspects of a particular platform

1 mobile computing mobile first (formerly worklight) copyright 2015 by janson industries

Documents

janson industries

finish slide

workspace slide

ok slide

later slide

comandroideclipse slide

process slide

worklight copyright