BELAJAR CEPAT DAN PRAKTIS TENTANG GRAFIKA KOMPUTER (Teori Aplikasi)

Judul

BELAJAR CEPAT DAN PRAKTIS TENTANG GRAFIKA KOMPUTER (Teori & Aplikasi)

“Untuk Pengembangan Aplikasi Mobile Dengan Menggunakan Eclipse Bundle Android, Android Studio Dan OpenGL ES ”

Oleh : Imam Cholissodin Maya Kurniawati, dkk.

PENGANTAR Modul ini disusun untuk memberikan pemahaman konsep

dasar dan detail pengembangan Grafika Komputer berbasis aplikasi

Mobile. Materi yang tersedia selain memudahkan para developer,

juga untuk mendukung perkuliahan yang membantu pengayaan

mahasiswa.

Imam Cholissodin S.Si., M.Kom

Dosen Pengampu MK Grafika Komputer FILKOM UB

2014-2016

Kata Pengantar

Alhamdulillahhi robbil alamin, puji syukur kehadirat Allah SWT atas segala rahmat dan karunia-Nya dengan terselesaikannya penu- lisan modul ini dengan judul “Belajar Cepat & Praktis Tentang Grafika Komputer (Teori & Aplikasi) Untuk Pengembangan Aplikasi Mobile Dengan Menggunakan Eclipse Bundle Android Dan OpenGL ”. Buku ini merupakan uraian dari pemahaman konsep dasar dalam grafika komputer dan penerapannya, dengan mengedepankan keterampilan dalam pembuatan dan menampilkan grafik komputer serta berbagai algoritmanya, untuk mengaplikasikan grafika komputer pada pemodelan agar memudahkan dalam pembuatan visualisasi informasi menjadi bentuk geometri, serta mengembangkan teori geometri pada pembuatan grafik komputer untuk tingkat lanjut yang lebih kompleks. Grafika komputer telah banyak diaplikasikan pada beberapa perangkat lunak dengan bahasa pemrograman yang populer seperti C/C++, Java, dan lainnya. Namun aplikasi grafika komputer pada perangkat Mobile (Smartphone) masih jarang ditemukan (sangat langka), terutama dalam bentuk buku yang berbahasa Indonesia. Dan teknologi Mobile saat ini memang sedang naik daun, baik dimata pengembang Aplikasi (Developer) maupun dikalangan pengguna (End User). Hal inilah yang mendasari penulis untuk menyusun cata- tan-catatan kecil untuk dibuat sebuah naskah tulisan yang mudah un- tuk dipahami. Dan penulis mengucapkan terimakasih yang sebesar- besarnya kepada beberapa pihak terkait yang telah membantu dalam penyelesaian buku ini :

1. Para penulis artikel tentang grafika komputer di forum, web, blog dan buku yang menjadi referensi buku ini, dan memberi masukan yang sangat berharga untuk perbaikan dan penyelesaian buku ini.

2. Mbak Maya Kurniawati, yang telah banyak membantu penulisan buku ini. Dan beberapa mahasiswa terbaik saya lainnya (M. Abyan Safitra, M. Fatqur Rohman, Abdul Khoir, Faisol Andi Sefihara, Faisal Akbar, Pasca Immanuddin, Dani Devito, dkk.). Semoga kontribusi kalian menjadi ilmu yang barokah dan bermanfaat. Amiin. :)

Buku ini masih jauh dari sempurna, begitulah kata yang tepat terkait dengan buku ini. Maka penulis mohon kritik dan saran untuk perbaikan dan penyempurnaan buku ini. Selamat membaca buku ini dan semoga bermanfaat.

Malang, 19 Agustus 2014

Penulis

Daftar Tabel

Tabel 1.1 Log “Run adb.exe by cmd as Administrator” ...................... 75 Tabel 1.2 Concepts Map : Eclipse Vs Android Studio ........................ 92 Tabel 9.1 Fungsi Dasar Pembentuk Objek ...................................... 761 Tabel 9.2 Fungsi Dasar Pembentuk Objek ...................................... 920 Tabel 9.3 Fungsi Dasar Pembentuk Objek .................................... 12 Tabel 9.4 Fungsi Dasar Pembentuk Objek .................................... 1159

Source Code 9.5 Code Touch Your Coin ......................................... 923 Source Code 9.6 Code Guess The Animal .................................... 1066 Source Code 9.7 Code Ular Tangga .............................................. 1127

BAB 1 Introduction to OpenGL

You can buy the books, but not knowledge.

1.1 Pengertian Grafika Komputer

Grafika Komputer adalah bagian dari Ilmu Komputer yang memiliki konsep mengkorversi dari informasi menjadi objek visual secara digital, sekaligus didalamnya proses manipulasi. Konsep ini merupakan kebalikan dari computer vision. Objek visual tersebut dapat berupa 3 dimensi maupun 2 dimensi yang meliputi beberapa contoh seperti titik, garis lurus, garis lengkung, maupun objek yang komplek. Operasi yang dilakukan pada objek visual tersebut, dimulai dari setiap pixel matrik yang membentuk suatu objek tertentu dengan ukuran tertentu. Meskipun objek tertentu tersebut terlihat sangat komplek, apalagi jika sudah diberikan beberapa efek dan manipulasi yang sangat detail dan bagus, namun sebenarnya objek tersebut sebenarnya hanya disusun dari objek sederhana yaitu titik-titik yang sangat banyak, yang meliputi keseluruhan permukaan objek komplek tersebut. Selain itu, dukungan perkembangan perangkat lunak dan perangkat keras juga menjadikan Grafika Komputer memiliki perkembangan yang sangat pesat, terutama pada aplikasi mobile yang menjanjikan hasil produk grafis menjadi sangat berkulitas.

1.2 Persiapan di Eclipse (ADT)

1.2.1 Fast Emulator With Intel (HAXM)

Android memiliki dukungan penuh untuk OpenGL, meskipun library-nya tidak selengkap pada C/C++ di Visual Studio (GLUT - OpenGL Utility Toolkit- Library) atau di Netbean OpenGL (LWJGL - Lightweight Java Game Library). Berikut ini adalah cara untuk membuat dan mengaktifkan emulator Android dengan prosesor Intel (HAXM).

1. Aktifkan “Intel VT” atau intel virtualization technology di BIOS.

2. UpdateAndroid SDK pada Android target, pada contoh ini yang diperbarui adalah “Android 4.4 – API Level 19″dengan CPU/ABI menggunakan “Intel Atom x86″.

 Pada Tool Bar, klik “Windows” –>klik “Android SDK Manager”.

Gambar 1.1 Android SDK Manager Sebelum Klik Deselect All  K lik “Deselect All” menghilangkan tanda cek pada item

yang saat ini dipilihlalui klik pada Android target yang diinginkan, jika menggunakan “Android 4.4 – API Level

19 ″beri tanda cek untuk “Intel x86 Atom System Image ”kemudian beri tanda cek untuk “Intel x86 Emulator Accelerator (HAXM)”.

Gambar 1.2 Klik Intel x86 Atom System Image

Gambar 1.3 Beri tanda cek Intel x86 Emulator Accelerator (HAXM)  Klik “Install 2 packages”.

Gambar 1.4 Klik Install 2 packages  Klik “Android SDK License”, kemudian klik “Accept

Lisense”.

Gambar 1.5 Klik Android SDK License lalu klik Accept Lisense

 Klik “Intel Android Extra License”, then click “Accept Lisense”.

Gambar 1.6 Klik Intel Android Extra License lalu klik Accept Lisense  Klik “Install”. Tunggu hingga download selesai.

Gambar 1.7 Proses Download

 Tampilan setelah download serta instalasi “Intel x86 Atom System Image” dan “Intel x86 Emulator Accelerator

(HAXM)” selesai. Lalu Close “Android SDK Manager”.

Gambar 1.8 Tampilan setelah download dan instalasiselesai  Restart Eclipse.

3. Untuk membuat AVD, klik “Android Virtual Device Manager”, pada CPU/ABI menggunakan pilihan “Intel Atom x86″lalu pada Emulation Option, beri tanda cekuntuk “Use Host GPU”. Lalu klik “OK”.

Gambar 1.9 Membuat Android Virtual Device (AVD) baru

4. Setelah membuat AVD lalu klik AVD pada list lalu klik Start.

Gambar 1.10 Klik AVD pada list lalu klik Start

5. Agar AVD atau “Android Emulator” dapat dijalankan dengan cepat. Close AVD atau “Android Emulator” yang saat ini digunakan.

6. Install HAXM pada sdk android path berikut “…/adt-bundle- windows-x86- 20131030\sdk\extras\intel\Hardware_Accelerated_Execution_Ma nager\IntelHaxm.exe ”.

Gambar 1.11 Intel HAXM

7. Lalu ja lankan kembali AVD atau “Android Emulator” (Jika ingin merotasi layar AVD, gunakan Ctrl + F11).

Gambar 1.12 Tampilan AVD

8. Selesai dan emulator Android telah dapat digunakan.

1.2.2 Konfigurasi "Eclipse + Bluestacks"

Bluestack adalah aplikasi emulator Android untuk PC. Langkah- langkah untuk konfigurasi Eclipse dan Bluestack pada Android adalah sebagai berikut:

1. Download Eclipse + Android SDK (Eclipse Bundle Android) pada link (32 bit) https://goo.gl/KZwJcz (± 491.8 MB), (64 bit) 1. Download Eclipse + Android SDK (Eclipse Bundle Android) pada link (32 bit) https://goo.gl/KZwJcz (± 491.8 MB), (64 bit)

Gambar 1.13 Download SDK ADT Bundle Eclipse

2. Setup Android Developer Tools (ADT Bundle) hingga instalasi selesai.

3. Install Bluestacks dengan installer offline pada link :

a. (ver. 1.1) https://goo.gl/o6zNpH (± 108.35 MB), atau

b. (ver. 1.2) https://goo.gl/CGbphW (± 128 MB),

c. (ver. 2) https://goo.gl/MUUQLM (± 267.98 MB).

atau online pada link http://www.bluestacks.com.

Gambar 1.14 Download Bluestacks

4. Setelah instalasi Bluestacks selesai, jalankanBluestacks, lalu install launcher seperti “ADW Launcher, LauncherPro” dari Google Play untuk memudahkan dalam menjalankan aplikasi Android pada Bluestacks.

Gambar 1.15 ADW Launcher

Gambar 1.16 Interface Bluestacks

5. Jalankan Eclipse, jika gagal dan muncul pesan sebagai berikut:

 Failed to create the Java Virtual Machine, untuk mengatasinya:

Gambar 1.17 Pesan “Failed to create the Java Virtual Machine”

Buka file “..\adt-bundle-windows-x86- 20131030\eclipse\ eclipse.ini”,kemudian

edit “- XX:MaxPermSize=256M”

menjadi “- XX:MaxPermSize=128M” atau sebaliknya. Ketikkan tanpa tanda kutip.

 Failed to run JDK (meskipun JDK sudah ter-install sebelumnya), maka untuk mengatasinya:

o Copy path JDK pada komputer, misalnya “C:\Program Files\Java\jdk1.7.0_40\ bin”. o Buka “Control panel”–>”System and Security”– >”System”–>”Advanced system settings”.

Gambar 1.18 Advanced system settings o K lik “Environment Variable…”, pada “System

variables” klik “path” lalu klik “Edit”.

This books is only a-z,0-9, few symbol & picture. Although like this, those are irreplaceble with treasure or anything and how much money that you have spend to buy it.

Gambar 1.19 Click Path o Tambahkan “Variable value:” dengan “;C:\Program

Files\Java\jdk1.7.0_40\ bin”, kemudian klik “OK” sebanyak 3 kali.

Gambar 1.20 Edit System Variables o Jalankan, kembali Eclipse.

6. Kemudian untuk mengkoneksikan Bluestack dan Eclipse, langkah-langkahnya sebagai berikut:

 Jalankan cmd (Window + R), lalu klik “Ok”.

Gambar 1.21 Menjalankan cmd  Ketikkan “cd c:\Program Files\BlueStacks” lalu tekan “Enter”

button.

Gambar 1.22 Command masuk ke folder BlueStacks  Ketikkan ini “HD-Adb.exe start-server”, lalu tekan “Enter”.

Gambar 1.23 HD-Adb.exe start-server

 Tampilan setelah dikoneksikan (pada cmd) :

Gambar 1.24 Setelah HD-Adb.exe start-server dijalankan  Tampilan setelah dikoneksikan (pada Eclipse) : Untuk

menampilkan “Devices”, click “Window” –> ”Show view” –> ”Other” –> ”Android” –> ”Devices”.

Gambar 1.25 Klik"Window ->"Show view"- >“Other”

Gambar 1.26 Tampilan device pada Bluestacks emulator

Gambar 1.27 Android Device Chooser Jika gagal dalam mengkoneksikan, ketikkan “HD-Adb.exe kill-

server” lalu tekan “Enter”, tunggu beberapa saat lalu ketikkan lagi“HD- Adb.exe start- server” selanjutnya tekan “Enter”.

1.2.3 Konfigurasi "Eclipse + Genymotion"

Langkah-langkah konfigurasi Eclipse dan Genymotion pada Android adalah sebagai berikut:

1. Download Genymotion di link :

a. (Master + Virtual Devices) https://goo.gl/bNm9W7 (± 1.6 GB)

b. (Master Only) https://goo.gl/WPxuP1 (± 183 MB)

2. Run Genymotion, dan buat dahulu virtual device di Genymotion.

3. Run Genymotion (klik icon di desktop)

4. Main window akan muncul

Gambar 1.28 Main Window Genymotion

5. Lalu akan muncul pop-up dan meminta untuk menambah virtual device.

Gambar 1.29 Pop-up Menambah Virtual Device

6. Klik ok lalu akan muncul

Gambar 1.30 Klik OK

7. Klik connect. Isi dengan username/email address dan password, lalu klik "Connect" .

Gambar 1.31 Isi Username/Password ,Connect

8. Setelah terkoneksi akan muncul virtual device di bawah ini.Pilih virtual device misalkan (Nexus 7 - 4.3) lalu klik "Next" .

Gambar 1.32 Pilih Virtual Device

9. Beri nama untuk virtual devicenya lalu klik next.

Gambar 1.33 Beri Nama Virtual Device

10. Virtual device akan terdownload dan di deploy.

Gambar 1.34 Virtual Device Terdownload & Terdeploy

11. Klik finish untuk mengakhiri deployment window.

Gambar 1.35 Deployment window Finish

12. Klik play untuk memulai virtual device.

Gambar 1.36 Play

13. Jika ingin meng-install secara offline “virtual devices”, siapkan, misal beberapa file berikut di folder “..\VirtualDevicesGenymobile\Genymobile\Genymotion\ova” :

Gambar 1.37 File .ova Copykan ke folder :

“C:\Users\{ComputerName}\AppData\Local\Genymobile\Genymot ion\ova ”.

Klik “Add”, lalu “Next”, “Next”, dan “Finish”

Gambar 1.38 Deploying virtual device..

Gambar 1.39 Virtual device Finish

Gambar 1.40 Virtual device is Ready

14. Atau dengan cara membuka Virtual Box, Klik FileImport Appliance.. Klik (Pilih salah satu file *.ova) pada “C:\Users\{ComputerName}\AppData\Local\Genymobile\Genymot ion\ova ”. Lalu Klik “Next”, Klik “Import’.

Gambar 1.41 Import Virtual Devices (*.ova) di Virtual Box

15. Virtual device yang sudah di-import, dapat cek pada Virtual Box dan juga pada Genymotion dan siap untuk dijalankan.

Gambar 1.42 Virtual device is Ready Pada Virtual Box

Gambar 1.43 Virtual device is Ready Pada Genymotion

16. Klik “Settings”, lalu klik “ADB”, isikan dengan, misal letak folder sdk anda ada di “E:/adt-bundle-windows-x86_64-20131030/sdk”

Gambar 1.44 Set Letak Android SDK di Genymotion

17. Opsi lainnya, lakukan instalasi plugin Genymotion ke Eclipse. Caranya sebagai berikut:

a. Start Eclipse

b. Buka menu "HelpInstall New Software..."

c. Pada window yang muncul, klik tombol "Add..."

d. Isi form dengan Name: Genymobile Location: http://plugins.genymotion.com/eclipse

Gambar 1.45 Add Repository, lalu klik OK

Gambar 1.46 There are not categorized items

e. Jika “Genymotion Eclipse Tools” tidak ada pada list, dan hanya ada “There are not categorized items”, maka solusinya uncheck “Group items by category”.

Gambar 1.47 U ncheck “Group items by category” Gambar 1.47 U ncheck “Group items by category”

Gambar 1.48 Cek "Genymotion Eclipse Tools"

Gambar 1.49 "Genymotion Eclipse Tools", Klik Finish

g. Eclipse akan mengingatkan bahwa plugin is unsigned, klik OK saja.

Gambar 1.50 plugin is unsigned, klik OK saja Gambar 1.50 plugin is unsigned, klik OK saja

Gambar 1.51 Software Updates, restart to take effect

i. Setelah restart, maka akan muncul tombol di toolbar: j. Klik icon tersebut, jika belum diset directory Genymotionnya,

pada “WindowPreferencesGenymotion”, Set directory Genymotion

dengan “C:\Program Files\Genymobile\Genymotion ”.

misal

Gambar 1.52 Set directory Genymotion

Gambar 1.53 Icon Genymotion di Eclipse

18. Pada pilihan muncul beberapa nama virtual devices, pilih salah satu, lalu klik start

Gambar 1.54 Start Virtual Device Lokasi Virtual Devices :

C:/Users/{ComputerName}/AppData/Local/Genymobile/Genymoti on/deployed/

19. Akan loading seperti dibawah ini

Gambar 1.55 Loading Virtual Device

20. Lalu setelah loadingnya selesai akan keluar seperti ini

Gambar 1.56 Tampilan Virtual Samsung Galaxy S2 - 4.1.1 - API 16 -

480x800

21. Jika keluar error “unable to start the virtual device, virtualbox can't start the virtual device ”

Gambar 1.57 Error unable to start the virtual device Gambar 1.57 Error unable to start the virtual device

Virtual Box. Klik FilePreferencesNetworkTab Host-only Network, Hapus

buka

semua “VirtualBox Host-Only Ethernet Adapter” satu per satu, dengan cara klik “Removes selected”, Klik tombol “remove” (Pastikan Host-only Networks, telah kosong), Klik OK. Close Virtual Box.

Gambar 1.58 Kosongkan Host-only Networks

b. Buka Genymotion, maka secara otomatis “VirtualBox Host- Only Ethernet Adapter” pada Virtual Box akan dibuat kembali, dan pada “Your virtual devices” jangan di klik “Start” terlebih dahulu. Lakukan langkah “c”.

Gambar 1.59 Auto Create VirtualBox Host-Only Ethernet Adapter Gambar 1.59 Auto Create VirtualBox Host-Only Ethernet Adapter

Gambar 1.60 Network Connections

d. Klik Kanan “VirtualBox Host-Only Network”, klik “Properties”, checked “VirtualBox NDIS6 Bridged Networking Driver”, lalu

klik pada “Internet Protocol Version 4 (TCP/IPv4)”, lalu klik “Properties”, lakukan juga pada “VirtualBox Host-Only Network #2 ”, atau semua yang diawali dengan “VirtualBox Host-Only Network ..”.

Gambar 1.61 VirtualBox Host-Only Network Gambar 1.61 VirtualBox Host-Only Network

Kemudian cek

Virtual Box, Klik FilePreferencesNetworkTab Host-only Network, lalu klik “Edits selected” untuk “VirtualBox Host-Only Ethernet Adapter” (Pastikan sama). Setelah itu, pada Genymotion “Your virtual devices”, Pilih salah satu Virtual Devices, lalu Klik “Start”.

pada

Gambar 1.62 klik “Edits selected”

Gambar 1.63 Adapter & DHCP VB Host-Only Ethernet Adapter

Gambar 1.64 Adapter & DHCP VB Host-Only Ethernet Adapter #2

22. Buka eclipse > pada project openGL “2_2Primitives_Project_ES” klik kanan run as > Pilih Android Applicaton atau Run Configuration..

Gambar 1.65 Pilih Android Applicaton atau Run Configuration..

23. Pada Current Project, klik Target (Pilih) lalu Run

Gambar 1.66 Target , pilih “Always prompt to pick device”

24. Akan keluar “Android Device Chooser” seperti di bawah ini dan klik “genymotion – samsung_galaxy_s2..”, lalu klik “ok”

Gambar 1.67 Genymotion – samsung_galaxy_s2..

25. Lalu pada akhirnya akan keluar gambar seperti di bawah ini.

Gambar 1.68 Segitiga, Etc.

1.2.4 Konfigurasi pada Smartphone Android

Jika ingin menjadikan smartphone Android sebagai emulator, maka langkah-langkah konfigurasinya adalah sebagai berikut:

1. Siapkan smartphone Android. Pada contoh ini, smartphone An- droid yang digunakan adalah Samsung GT-i9070 Galaxy S Ad- vance.

2. Pada smartphone, pililh “setting”, lalu klik “Applica- tions/Application Manager” –> ”Development” –> klik/ beri tanda

cek pada “USB debugging”.

Gambar 1.69 USB Debugging Pada Smartphone Samsung

3. Pada PC, jalankan cmd (Window + R), lalu klik “OK. Ketikkan lokasi sdk pada komputer, misalnya “cd I:\Master\adt-bundle-windows-x86-20131030\sdk\platform- tools” lalu tekan “Enter”.

Gambar 1.70 adt-bundle-windows-x86-20131030_sdk_platform-tools

4. Ketikkan “I:” sebagai drive lokasi sdk, lalu tekan “Enter”.

Gambar 1.71 Setelah mengetikkan drive lokasi sdk

5. Ketikkan “adb.exe devices”, lalu tekan “Enter”.

Gambar 1.72 adb.exe devices

Gambar 1.73 Setelah adb.exe devices dijalankan

Gambar 1.74 Setelah adb.exe devices dijalankan pada Eclipse

6. Cek “Devices” pada Eclipse.

Gambar 1.75 Muncul smartphone Samsung pada Android devices

chooser

7. Jika gagal dalam mengkoneksikan, ketikkan “adb.exe kill-server” lalu tekan “Enter”, tunggu beberapa saat lalu ketikkan

lagi “adb.exe start- server” selanjutnya tekan “Enter”.

Gambar 1.76 adb.exe kill-server dan start-server

8. Konfigurasi selesai.

1.2.5 Solusi Error/Problem/Bug

Berikut beberapa error yang sering terjadi ketika mejalankan kode program :

1. Error “R cannot be resolved to a variable”, biasanya pada “MainActivity.java”.

Gambar 1.77 R cannot be resolved to a variable

Solusi :

a. Penyebabnya biasanya karena setelah me-rename nama “package”

“src” (misal dari “com.example.myopengl”

pada

folder

sedikit menjadi “com.example.mygl”). Meskipun pada folder “src” sudah

diubah

berhasil direname, biasanya pada folder “gen” masih ada nama “package” dengan “com.example.myopengl”.

Gambar 1.78 Error pada MainActivity.java

b. Open File “MyIntro_OpenGL/AndroidManifest.xml”, pada tab “Manifest”, ubah Package “com.example.myopengl” dengan cara klik “Browse...”, lalu pilih

Gambar 1.79 Ubah package pada AndroidManifest.xml Gambar 1.79 Ubah package pada AndroidManifest.xml

Gambar 1.80 c. Pilih “com.example.mygl”

Gambar 1.81 Package pada AndroidManifest.xml telah diubah Gambar 1.81 Package pada AndroidManifest.xml telah diubah

Gambar 1.82 d. Save file “AndroidManifest.xml”

e. Tampilan project, setelah tidak ada error

Gambar 1.83 Fix pada MainActivity.java

1.2.6 Membuat Project Baru

Berikut beberapa langkah untuk membuat project baru aplikasi android pada eclipse :

1. Klik “FileNewAndroid Application Project”, Masukkan misal “Application Name = IntroToOpenGL”. Klik Next.

Gambar 1.84 New Android Application Project

2. Konfigurasi Project, Klik Next

Gambar 1.85 Configure Project

3. Konfigurasi icon, Klik Next

Gambar 1.86 Configure the attributes of the icon set

4. Pilih “Blank Activity”, Klik Next

Gambar 1.87 Pilih “Blank Activity”

5. Create Blank Activity, Klik Finish

Gambar 1.88 Create “Blank Activity”

6. Tampilan Project. Setelah itu, replace file “MainActivity.java” tersebut dengan contoh kode program “Primitive Object” pada sub bab 2 dan selanjutnya.

Gambar 1.89 Tampilan Project

7. Tampilan Project, setelah di-replace (dilengkapi) dengan file “MainActivity.java”, “Create_Points.java”, dan “ESRender.java” dari contoh kode program Bab 2 “Primitive Object”. Misal untuk “Membuat Titik”.

Gambar 1.90 Tampilan Project Membuat Titik

1.2.7 Siklus Hidup Kode Program

Penjelasan ini meliputi proses siklus hidup atau lifecycle dari aplikasi android, hubungan antara kode-kode sampai pada alur jalannya kode mulai dari awal hingga akhir. Paradigma awal jalannya pemrograman umumnya menggunakan main(), pada Android berjalannya sistem diawali dengan Activity dengan menerapkan metode callback tertentu yang sesuai dengan tahapan lifecycle-nya. Terdapat metode callback untuk memulai suatu Activity dan ada juga ada callback untuk men-destroy suatu Activity.

Gambar 1.91 main() vs activity

1.3 Persiapan di Android Studio (AS)

1.3.1 Installasi Android Studio

Master installer android-studio-bundle-135.1641136 ini meru- pakan versi stabil pertama dari lingkungan pengembangan Android yang terintegrasi, dan ke depan, versi ini akan menjadi platform untuk pengembangan aplikasi Android. “Google releases Android Studio, kills off Eclipse ADT plugin ”, ini adalah suatu berita yang sangat be- sar. Bagaimana tidak, selama ini kami biasanya menggunakan “Eclipse ADT plugin” untuk development aplikasi android selama ku- run waktu kurang lebih 2 tahun terakhir. Google mengumumkan pada hari Selasa 8 Desember 2014 bahwa setelah dua tahun bekerja, akhirnya siap untuk meluncurkan pengembangan terpadu berbasis IDE, yaitu IntelliJ, Android Studio, kepada dunia dengan rilis versi 1.0. Android Studio akan menawarkan pengalaman yang lebih baik bagi para pengembang Android dari pada Eclipse tradisional yang digunakan sebelumnya, "kick" artinya Google menghentian Plugin Android Developer Tools (ADT) untuk Eclipse yang mengintegrasikan sejumlah alat Android ke dalamnya.

Gambar 1.92 Android Studio (Hero)

"Plugin ADT untuk Eclipse tidak lagi aktif atau di-support lagi," kata situs pengembang Google. "Jika saat ini Anda menggunakannya, Anda harus bermigrasi ke Android Studio dengan sesegera mungkin." Beberapa penggemar Eclipse juga banyak yang mempertanyakan hal ini, namun beberapa kalangan pengembang berpendapat bahwa, dibandingkan dengan Eclipse, Android Studio menawarkan ling- kungan pengembang dan desainer antarmuka pengguna yang lebih baik, serta efisiensi memori yang lebih baik dan meningkatkan ke- cepatan eksekusi kode program. Dan kemungkinan hal ini pasti ban- yak yang berbeda pendapat dari para pengembang. Ketika Android Studio diresmikan pada Mei tahun lalu, terdapat komentar di TechRe- public: "Eclipse dapat mencoba, tetapi tidak dapat bersaing dengan Visual Studio (Milik Microsoft), atau bahkan Xcode (Milik Apple). “The Eclipse Foundation” yang meliputi Google, telah mencoba lebih dari satu dekade untuk membuat Eclipse IDE menjadi lebih layak dan lebih baik, akan tetapi masih saja berat untuk mampu bersaing."

Berikut adalah langkah-langkah instalasi Android Studio untuk pengembangan aplikasi android :

 Double klik Master Android Studio

Gambar 1.93 Mater Android Studio  Tunggu beberapa detik

Gambar 1.94 Please Wait Setup is Loading

 Welcome to the Android Studio Setup, Klik “Next”

Gambar 1.95 Android Studio Setup  Pilih Komponen, Klik “Next”

Gambar 1.96 Pilih Komponen

 License Agreement , Klik “I Agree”

Gambar 1.97 License Agreement

 Configuration Setting, Klik “Next”

Gambar 1.98 Configuration Setting

 Choose Start Menu Folder, Klik “Install”

Gambar 1.99 Choose Start Menu Folder  Proses Installing

Gambar 1.100 Proses Installing Android Studio

Gambar 1.101 Extracting Android SDK

Gambar 1.102 Installation MVC++ 2010 x86 Redistributable Setup

Gambar 1.103 MVC++ Installation Is Complete

 Setup Was Successfully, Klik “Next”

Gambar 1.104 Setup Was Successfully

 Completing the Android Studio Setup

Gambar 1.105 Completing the Android Studio Setup

Ketika menjalankan Android Studio, kemungkinan anda men- galami hal-hal berikut ini :

 Error launch ing Android Studio, Solusi “Setting di Control Panel”

Gambar 1.106 Error launching Android Studio

Detail solusinya adalah sebagai berikut :

a. Copy path JDK pada komputer, misalnya “C:\Program Files\Java\jdk1.7.0_40\ bin”.

b. Buka “Control panel”–>”System and Security”– >”System”–>”Advanced system settings”.

Gambar 1.107 Advanced system settings

c. Klik “Environment Variable…”, pada “System variables” klik “path” lalu klik “Edit”.

Gambar 1.108 Click Path

d. Tambahkan “Variable value:” dengan “;C:\Program Files\Java\jdk1.7.0_40\ bin”, kemudian klik “OK” sebanyak 3 kali.

Gambar 1.109 Edit System Variables

 studio64.exe – System Error (The program can’t start be- cause MSVCR100.dll is missing from your computer. Try reinstalling the program to fix this problem.)

Gambar 1.110 Studio64.exe – System Error

Solusi untuk “The program can’t start because MSVCR100.dll is missing from your computer. Try reinstalling the program to fix this problem” adalah dengan men-download dan install “MVC++ 2010 x86 Redistribut able Package” dari web Microsoft.

Gambar 1.111 MVC++ 2010 x86 Redistributable Package

 Start Android Studio

Gambar 1.112 Start Android Studio

Gambar 1.113 Import Previous Version Of Android Studio

Gambar 1.114 Android Studio Powered by the IntelliJ Paltform

Gambar 1.115 Fetching Android SDK component information

 The following SDK component was not installed: build- tools-21.1.1, jika memang tidak terkoneksi dengan internet, Klik “Cancel”

Gambar 1.116 Checking for updated SDK component

Gambar 1.117 The following SDK … : build-tools-21.1.1

Gambar 1.118 Setup Wizard - Downloading Components

Pada Gambar 1.118 , “The following SDK component was not installed: build-tools-21.1.1 ” akan muncul setelah klik “Cancel”. Kemudian pada Gambar 1.1

19, setelah klik “Finish”, jika tidak muncul Android Studio, maka sebaiknya anda install terlebih dahulu “build- tools-21.1.1 ”.

 Start Android Studio dari Apps Search

Gambar 1.119 Start Android Studio dari Apps Search

 Pastikan komputer atau laptop anda internetnya sudah “connected”, lalu Klik “Retry”

Gambar 1.120 Setup Wizard (Klik Retry)

Gambar 1.121 Downloading Android SDK Build-tools, revision 21.1.1

 Setelah selesai “Downloading Android SDK Build-tools”, Klik “Finish”

Gambar 1.122 Download Android SDK Build-tools was successfully

 Android Studio siap untuk digunakan

Gambar 1.123 Welcome to Android Studio

1.3.2 View SDK Android Studio

Berikut ini adalah langkah-langkah untuk menampilkan folder AppData SDK dari Android yang sudah di-install dalam komputer di

“C:\Users\[Nama Komputer]” anda.  Masuk di path “C:\Users\[Nama Komputer]”, Klik “Vew”

Gambar 1.124 Masuk di path “C:\Users\[Nama Komputer]”

 Klik “Options”

Gambar 1.125 Klik "Options"

 Klik “View” pada Folder Options

Gambar 1.126 Folder Options

 Klik “Show hidden files, folders, and drivers”, Lalu Klik “Ap- play” lalu Klik “OK”

Gambar 1.127 Klik “Show hidden files, folders, and drivers”

 Tampilan path sekarang, “AppData” sudah terlihat

Gambar 1.128 “AppData” sudah terlihat

 Double Klik “AppData”, atau langsung kunjungi path ini “C:\Users\[Nama Komputer]\AppData\Local\Android\sdk”

Gambar 1.129 Lokasi SDK Android Studio

1.3.3 Solusi Error/ Problem Android Studio

 Run “MainActivity”

Gambar 1.130 Run “MainActivity”

Ketika anda menjalankan pertama kali, jika terdapat Error “JDK”. Maka coba cek di “Variable value:” misal ada jdk yang anda

install lebih dari satu versi, dan telah diisikan juga di “Variable value:” misal  “;C:\Program Files\Java\jdk1.7.0_40\bin”, maka anda harus menggantinya dengan versi yang terbaru misal  “;C:\Program Files\Java\jdk1.8.0_31\bin ”. Kemudian Klik “Try Again”. Tunggu be- berapa detik.

Gambar 1.131 Edit System Variables JDK 1.8

Gambar 1.132 Launch Emulator (Launch emulator)

Gambar 1.133 Launch Emulator (running device)

 Klik “OK”, jIka ada bug akan tampil seperti ini. Solusinya Klik “Sync Project with Grandle files”

Gambar 1.134 Unexpected Error (Local path doesn't exist) Sync..

Gambar 1.135 Local path doesn't exist (Event Log)

Solusi awal yang dapat dilakukan untuk Error “Local path doesn’t exist” adalah download dengan memasukkan perintah pada

terminal “gradlew clean packageDebug” seperti dibawah ini.

Gambar 1.136 Jalankan perintah “gradlew clean packageDebug”

Lalu dengan Klik “Setting”, Klik “Gradle”, kemudian isi “Gradle VM options:” dengan “-Xmx256m”.

Gambar 1.137 Klik “Setting” di Android Studio

Gambar 1.138 isi “Gradle VM options:” dengan “-Xmx256m”

 Check “Edit Configurations….”

Gambar 1.139 Check “Edit Configurations….”

Di dalam “Edit Configurations….””, nama form-nya “Run/Debug Configurations”. Disana terdapat Android Application “app” dan “MainActivity”. Pastikan anda juga telah men-setting seperti pada gambar di bawah ini, terdapat juga “Gradle-aware Make”.

Gambar 1.140 Android Application (app)

Gambar 1.141 Android Application (MainActivity)

 Error ketika

dengan MyAVD (“C:\Users\Imacho\AppData\Local\Android\sdk\tools\emulat or.exe -avd MyAVD -netspeed full -netdelay none emula- tor: ERROR: This AVD's configuration is missing a kernel file!!”)

running

Gambar 1.142 Failed to complete Gradle execution

Gambar 1.143 ERROR: This AVD's is missing a kernel file

 Error ketika running dengan Nexus 5 API … (“C:\Users\Imacho\AppData\Local\Android\sdk\tools\emulat

or.exe -avd Nexus_5_API_21_x86 -netspeed full -netdelay none emulator: ERROR: x86 emulation currently requires hardware acceleration! Please ensure Intel HAXM is properly installed and usable. CPU acceleration status:

HAX kernel module is not installed!”)

Gambar 1.144 Failed to complete Gradle execution

Gambar 1.145 ERROR: requires hardware acceleration

Gambar 1.146 Cannot launch AVD in emulator

Solusinya adalah sebagai berikut :

a. Install HAXM dari path “C:\Users\[Nama Komput- er]\AppData\Local\Android\sdk\extras\intel\Hardware_ Accelerated_Execution_Manager ”

Gambar 1.147 intelhaxm-android.exe

Gambar 1.148 Install HAXM 1.1.1

 Error ketika menjalankan kembali “Android Studio”

Gambar 1.149 Error launching Android Studio

Solusi dengan men- delete “JAVA_HOME” dari “Environment Variables” , atau dengan menganti variable value “JAVA_HOME” menjadi “C:\Program Files\Java\jdk1.8.0_31\”, solusi ini juga digunakan untuk mengatasi “Failed to complete Gradle execution”. Langkah alternatif ini akan dilakukan pada tahapan kedua.

Gambar 1.150 Delete “JAVA_HOME” dari “Environment Variables”

Gambar 1.151 After Delete “JAVA_HOME”

Gambar 1.152 Error launching Android Studio

Solusi dengan menganti variable value “JAVA_HOME” menjadi “C:\Program Files\Java\jdk1.8.0_31\”, solusi ini juga digunakan untuk

mengatasi “Failed to complete Gradle execution”:

Gambar 1.153 M enganti variable value “JAVA_HOME”

 Untuk mengkoneksikan Android Studio + Bluestack, yaitu dengan cara klik kanan file “adb.exe” di path

“C:\Users\Imacho\AppData\Local\Android\sdk\platform- tools ”, pilih “run as administrator”.

Gambar 1.154 Menghubungkan Android Studio + Bluestack I

Gambar 1.155 Menghubungkan Android Studio + Bluestack II

Proses di atas berjalan sangat cepat, dan hampir tidak terlihat secara jelas oleh mata. Untuk melihatnya, kita bisa menggunakan perintah berikut :

 Menjalankan “cmd.exe” as administrator di “”, lalu men- jalankan file “adb.exe” yang ada pada file “C:\Users\Imacho\AppData\Local\Android\sdk\platform-

tools\ adb.exe”

Gambar 1.156 Run cmd.exe as Administrator

Gambar 1.157 Run adb.exe by cmd as Administrator

Tabel 1.1 Log “Run adb.exe by cmd as Administrator”

Log ‘‘Run adb.exe by cmd as Administrator’’ Microsoft Windows [Version 6.2.9200]

(c) 2012 Microsoft Corporation. All rights reserved.

C:\Windows\system32>cd C:\Users\Imacho\AppData\Local\Android\sdk\platform- tools

C:\Users\Imacho\AppData\Local\Android\sdk\platform- tools>adb.exe Android Debug Bridge version 1.0.32

-a - directs adb to listen on all interfaces for a c onnection

-d - directs command to the only connected USB devic

e returns an error if more than one USB device is present. -e - directs command to

the only running emulator. returns an error if more than one emulator is r unning.

-s - directs command to the device or emulator with the given

serial number or qualifier. Overrides ANDROID_S ERIAL

environment variable.

-p <product name or path> - simple product name like 'sooner', or

a relative/absolute path to a product out directory like 'out/target/product/sooner'.

If -p is not speci- fied, the ANDROID_PRODUCT_OUT

environment variable is used, which must

be an absolute path. -H - Name of adb server host (default: localhost) -P - Port of adb server (default: 5037) devices [-l] - list all connected devices ('-l' will also list device qualifiers)

connect <host>[:<port>] - connect to a device via TCP/IP Port 5555 is used by default if no port number is specified.

disconnect [<host>[:<port>]] - disconnect from a TCP/IP device.

Port 5555 is used by default if no port number is specified.

Using this command with no additional arguments

will disconnect from all connected TCP/IP devic es.

device commands: adb push [-p] <local> <remote> - copy file/dir to de- vice ('-p' to display the transfer progress) adb pull [-p] [-a] <remote> [<local>] - copy file/dir from device ('-p' to display the transfer progress) ('-a' means copy timestamp and mode) adb sync [ <directory> ] - copy host->device on- ly if changed (-l means list but don't copy) (see 'adb help all') adb shell - run remote shell in- teractively adb shell <command> - run remote shell com- mand adb emu <command> - run emulator console command adb logcat [ <filter-spec> ] - View device log adb forward --list - list all forward

socket connections. the format is a list of lines with the followin

g format: <serial> " " <lo- cal> " " <remote> "\n"

adb forward <local> <remote> - forward socket con- nections forward specs are one of: tcp:<port> localabstract:<unix

domain socket name> domain socket name>

if <local> is already forwarded adb forward --remove <local> - remove a specific forward socket connection

adb forward --remove-all - remove all forward socket connections adb reverse --list - list all reverse socket connections from device

adb reverse <remote> <local> - reverse socket con- nections reverse specs are one of: tcp:<port> localabstract:<unix

domain socket name> localreserved:<unix domain socket name> localfilesys- tem:<unix domain socket name> adb reverse --norebind <remote> <local> - same as 'adb reverse <remote> <local>' but fail s

if <remote> is al- ready reversed. adb reverse --remove <remote> - remove a specific re- versed socket connection

adb reverse --remove-all - remove all reversed socket connections from dev ice

adb jdwp - list PIDs of process- es hosting a JDWP transport

adb install [-lrtsd] <file> adb install-multiple [-lrtsdp] <file...>

- push this package file to the device and instal l it

(-l: forward lock ap- plication) (-r: replace existing application) (-t: allow test pack- ages) (-s: install applica- tion on sdcard) (-d: allow version code downgrade) (-p: partial applica- tion install) adb uninstall [-k] <package> - remove this app pack- age from the device ('-k' means keep the data and cache directories )

adb bugreport - return all infor- mation from the device that should be in- cluded in a bug report.

adb backup [-f <file>] [-apk|-noapk] [-obb|-noobb] [-shared|-noshared] [-all] [-system|-nosystem] [<packages...>]

- write an archive of the device's data to <file> .

If no -f option is supplied then the data is wr itten

to "backup.ab" in the current directory. (-apk|-noapk ena- ble/disable backup of the .apks themselves in the archive; the default is noapk.) (-obb|-noobb ena- ble/disable backup of any insta lled apk expansion

(aka .obb) files associated with each applic ation; the default

is noobb.) (-shared|-noshared is noobb.) (-shared|-noshared

(-all means to back up all installed applicatio ns)

(-system|-nosystem toggles whether -all automat ically includes

system applica- tions; the default is to inclu

de system apps) (<packages...> is the list of applications to b

e backed up. If the -all or - shared flags are passed, then t

he package list is optional. Applications explicitly g iven on the

command line will

be included even if -nosys tem would ordinarily cause them to be omitted.)

adb restore <file> - restore device con- tents from the <file> backup archive

adb help - show this help mes- sage adb version - show version num

scripting: adb wait-for-device - block until device is online adb start-server - ensure that there is

a server running adb kill-server - kill the server if it

is running adb get-state - prints: offline | bootloader | device adb get-serialno - prints: <serial- number> adb get-devpath - prints: <device-path> is running adb get-state - prints: offline | bootloader | device adb get-serialno - prints: <serial- number> adb get-devpath - prints: <device-path>

d device adb remount - remounts the /system

and /vendor (if present) p artitions on the device read-write

adb reboot [bootloader|recovery] - reboots the de- vice, optionally into the boo tloader or recovery program

adb reboot-bootloader - reboots the device into the bootloader adb root - restarts the adbd daemon with root permissions adb usb - restarts the adbd daemon listening on USB adb tcpip <port> - restarts the adbd daemon listening on TCP on th

e specified port networking: adb ppp <tty> [parameters] - Run PPP over USB. Note: you should not automatically start a PPP con- nection. <tty> refers to the tty for PPP stream. Eg. dev:/dev/omap_csmi_tty1 [parameters] - Eg. defaultroute debug dump local not- ty usepeerdns

adb sync notes: adb sync [ <directory> ] <localdir> can be interpreted in several ways:

- If <directory> is not specified, /system, /vendor (if present), and /data pa rtitions will be updated.

- If it is "system", "vendor" or "data", only the corresponding partition is updated.

environmental variables:

ADB_TRACE - Print debug infor- mation. A comma separated list of the following values

1 or all, adb, sock- ets, packets, rwx, usb, sync , sysdeps, transport, jdwp

ANDROID_SERIAL - The serial number to connect to. -s takes prior ity over this if given.

ANDROID_LOG_TAGS - When used with the ANDROID_LOG_TAGS - When used with the

C:\Users\Imacho\AppData\Local\Android\sdk\platform- tools>

 Setelah run “adb.exe”, lalu lihatlah dari Android Studio apakah Bluestack sudah terkoneksi dengan Android Stu- dio, dengan Klik “Android Device Monitor”

Gambar 1.158 Klik “Android Device Monitor”

 Tunggu beberapa saat, sampai terlihat bahwa Bluestack telah aktif

Gambar 1.159 Bluestack telah aktif di Android Studio

Gambar 1.160 Success run App (Android Studio + Bluestack)

 Lokasi file *.apk hasil running

Gambar 1.161 Lokasi file *.apk hasil running

 Error lainnya ketika setelah membuat Project baru “Failure [INSTALL_FAILED_OLDER_SDK]”:

Gambar 1.162 INSTALL FAILED OLDER SDK

Solusinya, Masuk

“Gradle Scripts”, klik “build.gradle(Module:app)” ubah dibagian “compileSdkVer- sion 19 ”  ubah dibagian “minSdkVersion & tar- getSdkVersion”:

ke

Gambar 1.163 K lik “build.gradle(Module:app)”

Gambar 1.164 Ubah compileSdkVersion 19

Gambar 1.165 Ubah minSdkVersion & targetSdkVersion

Klik pada bagian Gradle files have changed since last pro- ject sync. A project sync may be necessary for the IDE to work properly "Sync Now".

Gambar 1.166 Klik "Sync Now"

Tunggu beberapa detik, maka akan muncul tampilan seperti ini :

Gambar 1.167 Gradle project sync in progress...

Klik “Yes” di Language Level Changed.

Gambar 1.168 Language Level Changed

Error “Files under the build folder are generated and should not

be edited ” atau Error “Error:(50, 21) No resource found that matches the given

name: attr 'android:actionModeShareDrawable'. ”

Gambar 1.169 Files under the build folder are generated and should

not be edited

Ubah “dependencies”.

Gambar 1.170 Ubah “dependencies”

“android-support-v4.jar” ke “D:\ProjectAndroidStudio_2015\B_2_1Primitives_Object\app\libs”.

Copykan

file

Gambar 1.171 File android-support-v4.jar

Klik “Sync Now”

Gambar 1.172 Klik “Sync Now”

Atau solusi untuk error “” adalah dengan langkah berikut :

Dalam Android Studio ketika mencoba menggunakan com- pileSdkVersion dan targetSdkVersion of 19, dengan mengubah file “build.gradle” dari :

dependencies {

compile fileTree(dir: 'libs', include: ['*.jar'])

compile 'com.android.support:appcompat- v7:21.0.3' }

Setting untuk older version dari appcompat library, menjadi : dependencies {

compile fileTree(dir: 'libs', include: ['*.jar'])

compile 'com.android.support:appcompat- v7:19.+' }

Jika menggunakan “Setting untuk older version dari appcompat library ”, maka anda tanpa perlu melakukan copy paste file “android- support-v4.jar ”

ke D:\ProjectAndroidStudio_2015\B_2_1Primitives_Object\app\libs ”.

Gambar 1.173 Setting untuk old version dari appcompat library

Ubah “<style name="AppTheme" par- ent="Theme.AppCompat.Light.DarkActionBar"> ”

 “<style name="AppTheme"

par- ent="android:Theme.Holo.Light.DarkActionBar" >”.

Gambar 1.174 Ubah styles.xml

Jika ada error : Error:(4) No resource identifier found for attrib- ute

package 'com.example.imacho.bbprimitiveobjectblankactivity'.

'showAsAction'

in

Solusi : Ubah file “menu_main.xml”

Gambar 1.175 Ubah file “menu_main.xml”

Gambar 1.176 Content Asli "menu_main.xml ”

menjadi berikut :

Gambar 1.177 Ubah Content Asli "menu_main.xml” Kemudian jika terdapat error “Unfortunately, [.Nama Project.]

has stopped ” saat menjalankan program, maka bisa jadi ada asset yang belum dimasukkan atau bahkan folder assetnya belum dibuat didalam folder main.

Gambar 1.178 Solusi error “Unfortunately, [NamaProject] has stopped”

Berikut tampilan ketika berhasil menjalankan tampilan primitive object :

Gambar 1.179 Tampilan Primitive Object

Cara menghapus Module pada Andorid Studio :  Klik "File -> Project Structure", lalu Pilih Module yang ingin

anda hapus, lalu klik tanda “--”

Gambar 1.180 Project Structure

Gambar 1.181 Remove Module

Gambar 1.182 Gradle project sync in progress....

 Klik “OK”

Gambar 1.183 Klik OK

Gambar 1.184 Delete directory "Nama Project..."

1.3.4 Compare Eclipse dengan Android Studio

Berikut ini perbandingan antara Eclipse dengan Android Studio (base IntelliJ IDEA) :

Tabel 1.2 Concepts Map : Eclipse Vs Android Studio

No Eclipse Android Studio

1 Ant

Gradle

2 Workspace

Project

3 Project

Module

4 Project-specific JRE Module JDK

5 User library Global library

6 Classpath variable Path variable

7 Project dependency Module dependency

8 Library Module library

1.3.5 Membuat AVD baru dari AVD Manager

 Klik “AVD Manager” Pada Tool bar Android Studio di pojok kanan atas

Gambar 1.185 AVD Manager  Daftar Virtual Device, Klik “Create Virtual Device….”

Gambar 1.186 Daftar Virtual Device

 Pilih Phone, Klik “Next”

Gambar 1.187 Pilih Hardware (Phone)

 Pilih System Image

Gambar 1.188 Pilih System Image (Lollipop)

 Virtual Device Configuration, Lalu Klik “Show Advanced Setting”

Gambar 1.189 Virtual Device Configuration  Verify Configuration, misal mengubah SD card dari 200

MB menjadi 500 MB, Camera Front dari none menjadi Webcam0, lalu Klik “Finish”

Gambar 1.190 Verify Configuration

 AVD baru sudah terbentuk

Gambar 1.191 Creating/Updating AVD

Gambar 1.192 AVD baru sudah terbentuk

 Running AVD

Gambar 1.193 Running AVD di Android Studio  Tampilan AVD, Tunggu -+ 5 menit

Gambar 1.194 Tampilan Loading AVD di Android Studio

Gambar 1.195 Tampilan AVD di Android Studio I

Gambar 1.196 Tampilan AVD di Android Studio II

Gambar 1.197 Tampilan AVD di Android Studio III

Gambar 1.198 Tampilan AVD di Android Studio IV

1.3.6 Import Project Eclipse ke Android Studio

Gambar 1.199 Import Project

 Select satu

project, misal “1_1Introduction_To_OpenGL_ES” dari folder workspace

folder

“z_EclipseProjectAndroid_2014” Eclipse atau Gradle Project to Import, Lalu Klik OK

Gambar 1.200 Import Project ADT-Eclipse ke Android Studio

Gambar 1.201 Memilih Tipe Import Project

Karena Project dari Eclipse, maka pilihlah “Import Project from external model”, lalu Pilih Gradle.

Cara yang paling sederhana untuk Import dari Project Eclipse ke Android Studio adalah sebagai berikut :

 Tutup semua project apapun yang ada di Android Studio

Gambar 1.202 Tutup semua Project yang masih aktif

 Setelah muncul “Welcome to Android Studio’, lalu Klik “Im- port Non-Android Studio project ”

Gambar 1.203 M uncul “Welcome to Android Studio’

Gambar 1.204 Klik “Import Non-Android Studio project”

Langkahnya sama seperti sebelumnya, yaitu Select satu folder project, misal “1_1Introduction_To_OpenGL_ES” dari folder work- space “z_EclipseProjectAndroid_2014” Eclipse.

Gambar 1.205 Import Project ADT-Eclipse ke Android Studio

Gambar 1.206 Memilih Tipe Import (.. from external model Gradle)

 Pada form “Import Project”, Klik Finish

Gambar 1.207 Proses Importing

 Setelah Import, terda pat error “Can’t start Mercurial: hg.exe”

Gambar 1.208 List Project hasil Import

Gambar 1.209 Error Can’t start Mercurial: hg.exe setelah Import

 Mencoba mengatasi Error diatas dengan Klik “Fix it”

Gambar 1.210 Klik “Fix it”  Import per Project From ADT Eclipse dengan memiih satu

Project yang

di-Import, Misal Project “1_1Introduction_To_OpenGL_ES”, lalu Klik OK

mau

Gambar 1.211 Memiih satu Project yang mau di-Import

 Memilih path tujuan untuk menyimpan hasil Import Project, Misal di “D:\Data Kuliah\!Genap 2014-2015\2. Grafika Komputer\z_ProjectAndroidStudio_2015\ 1_1Introduction_To_OpenGL_ES ”

Gambar 1.212 Path tujuan untuk menyimpan hasil Import Project

Gambar 1.213 Import Destination Directory, Klik Next

Hilangkan atau uncheck “Replace jars …. when possible”, se- dangkan yang lainnya tetap di checked.

Gambar 1.214 Import per Project From ADT Eclipse

 Proses Importing sedang dilakukan, tunggu beberapa wak- tu sampai selesai

Gambar 1.215 Proses Importing sedang dilakukan

 Summary setelah proses Import

Gambar 1.216 Summary setelah proses Import

 Tampilan Project hasil Import

Gambar 1.217 Tampilan Project hasil Import

 Error Message “Gradle project sync failed. Basic function- ality (e.g . editing debugging) will not work properly”

Gambar 1.218 Error Message “Gradle project sync failed

 Solusi yang ditawarkan oleh Android Studio, Klik “Try Again”

Gambar 1.219 Klik “Try Again”

 Akan tetapi jika solusi yang ditawarkan oleh Android Studio itu tidak berhasil, maka coba cara lainnya.  Buka salah satu code *.java yang ada pada Prohect. Jika muncul Error “Project SDK is not defined”

Gambar 1.220 Error “Project SDK is not defined”

 Klik “Setup SDK”

Gambar 1.221 Klik “Setup SDK”

 Select Project SDK, lalu Klik “OK”

Gambar 1.222 Select Project SDK

 Coba Klik File  “Invalidate Caches / Restart” Project, lalu Klik “Try Again” lagi

Gambar 1.223 Klik “Try Again” lagi

 Masuk di “Setting”, lalu pilih “Grade”, isi Gradle home = “C:/Program Files/Android/Android Studio/gradle/gradle-

2.2.1 ” dan isilah seperti berikut :

Gambar 1.224 Masuk di “Setting”, lalu pilih “Grade”

Cara lainnya adalah dengan Klik kanan project lalu pilih “Open Module Settings”.

 Klik “Open Module Settings”

Gambar 1.225 Buka “Open Module Settings”

Gambar 1.226 Lokasi SDK dan JDK

Gambar 1.227 Project Structure

Jika “Project Structure” pada bagian modules masih kosong, seperti pada gambar berikut.

Gambar 1.228 Project Structure modules masih kosong

Maka anda harus mengisikan dengan contoh sebagaimana pa-

da gambar berikut ini, lalu klik Apply