Presentation is loading. Please wait.

Presentation is loading. Please wait.

A little more App Inventor and Mind the GAP!

Similar presentations


Presentation on theme: "A little more App Inventor and Mind the GAP!"— Presentation transcript:

1 A little more App Inventor and Mind the GAP!
Good news: Phone Gap WORKED! Bad news: It is no longer FREE!

2 Where’s my car? University of SF
This app covers the following concepts: Determining the location of the Android device using the LocationSensor component. Recording data in a database directly on the device using TinyDB . Using the ActivityStarter component to open Google Maps from your app and show directions from one location to another.

3 Using the LocationSensor to read the current location

4 Put current location in the “remembered” labels

5 Building the URL for the Maps application

6 Storing the Remembered Location in a Database

7 Adding the remembered location so available when opened/closed

8 Simple Idea!

9 Phonegap.com It is open source and supports 7 Platforms
Takes HTML, CSS and JavaScript and “packages” them for iOS, Android, Blackberry, Windows Phone, Palm WebOS, Bada and Symbian Adobe PhoneGab Build Package mobile apps in the cloud

10 Apache Cordova Interface!

11 Features… We compile for you. Work together.
Get app-store ready apps without the headache of maintaining native SDKs. We do the work for you in the cloud and your app will always be built with the most up-to-date SDK for the platform you are targeting. Work together. Add team members and create roles within your PhoneGap Build projects. Speed up collaboration.

12 Not app store as first step! 
Easily share your apps. Promote your projects to a bigger audience—review prototypes with colleagues, comps with clients, or share with friends and family. When your app is ready, just send a link. People will be able to download and install the app without connecting to a computer.

13 1 time free!

14 For Example: Storage Provides access to the devices storage options.
This API is based on theW3C specifications SOME devices provide implementation of this spec!! For those devices, the native support is used For others, Cordova’s implementation is used

15 Cordova… a set of device APIs that allow a mobile app developer to access native device function such as the camera or accelerometer from JavaScript! combined with a UI framework such as jQuery Mobile or Dojo allows smartphone app to be developed with just HTML, CSS, and JavaScript.

16 Cordorva an app can be built without any native code (Java, Objective-C, etc) from the app developer. Apps are hosted in the app itself locally (generally not on a remote http server). because these JavaScript APIs are consistent across multiple device platforms and built on web standards, the app should be portable to other device platforms with minimal to no changes.

17 Cordova… Apps using Cordova are packaged as apps using the platform SDKs can be made available for installation from each device's app store. Cordova provides a set of uniform JavaScript libraries that can be invoked, with device-specific native backing code for those JavaScript libraries. available for the following platforms: iOS, Android, Blackberry, Windows Phone, Palm WebOS, Bada, and Symbian.

18 Example… Database!

19

20 openDatabase?

21 Camera!

22 A little more set up…

23 And then we have a little magic…

24 Ready for Friday? 90 second pitch! Be here!
Hear what others have done!

25

26

27

28

29


Download ppt "A little more App Inventor and Mind the GAP!"

Similar presentations


Ads by Google