MODUL DASAR

ANDROID STUDIO
APPSONOMY
MODUL DASAR ANDROID STUDIO | APPSONOMY
1
INSTAL ANDROID STUDIO
Persyaratan system
Pengembangan aplikasi Android dapat dilakukan pada salah satu jenis sistem
berikut:
•

Windows 2003 (32-bit atau 64-bit)

•

Windows Vista (32-bit atau 64-bit)

•

Windows 7 (32-bit atau 64-bit)

•

Windows 8 / Windows 8.1

•

Mac OS X 10.5.8 atau yang lebih baru (sistem berbasis Intel saja)
•

Sistem Linux dengan versi 2.11 atau yang lebih baru dari GNU C Library (glibc)
•

Minimal 4GB RAM (8GB lebih disukai)

•

1.5GB ruang disk yang tersedia

MODUL DASAR ANDROID STUDIO | APPSONOMY
2
1. Install JDK 8
- Link http://www.oracle.com/technetwork/java/javase/downloads/jdk8-
downloads-2133151.html
- Pilih sesuai Operating System dan bit - Klik dulu Accept License Agreement -
Download - Install seperti biasa
MODUL DASAR ANDROID STUDIO | APPSONOMY
3
Set Environment Variable JDK - Buka path JDK - Copy path nya
- Klik kanan pada bagian My Computer atau This PC - Pilih properties
MODUL DASAR ANDROID STUDIO | APPSONOMY
4
- Klik Advanced System Setting
- Klik pada bagian Advanced - Kemudian Environment Variables
MODUL DASAR ANDROID STUDIO | APPSONOMY
5
- Pada bagian User Variable Klik New
- Isikan dengan Variable name : JAVA_HOME dan Variable Value :
<Tempel/Paste path JDK tadi yang anda Copy>
- Selesai.
MODUL DASAR ANDROID STUDIO | APPSONOMY
6
2. Install Android Studio
- Link download https://developer.android.com/studio/
- Klik Download Android Studio - Centang I have read and agree.... - Klik
Download Android Studio For (sesuai Operating System anda)
MODUL DASAR ANDROID STUDIO | APPSONOMY
7
- Kemudian jika sudah selesai download Android Studio nya, silahkan
install
- Klik Next
MODUL DASAR ANDROID STUDIO | APPSONOMY
8
- Centang Android SDK dan Android Virtual Device(Optional) - Klik Next
- Klik I Agree
MODUL DASAR ANDROID STUDIO | APPSONOMY
9
- Tentukan lokasi penginstalan Android Studio dan SDK
- Klik Install
MODUL DASAR ANDROID STUDIO | APPSONOMY
10
- Ketika sudah selesai proses install klik finish
- Selesai. Tahap selanjutnya mendownload komponen SDK - Pilih I do not have a
previous version...
NB : PENTING!!! Pastikan laptop/pc terhubung internet stabil
MODUL DASAR ANDROID STUDIO | APPSONOMY
11
- Klik Next
- Pilih Standard kemudian Next
MODUL DASAR ANDROID STUDIO | APPSONOMY
12
- Beri centang pada semua komponen dan untuk Android Virtual Device
sifatnya optional, instal jika ingin menggunakan emulator untuk menjalankan
aplikasi.
NB : Untuk processor selain Intel tidak bisa menginstal AVD karena membutuhkan
Intel HAXM untuk menjalankan emulator bawaan Android Studio. Sebagai
alternative bisa menggunakan GenyMotion atau Nox App Player.
- Pada bagian Android SDK Location adalah lokasi instalasi SDK anda,
kemudian klik Next
MODUL DASAR ANDROID STUDIO | APPSONOMY
13
- Disini akan tampil komponen – komponen yang akan kita download,
klik Finish dan tunggu hingga proses download selesai
- Klik Finish
MODUL DASAR ANDROID STUDIO | APPSONOMY
14
Untuk memastikan penginstalan berjalan baik, kita perlu mencoba menjalankan
aplikasi “Hello World” dengan cara berikut:
- Klik Start a new Android Studio project
- Masukkan nama aplikasi Hello World sebagai contoh. Project location
adalah tempat penyimpanan project Hello World. Kemudian Next
MODUL DASAR ANDROID STUDIO | APPSONOMY
15
- Target Android Devices centang pada Phone and Tablet karena kita
akan membuat aplikasi Hello World untuk Smartphone. Klik Next
- Pilih Empty Activity kemudian Next
MODUL DASAR ANDROID STUDIO | APPSONOMY
16
- Finish
- Tunggu hingga loading selesai seperti berikut
MODUL DASAR ANDROID STUDIO | APPSONOMY
17
Disini saya akan menggunakan Android Device untuk menjalankan aplikasi,
sebelum menjalankan Android Device anda perlu di setting seperti berikut:
- Buka Pengaturan>Tentang Ponsel>Informasi Perangkat Lunak
kemudian Tap pada bagian Nomor Versi sebanyak 7x hingga muncul
pemberitahuan Mode pengembang telah aktif
MODUL DASAR ANDROID STUDIO | APPSONOMY
18
- Kembali pada halaman utama Pengaturan scroll kebawah dan masuk
pada menu Pilihan Pengembang
MODUL DASAR ANDROID STUDIO | APPSONOMY
19
- Aktifkan Mendebug USB
- Jika sudah selesai, sambungkan perangkat Android pada laptop/pc
anda
MODUL DASAR ANDROID STUDIO | APPSONOMY
20
- Klik icon untuk menjalankan aplikasi, akan muncul
pemberitahuan pada perangkat Android anda. Beri centang kemudian OK
MODUL DASAR ANDROID STUDIO | APPSONOMY
21
- Pada halaman Android Studio akan seperti ini ketika perangkat
Android anda sudah terdeteksi. Klik OK untuk menjalankan, tunggu hingga proses
Running aplikasi selesai
MODUL DASAR ANDROID STUDIO | APPSONOMY
22
- Apabila tidak terjadi error maka akan tampil seperti berikut pada
perangkat Android anda
- Good Job aplikasi pertama anda sudah berhasil dijalankan dan juga
berarti Android Studio sudah berhasil di install
MODUL DASAR ANDROID STUDIO | APPSONOMY
23
RESKIN PROJECT
1. Open Project
- Buka Android Studio kemudian klik Open an existing Android Studio
project (Pada kasus kali ini kita menggunakan source code Flight Ticket sebagai
contoh implementasi hingga akhir tutorial).
MODUL DASAR ANDROID STUDIO | APPSONOMY
24
- Arahkan ke folder/path project Flight Ticket yang sudah anda
download dan extract - Masuk ke dalam folder project dan pilih file build.gradle
kemudian
Open - Tunggu sekitar 1 – 10 menit (tergantung pada spesifikasi pc/laptop
anda)
- Ketika loading sudah selesai dan muncul peringatan seperti berikut,
silahkan klik Don’t remind me again for this project
MODUL DASAR ANDROID STUDIO | APPSONOMY
25
- Selesai, apabila tidak terjadi error maka akan tampil seperti berikut
2. Ganti Package Name dan Package ID Project
- Pada bagian sebelah kiri ubah tampilan ke Android
MODUL DASAR ANDROID STUDIO | APPSONOMY
26
- Klik Project dan ubah ke Android
- Buka folder app>java>com.appsonomy.bookingapps sehingga
tampilannya seperti berikut
MODUL DASAR ANDROID STUDIO | APPSONOMY
27
- Kemudian klik gambar icon gear - Uncheck atau hilangkan centang pada Hide
Empty Middle Packages
- Maka akan terbagi menjadi 3 bagian folder seperti berikut
MODUL DASAR ANDROID STUDIO | APPSONOMY
28
- Klik kanan pada bagian folder tengah (disini contohnya folder
appsonomy) kemudian Refactor>Rename
- Masukkan nama package yang baru, biasanya pada bagian tengah
berisikan nama perusahaan kemudian klik Refactor
- Dan akan muncul peringatan pada bagian bawah kolom find seperti
berikut kemudian klik Do Refactor
MODUL DASAR ANDROID STUDIO | APPSONOMY
29
- Ketika sudah berubah maka tampilan seperti berikut
- Selanjutnya lakukan dengan cara yang sama untuk mengubah bagian
folder terakhir (disini folder bookingapps sebagai contoh) - Apabila sudah
selesai mengubah package name selanjutnya mengubah package id pada gradle,
buka Gradle Script>build.gradle(Module: app)
MODUL DASAR ANDROID STUDIO | APPSONOMY
30
- Berikutnya pada bagian applicationId sesuaikan dengan package name
anda dan sync project pada lingkaran merah
- Selesai, jika tidak ada error akan tampil seperti berikut
MODUL DASAR ANDROID STUDIO | APPSONOMY
31
3. Mengubah Asset
- Buka folder app>res>drawable dan app>assets, pada bagian folder
ini berisikan semua asset atau gambar – gambar dari aplikasi
- Disini saya akan melihat terlebih dahulu apa saja Asset yang akan kita
ubah dengan cara menjalankan aplikasi. Caranya sama seperti menjalankan aplikasi
Hello World sebelumnya klik kemudian sambungkan perangkat anda ke laptop/pc.
Klik OK apabila sudah terdeteksi.
MODUL DASAR ANDROID STUDIO | APPSONOMY
32
- Jika tidak ada error maka app Flight Ticket akan tampil seperti ini
pada perangkat anda. Pada bagian yang saya lingkari(Merah) akan saya ubah Asset
nya. Pada bagian Contact Us di project Flight Ticket belum memiliki asset dan
akan kita tambahkan
MODUL DASAR ANDROID STUDIO | APPSONOMY
33
- Sebelum kita ubah mari persiapkan Asset yang akan kita ganti
TIPS : Untuk mendownload icon Free License bisa ke flaticon.com NB : Pastikan
sebelum menimpa Asset seluruh file gambar berformat .png dan sesuaikan nama
Asset yang akan kita timpa
- Contoh yang saya persiapkan untuk menimpa beberapa Asset. Quickbussines.png
merupakan asset dari Contact Us. INGAT sesuaikan nama asset yang akan ditimpa
MODUL DASAR ANDROID STUDIO | APPSONOMY
34
- Klik kanan pada folder Asset kemudian pilih Reveal in folder(MAC) /
Show in explorer(Windows)
- Tempel/Paste kan Asset baru yang kita persiapkan tadi. Jika sudah cek
kembali didalam Android Studio
- Sudah berhasil! Kita coba jalankan
MODUL DASAR ANDROID STUDIO | APPSONOMY
35
- Good Job, kita sudah berhasil mengubah beberapa Asset pada project
Flight Ticket
MODUL DASAR ANDROID STUDIO | APPSONOMY
36
4. Mengubah Nama, Icon, dan Theme Color Aplikasi
- Selanjutnya kita akan mengubah nama Aplikasi, buka
app>res>values>strings.xml. Pada lingkaran merah bisa diganti sesuai nama
Aplikasi yang anda inginkan
- Jika sudah selesai, dikarenakan project ini menggunakan Bahasa
pemrograman HTML kita perlu mengubah pada bagian app>assets>index.html.
Pada lingkaran merah bisa diganti sesuai nama Aplikasi yang anda inginkan
MODUL DASAR ANDROID STUDIO | APPSONOMY
37
- Mengubah Id Admob, buka halaman admob, Sign into Admob
Link : https://www.google.com/admob/
- Jika belum memiliki akun silahkan daftar, isi data
- Kemudian verifikasi nomor handphone apabila sudah memasukkan
nomor handphone, lalu Verify
MODUL DASAR ANDROID STUDIO | APPSONOMY
38
- Buat project baru di admob dengan cara Klik bagian Apps>ADD APP
- Masukkan nama aplikasi dan pilih Platform Android, kemudian ADD
- Create AD UNIT
MODUL DASAR ANDROID STUDIO | APPSONOMY
39
- Pertama kita buat Ads berupa Banner, dan selanjutnya membuat
Interestial dengan cara yang sama, Select Banner
- Masukkan Ad unit name kemudian CREATE AD UNIT
- Salin kode yang ditutupi berwarna merah dan paste ke
strings.xml>ad_unit_id
MODUL DASAR ANDROID STUDIO | APPSONOMY
40
- Selanjutnya lakukan dengan cara yang sama untuk Ads berupa
Interestial kemudian paste ke strings.xml>ad_interestial
MODUL DASAR ANDROID STUDIO | APPSONOMY
41
- Lanjut, mengubah icon aplikasi klik kanan pada
app>res>mipmap>New>Image Asset. Sesuaikan pada gambar dan pada bagian
Path arahkan ke file icon baru berformat .png dan ukuran dimensi 512x512. Klik
Next
- Finish
- Jalankan kembali
MODUL DASAR ANDROID STUDIO | APPSONOMY
42
- Selesai, sejauh ini kita sudah berhasil mengubah icon dan nama
aplikasi.
MODUL DASAR ANDROID STUDIO | APPSONOMY
43
- Mengubah Theme Color Aplikasi, buka app>res>values>color. Klik pada bagian
yang dilingkari kemudian sesuaikan warna yang anda inginkan, jika sudah selesai
klik Choose
- Jalankan kembali untuk melihat perubahan warna pada Aplikasi.
Selesai
MODUL DASAR ANDROID STUDIO | APPSONOMY
44
Build APK
- Build project menjadi APK
Klik Build>Generate Signed APK...
- Next
MODUL DASAR ANDROID STUDIO | APPSONOMY
45
- Disini kita akan membuat keystore Aplikasi. Keystore adalah sertifikat
elektronik yang menandakan bahwa aplikasi tersebut milik anda.Create New...
PENTING!!! Simpan keystore ditempat yang aman karena ketika akan melakukan
update aplikasi akan membutuhkan keystore yang sama pada saat build pertama
kali, dan akan dipergunakan juga ketika menjual aplikasi maka pembeli akan
meminta keystore
MODUL DASAR ANDROID STUDIO | APPSONOMY
46
- Isikan data yang sesuai. Key store path tempat penyimpanan keystore,
masukkan password dan lain – lain, jika sudah selesai klik OK
- Jika sudah terisi semua, klik Next
MODUL DASAR ANDROID STUDIO | APPSONOMY
47
- Finish, tunggu hingga proses build selesai
- Jika selesai maka akan muncul sebelah kiri bawah seperti berikut
MODUL DASAR ANDROID STUDIO | APPSONOMY
48
- Cari APK dengan cara klik locate, jika tidak bisa lakukan dengan cara
manual ke folder folder project\Flight Ticket\app\app-release.apk
MODUL DASAR ANDROID STUDIO | APPSONOMY
49
Persiapan publish ke Playstore
- Icon Aplikasi ukuran 512x512 format .png - Featured Image ukuran 1024x500 -
Screenshot ukuran min. 320px max. 3840px format .JPEG atau .png
MODUL DASAR ANDROID STUDIO | APPSONOMY
50
- Contoh file yang sudah kita siapkan, untuk membuat file screenshot,
featured image dan icon bisa menggunakan CorelDraw, Photoshop, atau AI. Bagi
yang tidak bisa menggunakan tools diatas bisa liat referensi disini Link :
https://www.youtube.com/watch?v=I-kOXn7UdJg
- Login ke halaman GooglePlay Console kemudian CREATE
APPLICATION - Untuk yang belum memiliki akun bisa mendaftar terlebih
dahulu dan siapkan $25 menggunakan kartu kredit. Apabila tidak memiliki kartu
kredit bisa menggunakan VCN atau VCC. Cara daftar bisa lihat disini Link :
https://www.youtube.com/watch?v=loxJgO2Lz8U
MODUL DASAR ANDROID STUDIO | APPSONOMY
51
- Masukkan judul Aplikasi, Default language English, kemudian
CREATE
- Masukkan Short description dan Full description, untuk referensi membuat short
& full desc yang baik bisa menonton video bagian tentang Riset App. Jika sudah
silahkan scroll kebawah
MODUL DASAR ANDROID STUDIO | APPSONOMY
52
 Graphic Asset - Pada bagian ada Screenshot, Featured Image dan Icon. Klik
BROWSE
FILES untuk upload komponen Screenshot, lakukan cara yang sama untuk icon
dan featured image, berikut tampilan ketika sudah berhasil seluruh komponen.
Scroll down lagi
Categorization - Application type : Application (karena apk yang akan kita
upload
berjenis Aplikasi bukan Game) Category : Travel & Local (kategori yang paling
cocok untuk aplikasi Flight Ticket) Website : Optional Email : Masukkan email
anda Privacy Policy : Beri centang Not submitting a privacy policy Jika sudah
selesai klik SAVE DRAFT
MODUL DASAR ANDROID STUDIO | APPSONOMY
53
- Selanjutnya beralih pada halaman App releases>Production>Manage
- CREATE RELEASE
MODUL DASAR ANDROID STUDIO | APPSONOMY
54
- Pada bagian App signing by Google Play klik Continue kemudian
dilanjutkan pada bagian Android App Bundles and APKs to add silahkan di klik
lalu arahkan ke file .apk yang sudah kita generate tadi folder project\Flight
ticket\app\app-release.apk
MODUL DASAR ANDROID STUDIO | APPSONOMY
55
- Ketika tidak terjadi masalah pada saat upload APK maka akan muncul
seperti berikut, scroll kebawah
- Klik SAVE kemudian REVIEW
- Bagian App releases dan Store listing sudah selesai
MODUL DASAR ANDROID STUDIO | APPSONOMY
56
- Selanjutnya masuk pada Content rating, Klik CONTINUE
- Masukkan email, kemudian isi kuisioner Content rating pada bagian
yang ditandai berwarna hijau
MODUL DASAR ANDROID STUDIO | APPSONOMY
57
- Jika sudah selesai, klik SAVE QUESTIONNAIRE kemudian
CALCULATE RATING
MODUL DASAR ANDROID STUDIO | APPSONOMY
58
- Selesai untuk Content rating
- Terakhir, masuk ke menu Pricing & Distribution. Bagian Countries
ubah ke Available agar aplikasi kita bisa digunakan diseluruh Negara, Primary
Chil-Drirected : No. Selanjutnya Scroll kebawah
MODUL DASAR ANDROID STUDIO | APPSONOMY
59
- Sesuaikan seperti gambar dibawah. Kemudian klik SAVE DRAFT
- Klik Ready to publish
- Klik MANAGE RELEASES untuk kembali pada halaman App releases
MODUL DASAR ANDROID STUDIO | APPSONOMY
60
- Klik EDIT RELEASE
MODUL DASAR ANDROID STUDIO | APPSONOMY
61
- Scroll kebawah kemudian klik REVIEW
- Klik START ROLLOUT PRODUCTION
MODUL DASAR ANDROID STUDIO | APPSONOMY
62
- Klik Confirm
MODUL DASAR ANDROID STUDIO | APPSONOMY
63
- Selesai, aplikasi sudah berhasil kita upload tetapi perlu menunggu
verifikasi dari google kurang lebih 2 – 5 jam. Sampai status Pending publication
berubah menjadi Published
MODUL DASAR ANDROID STUDIO | APPSONOMY
64