Android SDK and PhoneGap
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Android SDK and PhoneGap

on

  • 3,305 views

 

Statistics

Views

Total Views
3,305
Views on SlideShare
3,283
Embed Views
22

Actions

Likes
2
Downloads
121
Comments
1

1 Embed 22

http://minkov.it 22

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Android SDK and PhoneGap Presentation Transcript

  • 1. Android SDK How to make it work?
    • Doncho Minkov
    • Telerik Mobile Development Course
    • mobiledevcourse.telerik.com
    • Technical Trainer
    http://www.minkov.it
  • 2. Table of Contents
    • The Android SDK
    • Installation of Android SDK
      • Eclipse
      • Android SDK
      • Android ADT
    • Installation of PhoneGap
    • "Hello PhoneGap" project
  • 3. The Android SDK
  • 4. The Android SDK
    • Android is a software stack for mobile devices that includes
        • An operating system
        • Middleware
        • Key applications
    • The Android SDK provides necessary tools and APIs to develop applications
      • Using Java programming language
  • 5. Installation of Android SDK How to start Android development?
  • 6. Steps for Installing Android SDK
    • Installing Eclipse IDE
    • Install Android SDK
    • Install the ADT plugin for eclipse
    • Add components needed for development
  • 7. Eclipse
    • What is Eclipse?
      • A multi-language software development environment comprising
      • An integrated development environment (IDE)
      • Mostly written in Java
    • Eclipse is used to develop applications
      • In Java, C, C++, Perl, PHP, Python, R, etc.
      • For Android (using Java)
    • Download at http:// bit.ly/EclipseClassic
  • 8. Android SDK
    • For the Android SDK to be installed
      • The machine should have at least jdk 1.6
        • Version 1.7 is also ok
      • Then download the installer file from
        • http:// developer.android.com/sdk/index.html
  • 9. Android SDK (2)
    • * There is a known bug during installation of the SDK
      • The installer cannot locate the jdk
        • Just click the "Back" button and then "Next"
        • It should work
  • 10. The Android SDK Manager
    • After the installation of Android SDK
      • Some components should be installed
        • Packages for Android versions: 2.1, 2.2, 3.2, etc.
        • Some other tools like a couple of Google APIs
    • Start the Android SDK Manager and wait for fetching of packages
      • This may take a while
      • Took me two / thirds of a day for all packages
  • 11. Installation of ADT Plugin
    • Use the Update Manager feature of Eclipse
      • To install the latest revision of ADT on your development computer
    • How to download it?
      • Start Eclipse, then select Help > Install New Software -> Add, in the top-right corner
      • In the Add Repository
        • Enter "ADT Plugin" for the Name
        • Copy for location https ://dl-ssl.google.com/android/eclipse /
  • 12. Installation of ADT Plugin
    • In the Available Software dialog
      • Select the checkbox next to Developer Tools and click Next
      • In the next window, you'll see a list of the tools to be downloaded
        • Click Next
      • Read and accept the license agreements
      • Then click Finish
    • Restart Eclipse
  • 13. Installation of Android SDK Live Demo
  • 14. Android Virtual Device How to Create a AVD?
  • 15. Android Virtual Device
    • To create virtual device
      • Open Eclipse -> Window -> ADV Manager
        • Open the Android Virtual Device manager
      • Add new device
        • With the Android OS version needed
    • Why need AVD?
      • To test your app before deployment to a phone
      • To test on different versions of Android OS
      • To find and correct simple mistakes
  • 16. AVD Manager - Example
    • Create new AVD
  • 17. AVD Manager - Example
    • Give it some name
      • Better add the OS version
    • Add SD card sieze
    • Select OS version
    • You are done!
  • 18. New PhoneGap Project Two ways of creating
  • 19. PhoneGap Project
    • How to create a PhoneGap Project?
      • Create an android project
        • File -> New -> Android Project
      • In the root directory of the project, create two new directories
      • /libs and /assets/www
      • Copy phonegap.js from your PhoneGap download earlier to /assets/www
      • Create an index.html file in /assets/www
      • Copy phonegap.jar from your PhoneGap download earlier to /libs
  • 20. New PhoneGap Project
    • Copy xml folder from your PhoneGap download to /res
    • Set the build path of the phonegap.jar
      • Right click on the /libs folder
      • Go to Build Paths/ -> Configure Build Paths.
      • In the Libraries tab, add phonegap-1.0.0.jar to the Project
  • 21. New PhoneGap Project (2)
    • Make a few adjustments to the project's main Java file
      • Change the class's extend from Activity to DroidGap
      • Replace the setContentView() line with super.loadUrl("file:///android_asset/www/index.html") ;
    • Add import com.phonegap.*
    • Remove import android.app.Activity
  • 22. New PhoneGap Project (3)
    • Right click on AndroidManifest.xml and select Open With > Text Editor
      • You should edit the xml
        • By adding new elements
        • By editing existing elements
      • You can see how the final AndroidManifest.xml file should look like
        • http:// phonegap.com/assets/guide/manifest.jpg
  • 23. New PhoneGap Project - Alternative Way
    • This is not so pleasing, right?
      • Hopefully there is an easier way
        • Using MDS AppLaud PhoneGap Eclipse Plugin
    • How to install it?
      • Open Eclipse
      • Go to Help -> Install New Software -> Click Add
        • Like with the ADT plugin
      • For location type: https:// svn.codespot.com/a/eclipselabs.org/mobile-web-development-with-phonegap/tags/r1.2/download
  • 24. New PhoneGap Project – Alternative Way (2)
    • After the plugin is installed and ready to go
      • A PhoneGap icon should be displayed in the toolbar
      • After than the creation of new project is straight-forward
    • With AppLaud plugin you can select to include jQuery or Sencha
  • 25. New PhoneGap Project Live Demo
  • 26. Hello World PhoneGap
  • 27. Hello World PhoneGap
    • Lets make our "Hello World, PhoneGap!" application
      • Till now we have an empty PhoneGap project
      • All we need to do is to edit the index.html file
        • Created by us
        • Located in /assets/www
        • This is the Entry point of our Application
  • 28. Hello World PhoneGap – Example
    • Hello World, PhoneGap!
      • Open the index.html and copy the following
    • <!Doctype html>
    • <html>
    • <head>
    • <title> First PhoneGap Application </title>
    • <head>
    • <body>
    • <h1>Hello PhoneGap</h1>
    • </body>
    • </html>
    • Go to Build -> Run as Android Application
      • The emulator should start
      • And the app run!
  • 29. Hello World PhoneGap Live Demo
  • 30. Android SDK and PhoneGap