Scribd
Unggah
118 tayangan4 halaman

Modul Praktikum 3

Dokumen ini memberikan panduan langkah-langkah instalasi beberapa komponen framework pengembangan aplikasi mobile hibrida seperti NodeJS, Apache Cordova, JDK, Android SDK, dan Gradle beserta konfigurasi variabel lingkungan. Langkah-langkahnya meliputi proses instalasi, pengecekan versi, dan penambahan lokasi folder ke variabel lingkungan.

Diunggah oleh

Oriodan ItuSang Perintis
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
118 tayangan4 halaman

Modul Praktikum 3

Dokumen ini memberikan panduan langkah-langkah instalasi beberapa komponen framework pengembangan aplikasi mobile hibrida seperti NodeJS, Apache Cordova, JDK, Android SDK, dan Gradle beserta konfigurasi variabel lingkungan. Langkah-langkahnya meliputi proses instalasi, pengecekan versi, dan penambahan lokasi folder ke variabel lingkungan.

Diunggah oleh

Oriodan ItuSang Perintis
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 4

Modul Praktikum Mobile

Programming

Seri 3:
Praktikum Instalasi Mobile
Development Framework
(Apache Cordova, JDK,
AndroidSDK dan Gradle)

&
Framework7 Apache Cordova

Moh. Anshori Aris Widya, M.Kom


(Semester Ganjil 2020)
Modul 3 | Mobile Programming

Praktikum Instalasi Mobile Development Framework


A. Pengantar
Seperti yang telah dijelaskan pada modul teori, Mobile Development Framework (MDF) terdiri dari beberapa komponen antara lain Java Development Kit (JDK), Android SDK, Gradle, Apache Cordova dan
tidak lupa konfigurasi pada Environment Variabel. Kesemua komponen tersebut harus disiapkan melalui proses instalasi yang berbeda-beda atau cukup menempatkan file pada lokasi tertentu (Copy Paste). MDF
berfungsi sebagai lingkungan pengembangan project jenis hybrid yang memiliki output pada jenis Android, iOS dan Windows Phone.

B. Praktikum
Proses instalasi dilakukan secara online pada sebagian komponen. Komponen-komponen sudah disiapkan di link pada sistem elearning (silahkan dipersiapkan terlebih dahulu). Langkah – langkah yaitu adalah
sebagai berikut :
1. Instal NodeJS (file bernama node-v12.18.3-xxx.msi sesuaikan 32bit atau 64bit) terlebih dahulu. Cara instal seperti biasa karena file tersebut file Installer.
2. Jika langkah sebelumnya telah selesai, maka berikutnya adalah menginstall Apache Cordova. Instalasi dilakukan secara online. Silahkan membuka Command Prompt (CMD) bawaan Windows. Kemudian

npm install -g cordova. Biarkan proses yang dilakukan sampai selesai.


ketik perintah

3. Untuk memastikan apakah instalasi berhasil, ketikkan perintah cordova -v pada CMD. Jika

memunculkan versinya, maka Apache Cordova berhasil diinstall dengan baik


4. Langkah berikutnya adalah melakukan instalasi Java Development Kit (JDK). Syarat JDK adalah
minimal Windows 7 SP1. Silahkan melakukan instalasi seperti biasa. Masalah yang sering muncul
saat instalasi JDK ini adalah tidak terinstallnya vcredist C++ 2015 pada Sistem Operasi Windowsnya.
Silahkan perbaiki masalah ini terlebih dahulu jika mengalaminya.
5. Langkah berikutnya adalah melakukan instalasi Gradle. Untuk proses instalasi Gradle cukup diextract file zip-nya kemudian tempatkan folder hasil extract ke lokasi drive C sehingga menjadi C:\gradle-
6.6 (nama hanya contoh saja sesuaikan dengan nama folder hasil extract).
6. Langkah berikutnya adalah melakukan instalasi Android SDK. Caranya hampir sama dengan Gradle,
cukup extract file zip-nya kemudian tempatkan folder hasil extract pada lokasi tertentu. Semisal drive
C sehingga menjadi C:\AndroidSDK.
7. Langkah berikutnya adalah konfigurasi pada Environment Variable. Pada langkah ini kita
memasukkan lokasi-lokasi komponen yang telah diinstal sebelumnya di daftar Environment Variable
Windows. Langkah-langkah dalam membuka daftar Environment Variabel adalah sebagai berikut
a. Buka Windows Explorer kemudian klik kanan This PC – pilih Properties

1 | Universitas KH. A. Wahab Hasbullah | 2020


Modul 3 | Mobile Programming
b. Kemudian pilih Advance System Setting disebelah kiri d. Konfigurasi dilakukan pada bagian System Variables bukan pada User Variables.

c. Pilih Tab Advance kemudian klik tombol Environment Variables.

2 | Universitas KH. A. Wahab Hasbullah | 2020


Modul 3 | Mobile Programming
8. Langkah berikutnya adalah membuat variabel-variabel (khusus item 1 sampai 5) komponen MDF untuk ditulis pada daftar Environment Variables.
Value
No Nama Variabel
(Path berikut hanya contoh, silahkan sesuaikan dengan lokasi pada laptop atau PC masing-masing)
1 JAVA_HOME C:\Program Files\Java\jdk1.8.0_261
2 ANDROID_SDK_ROOT C:\Android\Sdk
3 GRADLE_HOME C:\gradle-6.6
4 _JAVA_OPTIONS -Xmx512M
Tambahkan nilai-nilai berikut dengan pembatas ; (titik koma)
• C:\Program Files\Java\jdk1.8.0_261\bin;
• C:\Android\Sdk\tools;
5 Path
• C:\Android\Sdk\tools\bin;
• C:\Android\Sdk\platform-tools;
• C:\gradle-6.6\bin

9. Jika seluruh langkah-langkah diatas telah dilakukan, maka restart PC atau laptop
10. Setelah restart silahkan cek masing-masing command line sebagai berikut:

a. Pada CMD ketikkan cordova -v untuk memeriksa versi Apache Cordova yang diinstal. Jika mengembalikan versi,
maka Apache Cordova terinstal dengan baik

b. Pada CMD ketikkan javac -version untuk memeriksa versi JDK yang diinstal. Jika mengembalikan versi,

maka JDK terinstal dengan baik.

11. Proses instalasi selesai !

3 | Universitas KH. A. Wahab Hasbullah | 2020

Anda mungkin juga menyukai