Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. Mobile Development

Memulai dengan Android Studio

by
Difficulty:BeginnerLength:LongLanguages:

Indonesian (Bahasa Indonesia) translation by Hasannudin Amin (you can also view the original English article)

Android Studio adalah IDE (Integrated Development Environment) yang cukup baru yang disediakan secara gratis oleh Google untuk pengembang Android. Android Studio berbasis IntelliJ IDEA, sebuah IDE yang juga menawarkan lingkungan pengembangan Android yang bagus. Dalam tutorial ini, saya akan menunjukkan cara membuat proyek Android baru dan memanfaatkan fitur yang ditawarkan Android Studio.


1. Menyiapkan Proyek

Sebelum mulai menjelajahi Android Studio, Anda harus mengunduh dan memasangnya terlebih dahulu. Perhatikan bahwa Anda perlu menginstal JDK 6 atau lebih tinggi. Jika Anda menggunakan Windows, jalankan berkas .exe dan ikuti instruksi langkah-langkah penyiapannya. Jika Anda menjalankan OS X, mount disk image dengan mengklik dua kali dan seret Android Studio ke folder Applications Anda.

Jika Anda telah berhasil menyelesaikan langkah-langkah di atas, lingkungan pengembangan Anda harus disiapkan dengan benar. Anda sekarang siap untuk membuat aplikasi Android pertama Anda menggunakan Android Studio. Saat meluncurkan Android Studio untuk pertama kalinya, Anda akan disajikan dengan layar selamat datang, yang menawarkan beberapa pilihan untuk Anda memulai.

Dalam tutorial ini, kita akan memilih opsi New Project. Namun, Anda dapat memilih Import Project jika Anda ingin mengimpor proyek dari Eclipse misalnya, ke Android Studio. Android Studio akan mengonversi proyek Eclipse ke proyek Android Studio, menambahkan berkas konfigurasi yang diperlukan untuk Anda.

Jika Anda memilih Open Project dari daftar pilihan, Anda dapat membuka proyek yang dibuat dengan Android Studio atau IntelliJ IDEA. Dengan memilih Check out from Version Control, Anda dapat melihat salinan proyek yang berada dari kontrol versi. Ini adalah cara yang bagus untuk mempercepat mengerjakan proyek yang sudah ada.

Untuk memulai, pilih New Project dari daftar opsi. Ini akan menunjukkan daftar opsi untuk mengkonfigurasi proyek baru Anda. Dalam tutorial ini, kita akan membuat aplikasi sederhana untuk menunjukkan beberapa fitur Android Studio yang paling penting. Saya yakin Anda setuju bahwa tidak ada nama yang lebih baik untuk proyek kami daripada HelloWorld.

Seperti yang bisa Anda lihat di screenshot di atas, saya telah menamai aplikasi saya HelloWorld dan mengatur nama modul menjadi HelloWorld. Jika Anda tidak terbiasa dengan IntelliJ IDEA, mungkin Anda bertanya-tanya apa itu modul. Modul adalah unit fungsionalitas diskrit yang dapat dikompilasi, dijalankan, diuji, dan didebug secara independen. Modul berisi kode sumber, skrip build, dan segala hal yang diperlukan untuk tugas spesifik mereka.

Saat membuat proyek baru, Anda juga bisa mengatur nama paket proyek. Secara bawaan, Android Studio menetapkan elemen terakhir dari nama paket proyek ke nama modul, namun Anda dapat mengubahnya menjadi apapun yang Anda inginkan.

Pengaturan lainnya adalah lokasi proyek di komputer Anda, SDK minimum dan target, SDK proyek Anda akan dikompilasi dengannya, dan tema proyeknya. Anda juga dapat memberi tahu Android Studio untuk membuat kelas Activity dan ikon peluncur khusus untuk Anda, dan apakah proyek tersebut mendukung GridLayout, Fragment, Navigasi Drawer, atau Action Bar.

Kita tidak akan membuat ikon khusus untuk aplikasi ini sehingga Anda bisa menghapus centang pada kotak centang berlabel Create custom launch icon. Klik Next untuk melanjutkan pengaturan proyek Anda.

Karena kita telah mencentang kotak centang Create Activity pada langkah sebelumnya, Anda diminta mengonfigurasi kelas Activity yang akan dibuat oleh Android Studio untuk Anda.

Karena kita akan memulai dengan kelas Activity yang kosong, Anda bisa klik Next untuk melanjutkan ke langkah berikutnya dalam proses penyiapan dimana Anda diminta memberi nama kelas Activity, tata letak utama, dan tata letak fragment. Anda juga dapat mengatur jenis navigasi, yang akan kami tinggalkan di None untuk proyek ini. Lihat screenshot berikutnya untuk melihat seperti apa tampilan pengaturan Anda seharusnya.

Setelah mengklik Finish, Anda akan disuguhkan tampilan pengguna Android Studio dengan penjelajah proyek di sebelah kiri dan ruang kerja di sebelah kanan. Dengan proyek Anda yang sudah disiapkan di Android Studio, sekarang saatnya untuk menjelajahi beberapa fitur utama Android Studio.


2. Android Virtual Devices

Android Virtual Device atau AVD adalah konfigurasi emulator, memungkinkan Anda mengemulasika perangkat Android. Hal ini membuat aplikasi berjalan dan menguji pada berbagai perangkat jauh lebih mudah. Dengan Android Virtual Device, Anda dapat menentukan perangkat keras dan perangkat lunak dari Android Emulator yang dibutuhkan untuk mengemulasikan.

Cara yang lebih disukai untuk membuat Android Virtual Device adalah melalui AVD Manager, yang dapat Anda akses di Android Studio dengan memilih Android > AVD Manager dari menu Tools.

Jika lingkungan pengembangan Anda sudah diatur dengan benar, Pengelola Android Virtual Device akan terlihat seperti gambar di bawah ini.

Untuk membuat AVD baru, klik New... di sebelah kanan, berikan nama AVD, dan konfigurasikan perangkat virtual seperti yang ditunjukkan di bawah ini. Klik OK untuk membuat AVD pertama Anda.

Untuk menggunakan AVD yang baru Anda buat, pilih dari daftar di AVD manager, dan klik Start... di sebelah kanan. Jika AVD Anda terpasang dengan benar, Android Emulator akan diluncurkan seperti yang ditunjukkan pada gambar di bawah ini.

Dengan Android Emulator yang sudah berjalan, saatnya meluncurkan aplikasi Anda dengan memilih Run 'helloworld' dari menu Run. Begitulah mudahnya menjalankan aplikasi di Android Emulator.


3. Live Layout

Fitur live layout Android Studio memungkinkan Anda melihat pratinjau antarmuka pengguna aplikasi Anda tanpa perlu menjalankannya di perangkat atau emulator. Fitur live layout adalah alat yang hebat yang benar-benar akan menghemat waktu berjam-jam. Melihat antarmuka pengguna aplikasi Anda jauh lebih cepat dengan menggunakan tata live layout.

Untuk bekerja dengan live layout, klik dua kali berkas tata letak XML dan pilih tab Text di bagian bawah ruang kerja. Pilih tab Preview di sebelah kanan ruang kerja untuk melihat pratinjau tata letak saat ini. Setiap perubahan yang Anda buat pada tata letak XML akan tercermin dalam pratinjau di sebelah kanan. Lihatlah screenshot di bawah ini untuk mendapatkan gambaran yang lebih baik tentang fitur yang semisal ini.

Ada sejumlah kelebihan lain dari fitur live layout yang layak ditunjukkan. Misalnya, Anda dapat membuat variasi dari tata letak XML yang sedang Anda kerjakan dengan memilih opsi dari menu pertama di panel Preview. Misalnya, Anda dapat membuat tampilan terpisah untuk potret dan lansekap dan Android Studio akan membuat folder dan berkas yang diperlukan untuk Anda.

Menu kedua di panel Preview memungkinkan Anda mengubah ukuran perangkat yang ditunjukkan di panel Pratinjau. Menu ketiga memungkinkan Anda mengubah orientasi perangkat yang ditunjukkan di panel Preview, sehingga memudahkan untuk melihat bagaimana tata letak terlihat dalam orientasi yang berbeda dan menggunakan tema yang berbeda.

Menu keempat di panel Preview memberi Anda akses mudah ke Activity atau fragment tempat tata letak digunakan. Panel Preview juga memungkinkan Anda mengubah bahasa yang digunakan dalam tata letak langsung agar memudahkan untuk melihat pratinjau tata letak dalam berbagai bahasa. Menu paling kanan memungkinkan Anda mengubah versi API.

Panel Preview juga mencakup kontrol untuk memperbesar tata letak, menyegarkan panel Preview, atau mengambil screenshot.


4. Template

Android Studio menyediakan pengembang dengan sejumlah template untuk mempercepat pengembangan. Template ini secara otomatis membuat Activity dan berkas XML yang diperlukan. Anda dapat menggunakan template ini untuk membuat aplikasi Android dasar, yang kemudian dapat Anda jalankan di perangkat atau di emulator.

Dengan Android Studio, Anda dapat membuat template saat membuat Activity baru. Klik kanan pada package name di navigator proyek di sebelah kiri, pilih New dari menu, dan pilih Activity dari daftar pilihan. Android Studio kemudian menampilkan daftar template, seperti Blank Activity, Fullscreen Activity, dan Tabbed Activity.

Anda juga dapat memilih Image Asset dari menu, yang akan meluncurkan wizard yang memandu Anda melalui proses pembuatan. Mari saya tunjukkan cara membuat Activity baru berdasarkan template Login Activity. Pilih opsi Login Activity dari daftar Activity template untuk menjalankan wizard.

Seperti yang dapat Anda lihat pada screenshot di atas, saya telah menamai Activity LoginActivity, mengatur Layout Name menjadi activity_login, berikan Activity judul Sign In. Kotak centang berlabel Include Google+ sign in sudah tercentang secara bawaan. Hapus tanda centang tersebut karena kita tidak akan menggunakan fitur ini di contoh ini.

Anda dapat secara opsional mengatur Hierarchial Parent dari Activity yang baru. Ini akan membiarkan Anda menavigasi kembali jika Anda menyentuh tombol belakang perangkat. Kita akan membiarkan ini tetap kosong. Setelah mengklik Finish, Android Studio membuat berkas dan folder yang diperlukan untuk Anda. Jika semuanya berjalan baik, Anda harus melihat Activity dan Layout baru di proyek Anda.

Langkah selanjutnya adalah menyiapkan Activity baru dalam berkas manifest sehingga digunakan sebagai Activity utama saat aplikasi diluncurkan. Seperti yang dapat Anda lihat di file manifest di bawah ini, kelas LoginActivity memiliki node aktivitasnya sendiri.

Untuk membuat aplikasi Anda menjalankan LoginActivity yang Anda buat, hapus node aktivitas untuk kelas LoginActivity dan ganti com.tuts.HelloWorld.MainActivity
dengan com.tuts.HelloWorld.LoginActivity. Hasilnya adalah aplikasi sekarang akan menggunakan kelas LoginActivity sebagai Activity utamanya.

Saat Anda membangun dan menjalankan aplikasi Anda di emulator, Anda harus melihat layar yang kurang lebih sama dengan yang ditunjukkan di bawah ini. Ini berarti bahwa kita telah berhasil mengganti kelas Activity kosong dengan kelas LoginActivity yang baru dibuat.

5. Lint Tools

Menguji kode Anda adalah satu hal, tapi sama pentingnya menerapkan praktik terbaik saat menulis kode. Ini akan meningkatkan kinerja dan stabilitas keseluruhan aplikasi Anda. Ini juga jauh lebih mudah untuk mempertahankan proyek terstruktur dengan baik.

Android Studio menyertakan Android Lint, penganalisis statis yang menganalisis kode sumber proyek Anda. Ini dapat mendeteksi bug potensial dan masalah lain dalam kode Anda yang mungkin diabaikan oleh compiler.

Screenshot di bawah ini, misalnya, mengatakan bahwa LinearLayout dalam tata letak ini tidak digunakan. Hal yang menyenangkan tentang Android Lint adalah memberi Anda alasan untuk peringatan atau kesalahan, yang membuatnya lebih mudah diperbaiki atau diselesaikan.

Praktik yang bagus untuk menjalankan alat lint Android Studio dari waktu ke waktu untuk memeriksa proyek Anda untuk masalah potensial. Lint tool bahkan akan memberitahu Anda jika Anda memiliki gambar duplikat atau terjemahan.

Untuk menjalankan lint tool, pilih Inspect code... dari menu Analyze di Android Studio untuk memulai proses. Saat Android Studio selesai memeriksa proyek Anda, saat Android Studio akan menyelesaikan proyek Anda, itu akan menampilkan hasil di bagian bawah window. Perhatikan bahwa selain Android Lint, Android Studio juga melakukan sejumlah cek lainnya. Cukup klik dua kali sebuah issue untuk menavigasi ke berkas tempat masalah berada.

6. Rich Layout Editor

Android Studio memiliki rich layout editor dimana Anda dapat menarik dan melepas komponen antarmuka pengguna. Anda juga dapat melihat pratinjau tata letak pada beberapa konfigurasi layar seperti yang telah kita lihat sebelumnya di tutorial ini.

Rich layout editor sangat mudah digunakan. Pertama kita butuh tata letak untuk dikerjakan. Arahkan ke folder layout di folder project's res Anda, klik kanan folder layout, lalu pilih New > Layout resource file dari menu yang muncul.

Berikan tata letak baru sebuah nama, tetapkan root element, dan klik OK. Android Studio akan secara otomatis membuka layout editor di sebelah kanan.

Di bagian bawah editor, Anda akan melihat dua tab, Design and Text. Mengeklik tab Teks akan menampilkan editor, memungkinkan Anda membuat perubahan pada tata letak yang saat ini dipilih.

Mengeklik tab Design menampilkan editor lain yang menunjukkan pratinjau tata letak. Untuk menambahkan widget ke tata letak, seret dari daftar widget di sebelah kiri ke tata letak di sebelah kanan. Sesederhana itu.

Kesimpulan

Dalam tutorial ini, kita telah melihat sekilas beberapa fitur utama Android Studio. Hal ini sangat mirip dengan IntelliJ IDEA, namun berisi sejumlah perangkat tambahan penting yang membuat pengembangan Android lebih mudah, lebih cepat, dan lebih menyenangkan.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.