modul praktikum sistem terdistribusi rony heri irawan, m.kom … · 2018-11-29 · digunakan harus...

21
Modul Praktikum Sistem Terdistribusi Rony Heri Irawan, M.Kom Teknik Informatika UNP Kediri INSTALASI ANDROID STUDIO Setelah melakukan install dan konfigurasi JDK maka kita akan lajut untuk instalasi Android Studio pada OS Windows (Segala versi windows). Mari kita simak selengkapnya bagaimana melakukan instalasi android studio pada praktikum kali ini. 1. Apa itu android studio Dikutip dari developer.android.com Android Studio adalah Integrated Development Environment (IDE) untuk pengembangan aplikasi Android, berdasarkan IntelliJ IDEA . Pada tahun 2013 Google mengumumkan bahwa Android Studio menjadi IDE resmi untuk mengembangkan aplikasi android. Android Studio menawarkan fitur lebih banyak untuk meningkatkan produktivitas Anda saat membuat aplikasi Android, misalnya: Sistem versi berbasis Gradle yang fleksibel Emulator yang cepat dan kaya fitur Lingkungan yang menyatu untuk pengembangan bagi semua perangkat android dan banyak keunggulan lainnya. 2. Persyaratan Hardware Spesifikasi hardware minimum yang bisa digunakan untuk menjalankan Android Studio dikutip dari web resmi android yaitu: 1. Windows Microsoft® Windows® 7/8/10 (32- atau 64-bit) RAM minimum 3 GB, RAM yang disarankan 8 GB; tambah 1 GB untuk Emulator Android Ruang disk minimum yang tersedia 2 GB, Disarankan 4 GB (500 MB untuk IDE + 1,5 GB untuk Android SDK dan gambar sistem emulator) Resolusi layar minimum 1280 x 800 Untuk emulator akselerasi: sistem operasi 64-bit dan prosesor Intel® dengan dukungan untuk Intel® VT-x, Intel® EM64T(Intel® 64), dan fungsionalitas Execute Disable (XD) Bit 2. Mac Os Mac® OS X® 10.10 (Yosemite) atau lebih tinggi, hingga 10.12 (macOS Sierra) RAM minimum 3 GB, RAM yang disarankan 8 GB; tambah 1 GB untuk Emulator Android

Upload: ngothu

Post on 14-Mar-2019

284 views

Category:

Documents


3 download

TRANSCRIPT

Page 1: Modul Praktikum Sistem Terdistribusi Rony Heri Irawan, M.Kom … · 2018-11-29 · digunakan harus terkoneksi ke internet yang stabil, karena ... basis data, tindakan, elemen antarmuka

Modul Praktikum Sistem Terdistribusi Rony Heri Irawan, M.Kom Teknik Informatika UNP Kediri

INSTALASI ANDROID STUDIO

Setelah melakukan install dan konfigurasi JDK maka kita akan lajut untuk instalasi Android Studio pada OS Windows (Segala versi windows). Mari kita simak selengkapnya bagaimana melakukan instalasi android studio pada praktikum kali ini.

1. Apa itu android studio

Dikutip dari developer.android.com Android Studio adalah Integrated Development Environment (IDE) untuk pengembangan aplikasi Android, berdasarkan IntelliJ IDEA .

Pada tahun 2013 Google mengumumkan bahwa Android Studio menjadi IDE resmi untuk mengembangkan aplikasi android.

Android Studio menawarkan fitur lebih banyak untuk meningkatkan produktivitas Anda saat membuat aplikasi Android, misalnya:

Sistem versi berbasis Gradle yang fleksibel Emulator yang cepat dan kaya fitur Lingkungan yang menyatu untuk pengembangan bagi semua perangkat

android dan banyak keunggulan lainnya.

2. Persyaratan Hardware

Spesifikasi hardware minimum yang bisa digunakan untuk menjalankan Android Studio dikutip dari web resmi android yaitu:

1. Windows

Microsoft® Windows® 7/8/10 (32- atau 64-bit) RAM minimum 3 GB, RAM yang disarankan 8 GB; tambah 1 GB untuk Emulator

Android Ruang disk minimum yang tersedia 2 GB,

Disarankan 4 GB (500 MB untuk IDE + 1,5 GB untuk Android SDK dan gambar sistem emulator)

Resolusi layar minimum 1280 x 800 Untuk emulator akselerasi: sistem operasi 64-bit dan prosesor Intel® dengan

dukungan untuk Intel® VT-x, Intel® EM64T(Intel® 64), dan fungsionalitas

Execute Disable (XD) Bit

2. Mac Os

Mac® OS X® 10.10 (Yosemite) atau lebih tinggi, hingga 10.12 (macOS Sierra) RAM minimum 3 GB, RAM yang disarankan 8 GB; tambah 1 GB untuk Emulator

Android

Page 2: Modul Praktikum Sistem Terdistribusi Rony Heri Irawan, M.Kom … · 2018-11-29 · digunakan harus terkoneksi ke internet yang stabil, karena ... basis data, tindakan, elemen antarmuka

Modul Praktikum Sistem Terdistribusi Rony Heri Irawan, M.Kom Teknik Informatika UNP Kediri

Ruang disk minimum yang tersedia 2 GB, Disarankan 4 GB (500 MB untuk IDE + 1,5 GB untuk Android SDK dan gambar sistem emulator)

Resolusi layar minimum 1280 x 800

3. Linux

Desktop GNOME atau KDE

Telah diuji pada Ubuntu® 12.04, Precise Pangolin (distribusi 64-bit yang mampu menjalankan aplikasi 32-bit).

Distribusi 64-bit yang mampu menjalankan aplikasi 32-bit GNU C Library (glibc) 2.19 atau yang lebih baru RAM minimum 3 GB, RAM yang disarankan 8 GB; tambah 1 GB untuk Emulator

Android Ruang disk minimum yang tersedia 2 GB,

Disarankan 4 GB (500 MB untuk IDE + 1,5 GB untuk Android SDK dan gambar sistem emulator)

Resolusi layar minimum 1280 x 800 Untuk emulator akselerasi: Prosesor Intel® dengan dukungan untuk Intel® VT-x,

Intel® EM64T(Intel® 64), dan fungsionalitas Execute Disable (XD) Bit, atau

prosesor AMD dengan dukungan untuk AMD Virtualization™ (AMD-V™)

3. Versi-versi Android Studio

Versi android studio yang terbaru di tahun 2018 tepatnya bulan oktober ini yaitu vers 3.2. Sebelumnya juga ada versi : 2.3, 3.0.1, 3.04 dan versi lawas lainnya.

Tentunya semakin baru versinya fitur dan kualitasnyapun semakin membaik.

4. Instalasi Android Studio

Pada saat proses installasi aplikasi android studio ini komputer atau laptop yang digunakan harus terkoneksi ke internet yang stabil, karena akan ada proses pendownloadan komponen-komponen pendukungnya.

Berikut langkah-langkah menginstall Android Studio :

Unduh / download android studio https://developer.android.com/studio/

Page 3: Modul Praktikum Sistem Terdistribusi Rony Heri Irawan, M.Kom … · 2018-11-29 · digunakan harus terkoneksi ke internet yang stabil, karena ... basis data, tindakan, elemen antarmuka

Modul Praktikum Sistem Terdistribusi Rony Heri Irawan, M.Kom Teknik Informatika UNP Kediri

Centang anda menyetujui, lalu klik unduh / download.

Dan ikuti perintah selanjutnya sampai dengan proses download selesai, buka file exenya.

Tunggu sampai proses verifying selesai.

Klik next setelah tampilan Install Android Studio muncul.

Page 4: Modul Praktikum Sistem Terdistribusi Rony Heri Irawan, M.Kom … · 2018-11-29 · digunakan harus terkoneksi ke internet yang stabil, karena ... basis data, tindakan, elemen antarmuka

Modul Praktikum Sistem Terdistribusi Rony Heri Irawan, M.Kom Teknik Informatika UNP Kediri

Klik next untuk memasang semua komponen dari Android Studio.

Tentukan lokasi penyimpanan Android Studio dan sdknya. Defaultnya tersimpan di Local Disk (C) lalu klik Next.

Klik next untuk proses instalasi.

Page 5: Modul Praktikum Sistem Terdistribusi Rony Heri Irawan, M.Kom … · 2018-11-29 · digunakan harus terkoneksi ke internet yang stabil, karena ... basis data, tindakan, elemen antarmuka

Modul Praktikum Sistem Terdistribusi Rony Heri Irawan, M.Kom Teknik Informatika UNP Kediri

Tunggu sampai proses penginstalan selesai, klik next.

Klik finish untuk mengakhiri proses penginstalan.

Pada proses instalasi android studio belum selesai. Mari kita lanjutkan lagi untuk proses konfigurasi IDE Android Studio.

Akan ada dua pilihan (option) seperti gambar dibawah ini, karena baru pertama

mlakukan instalasi IDE Android Studio maka kita akan klik pilihan yang kedua yaitu Do not import settings.

Page 6: Modul Praktikum Sistem Terdistribusi Rony Heri Irawan, M.Kom … · 2018-11-29 · digunakan harus terkoneksi ke internet yang stabil, karena ... basis data, tindakan, elemen antarmuka

Modul Praktikum Sistem Terdistribusi Rony Heri Irawan, M.Kom Teknik Informatika UNP Kediri

Maka akan muncul Tampilan (launcer) aplikasi android studio.

Pastikan laptop atau komputer yang digunakan terhubung dengan internet. Tunggu sampai proses download SDK selesai.

Setelah download SDK selesai maka akan muncul tampilan welcome android studio.

Page 7: Modul Praktikum Sistem Terdistribusi Rony Heri Irawan, M.Kom … · 2018-11-29 · digunakan harus terkoneksi ke internet yang stabil, karena ... basis data, tindakan, elemen antarmuka

Modul Praktikum Sistem Terdistribusi Rony Heri Irawan, M.Kom Teknik Informatika UNP Kediri

Klik next lalu pilih Mode Install (disini saya memilih custom ), kemudian klik next.

Pilih theme UI android studionya.

Disini akan dilakukan install komponen SDK, (ceklis android virtual device) lalu klik next.

Page 8: Modul Praktikum Sistem Terdistribusi Rony Heri Irawan, M.Kom … · 2018-11-29 · digunakan harus terkoneksi ke internet yang stabil, karena ... basis data, tindakan, elemen antarmuka

Modul Praktikum Sistem Terdistribusi Rony Heri Irawan, M.Kom Teknik Informatika UNP Kediri

Klik Finish, dan tunggu sampai proses download selesai (pastikan komputer/ laptop terhubung ke internet).

Proses download komponen, jika proses sudah selsai bisa klik finish.

Jika proses download telah selesai maka akan ditampilkan jendela awal Android Studio.

Maka selesai sudah instalasi android studio pada sistem operasi windows. Setelah instalasi android studio selesai pastikan anda juga melakukan instalasi SDKnya.

Page 9: Modul Praktikum Sistem Terdistribusi Rony Heri Irawan, M.Kom … · 2018-11-29 · digunakan harus terkoneksi ke internet yang stabil, karena ... basis data, tindakan, elemen antarmuka

Modul Praktikum Sistem Terdistribusi Rony Heri Irawan, M.Kom Teknik Informatika UNP Kediri

Mengenal Android Studio

Android Studio adalah Lingkungan Pengembangan Terpadu-Integrated Development Environment (IDE) untuk pengembangan aplikasi Android, berdasarkan IntelliJ IDEA . Selain

merupakan editor kode IntelliJ dan alat pengembang yang berdaya guna, Android Studio menawarkan fitur lebih banyak untuk meningkatkan produktivitas Anda saat membuat aplikasi Android, misalnya:

Sistem versi berbasis Gradle yang fleksibel. Emulator yang cepat dan kaya fitur. Lingkungan yang menyatu untuk pengembangan bagi semua perangkat Android. Instant Run untuk mendorong perubahan ke aplikasi yang berjalan tanpa membuat APK

baru. Template kode dan integrasi GitHub untuk membuat fitur aplikasi yang sama dan

mengimpor kode contoh. Alat pengujian dan kerangka kerja yang ekstensif. Alat Lint untuk meningkatkan kinerja, kegunaan, kompatibilitas versi, dan masalah-

masalah lain. Dukungan C++ dan NDK. Dukungan bawaan untuk Google Cloud Platform, mempermudah pengintegrasian Google

Cloud Messaging dan App Engine. Laman ini berisi pengantar dasar fitur-fitur Android Studio. Untuk memperoleh rangkuman

perubahan terbaru, lihat Catatan Rilis Android Studio.

Struktur Proyek Gambar 1. File proyek di tampilan Android.

Setiap proyek di Android Studio berisi satu atau beberapa modul dengan file kode sumber dan file sumber daya. Jenis-jenis modul mencakup:

Modul aplikasi Android Modul Pustaka Modul Google App Engine

Secara default, Android Studio akan menampilkan file proyek Anda dalam tampilan proyek Android, seperti yang ditampilkan dalam gambar 1. Tampilan disusun berdasarkan modul untuk memberikan akses cepat ke file sumber utama proyek Anda.

Semua file versi terlihat di bagian atas di bawah Gradle Scripts dan masing-masing modul aplikasi berisi folder

berikut:

manifests: Berisi file AndroidManifest.xml. java: Berisi file kode sumber Java, termasuk kode pengujian JUnit. res: Berisi semua sumber daya bukan kode, seperti tata letak XML, string UI, dan

gambar bitmap.

Page 10: Modul Praktikum Sistem Terdistribusi Rony Heri Irawan, M.Kom … · 2018-11-29 · digunakan harus terkoneksi ke internet yang stabil, karena ... basis data, tindakan, elemen antarmuka

Modul Praktikum Sistem Terdistribusi Rony Heri Irawan, M.Kom Teknik Informatika UNP Kediri

Struktur proyek Android pada disk berbeda dari representasi rata ini. Untuk melihat struktur file sebenarnya dari proyek ini, pilih Project dari menu tarik turun Project (dalam gambar 1, struktur ditampilkan sebagai Android).

Anda juga bisa menyesuaikan tampilan file proyek untuk berfokus pada aspek tertentu dari pengembangan aplikasi Anda. Misalnya, memilih tampilan Problems dari tampilan proyek Anda akan menampilkan tautan ke file sumber yang berisi kesalahan pengkodean dan sintaks yang dikenal, misalnya tag penutup elemen XML tidak ada dalam file tata letak.

Gambar 2. File proyek dalam tampilan Problems, menampilkan file tata letak yang

bermasalah.

Antarmuka Pengguna

Jendela utama Android Studio terdiri dari beberapa bidang logika yang diidentifikasi dalam gambar 3.

Gambar 3. Jendela utama Android Studio.

Page 11: Modul Praktikum Sistem Terdistribusi Rony Heri Irawan, M.Kom … · 2018-11-29 · digunakan harus terkoneksi ke internet yang stabil, karena ... basis data, tindakan, elemen antarmuka

Modul Praktikum Sistem Terdistribusi Rony Heri Irawan, M.Kom Teknik Informatika UNP Kediri

Penjelasan area kerja jendela Android Studio:

1. Bilah alat memungkinkan Anda untuk melakukan berbagai jenis tindakan, termasuk menjalankan aplikasi dan meluncurkan alat Android.

2. Bilah navigasi membantu Anda bernavigasi di antara proyek dan membuka file untuk

diedit. Bilah ini memberikan tampilan struktur yang terlihat lebih ringkas dalam jendela Project.

3. Jendela editor adalah tempat Anda membuat dan memodifikasi kode. Bergantung pada

jenis file saat ini, editor dapat berubah. Misalnya, ketika melihat file tata letak, editor menampilkan Layout Editor.

4. Bilah jendela alat muncul di luar jendela IDE dan berisi tombol yang memungkinkan

Anda meluaskan atau menciutkan jendela alat individual.

5. Jendela alat memberi Anda akses ke tugas tertentu seperti pengelolaan proyek,

penelusuran, kontrol versi, dan banyak lagi. Anda bisa meluaskan dan juga menciutkannya.

6. Bilah status menampilkan status proyek Anda dan IDE itu sendiri, serta setiap

peringatan atau pesan.

Anda bisa menata jendela utama untuk memberi Anda ruang layar yang lebih luas dengan menyembunyikan atau memindahkan bilah alat dan jendela alat. Anda juga bisa menggunakan pintasan keyboard untuk mengakses sebagian besar fitur IDE.

Anda dapat menelusuri seluruh kode sumber, basis data, tindakan, elemen antarmuka pengguna, dan seterusnya setiap saat dengan menekan tombol Shift dua kali, atau mengeklik kaca pembesar di sudut kanan atas dari jendela Android Studio. Ini akan sangat berguna misalnya saat Anda mencoba menemukan tindakan IDE tertentu yang Anda lupakan cara memicunya.

Jendela Alat

Dari pada menggunakan perspektif yang sudah diatur sebelumnya, Android Studio mengikuti konteks Anda dan secara otomatis memunculkan jendela alat yang relevan saat Anda bekerja. Secara default, alat yang tersering dipakai akan disematkan ke bilah jendela alat di tepi jendela aplikasi.

Untuk meluaskan atau menciutkan jendela alat, klik nama alat di bilah jendela alat. Anda juga bisa menyeret, menyematkan, melampirkan, dan melepaskan jendela alat.

Untuk kembali ke tata letak jendela alat default saat ini, klik Window > Restore Default Layout atau sesuaikan tata letak default Anda dengan mengeklik Window > Store Current Layout as Default.

Untuk menampilkan atau menyembunyikan bilah jendela alat, klik ikon jendela di sudut kiri bawah jendela Android Studio.

Untuk menemukan jendela alat tertentu, arahkan ke atas ikon jendela dan pilih jendela alat tersebut dari menu.

Anda juga bisa menggunakan pintasan keyboard untuk membuka jendela alat. Tabel 1 mencantumkan pintasan jendela paling umum.

Page 12: Modul Praktikum Sistem Terdistribusi Rony Heri Irawan, M.Kom … · 2018-11-29 · digunakan harus terkoneksi ke internet yang stabil, karena ... basis data, tindakan, elemen antarmuka

Modul Praktikum Sistem Terdistribusi Rony Heri Irawan, M.Kom Teknik Informatika UNP Kediri

Tabel 1. Pintasan keyboard ke beberapa jendela alat yang penting.

Jendela Alat Windows dan Linux Mac

Proyek Alt+1 Command+1

Kontrol Versi Alt+9 Command+9

Run Shift+F10 Control+R

Debug Shift+F9 Control+D

Android Monitor Alt+6 Command+6

Kembali ke Editor Esc Esc

Menyembunyikan Semua Jendela Alat Control+Shift+F12 Command+Shift+F12

Jika Anda ingin menyembunyikan semua bilah alat, jendela alat, dan tab editor, klik ** View > Enter Distraction Free Mode**. Ini akan mengaktifkan Distraction Free Mode. Untuk keluar

dari Distraction Free Mode, klik ** View > Exit Distraction Free Mode**.

Anda bisa menggunakan Speed Search untuk menelusuri dan memfilter di dalam sebagian

besar jendela alat dalam Android Studio. Untuk menggunakan Speed Search, pilih jendela alat lalu ketik kueri penelusuran Anda.

Pelengkapan Kode

Android Studio memiliki tiga jenis pelengkapan kode, yang bisa Anda akses memakai pintasan keyboard.

Tabel 2. Pintasan keyboard untuk pelengkapan kode.

Anda juga bisa melakukan perbaikan cepat dan menunjukkan tindakan maksud Anda dengan menekan Alt+Enter.

Navigasi

Berikut beberapa tip untuk membantu Anda menjelajahi di dalam Android Studio.

Beralih antar file yang baru saja diakses menggunakan tindakan Recent Files. Tekan Control+E (Command+E pada Mac) untuk memunculkan tindakan Recent Files. Secara default, akses yang terakhir dipilih. Anda juga bisa mengakses jendela alat mana saja melalui kolom kiri dalam tindakan ini.

Tipe Keterangan Windows dan Linux

Mac

Pelengkapan Dasar

Menampilkan saran dasar untuk variabel, tipe, metode, ekspresi, dan seterusnya. Jika Anda memanggil

pelengkapan dasar dua kali secara berturut-turut, Anda melihat lebih banyak hasil, termasuk anggota pribadi dan anggota statis yang tidak diimpor.

Control+Space Control+Space

Pelengkapan Cerdas

Menampilkan opsi relevan berdasarkan konteks. Pelengkapan cerdas mengetahui tipe yang diharapkan

dan alur data. Jika Anda memanggil Pelengkapan Cerdas dua kali berturut-turut, Anda akan melihat lebih banyak hasil, termasuk rantai.

Control+Shift+Space Control+Shift+Space

Pelengkapan Pernyataan

Membantu Anda melengkapi pernyataan saat ini, menambahkan tanda kurung, tanda kurung siku, tanda

kurung kurawal, pemformatan, dsb.

Control+Shift+Enter Shift+Command+Enter

Page 13: Modul Praktikum Sistem Terdistribusi Rony Heri Irawan, M.Kom … · 2018-11-29 · digunakan harus terkoneksi ke internet yang stabil, karena ... basis data, tindakan, elemen antarmuka

Modul Praktikum Sistem Terdistribusi Rony Heri Irawan, M.Kom Teknik Informatika UNP Kediri

Tampilkan struktur file saat ini menggunakan tindakan File Structure. Munculkan tindakan File Structure dengan menekan Control+F12 (Command+F12 pada Mac). Menggunakan tindakan ini, Anda bisa menavigasi dengan cepat ke bagian mana pun dari file Anda saat ini.

Telusuri dan masuk ke kelas tertentu di proyek menggunakan tindakan Navigate to Class. Munculkan tindakan dengan menekan Control+N (Command+O pada Mac). Navigasikan ke Kelas yang mendukung ekspresi canggih, termasuk CamelHumps, jalur, baris menavigasi ke, nama tengah pencocokan, dan banyak lagi. Jika Anda memanggilnya dua kali berturut-turut, hasil dari kelas proyek akan ditampilkan.

Masuk ke file atau folder menggunakan tindakan "Navigate to File*. Munculkan tindakan Navigate to File dengan menekan Control+Shift+N (Command+Shift+O pada Mac).

Untuk menelusuri folder dan bukan file, tambahkan / di akhir ekspresi Anda. Masuk ke metode atau bidang menurut nama menggunakan tindakan Navigate to

Symbol. Munculkan tindakan Navigate to Symbol dengan menekan Control+Shift+Alt+N (Command+Shift+Alt+O pada Mac).

Temukan semua bagian kode yang merujuk kelas, metode, bidang, parameter, atau pernyataan di posisi kursor saat ini dengan menekan Alt+F7.

Gaya dan Pemformatan

Saat Anda mengedit, Android Studio otomatis menerapkan pemformatan dan gaya seperti yang ditetapkan dalam setelan gaya kode. Anda dapat menyesuaikan setelan gaya kode dengan bahasa pemrograman, termasuk menetapkan konvensi untuk tab dan inden, spasi, pembungkusan dan tanda kurung kurawal, dan baris kosong. Untuk menyesuaikan setelan gaya kode, klik File > Settings > Editor > Code Style (Android Studio > Preferences > Editor > Code Style pada Mac.)

Meski IDE otomatis menerapkan pemformatan saat Anda bekerja, Anda juga dapat secara eksplisit memanggil tindakan Reformat Code dengan menekan Control+Alt+L (Opt+Command+L pada Mac), atau inden otomatis semua baris dengan menekan Control+Alt+I (Alt+Option+I pada Mac).

Gambar 5. Kode sebelum pemformatan.

Gambar 6. Kode setelah pemformatan.

Page 14: Modul Praktikum Sistem Terdistribusi Rony Heri Irawan, M.Kom … · 2018-11-29 · digunakan harus terkoneksi ke internet yang stabil, karena ... basis data, tindakan, elemen antarmuka

Modul Praktikum Sistem Terdistribusi Rony Heri Irawan, M.Kom Teknik Informatika UNP Kediri

Setelah selesai melakukan instalasi dan konfigurasi pada android studio maka kita akan membuat

aplikasi biodata untuk mahasiswa berbasis android. Berikut merupakan contoh aplikasi android untuk

menginput dan menampilkan data diri kita. Langsung saja kita buat project barunya, pada contoh kali

ini saya akan beri nama "inputbiodata". Proses maka akan tampak seperti pada gambar dibawah ini.

Selanjutnya silahkan menyimak source codenya berikut ini!

activity_main.xml

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

Page 15: Modul Praktikum Sistem Terdistribusi Rony Heri Irawan, M.Kom … · 2018-11-29 · digunakan harus terkoneksi ke internet yang stabil, karena ... basis data, tindakan, elemen antarmuka

Modul Praktikum Sistem Terdistribusi Rony Heri Irawan, M.Kom Teknik Informatika UNP Kediri

tools:ignore="HardcodedText" >

<RelativeLayout

android:layout_width="fill_parent"

android:layout_height="wrap_content" >

<TextView

android:id="@+id/labelnim"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_marginTop="7dp"

android:text="A11.2011.05934"

android:layout_centerHorizontal="true"

android:textSize="18sp" />

<TextView

android:id="@+id/labelnama"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_below="@+id/labelnim"

android:layout_marginTop="7dp"

android:text="Nama"

android:textSize="18sp" />

<EditText

android:id="@+id/fieldnama"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:layout_toRightOf="@+id/labelnama"

android:layout_below="@+id/labelnim"

android:inputType="text" >

</EditText>

<TextView

android:id="@+id/labelemail"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_below="@+id/labelnama"

android:layout_marginTop="15dp"

android:text="E-mail"

android:textSize="18sp" />

<EditText

android:id="@+id/fieldemail"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:layout_below="@+id/fieldnama"

android:layout_toRightOf="@+id/labelemail"

Page 16: Modul Praktikum Sistem Terdistribusi Rony Heri Irawan, M.Kom … · 2018-11-29 · digunakan harus terkoneksi ke internet yang stabil, karena ... basis data, tindakan, elemen antarmuka

Modul Praktikum Sistem Terdistribusi Rony Heri Irawan, M.Kom Teknik Informatika UNP Kediri

android:inputType="textEmailAddress" >

</EditText>

<TextView

android:id="@+id/labeljk"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_below="@+id/labelemail"

android:layout_marginTop="15dp"

android:text="Jenis Kelamin"

android:textSize="18sp" />

<RadioGroup

android:id="@+id/groupjk"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_below="@+id/labeljk"

android:orientation="horizontal"

android:padding="5dp" >

<RadioButton

android:id="@+id/radiolk"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="Laki-Laki"

android:textSize="18sp" />

<RadioButton

android:id="@+id/radiopr"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="Perempuan"

android:textSize="18sp" />

</RadioGroup>

<TextView

android:id="@+id/labelkeahlian"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_below="@+id/groupjk"

android:layout_marginTop="7dp"

android:text="Keahlian"

android:textSize="18sp" />

<CheckBox

android:id="@+id/cekboxjava"

android:layout_width="wrap_content"

Page 17: Modul Praktikum Sistem Terdistribusi Rony Heri Irawan, M.Kom … · 2018-11-29 · digunakan harus terkoneksi ke internet yang stabil, karena ... basis data, tindakan, elemen antarmuka

Modul Praktikum Sistem Terdistribusi Rony Heri Irawan, M.Kom Teknik Informatika UNP Kediri

android:layout_height="wrap_content"

android:layout_below="@+id/labelkeahlian"

android:layout_marginTop="5dp"

android:text="Java Programming"

android:textSize="18sp" />

<CheckBox

android:id="@+id/cekboxnet"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_below="@+id/cekboxjava"

android:layout_marginTop="5dp"

android:text="Internet Networking"

android:textSize="18sp" />

<CheckBox

android:id="@+id/cekboxsa"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_below="@+id/cekboxnet"

android:layout_marginTop="5dp"

android:text="Software Analysis"

android:textSize="18sp" />

<Button

android:id="@+id/tomboltampil"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_below="@+id/cekboxsa"

android:layout_marginTop="5dp"

android:text="TAMPILKAN"

android:textSize="18sp" />

<TextView

android:id="@+id/outputnama"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_below="@+id/tomboltampil"

android:layout_marginTop="5dp"

android:textSize="18sp" />

<TextView

android:id="@+id/outputemail"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_below="@+id/outputnama"

android:layout_marginTop="5dp"

android:textSize="18sp" />

Page 18: Modul Praktikum Sistem Terdistribusi Rony Heri Irawan, M.Kom … · 2018-11-29 · digunakan harus terkoneksi ke internet yang stabil, karena ... basis data, tindakan, elemen antarmuka

Modul Praktikum Sistem Terdistribusi Rony Heri Irawan, M.Kom Teknik Informatika UNP Kediri

<TextView

android:id="@+id/outputahli"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_below="@+id/outputemail"

android:layout_marginTop="5dp"

android:textSize="18sp" />

<TextView

android:id="@+id/outputjk"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_below="@+id/outputahli"

android:layout_marginTop="5dp"

android:textSize="18sp" />

</RelativeLayout>

</ScrollView>

MainActivity.java

package com.example.inputbiodata;

import android.os.Bundle;

import android.app.Activity;

import android.view.Menu;

Page 19: Modul Praktikum Sistem Terdistribusi Rony Heri Irawan, M.Kom … · 2018-11-29 · digunakan harus terkoneksi ke internet yang stabil, karena ... basis data, tindakan, elemen antarmuka

Modul Praktikum Sistem Terdistribusi Rony Heri Irawan, M.Kom Teknik Informatika UNP Kediri

import android.view.View;

import android.view.View.OnClickListener;

import android.widget.Button;

import android.widget.CheckBox;

import android.widget.EditText;

import android.widget.RadioButton;

import android.widget.RadioGroup;

import android.widget.TextView;

import android.widget.RadioGroup.OnCheckedChangeListener;

public class MainActivity extends Activity implements OnClickListener, OnCheckedChangeListener {

EditText fieldnama,fieldemail;

Button tomboltampil;

RadioGroup groupjk;

RadioButton radiolk, radiopr;

CheckBox cekboxjava, cekboxsa, cekboxnet;

TextView outputnama, outputemail, outputjk, outputahli;

String jk, ahli;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

fieldemail = (EditText)findViewById(R.id.fieldemail);

fieldnama = (EditText)findViewById(R.id.fieldnama);

tomboltampil = (Button)findViewById(R.id.tomboltampil);

groupjk = (RadioGroup)findViewById(R.id.groupjk);

cekboxjava = (CheckBox)findViewById(R.id.cekboxjava);

cekboxsa = (CheckBox)findViewById(R.id.cekboxsa);

cekboxnet = (CheckBox)findViewById(R.id.cekboxnet);

outputnama =(TextView)findViewById(R.id.outputnama);

outputemail =(TextView)findViewById(R.id.outputemail);

outputahli = (TextView)findViewById(R.id.outputahli);

outputjk = (TextView)findViewById(R.id.outputjk);

tomboltampil.setOnClickListener(this);

groupjk.setOnCheckedChangeListener(this);

}

@Override

public boolean onCreateOptionsMenu(Menu menu) {

// Inflate the menu; this adds items to the action bar if it is present.

getMenuInflater().inflate(R.menu.main, menu);

return true;

}

Page 20: Modul Praktikum Sistem Terdistribusi Rony Heri Irawan, M.Kom … · 2018-11-29 · digunakan harus terkoneksi ke internet yang stabil, karena ... basis data, tindakan, elemen antarmuka

Modul Praktikum Sistem Terdistribusi Rony Heri Irawan, M.Kom Teknik Informatika UNP Kediri

@Override

public void onClick(View klik) {

// TODO Auto-generated method stub

outputnama.setText("Nama Anda : "+fieldnama.getText());

outputemail.setText("Email Anda : "+fieldemail.getText());

if (cekboxjava.isChecked() && cekboxnet.isChecked() && cekboxsa.isChecked()){

outputahli.setText("Keahlian Anda : Java Programming, Internet Networking & Software

Analysis");

}else if(cekboxjava.isChecked() && cekboxnet.isChecked()){

outputahli.setText("Keahlian Anda : Java Programming & Internet Networking");

}else if(cekboxjava.isChecked() && cekboxsa.isChecked()){

outputahli.setText("Keahlian Anda : Java Programming & Software Analysis");

}else if(cekboxnet.isChecked() && cekboxsa.isChecked()){

outputahli.setText("Keahlian Anda : Internet Networking & Software Analysis");

}else if(cekboxjava.isChecked()){

outputahli.setText("Keahlian Anda : Java Programming");

}else if(cekboxnet.isChecked()){

outputahli.setText("Keahlian Anda : Internet Networking");

}else if(cekboxsa.isChecked()){

outputahli.setText("Keahlian Anda : Software Analysis");

}else{

outputahli.setText("Keahlian Anda : ");

}

outputjk.setText(jk);

fieldnama.setText("");

fieldemail.setText("");

cekboxjava.setChecked(false);

cekboxsa.setChecked(false);

cekboxnet.setChecked(false);

groupjk.clearCheck();

}

@Override

public void onCheckedChanged(RadioGroup group, int check) {

// TODO Auto-generated method stub

if(check==R.id.radiolk){

jk="Jenis Kelamin : Laki-Laki";

}else if(check==R.id.radiopr){

jk="Jenis Kelamin : Perempuan";

}else{

jk="Jenis Kelamin :";

}

}

}

Page 21: Modul Praktikum Sistem Terdistribusi Rony Heri Irawan, M.Kom … · 2018-11-29 · digunakan harus terkoneksi ke internet yang stabil, karena ... basis data, tindakan, elemen antarmuka

Modul Praktikum Sistem Terdistribusi Rony Heri Irawan, M.Kom Teknik Informatika UNP Kediri

Berikut merupakan hasil input dan output dari biodata yang sudah dibuat.

Inputan Data Output Data

Referensi:

1. Allen, Grant, Beginning Android 4. 2012. Apress, New York 2. H. Nazruddin Safaat. 2012. ANDROID Pemrograman Aplikasi Mobile Smartphone dan Tablet

PC Berbasis Android, Bandung. 3. http://www.oracle.com

4. http://www.android.com

Tugas Praktikum:

Buatlah aplikasi biodata Anda sendiri dengan menggunakan menu (nama, npm, email, prodi,

perguruan tinggi).

Tugas di kumpulkan di PJM serta di save project dengan format folder (Nama, NPM, Kelas, Mata

Kuliah) dan di kumpulkan terakhir pada hari senin tanggal 3 Desember 2018 pukul 14.00 di prodi

TI.

Sekian & Terima Kasih