Scribd Logo
Hochladen

Willkommen bei Scribd!

  • Modul 2

    Hochgeladen von

    Muhammad Irfan Hafidh
    13 Ansichten8 Seiten
    android

    Copyright

    © © All Rights Reserved

    Verfügbare Formate

    PDF, TXT oder online auf Scribd lesen

    Stufen Sie dieses Dokument als nützlich ein?

    Sind diese Inhalte unangemessen?

    Dieses Dokument melden
    android

    Copyright:

    © All Rights Reserved
    Als PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    13 Ansichten8 Seiten

    Modul 2

    Hochgeladen von

    Muhammad Irfan Hafidh
    android

    Copyright:

    © All Rights Reserved
    Als PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    von 8

    Pemrograman 6 Mobile Programming

    Modul Praktikum 2

    MENGENAL KOMPONEN FORM

    Form di gunakan sebagai media interface penghubung antara user dengan aplikasi yang biasa digunakan
    untuk penginputan data. Form memiliki berapa komponen seperti textfield, button, textarea, combobox,
    range, dll. Berikut ini adalah contoh penggunaan komponen form yang dapat kita gunakan dalam aplikasi
    mobile.
    1. Jalankan Eclipse ADT, File > New > Project
    2. Muncul kotak dialog New Project. Pilih Phonegap for Android Project klik tombol Next
    3. Muncul kotak dialog Create a Phonegap for Android Project, setting sesuai gambar dibawah ini :

    klik tombol Next

    Danandjaya Saputra, S.T Page 1


    Pemrograman 6 Mobile Programming

    4. Muncul kotak dialog Create Android Project, kemudian isi Project Name nya PROJECT 2

    klik tombol Next

    Danandjaya Saputra, S.T Page 2


    Pemrograman 6 Mobile Programming

    5. Muncul kotak dialog Select Build Target, kemudian pilih Target Name nya Android 4.2.2

    klik tombol Next

    Danandjaya Saputra, S.T Page 3


    Pemrograman 6 Mobile Programming

    6. Muncul kotak dialog Application Info, kemudian silahkan isi :


    Application Name : PROJECT 2
    Package Name : com.project2.main
    Minimum SDK : 10 (Android 2.3.3)

    klik tombol Finish

    Danandjaya Saputra, S.T Page 4


    Pemrograman 6 Mobile Programming

    7. Kemudian buka file index.html pada Package Explorer, seperti gambar dibawah ini :

    Danandjaya Saputra, S.T Page 5


    Pemrograman 6 Mobile Programming

    8. Kemudian lakukan edit code sehingga seperti gambar dibawah ini :

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta name="viewport" content="width=320; user-scalable=no" />
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <title>PROJECT 2</title>
    <script type="text/javascript" charset="utf-8" src="cordova-1.9.0.js"></script>

    </head>
    <body>
    <center><h1>MENGENAL KOMPONEN FORM</h1></center>
    <form>
    <input type="button" id="buttonClick" value="Click Me!">
    <br><br>
    <input type="text" id="textField" value="">
    <br><br>
    <input type="password" id="textPass" value="">
    <br><br>
    <input type="radio" id="radioPilihan" value="Pilihan">Radio Button
    <br><br>
    <input type="checkbox" id="checkBoxPilihan" value="Pilihan">Check Box
    <br><br>
    <select id="combobox">
    <option value="Pria">Pria</option>
    <option value="Wanita">Wanita</option>
    </select>
    <br><br>
    <textarea id="textareaInput"></textarea>
    <br><br>
    <input type="range" id="rangePoints" min="0" max="10">
    <br><br>
    <input type="date" id="dateTanggal">
    <br><br>
    <br><br>
    <input type="time" id="timeWaktu">
    </form>
    </body>
    </html>

    Danandjaya Saputra, S.T Page 6


    Pemrograman 6 Mobile Programming

    9. Kemudian buka aplikasi WINDROYE nya terlebih dahulu

    10. Kemudian kita akan menjalankan PROJECT 2 ke emulator WINDROYE dengan cara klik kanan pada
    PROJECT 2 > Run As kemudian pilih Android Application, maka akan muncul kotak dialog seperti
    gambar dibawah ini :

    Danandjaya Saputra, S.T Page 7


    Pemrograman 6 Mobile Programming

    Kemudian klik OK, kemudian lihat hasilnya di windroye seperti gambar dibawah ini :

    Danandjaya Saputra, S.T Page 8

    Das könnte Ihnen auch gefallen