Cara Membuat Aplikasi dengan Android Studio: 8 Langkah (dengan Gambar)

Daftar Isi:

Cara Membuat Aplikasi dengan Android Studio: 8 Langkah (dengan Gambar)
Cara Membuat Aplikasi dengan Android Studio: 8 Langkah (dengan Gambar)

Video: Cara Membuat Aplikasi dengan Android Studio: 8 Langkah (dengan Gambar)

Video: Cara Membuat Aplikasi dengan Android Studio: 8 Langkah (dengan Gambar)
Video: Cara Menghilangkan Password Dokumen pada Microsoft Word 2024, April
Anonim

Android Studio adalah IDE resmi untuk aplikasi Android. Tidak memerlukan biaya apa pun dan mendukung bahasa pemrograman Java dan Kotlin. Ini memberi Anda kontrol besar atas apa yang dilakukan aplikasi Anda. Jadi mengapa tidak memprogram aplikasi Anda di dalamnya? Artikel ini mengharapkan Anda untuk mengetahui dasar-dasar Java, jika tidak, silakan lihat Cara Menulis Program Pertama Anda di Java sebagai pengantar. Artikel wikiHow ini akan mengajarkan kepada Anda cara membuat aplikasi dasar di Android Studio.

Langkah

Bagian 1 dari 4: Memasang Android Studio

4296302 1
4296302 1

Langkah 1. Unduh Android Studio

Pastikan Anda mengunduh versi yang benar untuk sistem operasi (yaitu Windows, Mac, Linux) yang Anda gunakan. Pengunduhan sekitar 1 GB dan mungkin memerlukan waktu beberapa menit untuk mengunduh. Gunakan langkah-langkah berikut untuk mengunduh dan menginstal Android Studio: Pastikan untuk mendapatkan versi untuk sistem Anda.

  • Buka https://developer.android.com/studio/index.html di browser web.
  • Klik tombol hijau yang bertuliskan Unduh Android Studio (pastikan sistem operasi yang benar tercantum di bawah tombol.)
  • Klik kotak centang di samping "Saya telah membaca dan setuju dengan syarat dan ketentuan di atas".
  • Klik tombol biru yang bertuliskan Unduh Android Studio untuk [Sistem Operasi Anda].

  • Buka file instal.
  • Ikuti petunjuk di layar
4296302 2
4296302 2

Langkah 2. Instal dependensi (Linux 64-bit Only)

Jika Anda memiliki komputer Linux 64-bit (lewati langkah ini jika tidak), Anda harus menginstal beberapa paket tambahan. Pada sistem yang menggunakan apt, masuk ke baris perintah: sudo apt-get install libc6:i386 libncurses5:i386 libstdc++6:i386 lib32z1 libbz2-1.0:i386.

  • Jika sistem Anda menggunakan yum, masukkan yang berikut ini: sudo yum install zlib.i686 ncurses-libs.i686 bzip2-libs.i686
  • Atau, Anda dapat dengan mudah menginstal Android Studio di Ubuntu dengan membuka Pusat Perangkat Lunak. Klik ikon yang menyerupai kaca pembesar di sudut kanan atas dan masukkan "Android Studio" di bilah pencarian. Klik ikon Android Studio lalu klik Install Ini memiliki ikon yang menyerupai kompas gambar dalam bentuk "A" di dalam lingkaran hijau.
4296302 3
4296302 3

Langkah 3. Ekstrak arsip (Linux Only)

Lewati langkah ini jika Anda mengunduh jika Anda mengunduh file penginstalan di Windows atau Mac, atau jika Anda mengunduh Android Studio dari Pusat Perangkat Lunak di Ubuntu. Jika tidak, ubah ke direktori tempat Anda mengunduh arsip. Kemudian, klik kanan padanya di pengelola file dan pilih opsi "Ekstrak di sini". atau masukkan "tar -xf downloadName.tar.gz" ke dalam baris perintah (ganti "downloadName" dengan nama file yang baru saja Anda unduh).

4296302 4
4296302 4

Langkah 4. Luncurkan Android Studio

Jika Anda mengunduh file.exe atau.dmg, cukup klik dua kali file tersebut. Jika Anda mengunduh dan mengekstrak arsip, buka Terminal dan ubah ke subdirektori "bin" direktori dengan file yang diekstrak (biasanya "android-studio"). Ini dilakukan dengan mengetik cd android-studio/bin. Jalankan file "studio.sh" dengan mengetikkan./studio.sh.

4296302 5
4296302 5

Langkah 5. Putuskan apakah akan mengimpor pengaturan

Jika ini pertama kalinya Anda menggunakan Android Studio, pilih Tidak. Jika Anda menggunakannya sebelumnya dan ingin memiliki pengaturan sebelumnya, pilih Ya dan tentukan di mana Anda menyimpannya.

4296302 6
4296302 6

Langkah 6. Putuskan apakah akan mengirim data penggunaan ke Google

Ini adalah keputusan pribadi dan tidak akan mengubah apa pun dalam proses instalasi atau pemrograman.

4296302 7
4296302 7

Langkah 7. Tunggu hingga sebuah jendela muncul

Ini akan disebut "Wizard Pengaturan Android Studio". Klik Lanjut untuk melanjutkan.

4296302 8
4296302 8

Langkah 8. Putuskan apakah akan melakukan instalasi standar atau kustom

Jika ini adalah pertama kalinya Anda menggunakan Android Studio dan/atau Anda tidak memiliki persyaratan khusus, Anda harus memilih "Standar".

4296302 9
4296302 9

Langkah 9. Tunggu hingga komponen diunduh dan klik Selesai

Ini akan memakan waktu, dan Anda dapat melakukan sesuatu yang lain sementara itu. Setelah diunduh, klik Menyelesaikan.

Bagian 2 dari 4: Memulai Proyek Baru

4296302 10
4296302 10

Langkah 1. Buka Android Studio

Ini memiliki ikon yang menyerupai kompas gambar dalam bentuk A di dalam lingkaran hijau. Klik ikon untuk membuka Android Studio.

4296302 11
4296302 11

Langkah 2. Klik + Mulai proyek Android Studio baru

Itu ditemukan di jendela berlabel "Selamat datang di Android Studio", langsung di bawah logo Android Studio. Jika Anda tidak melihat jendela seperti itu, periksa apakah jendela itu disembunyikan oleh jendela lain yang telah Anda buka.

4296302 12
4296302 12

Langkah 3. Pilih aktivitas dan klik Berikutnya

Saat Anda memulai proyek Android baru, ini akan menampilkan berbagai template yang dapat Anda pilih. Anda juga dapat memilih perangkat yang ingin Anda rancang untuk menggunakan tab di bagian atas (yaitu Ponsel dan tablet, WearOS, TV, dll.) Untuk mempelajari cara membuat aplikasi, Anda harus memilih "Aktivitas Kosong". Setelah Anda mengetahui pemrograman aplikasi, Anda dapat menggunakan fitur tambahan yang disediakan oleh aktivitas lain.

4296302 13
4296302 13

Langkah 4. Masukkan nama untuk aplikasi Anda

Ini masuk ke bidang di bawah "Nama" di bagian atas halaman "Konfigurasikan proyek Anda". Itu harus singkat dan deskriptif sehingga Anda segera melihat untuk apa aplikasi itu.

4296302 14
4296302 14

Langkah 5. Pilih Java sebagai bahasa

Gunakan menu tarik-turun di bawah "Bahasa" untuk memilih Jawa.

4296302 15
4296302 15

Langkah 6. Pilih versi Android yang ingin Anda desain

Gunakan menu tarik-turun di samping "Level API minimum" untuk memilih versi Android paling awal yang kompatibel dengan aplikasi Anda. Untuk aplikasi sederhana, Anda harus memilih versi yang didukung oleh sebagian besar perangkat, meskipun versi lebih lama.

4296302 16
4296302 16

Langkah 7. Klik Selesai

Ini membuat proyek Android Studio baru. Tunggu beberapa menit sementara sistem pembangunan otomatis menyiapkan proyek Anda.

Bagian 3 dari 4: Memprogram Aplikasi

4296302 17
4296302 17

Langkah 1. Pahami apa yang ingin Anda lakukan

Pikirkan tentang input apa yang akan diberikan pengguna, bagaimana Anda akan memprosesnya (Anda dapat berimprovisasi selama pemrograman, tetapi Anda harus memiliki garis besar tentang cara kerjanya), bagaimana Anda akan menampilkan output kepada pengguna. Contoh ini menunjukkan cara membuat aplikasi di mana pengguna dapat memasukkan dua angka dan jumlahnya ditampilkan.

4296302 18
4296302 18

Langkah 2. Buka editor terjemahan

Ini adalah praktik yang baik untuk hanya menggunakan string dari sumber terjemahan, bahkan jika Anda tidak menerjemahkan aplikasi. Gunakan langkah-langkah berikut untuk membuka editor Terjemahan:

  • Klik tab yang bertuliskan activity_main.xml di atas.
  • Klik menu tarik-turun yang bertuliskan "Default (en-us)" di bagian atas di sebelah ikon yang menyerupai bola dunia.
  • Klik pada opsi yang mengatakan Edit terjemahan….
4296302 19
4296302 19

Langkah 3. Tambahkan beberapa teks

Anda harus menjelaskan kepada pengguna apa yang harus mereka lakukan dengan aplikasi tersebut. Gunakan langkah-langkah berikut untuk menambahkan teks:

  • Tekan tanda tambah (+) di sudut kiri atas editor terjemahan untuk menambahkan string.
  • Masukkan kunci pendek (ini seperti nama variabel, misalnya "main_instruction".)
  • Masukkan teks bahasa Inggris lengkap di sebelah "Nilai Default" (yaitu "Masukkan dua angka untuk ditambahkan:").
  • Klik Oke.
  • Jika mau, Anda dapat menambahkan lokal menggunakan tombol yang menggambarkan bola dunia dengan tanda + di atasnya, lalu menerjemahkan semua teks ke lokal tersebut.
4296302 20
4296302 20

Langkah 4. Klik tab activity_main.xml.

Ini menutup editor terjemahan dan beralih kembali ke layar Utama Aktivitas. Anda akan melihat layar kosong dengan kotak teks yang menampilkan teks "Hello World!" di tengah-tengah. Untuk saat ini, ini adalah antarmuka yang sangat tidak berguna.

4296302 21
4296302 21

Langkah 5. Ganti "Halo Dunia

". Gunakan langkah-langkah berikut untuk mengganti teks "Hello World!":

  • Klik pada kotak teks di tengah.
  • Pilih input berlabel "teks" di sisi kanan.
  • Ganti "Halo dunia!" dengan "@string/main_instruction" (atau apa pun yang Anda sebut kunci yang Anda buat). Kotak teks sekarang akan menampilkan teks yang Anda masukkan untuk kunci itu.
  • Seret kotak teks lebih jauh ke atas sehingga Anda memiliki ruang untuk elemen lain di bawahnya.
  • Klik kanan pada entri "TextView" di menu yang menampilkan semua item di layar dan pilih Memaksa diikuti oleh atasan orang tua.

    Jika ini memindahkan kotak teks ke posisi yang tidak dapat diterima, pindahkan kembali ke tempatnya dan ulangi. Pilih Tengah diikuti oleh Horizontal untuk memusatkan kotak teks secara horizontal.

4296302 22
4296302 22

Langkah 6. Tempatkan dua input numerik di layar

Gunakan langkah-langkah berikut untuk menambahkan input numerik di layar:

  • Klik Teks di panel sebelah kiri di bawah "Palette".
  • Tarik dua Nomor (Ditandatangani) masukan ke layar pratinjau.
  • Gunakan kotak teks berlabel "Id" di panel Attributes di sebelah kanan untuk mengubah ID menjadi sesuatu yang dapat Anda ingat (yaitu "number1" dan "number2".) Hindari penggunaan spasi di Id.
  • Batasi dan pusatkan input angka seperti yang Anda lakukan dengan kotak teks di bagian atas. Anda dapat mengabaikan peringatan tentang atribut "autoFillHints" yang hilang.
4296302 23
4296302 23

Langkah 7. Tempatkan tombol "Tambah" di layar

Gunakan langkah-langkah berikut untuk menambahkan tombol "Tambah":

  • Klik Tombol di panel sebelah kiri di bawah "Palette".
  • Menyeret Tombol ke layar.
  • Tambahkan string di editor terjemahan dengan kunci "text_add" dan "Add" sebagai nilai default.
  • Kembali ke "activity_main.xml" dan ganti teks "Button" dengan "@string/text_add" di panel Attributes di sebelah kanan
  • Beri tombol ID deskriptif, seperti "buttonAdd" di sebelah "Id" di panel Attributes di sebelah kanan.
  • Batasi dan pusatkan tombol seperti yang Anda lakukan dengan objek lain di layar.
4296302 24
4296302 24

Langkah 8. Tambahkan dua string terjemahan

Buka Translation Editor dan buat dua string baru. Satu harus disebut "hasil" sebagai kunci dan "Hasil" sebagai nilai default. Yang lain harus disebut "not_yet_calculated" sebagai kunci dan "belum dihitung" sebagai nilai default.

4296302 25
4296302 25

Langkah 9. Tambahkan dua kotak teks lainnya

Gunakan langkah-langkah berikut untuk menambahkan dua kotak teks baru:

  • Beralih kembali ke tab "Activity_main.xml".
  • Klik Teks di panel sebelah kiri di bawah "Palette".
  • Tarik dua Tampilan Teks kotak teks ke layar.
  • Ganti string dengan yang Anda tambahkan.
  • Berikan kotak teks yang menampilkan "belum dihitung" ID seperti "resultOut" di bidang "id" pada panel Atribut.
  • Batasi kotak teks ini ke parent top dan parent start.
4296302 26
4296302 26

Langkah 10. Beralih ke "mainActivity.java"

Ini adalah file yang berisi kode aplikasi.

4296302 27
4296302 27

Langkah 11. Deklarasikan variabel yang diperlukan

Anda perlu mendapatkan input pengguna, untuk bereaksi ketika pengguna menekan tombol, dan untuk mengubah kotak teks "belum dihitung" ke hasil perhitungan. Untuk melakukan ini, program perlu "melihat" item di layar. Anda harus mendeklarasikannya sebagai final karena Anda tidak akan pernah mengubahnya secara langsung, hanya atributnya. Jadi ketik berikut ini pada baris di bawah fungsi onCreate(), setelah baris dengan "setContentView(). Jika kotak teks dan tombol memiliki nama yang berbeda dari di bawah, ubah sesuai kebutuhan. Masukkan kode secara manual. Ini tidak akan berfungsi jika Anda menyalin dan menempel. Kodenya adalah sebagai berikut:

akhir EditText num1 = findViewById(R.id.number1); akhir EditText num2 = findViewById(R.id.number2); final Button buttonAdd = findViewById(R.id.buttonAdd); akhir TextView resultOut = findViewById(R.id.resultOut);

4296302 28
4296302 28

Langkah 12. Buat pendengar klik

Ini adalah fungsi yang dipanggil ketika pengguna mengklik tombol. Untuk menambahkannya, ketik kode berikut di bawah baris kode "final" terakhir:

buttonAdd.setOnClickListener(New View. OnClickListener() { @Override public void onClick(View v) {

} });

4296302 29
4296302 29

Langkah 13. Tambahkan kode ke pendengar klik

Anda ingin mendapatkan input pengguna, mengonversinya menjadi bilangan bulat, menambahkannya bersama-sama, dan mengubah teks kotak teks "belum dihitung" menjadi hasilnya. Tambahkan kode berikut di bawah baris "public void onClick(View v)":

int sum = Integer.parseInt(num1.getText().toString()) + Integer.parseInt(num2.getText().toString()); resultOut.setText(Integer.toString(jumlah));

Bagian 4 dari 4: Menguji Aplikasi

4296302 30
4296302 30

Langkah 1. Bangun APK

Gunakan langkah-langkah berikut untuk membuat file APK:

  • Klik Membangun tab.
  • Klik Bangun Bundel / APK
  • Klik Bangun APK.
4296302 31
4296302 31

Langkah 2. Klik tautan "cari" di pop-up yang muncul di sudut kanan bawah

Ini akan membuka folder dengan APK di pengelola file.

4296302 32
4296302 32

Langkah 3. Hubungkan smartphone Android Anda ke komputer Anda

Gunakan kabel transfer USB / microUSB untuk menghubungkan ponsel cerdas atau tablet Anda ke komputer.

4296302 33
4296302 33

Langkah 4. Salin APK ke ponsel cerdas Anda

Untuk menghindari kekacauan pada ponsel cerdas, buat direktori baru untuk APK Anda (untuk saat ini hanya satu, tetapi jika Anda terus mengembangkan, Anda akan segera memiliki banyak) atau gunakan direktori Unduhan. Jangan copy file.json, abaikan saja.

4296302 34
4296302 34

Langkah 5. Temukan APK di smartphone

Buka pengelola file. Jika tidak ada di unduhan terbaru atau di bagian APK, carilah.

4296302 35
4296302 35

Langkah 6. Ketuk APK

Ini akan menanyakan apakah Anda akan menginstalnya. Mengetuk Ya dan tunggu penginstalan.

  • Anda harus mengizinkan penginstalan aplikasi dari sumber eksternal di pengaturan ponsel cerdas untuk dapat menginstal dan menguji aplikasi Anda di dalamnya.
  • Anda dapat menghapus APK setelah instalasi. Anda selalu dapat membuat yang baru di komputer Anda jika Anda membutuhkannya lagi.
4296302 36
4296302 36

Langkah 7. Buka aplikasi di smartphone

Ini akan memiliki logo Android putih di belakang latar belakang biru-hijau tua sebagai ikon.

4296302 37
4296302 37

Langkah 8. Periksa apakah aplikasi berfungsi seperti yang diharapkan

Tips

Jika Anda membuat sesuatu yang menurut Anda akan berguna bagi orang lain, Anda dapat memublikasikan aplikasi Anda di beberapa platform distribusi seperti Google Play. Tetapi saat Anda masih belajar, Anda juga dapat menyimpan eksperimen pemrograman Anda sendiri, karena hanya menyimpannya secara lokal di ponsel cerdas dan komputer Anda

Peringatan

  • Mengetik perintah apa pun yang disebutkan dalam artikel ini ke dalam baris perintah Windows tidak berfungsi. Gunakan metode lain yang ditentukan sebagai gantinya.
  • Instal Android Studio hanya jika Anda memiliki koneksi internet yang baik. Jika sering terputus selama proses instalasi, masalah yang tidak terduga dapat terjadi.

Direkomendasikan: