1 mobile computing mobile first (formerly worklight) copyright 2015 by janson industries
Post on 19-Dec-2015
216 Views
Preview:
TRANSCRIPT
Copyright 2015 by Janson Industries2
Objectives▀ Explain how to download and
install
Eclipse and the Android plugin
MobileFirst Platform Studio
Copyright 2015 by Janson Industries3
Get Eclipse from: http://www.eclipse.org/
Click to start download process
Copyright 2015 by Janson Industries7
Right click the file, select Extract All, then click Extract button
Copyright 2015 by Janson Industries8
Drill into folder, then into eclipse folder, double click eclipse.exe then click Run
button
Copyright 2015 by Janson Industries10
Get standalone Android SDK ADT Bundle from:
http://developer.android.com/sdk/index.html
Click to download
Copyright 2015 by Janson Industries11
Scroll down, agree to Terms, select 32 bit
Save to MobileFirst folder
Copyright 2015 by Janson Industries12
Double click to start installing the sdk
You should have a file calledInstaller_rxx.x.x-windows.exe
Copyright 2015 by Janson Industries16
Specify where to install and make note of location – will have to specify later
Copyright 2015 by Janson Industries22
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
Copyright 2015 by Janson Industries27
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.
Copyright 2015 by Janson Industries30
Close the Welcome window then click Help and Eclipse Marketplace
Copyright 2015 by Janson Industries35
Click MobileFirst menu drop down arrow and select MobileFirst Project
Copyright 2015 by Janson Industries37
Specify app name, click Finish and click Yes to the switch to the Design
perspective prompt
Copyright 2015 by Janson Industries38
MobileFirst creates default Hello appUses JavaScript, html, xml
Copyright 2015 by Janson Industries39
We'll make text change, insert image & Save
(Have to make text change in source not design & import the image into image
folder)
Copyright 2015 by Janson Industries40
Generate native environments: click MF drop down arrow, then MobileFirst
Environment
Specify Proj & App name and
environment(s) (i.e. Android, iPad, etc.)
Copyright 2015 by Janson Industries41
A new folder will be added for each environment in the application folder in
Apps
Also, a native Android project generated
Copyright 2015 by Janson Industries42
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
Copyright 2015 by Janson Industries44
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
Copyright 2015 by Janson Industries47
To add GUI components, when creating the project/app, Configure JavaScript
Libraries
Copyright 2015 by Janson Industries48
There are 3 options for defining GUI. jQuery looked like the easiest (and is
very popular)
Copyright 2015 by Janson Industries49
Need to download jQuery from: http://jquerymobile.com/download/
Copyright 2015 by Janson Industries51
Then specify the zip file location…
… select all the resources and click Finish
Copyright 2015 by Janson Industries54
GUI▀ To get the components to work
have to:
Add html/javascript(s) to the web page
Tie to the component(s)
Copyright 2015 by Janson Industries61
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
top related