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

microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introductionMaksud Ahmed
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxGaneshChakor2
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxNirmalaLoungPoorunde1
 
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptxContemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptxRoyAbrique
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppCeline George
 
Introduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxIntroduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxpboyjonauth
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)eniolaolutunde
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactdawncurless
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdfSoniaTolstoy
 
Solving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptxSolving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptxOH TEIK BIN
 
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdfEnzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdfSumit Tiwari
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13Steve Thomason
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxheathfieldcps1
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...Marc Dusseiller Dusjagr
 
mini mental status format.docx
mini    mental       status     format.docxmini    mental       status     format.docx
mini mental status format.docxPoojaSen20
 
Alper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentAlper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentInMediaRes1
 

Recently uploaded (20)

9953330565 Low Rate Call Girls In Rohini Delhi NCR
9953330565 Low Rate Call Girls In Rohini  Delhi NCR9953330565 Low Rate Call Girls In Rohini  Delhi NCR
9953330565 Low Rate Call Girls In Rohini Delhi NCR
 
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdfTataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
Model Call Girl in Bikash Puri Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Bikash Puri  Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Bikash Puri  Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Bikash Puri Delhi reach out to us at 🔝9953056974🔝
 
Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptx
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptx
 
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptxContemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website App
 
Introduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxIntroduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptx
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
 
Solving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptxSolving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptx
 
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdfEnzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
 
mini mental status format.docx
mini    mental       status     format.docxmini    mental       status     format.docx
mini mental status format.docx
 
Alper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentAlper Gobel In Media Res Media Component
Alper Gobel In Media Res Media Component
 

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