mengenal sdk eclipse dan phonegap 2a

8
Lisensi Dokumen: Copyright © 2008-2014 ilmuti.org Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org Penjelasan SDK Eclipse dan Phonegap Imalludin [email protected] :: http://imalludin.meximas.com Abstrak PhoneGap adalah sebuah kerangka kerja/framework open source yang dipakai untuk membuat aplikasi cross-platform mobile dengan HTML, CSS, dan JavaScript. PhoneGap menjadi suatu solusi yang ideal untuk seorang web developer yang tertarik dalam pembuatan aplikasi di smartphone. Pendahuluan Bagaimana cara kerja membuat aplikasi di PhoneGap? Sederhananya, cukup dengan bahasa pemrograman HTML + CSS + Javascript anda sudah bisa membuat aplikasi untuk smartphone. Awalnya, anda buat seperti membuat web dulu, jika sudah jadi tampilan dan proses-prosesnya, tinggal di-build dengan PhoneGap maka jadilah aplikasi yang diinginkan untuk smartphone apa. Untuk mencobanya, bisa anda menggunakan emulator dari masing-masing Android SDK, iPhone SDK dan sebagainya atau bisa langsung dicoba di smartphone anda, nah berikut Ane kasi tau cara install dan settingnya, simak baik-baik yak gan

Upload: akhirul-hajri

Post on 15-Sep-2015

223 views

Category:

Documents


2 download

DESCRIPTION

asas

TRANSCRIPT

  • Lisensi Dokumen: Copyright 2008-2014 ilmuti.org

    Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial

    (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap

    dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org

    Penjelasan SDK Eclipse dan Phonegap

    Imalludin

    [email protected] :: http://imalludin.meximas.com

    Abstrak

    PhoneGap adalah sebuah kerangka kerja/framework open source yang dipakai untuk

    membuat aplikasi cross-platform mobile dengan HTML, CSS, dan JavaScript.

    PhoneGap menjadi suatu solusi yang ideal untuk seorang web developer yang tertarik

    dalam pembuatan aplikasi di smartphone.

    Pendahuluan

    Bagaimana cara kerja membuat aplikasi di PhoneGap?

    Sederhananya, cukup dengan bahasa pemrograman HTML + CSS + Javascript anda

    sudah bisa membuat aplikasi untuk smartphone. Awalnya, anda buat seperti membuat

    web dulu, jika sudah jadi tampilan dan proses-prosesnya, tinggal di-build dengan

    PhoneGap maka jadilah aplikasi yang diinginkan untuk smartphone apa. Untuk

    mencobanya, bisa anda menggunakan emulator dari masing-masing Android SDK,

    iPhone SDK dan sebagainya atau bisa langsung dicoba di smartphone anda, nah berikut

    Ane kasi tau cara install dan settingnya, simak baik-baik yak gan

  • Lisensi Dokumen: Copyright 2008-2014 ilmuti.org

    Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial

    (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap

    dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org

    Pembahasan

    sdk eclipse android

    nih ane kasih tau pelan pelan yak, santai aja bacanya. heheu. sebenernya sederhana

    banget bro, tapi emang step nya agak ribet. cuma pengalaman yang bakal bikin ente

    hapal semua step ini. yuk capcuss...

    Step 1

    1. ente udah punya sdk nya belom? sdk tau gak? ini nih > sdk. Kalo udah lanjut step ke

    3. kalo belom sini dulu bro! ente download ini dulu

  • Lisensi Dokumen: Copyright 2008-2014 ilmuti.org

    Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial

    (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap

    dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org

    SDK Tools Only

    PLATFORM PACKAGE SIZE MD5 CHECKSUM

    Windows

    32 & 64-

    bit

    android-

    sdk_r22.6-

    windows.zip

    (Recommend

    ed)

    10886229

    2 bytes

    6faa487d328be352a456c53d9cbf0e

    3d

    installer_r22.6

    -windows.exe

    88856450

    bytes

    6e5351b414bd554f3ac4c79f9dd4d2

    13

    ente download yang tulisan reccomended. disini ane ngasih tau buat instalasi windows

    dulu yak, soalnya lagi gak pake linux dan emang gak punya mac. hiks

    2. Sudah ente download? yakin ? hahaha yaudah. ekstrak hasil download an tadi. nanti

    jadinya kaya gini kan?

    sdk android

    kurang lebih kaya gitu lah. hahaha

  • Lisensi Dokumen: Copyright 2008-2014 ilmuti.org

    Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial

    (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap

    dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org

    3. kalo udah ada sdk nya, mari kita pasang adb ke komputer kita. mari cusss. gini step-

    stepnya

    buka My computer System Properties Advanced System Settings, maka akan keluar

    windows baru. betul?

    masuk tab menu advanced

    pilih environment variables terus ke System Variables

    pilih menu PATH , terus klik edit

    path adb android

    nah, pas di ujung Variables value, ente kasih ; (jangan pake tanda petik ya)

    udah? sekarang paste folder tempat ente taroh sdk tadi. misal punya ane. copy nya sampe

    folder platform-tools nya yak, kalo gak, nanti gak akan bisa jalan semuanya.

    D:\Eclipse_SDK\adt-bundle-windows-x86-20130219\sdk\platform-tools

    kalo udah semua, terus OK Semua terus restart Laptop atau komputernya.

  • Lisensi Dokumen: Copyright 2008-2014 ilmuti.org

    Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial

    (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap

    dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org

    Setting SDK Eclipse dan Phonegap

    phonegap eclipse

    Setelah kita melakukan pemasangan adb, sekarang saatnya kita eksekusi eclipse nya

    biar dia jalan berbarengan dengan SDK yang udah diinstall sekalian pasang plugin

    phonegap buat eclipse nya.

    Oke, Sekarang buka Eclipse ente! udah kebuka? error gak? kaya gini gak?

  • Lisensi Dokumen: Copyright 2008-2014 ilmuti.org

    Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial

    (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap

    dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org

    error_eclipse

    nah kalo udah gitu gampang masbrow, sekarang gini:

    close dulu errornya

    Lalu pasang ADT Plugin.

    Help > Install New Software > Add > Name: ADT

    Location: https://dl-ssl.google.com/android/eclipse/

    Next next sampe Finish.

    Kalo sudah Finish, buka Windows Preference Android

    nah di SDK Location nya masukin tempat SDK loe di taroh tadi kalo ane kan disini, jadi

    bedanya kalo yang pasang adb di environment variable tadi kita sampe platform-tools, kalo

    yang setting eclipse enggak.

  • Lisensi Dokumen: Copyright 2008-2014 ilmuti.org

    Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial

    (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap

    dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org

    D:\Eclipse_SDK\adt-bundle-windows-x86-20130219\sdk

    klik apply, terus oke.

    Selesai deh pasang SDK di eclipse. gampang kan? iya dong.

    Sekarang mau pasang Plugin Phonegap untuk Eclipse,

    siap?

    1. Install the MDS AppLaud for PhoneGap:

    1. Di Eclipse ADT, Select Help -> Install New Software

    2. Click Add to enter a new Repository site

    3. The Name field is optional, MDS AppLaud 1.2 suggested

    4. In Location, enter the download site:

    http://svn.codespot.com/a/eclipselabs.org/mobile-web-development-with-

    phonegap/tags/r1.2/download

    5. Select OK

    6. Select the New Site and Check the box to the left of PhoneGap for Android

    7. Click Finish and Follow the prompts

    1. Install Web Page Editor

    Install New Software ->Web, XML Java EE, and OSGi Enterprise Development -> Web

    Page Editor

    Penutup

    Intinya buat yang tertarik yang tertarik untuk membuat sebuah aplikasi yang dapat

    berjalan pada beberapa perangkat smartphone dengan basis kode yang sama. Artinya,

    cukup hanya dengan 1 kali koding saja, anda bisa membuat aplikasi untuk smartphone

    iPhone, Android, Blackberry, Symbian dan Palm.

  • Lisensi Dokumen: Copyright 2008-2014 ilmuti.org

    Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial

    (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap

    dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org

    Referensi

    http://knzoo.wordpress.com/2014/03/12/cara-mudah-install-eclipse-phonegap-dan-sdk-

    android/

    http://ilhamsk.com/phonegap-cara-buat-aplikasi-smartphone-dengan-mudah/

    Biografi

    Nama : Imalludin

    Email : [email protected]

    Blog : imalludin.meximas.com

    Twitter : @imallludin