SlideShare a Scribd company logo
1 of 186
PhoneGap
PhoneGap

   ( )
 MA
PhoneGap




Zany - http://zany.kr   (@ohmyzany)              2
PhoneGap



What is PhoneGap?




Zany - http://zany.kr   (@ohmyzany)              2
PhoneGap



What is PhoneGap?
        PhoneGap is an open source development
        framework for building cross-platform
        mobile apps.




Zany - http://zany.kr   (@ohmyzany)                     2
PhoneGap



What is PhoneGap?
        PhoneGap is an open source development
        framework for building cross-platform
        mobile apps.

        Build apps in HTML and JavaScript and still
        take advantage of core features in iPhone/
        iPodTouch, iPad, Google Android, Palm,
        Symbian and Blackberry SDKs.




Zany - http://zany.kr   (@ohmyzany)                        2
PhoneGap




Zany - http://zany.kr   (@ohmyzany)              3
PhoneGap



PhoneGap Supported Features




Zany - http://zany.kr   (@ohmyzany)              3
PhoneGap



PhoneGap Supported Features
        2010               6          30

             http://www.phonegap.com/about




Zany - http://zany.kr   (@ohmyzany)                     3
PhoneGap



PhoneGap Supported Features
        2010               6          30

             http://www.phonegap.com/about

                                      iPhone   Android   BlackBerry   Symbian   Palm

          Geo Location                 Yes       Yes        Yes         Yes     Yes

            Vibration                  Yes       Yes        Yes         Yes     Yes

         Accelerometer                 Yes       Yes      OS 4.7        Yes     Yes

             Sound                     Yes       Yes        Yes         Yes     Yes

       Contact Support                 Yes       Yes        Yes         Yes     N/A



Zany - http://zany.kr   (@ohmyzany)                                                           3
PhoneGap




Zany - http://zany.kr   (@ohmyzany)              4
PhoneGap



PhoneGap Roadmap




Zany - http://zany.kr   (@ohmyzany)              4
PhoneGap



PhoneGap Roadmap
        2010               6          30
             http://wiki.phonegap.com/Roadmap




Zany - http://zany.kr   (@ohmyzany)                        4
PhoneGap



PhoneGap Roadmap
        2010               6          30
             http://wiki.phonegap.com/Roadmap




Zany - http://zany.kr   (@ohmyzany)                        4
PhoneGap



PhoneGap Roadmap
        2010               6          30
             http://wiki.phonegap.com/Roadmap




       RED - not possible for this device / YELLOW - we're working on it! / GREEN - works!
Zany - http://zany.kr   (@ohmyzany)                                                               4
PhoneGap




Zany - http://zany.kr   (@ohmyzany)              5
PhoneGap



PhoneGap                              (Git   )




Zany - http://zany.kr   (@ohmyzany)                         5
PhoneGap



PhoneGap                                (Git   )
        PhoneGap                      GitHub
          .
             https://github.com/




Zany - http://zany.kr   (@ohmyzany)                           5
PhoneGap



PhoneGap                                  (Git            )
        PhoneGap                       GitHub
          .
             https://github.com/

        Git :
                                                          .
             Windows - http://help.github.com/win-git-
             installation/

             Mac OS - http://help.github.com/mac-git-installation/

             Linux - http://help.github.com/linux-git-installation/

Zany - http://zany.kr   (@ohmyzany)                                      5
PhoneGap




Zany - http://zany.kr   (@ohmyzany)              6
PhoneGap



PhoneGap                              (Git   )




Zany - http://zany.kr   (@ohmyzany)                         6
PhoneGap



PhoneGap                              (Git          )
        Git - Windows
             http://help.github.com/win-git-installation/




Zany - http://zany.kr   (@ohmyzany)                                6
PhoneGap



PhoneGap                              (Git          )
        Git - Windows
             http://help.github.com/win-git-installation/




Zany - http://zany.kr   (@ohmyzany)                                6
PhoneGap




Zany - http://zany.kr   (@ohmyzany)              7
PhoneGap



PhoneGap                              (Git   )




Zany - http://zany.kr   (@ohmyzany)                         7
PhoneGap



PhoneGap                                      (Git             )
        Git - Mac OS X (4                            )
             http://help.github.com/mac-git-installation/

             Pre-compiled Installer (dmg file), Homebrew, MacPorts, manual




Zany - http://zany.kr   (@ohmyzany)                                           7
PhoneGap



PhoneGap                                      (Git             )
        Git - Mac OS X (4                            )
             http://help.github.com/mac-git-installation/

             Pre-compiled Installer (dmg file), Homebrew, MacPorts, manual




Zany - http://zany.kr   (@ohmyzany)                                           7
PhoneGap




Zany - http://zany.kr   (@ohmyzany)              8
PhoneGap



PhoneGap                              (Git   )




Zany - http://zany.kr   (@ohmyzany)                         8
PhoneGap



PhoneGap                               (Git         )
        Git - Linux
             http://help.github.com/linux-git-installation/




Zany - http://zany.kr   (@ohmyzany)                                8
PhoneGap



PhoneGap                               (Git         )
        Git - Linux
             http://help.github.com/linux-git-installation/




Zany - http://zany.kr   (@ohmyzany)                                8
PhoneGap




Zany - http://zany.kr   (@ohmyzany)              9
PhoneGap



PhoneGap - iPhone -




Zany - http://zany.kr   (@ohmyzany)              9
PhoneGap



PhoneGap - iPhone -
        Mac OS X Leopard (10.5) / Snow Leopard
        (10.6)
             Intel-based computer.

             Xcode and the iPhone SDK installed.




Zany - http://zany.kr   (@ohmyzany)                           9
PhoneGap



PhoneGap - iPhone -
        Mac OS X Leopard (10.5) / Snow Leopard
        (10.6)
             Intel-based computer.

             Xcode and the iPhone SDK installed.

        iPhone (iPod Touch)




Zany - http://zany.kr   (@ohmyzany)                           9
PhoneGap



PhoneGap - iPhone -
        Mac OS X Leopard (10.5) / Snow Leopard
        (10.6)
             Intel-based computer.

             Xcode and the iPhone SDK installed.

        iPhone (iPod Touch)

        iPhone developer certification.
             only necessary to install on iPhone



Zany - http://zany.kr   (@ohmyzany)                           9
PhoneGap




Zany - http://zany.kr   (@ohmyzany)              10
PhoneGap



PhoneGap - iPhone -




Zany - http://zany.kr   (@ohmyzany)              10
PhoneGap



PhoneGap - iPhone -
        Git hub                       PhoneGap Source Code   .
             git clone git://github.com/phonegap/phonegap-iphone.git




Zany - http://zany.kr   (@ohmyzany)                                         10
PhoneGap



PhoneGap - iPhone -
        Git hub                       PhoneGap Source Code   .
             git clone git://github.com/phonegap/phonegap-iphone.git




Zany - http://zany.kr   (@ohmyzany)                                         10
PhoneGap



PhoneGap - iPhone -
        Git hub                       PhoneGap Source Code   .
             git clone git://github.com/phonegap/phonegap-iphone.git




Zany - http://zany.kr   (@ohmyzany)                                         10
PhoneGap




Zany - http://zany.kr   (@ohmyzany)              11
PhoneGap



PhoneGap - iPhone -




Zany - http://zany.kr   (@ohmyzany)              11
PhoneGap



PhoneGap - iPhone -
        Installer Package                  .

             PhoneGapLibInstaller.pkg          .

                  $ cd phonegap-iphone/

                  $ git submodule init

                  $ git submodule update

                  $ make




Zany - http://zany.kr   (@ohmyzany)                           11
PhoneGap



PhoneGap - iPhone -
        Installer Package                  .

             PhoneGapLibInstaller.pkg          .

                  $ cd phonegap-iphone/

                  $ git submodule init

                  $ git submodule update

                  $ make




Zany - http://zany.kr   (@ohmyzany)                           11
PhoneGap



PhoneGap - iPhone -
        Installer Package                  .

             PhoneGapLibInstaller.pkg          .

                  $ cd phonegap-iphone/

                  $ git submodule init

                  $ git submodule update

                  $ make




Zany - http://zany.kr   (@ohmyzany)                           11
PhoneGap




Zany - http://zany.kr   (@ohmyzany)              12
PhoneGap



PhoneGap - iPhone -




Zany - http://zany.kr   (@ohmyzany)              12
PhoneGap



PhoneGap - iPhone -
        Installer Package




Zany - http://zany.kr   (@ohmyzany)              12
PhoneGap



PhoneGap - iPhone -
        Installer Package




Zany - http://zany.kr   (@ohmyzany)              12
PhoneGap



PhoneGap - iPhone -
        Installer Package




Zany - http://zany.kr   (@ohmyzany)              12
PhoneGap



PhoneGap - iPhone -
        Installer Package




Zany - http://zany.kr   (@ohmyzany)              12
PhoneGap




Zany - http://zany.kr   (@ohmyzany)              13
PhoneGap



PhoneGap - iPhone -




Zany - http://zany.kr   (@ohmyzany)              13
PhoneGap



PhoneGap - iPhone -
                                                                        .
             To get started creating PhoneGap projects, launch Xcode, then
             under the File menu, select "New Project...".

             Navigate to the "User Templates" section, select PhoneGap, then
             in the right pane, select "PhoneGap-based Application"

             Select the "Choose..." button, name your project and choose the
             location where you want the new project to be.

             That's it! Modify the contents of the "www" directory to add
             your HTML, CSS and Javascript.

             iPad: Go to your project folder and launch the "[projectname]-
             iPad" Xcode project. You will need the 3.2 iPhone OS SDK.


Zany - http://zany.kr   (@ohmyzany)                                              13
PhoneGap




Zany - http://zany.kr   (@ohmyzany)              14
PhoneGap



PhoneGap - iPhone -




Zany - http://zany.kr   (@ohmyzany)              14
PhoneGap



PhoneGap - iPhone -
                                      ,
        PhoneGap                          .




Zany - http://zany.kr   (@ohmyzany)                      14
PhoneGap



PhoneGap - iPhone -
                                      ,
        PhoneGap                          .




Zany - http://zany.kr   (@ohmyzany)                      14
PhoneGap



PhoneGap - iPhone -
                                      ,
        PhoneGap                          .




Zany - http://zany.kr   (@ohmyzany)                      14
PhoneGap



PhoneGap - iPhone -
                                      ,
        PhoneGap                          .




Zany - http://zany.kr   (@ohmyzany)                      14
PhoneGap




Zany - http://zany.kr   (@ohmyzany)              15
PhoneGap



PhoneGap - iPhone -




Zany - http://zany.kr   (@ohmyzany)              15
PhoneGap



PhoneGap - iPhone -
                                      iPhone
        www                                    .




Zany - http://zany.kr   (@ohmyzany)                           15
PhoneGap



PhoneGap - iPhone -
                                      iPhone
        www                                    .




Zany - http://zany.kr   (@ohmyzany)                           15
PhoneGap



PhoneGap - iPhone -
                                      iPhone
        www                                    .




Zany - http://zany.kr   (@ohmyzany)                           15
PhoneGap




Zany - http://zany.kr   (@ohmyzany)              16
PhoneGap



PhoneGap - iPhone -




Zany - http://zany.kr   (@ohmyzany)              16
PhoneGap



PhoneGap - iPhone -
        HTML, CSS, Javascript         .




Zany - http://zany.kr   (@ohmyzany)                  16
PhoneGap



PhoneGap - iPhone -
        HTML, CSS, Javascript             .

        iUI Framework                 .




Zany - http://zany.kr   (@ohmyzany)                      16
PhoneGap



PhoneGap - iPhone -
        HTML, CSS, Javascript                 .

        iUI Framework                   .

        jQTouch, jQuery               js framework




Zany - http://zany.kr   (@ohmyzany)                             16
PhoneGap



PhoneGap - iPhone -
        HTML, CSS, Javascript                   .

        iUI Framework                   .

        jQTouch, jQuery               js framework


        Safari WebView

             HTML5, CSS3                    .

             Application Delegate
             WebView                                 .




Zany - http://zany.kr   (@ohmyzany)                                 16
PhoneGap



PhoneGap - iPhone -
        HTML, CSS, Javascript                   .

        iUI Framework                   .

        jQTouch, jQuery               js framework


        Safari WebView

             HTML5, CSS3                    .

             Application Delegate
             WebView                                 .




Zany - http://zany.kr   (@ohmyzany)                                 16
PhoneGap



PhoneGap - iPhone -
        HTML, CSS, Javascript                   .

        iUI Framework                   .

        jQTouch, jQuery               js framework


        Safari WebView

             HTML5, CSS3                    .

             Application Delegate
             WebView                                 .




Zany - http://zany.kr   (@ohmyzany)                                 16
PhoneGap



PhoneGap - iPhone -
        HTML, CSS, Javascript                   .

        iUI Framework                   .

        jQTouch, jQuery               js framework


        Safari WebView

             HTML5, CSS3                    .

             Application Delegate
             WebView                                 .




Zany - http://zany.kr   (@ohmyzany)                                 16
PhoneGap




Zany - http://zany.kr   (@ohmyzany)              17
PhoneGap




Zany - http://zany.kr   (@ohmyzany)              17
PhoneGap




Zany - http://zany.kr   (@ohmyzany)              17
PhoneGap




Zany - http://zany.kr   (@ohmyzany)              18
PhoneGap



PhoneGap - iPhone -




Zany - http://zany.kr   (@ohmyzany)              18
PhoneGap



PhoneGap - iPhone -
        PhoneGapLibInstaller.pkg      .




Zany - http://zany.kr   (@ohmyzany)              18
PhoneGap



PhoneGap - iPhone -
        PhoneGapLibInstaller.pkg          .

        PhoneGapTutorial              .




Zany - http://zany.kr   (@ohmyzany)                  18
PhoneGap



PhoneGap - iPhone -
        PhoneGapLibInstaller.pkg                      .

        PhoneGapTutorial               .

        2010-06-29

             Xcode 3.2.3 (with iOS4)              .

             Xcode 3.2.2 (with iPhone OS 3.2)   iPhone OS
             3.1                  .




Zany - http://zany.kr   (@ohmyzany)                              18
PhoneGap




Zany - http://zany.kr   (@ohmyzany)              19
PhoneGap



PhoneGap - iPhone -




Zany - http://zany.kr   (@ohmyzany)              19
PhoneGap



PhoneGap - iPhone -
        PhoneGap                      .




Zany - http://zany.kr   (@ohmyzany)                  19
PhoneGap



PhoneGap - iPhone -
        PhoneGap                      .




Zany - http://zany.kr   (@ohmyzany)                  19
PhoneGap



PhoneGap - iPhone -
        PhoneGap                      .




Zany - http://zany.kr   (@ohmyzany)                  19
PhoneGap



PhoneGap - iPhone -
        PhoneGap                      .




Zany - http://zany.kr   (@ohmyzany)                  19
PhoneGap




Zany - http://zany.kr   (@ohmyzany)              20
PhoneGap



PhoneGap - iPhone -




Zany - http://zany.kr   (@ohmyzany)              20
PhoneGap



PhoneGap - iPhone -
        PhoneGap Library : libPhoneGapLib.a (Project ➜)




Zany - http://zany.kr   (@ohmyzany)                                  20
PhoneGap



PhoneGap - iPhone -
        PhoneGap Library : libPhoneGapLib.a (Project ➜)

        PhoneGap Class js : phonegap.js




Zany - http://zany.kr   (@ohmyzany)                                  20
PhoneGap



PhoneGap - iPhone -
        PhoneGap Library : libPhoneGapLib.a (Project ➜)

        PhoneGap Class js : phonegap.js




Zany - http://zany.kr   (@ohmyzany)                                  20
PhoneGap



PhoneGap - iPhone -
        PhoneGap Library : libPhoneGapLib.a (Project ➜)

        PhoneGap Class js : phonegap.js




Zany - http://zany.kr   (@ohmyzany)                                  20
PhoneGap



PhoneGap - iPhone -
        PhoneGap Library : libPhoneGapLib.a (Project ➜)

        PhoneGap Class js : phonegap.js




Zany - http://zany.kr   (@ohmyzany)                                  20
PhoneGap




Zany - http://zany.kr   (@ohmyzany)              21
PhoneGap



PhoneGap - iPhone -




Zany - http://zany.kr   (@ohmyzany)              21
PhoneGap



PhoneGap - iPhone -
        PhoneGap Tutorial App




Zany - http://zany.kr   (@ohmyzany)              21
PhoneGap



PhoneGap - iPhone -
        PhoneGap Tutorial App




        Main Menu



Zany - http://zany.kr   (@ohmyzany)              21
PhoneGap



PhoneGap - iPhone -
        PhoneGap Tutorial App




        Main Menu                     Notification



Zany - http://zany.kr   (@ohmyzany)                            21
PhoneGap



PhoneGap - iPhone -
        PhoneGap Tutorial App




        Main Menu                     Notification   GeoLocation



Zany - http://zany.kr   (@ohmyzany)                                          21
PhoneGap



PhoneGap - iPhone -
        PhoneGap Tutorial App




        Main Menu                     Notification   GeoLocation   Form Inputs



Zany - http://zany.kr   (@ohmyzany)                                                   21
PhoneGap




Zany - http://zany.kr   (@ohmyzany)              22
PhoneGap



PhoneGap - iPhone -




Zany - http://zany.kr   (@ohmyzany)              22
PhoneGap



PhoneGap - iPhone -
        GeoLocation
             navigator.geolocation.getCurrentPosition




Zany - http://zany.kr   (@ohmyzany)                                22
PhoneGap



PhoneGap - iPhone -
        GeoLocation
             navigator.geolocation.getCurrentPosition




Zany - http://zany.kr   (@ohmyzany)                                22
PhoneGap



PhoneGap - iPhone -
        GeoLocation
             navigator.geolocation.getCurrentPosition




Zany - http://zany.kr   (@ohmyzany)                                22
PhoneGap




Zany - http://zany.kr   (@ohmyzany)              23
PhoneGap



PhoneGap - Android -




Zany - http://zany.kr   (@ohmyzany)              23
PhoneGap



PhoneGap - Android -
        Java JDK + Eclipse + Android SDK + Android
        ADT                        .

             IBM PC, Mac OS X, Linux... etc.




Zany - http://zany.kr   (@ohmyzany)                       23
PhoneGap




Zany - http://zany.kr   (@ohmyzany)              24
PhoneGap



PhoneGap - Android -




Zany - http://zany.kr   (@ohmyzany)              24
PhoneGap



PhoneGap - Android -
        Java JDK + Eclipse
        + Android SDK + Android ADT        .
             http://bit.ly/android-setup




Zany - http://zany.kr   (@ohmyzany)                       24
PhoneGap



PhoneGap - Android -
        Java JDK + Eclipse
        + Android SDK + Android ADT                      .
             http://bit.ly/android-setup

        Install Apache ANT
             Windows : http://ant.apache.org/index.html

             Mac OS X : $ sudo port install apache-ant




Zany - http://zany.kr   (@ohmyzany)                                     24
PhoneGap




Zany - http://zany.kr   (@ohmyzany)              25
PhoneGap



PhoneGap - Android -




Zany - http://zany.kr   (@ohmyzany)              25
PhoneGap



PhoneGap - Android -
        Install Ruby
             Windows :

                            - http://www.ruby-lang.org/en/downloads

                  Ruby installer - http://rubyinstaller.org

             Mac OS X : Nothing... (OS                    )




Zany - http://zany.kr   (@ohmyzany)                                         25
PhoneGap




Zany - http://zany.kr   (@ohmyzany)              26
PhoneGap



PhoneGap - Android -




Zany - http://zany.kr   (@ohmyzany)              26
PhoneGap



PhoneGap - Android -
        Git hub                       PhoneGap Source Code   .
             git clone git://github.com/phonegap/phonegap-
             android.git




Zany - http://zany.kr   (@ohmyzany)                                         26
PhoneGap



PhoneGap - Android -
        Git hub                       PhoneGap Source Code   .
             git clone git://github.com/phonegap/phonegap-
             android.git




Zany - http://zany.kr   (@ohmyzany)                                         26
PhoneGap



PhoneGap - Android -
        Git hub                       PhoneGap Source Code   .
             git clone git://github.com/phonegap/phonegap-
             android.git




Zany - http://zany.kr   (@ohmyzany)                                         26
PhoneGap




Zany - http://zany.kr   (@ohmyzany)              27
PhoneGap



PhoneGap - Android -




Zany - http://zany.kr   (@ohmyzany)              27
PhoneGap



PhoneGap - Android -
        PhoneGap                                    .
             phonegap-android         droidgap   PhoneGap
                 Android




Zany - http://zany.kr   (@ohmyzany)                                27
PhoneGap



PhoneGap - Android -
        PhoneGap                                                                                              .
              phonegap-android                                        droidgap                       PhoneGap
                  Android
          DroidGap: PhoneGap/Android Project Generator
          ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

          Creates a fresh app for hybrid mobile web hacking. Delicious robot!

          Usage:

            ./droidgap <android_sdk_path> <name> <package_name> <www> <path>

          Params:

          android_sdk_path ...   The   path   to   your Android SDK install.
          name ...............   The   name   of   your application.
          package_name .......   The   name   of   your package (For example: com.nitobi.demo)
          www ................   The   path   to   your www folder. (Wherein your HTML, CSS and JS app is.)
          path ...............   The   path   to   generate the Android application.




Zany - http://zany.kr   (@ohmyzany)                                                                                          27
PhoneGap



PhoneGap - Android -
        PhoneGap                                                                                              .
              phonegap-android                                        droidgap                       PhoneGap
                  Android
          DroidGap: PhoneGap/Android Project Generator
          ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

          Creates a fresh app for hybrid mobile web hacking. Delicious robot!

          Usage:

            ./droidgap <android_sdk_path> <name> <package_name> <www> <path>

          Params:

          android_sdk_path ...   The   path   to   your Android SDK install.
          name ...............   The   name   of   your application.
          package_name .......   The   name   of   your package (For example: com.nitobi.demo)
          www ................   The   path   to   your www folder. (Wherein your HTML, CSS and JS app is.)
          path ...............   The   path   to   generate the Android application.


  ./droidgap $ANDROID_HOME PhoneGapFirst com.zany.phonegap.lesson1 ./example/ $androidProject/PhoneGap/
                                                Lesson1


Zany - http://zany.kr   (@ohmyzany)                                                                                          27
PhoneGap




Zany - http://zany.kr   (@ohmyzany)              28
PhoneGap



PhoneGap - Android -




Zany - http://zany.kr   (@ohmyzany)              28
PhoneGap



PhoneGap - Android -
        droidgap




Zany - http://zany.kr   (@ohmyzany)              28
PhoneGap



PhoneGap - Android -
        droidgap




Zany - http://zany.kr   (@ohmyzany)              28
PhoneGap



PhoneGap - Android -
        droidgap




Zany - http://zany.kr   (@ohmyzany)              28
PhoneGap




Zany - http://zany.kr   (@ohmyzany)              29
PhoneGap



PhoneGap - Android -




Zany - http://zany.kr   (@ohmyzany)              29
PhoneGap



PhoneGap - Android -
        droidgap                      Android Project




Zany - http://zany.kr   (@ohmyzany)                           29
PhoneGap



PhoneGap - Android -
        droidgap                      Android Project




Zany - http://zany.kr   (@ohmyzany)                           29
PhoneGap



PhoneGap - Android -
        droidgap                      Android Project




Zany - http://zany.kr   (@ohmyzany)                           29
PhoneGap




Zany - http://zany.kr              30
PhoneGap



PhoneGap - Android -




Zany - http://zany.kr              30
PhoneGap



PhoneGap - Android -




Zany - http://zany.kr              30
PhoneGap



PhoneGap - Android -
        droidgap
                        .




Zany - http://zany.kr                  30
PhoneGap



PhoneGap - Android -
        droidgap
                           .

        Package Explorer




Zany - http://zany.kr                     30
PhoneGap



PhoneGap - Android -
        droidgap
                           .

        Package Explorer

        New ➔ Android Project




Zany - http://zany.kr                      30
PhoneGap




Zany - http://zany.kr              31
PhoneGap



PhoneGap - Android -




Zany - http://zany.kr              31
PhoneGap



PhoneGap - Android -




Zany - http://zany.kr              31
PhoneGap



PhoneGap - Android -
        Contents          Create
        project from existing
        source     .




Zany - http://zany.kr                         31
PhoneGap



PhoneGap - Android -
        Contents          Create
        project from existing
        source     .

        droidgap
              Location




Zany - http://zany.kr                         31
PhoneGap



PhoneGap - Android -
        Contents          Create
        project from existing
        source     .

        droidgap
              Location

        Project name
        Properties                 .




Zany - http://zany.kr                             31
PhoneGap



PhoneGap - Android -
        Contents          Create
        project from existing
        source     .

        droidgap
              Location

        Project name
        Properties                 .

        Finish          .



Zany - http://zany.kr                             31
PhoneGap



PhoneGap - Android -
        Contents          Create
        project from existing
        source     .

        droidgap
              Location

        Project name
        Properties                 .

        Finish          .



Zany - http://zany.kr                             31
PhoneGap



PhoneGap - Android -
        Contents          Create
        project from existing
        source     .

        droidgap
              Location

        Project name
        Properties                 .

        Finish          .



Zany - http://zany.kr                             31
PhoneGap



PhoneGap - Android -
        Contents          Create
        project from existing
        source     .

        droidgap
              Location

        Project name
        Properties                 .

        Finish          .



Zany - http://zany.kr                             31
PhoneGap




Zany - http://zany.kr              32
PhoneGap



PhoneGap - Android -




Zany - http://zany.kr              32
PhoneGap



PhoneGap - Android -




Zany - http://zany.kr              32
PhoneGap



PhoneGap - Android -
        phonegap.js




Zany - http://zany.kr              32
PhoneGap



PhoneGap - Android -
        phonegap.js

        phonegap.jar




Zany - http://zany.kr              32
PhoneGap



PhoneGap - Android -
        phonegap.js

        phonegap.jar




Zany - http://zany.kr              32
PhoneGap



PhoneGap - Android -
        phonegap.js

        phonegap.jar




Zany - http://zany.kr              32
PhoneGap




Zany - http://zany.kr   (@ohmyzany)              33
PhoneGap



PhoneGap - Android -




Zany - http://zany.kr   (@ohmyzany)              33
PhoneGap



PhoneGap - Android -
        libs                          phonegap.jar   .




Zany - http://zany.kr   (@ohmyzany)                                 33
PhoneGap



PhoneGap - Android -
        libs                          phonegap.jar       .

        Build Path - Add to Build Path               .




Zany - http://zany.kr   (@ohmyzany)                                     33
PhoneGap



PhoneGap - Android -
        libs                          phonegap.jar       .

        Build Path - Add to Build Path               .




Zany - http://zany.kr   (@ohmyzany)                                     33
PhoneGap




Zany - http://zany.kr   (@ohmyzany)              34
PhoneGap



PhoneGap - Android -




Zany - http://zany.kr   (@ohmyzany)              34
PhoneGap



PhoneGap - Android -
        AVD                           .




Zany - http://zany.kr   (@ohmyzany)                  34
PhoneGap



PhoneGap - Android -
        AVD                           .




Zany - http://zany.kr   (@ohmyzany)                  34
PhoneGap




Zany - http://zany.kr   (@ohmyzany)              35
PhoneGap



PhoneGap - iPhone, Android




Zany - http://zany.kr   (@ohmyzany)              35
PhoneGap



PhoneGap - iPhone, Android
                   HTML, CSS          PhoneGap
                                              .




Zany - http://zany.kr   (@ohmyzany)                          35
PhoneGap



PhoneGap - iPhone, Android
                   HTML, CSS          PhoneGap
                                              .




Zany - http://zany.kr   (@ohmyzany)                          35
PhoneGap



PhoneGap - iPhone, Android
                   HTML, CSS          PhoneGap
                                              .




Zany - http://zany.kr   (@ohmyzany)                          35
PhoneGap




Zany - http://zany.kr   (@ohmyzany)              36
PhoneGap




Zany - http://zany.kr   (@ohmyzany)              36
PhoneGap




        PhoneGap

             http://phonegap.com

             http://wiki.phonegap.com/Getting+Started+with+PhoneGap+(iPhone)

             http://phonegap.pbworks.com/

             http://phonegap.pbworks.com/JavaScript-API#map




Zany - http://zany.kr   (@ohmyzany)                                                   36
PhoneGap




        PhoneGap

             http://phonegap.com

             http://wiki.phonegap.com/Getting+Started+with+PhoneGap+(iPhone)

             http://phonegap.pbworks.com/

             http://phonegap.pbworks.com/JavaScript-API#map

        iUI: iPhone User Interface Framework

             http://code.google.com/p/iui/




Zany - http://zany.kr   (@ohmyzany)                                                   36
PhoneGap




Zany - http://zany.kr   (@ohmyzany)              37
PhoneGap




Zany - http://zany.kr   (@ohmyzany)              37
PhoneGap




        Nimble Kit - http://www.nimblekit.com/




Zany - http://zany.kr   (@ohmyzany)                         37
PhoneGap




        Nimble Kit - http://www.nimblekit.com/




Zany - http://zany.kr   (@ohmyzany)                         37
PhoneGap




        Nimble Kit - http://www.nimblekit.com/




Zany - http://zany.kr   (@ohmyzany)                         37
PhoneGap




        Nimble Kit - http://www.nimblekit.com/


              2010      7   7




Zany - http://zany.kr   (@ohmyzany)                         37

More Related Content

Recently uploaded

How to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERPHow to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERPCeline George
 
Integumentary System SMP B. Pharm Sem I.ppt
Integumentary System SMP B. Pharm Sem I.pptIntegumentary System SMP B. Pharm Sem I.ppt
Integumentary System SMP B. Pharm Sem I.pptshraddhaparab530
 
Active Learning Strategies (in short ALS).pdf
Active Learning Strategies (in short ALS).pdfActive Learning Strategies (in short ALS).pdf
Active Learning Strategies (in short ALS).pdfPatidar M
 
Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17Celine George
 
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTSGRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTSJoshuaGantuangco2
 
AUDIENCE THEORY -CULTIVATION THEORY - GERBNER.pptx
AUDIENCE THEORY -CULTIVATION THEORY -  GERBNER.pptxAUDIENCE THEORY -CULTIVATION THEORY -  GERBNER.pptx
AUDIENCE THEORY -CULTIVATION THEORY - GERBNER.pptxiammrhaywood
 
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptxQ4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptxlancelewisportillo
 
Measures of Position DECILES for ungrouped data
Measures of Position DECILES for ungrouped dataMeasures of Position DECILES for ungrouped data
Measures of Position DECILES for ungrouped dataBabyAnnMotar
 
Concurrency Control in Database Management system
Concurrency Control in Database Management systemConcurrency Control in Database Management system
Concurrency Control in Database Management systemChristalin Nelson
 
The Contemporary World: The Globalization of World Politics
The Contemporary World: The Globalization of World PoliticsThe Contemporary World: The Globalization of World Politics
The Contemporary World: The Globalization of World PoliticsRommel Regala
 
Presentation Activity 2. Unit 3 transv.pptx
Presentation Activity 2. Unit 3 transv.pptxPresentation Activity 2. Unit 3 transv.pptx
Presentation Activity 2. Unit 3 transv.pptxRosabel UA
 
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptx
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptxINTRODUCTION TO CATHOLIC CHRISTOLOGY.pptx
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptxHumphrey A Beña
 
How to Add Barcode on PDF Report in Odoo 17
How to Add Barcode on PDF Report in Odoo 17How to Add Barcode on PDF Report in Odoo 17
How to Add Barcode on PDF Report in Odoo 17Celine George
 
Virtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdf
Virtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdfVirtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdf
Virtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdfErwinPantujan2
 
ICS2208 Lecture6 Notes for SL spaces.pdf
ICS2208 Lecture6 Notes for SL spaces.pdfICS2208 Lecture6 Notes for SL spaces.pdf
ICS2208 Lecture6 Notes for SL spaces.pdfVanessa Camilleri
 
EMBODO Lesson Plan Grade 9 Law of Sines.docx
EMBODO Lesson Plan Grade 9 Law of Sines.docxEMBODO Lesson Plan Grade 9 Law of Sines.docx
EMBODO Lesson Plan Grade 9 Law of Sines.docxElton John Embodo
 

Recently uploaded (20)

How to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERPHow to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERP
 
Integumentary System SMP B. Pharm Sem I.ppt
Integumentary System SMP B. Pharm Sem I.pptIntegumentary System SMP B. Pharm Sem I.ppt
Integumentary System SMP B. Pharm Sem I.ppt
 
Active Learning Strategies (in short ALS).pdf
Active Learning Strategies (in short ALS).pdfActive Learning Strategies (in short ALS).pdf
Active Learning Strategies (in short ALS).pdf
 
FINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptx
FINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptxFINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptx
FINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptx
 
Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17
 
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTSGRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
 
YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptxYOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
 
AUDIENCE THEORY -CULTIVATION THEORY - GERBNER.pptx
AUDIENCE THEORY -CULTIVATION THEORY -  GERBNER.pptxAUDIENCE THEORY -CULTIVATION THEORY -  GERBNER.pptx
AUDIENCE THEORY -CULTIVATION THEORY - GERBNER.pptx
 
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptxQ4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
 
Measures of Position DECILES for ungrouped data
Measures of Position DECILES for ungrouped dataMeasures of Position DECILES for ungrouped data
Measures of Position DECILES for ungrouped data
 
Concurrency Control in Database Management system
Concurrency Control in Database Management systemConcurrency Control in Database Management system
Concurrency Control in Database Management system
 
The Contemporary World: The Globalization of World Politics
The Contemporary World: The Globalization of World PoliticsThe Contemporary World: The Globalization of World Politics
The Contemporary World: The Globalization of World Politics
 
Presentation Activity 2. Unit 3 transv.pptx
Presentation Activity 2. Unit 3 transv.pptxPresentation Activity 2. Unit 3 transv.pptx
Presentation Activity 2. Unit 3 transv.pptx
 
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptx
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptxINTRODUCTION TO CATHOLIC CHRISTOLOGY.pptx
INTRODUCTION TO CATHOLIC CHRISTOLOGY.pptx
 
How to Add Barcode on PDF Report in Odoo 17
How to Add Barcode on PDF Report in Odoo 17How to Add Barcode on PDF Report in Odoo 17
How to Add Barcode on PDF Report in Odoo 17
 
Paradigm shift in nursing research by RS MEHTA
Paradigm shift in nursing research by RS MEHTAParadigm shift in nursing research by RS MEHTA
Paradigm shift in nursing research by RS MEHTA
 
Virtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdf
Virtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdfVirtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdf
Virtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdf
 
ICS2208 Lecture6 Notes for SL spaces.pdf
ICS2208 Lecture6 Notes for SL spaces.pdfICS2208 Lecture6 Notes for SL spaces.pdf
ICS2208 Lecture6 Notes for SL spaces.pdf
 
INCLUSIVE EDUCATION PRACTICES FOR TEACHERS AND TRAINERS.pptx
INCLUSIVE EDUCATION PRACTICES FOR TEACHERS AND TRAINERS.pptxINCLUSIVE EDUCATION PRACTICES FOR TEACHERS AND TRAINERS.pptx
INCLUSIVE EDUCATION PRACTICES FOR TEACHERS AND TRAINERS.pptx
 
EMBODO Lesson Plan Grade 9 Law of Sines.docx
EMBODO Lesson Plan Grade 9 Law of Sines.docxEMBODO Lesson Plan Grade 9 Law of Sines.docx
EMBODO Lesson Plan Grade 9 Law of Sines.docx
 

Featured

AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfmarketingartwork
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsKurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summarySpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project managementMindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...RachelPearson36
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Applitools
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at WorkGetSmarter
 

Featured (20)

AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 
ChatGPT webinar slides
ChatGPT webinar slidesChatGPT webinar slides
ChatGPT webinar slides
 
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike RoutesMore than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
 

폰갭 (PhoneGap) 발표자료. - 수정본

Editor's Notes