Upload
elsa-charming
View
1.504
Download
4
Embed Size (px)
Citation preview
TUGAS KELOMPOK
Modul Ajar Membuat Aplikasi Mobile Multiplatform menggunakan Android Studio
Disusun untuk Memenuhi Tugas Matakuliah Mobile Learning
Yang dibimbing oleh Bapak Didik Dwi Prasetya
Disusun Oleh:
Deny Wahyu Utama (110533430509)
Elsa Dwi Rochmah Rachmanto (110533406959)
Nabilla Zamzamyah (110533406977)
Fony Revindasari (110533430524)
UNIVERSITAS NEGERI MALANG
FAKULTAS TEKNIK
JURUSAN TEKNIK ELEKTRO
PROGRAM STUDI PENDIDIKAN TEKNIK INFORMATIKA
MODUL
APLIKASI MOBILE MULTIPLATFORM
A. DASAR TEORI
1. Android Studio
Android Studio didasarkan pada IDE Java disebut IntelliJ. IntelliJ tersebut
terdapat menu home yang berada di JetBrains (pengembang IntelliJ), seperti
Redmine, PyCharm, PhpStorm, WebStorm, atau AppCode. Semua produk In-telliJ
terdapat juga di IDE shell, sama seperti yang terdapat pada Android Studio. Android
Studio adalah merek baru IDE, perlu diketahui bahwa sebagian besar keterampilan
IDE dari Eclipse berlaku untuk Android Studio juga. Sebagian besar tools di Android
Studio sangat mirip dengan Eclipse, seperti shortcut, desainer, dan editor kode. Untuk
menggunakan Android Studio masih perlu mengekspor APKs plugin, lihat logcat, dan
mengedit kode, hal ini hampir mirip seperti yang berada di eclipse.
2. Phonegap
Pada dasarnya PhoneGap merupakan library yang digunakan sebagai Javascript
Wrapper yang akan menghubungkan event yang di buat di HTML interface ke
Mobile OS System. Aplikasi berbasis PhoneGap juga dibuat dan dikemas seperti
aplikasi asli(native), yang artinya pembuat aplikasi bisa membagikan aplikasinya
melalui Apple App Store atau Android Market. PhoneGap SDK menyediakan sebuah
API, yaitu sebuah lapisan abstrak yang menyediakan pengembang dengan akses ke
fitur hardware dan platform tertentu.
Keunggulan PhoneGap yaitu Sudah mencakup hampir semua sistem operasi yang
banyak digunakan dan mendukung sebagian besar fitur native pada masing-masing
sistem operasi.
Cara Kerja PhoneGap
PhoneGap SDK menyediakan sebuah API, yaitu sebuah lapisan abstrak yang
menyediakan pengembang dengan akses ke fitur hardware dan platform tertentu.
PhoneGap menjelaskan bahwa dengan kode yang sama dapat digunakan pada
sejumlah platform mobile dengan sedikit perubahan koding ataupun tidak, yang
membuat aplikasi kita dapat dipakai untuk kalangan pengguna yang lebih luas.
Arsitektur Phonegap
Lingkungan Pengembangan Fragmentasi
Lingkungan Pengembangan merupakan salah satu yang terpenting dalam
fragmentasi. Anda akan membutuhkannya pada saat dua sistem operasi,
Windows(Windows 7) dan Mac (Leopard). Jika anda ingin mengembangkan aplikasi
mobile, dan menargetkan platform berikut :
1. iOS
2. Android
3. BlackBerry
4. WebOS
5. Symbian
6. Windows 7
B. IMPLEMENTASI APLIKASI
Aplikasi hybrid merupakan aplikas yang menanamkan aplikasi web mobile ke
dalam container native. Hybrid apps memanfaatkan teknologi web, dan dapat berjalan di
semua platform secara online maupun offline. Slah satu cara yang digunakan untuk
mengembangkan aplikasi hybrid yakni menggunakan Phonegap dan android studio.
Berikut merupakan langkah-langkah pembuatan aplikasi hybrid.
1. Installasi prerequisites dan tools
1.1. Installasi Android SDK > Menjalankan SDK Manager dan perlu koneksi internet karena
terdapat proses untuk downloading komponen-komponen
1.2. Konfigurasi PATH
- Install Java Development Kit
- Atur variabel system JAVA_HOME dengan cara:
Pilih menu start > klik kanan computer > properties> advanced system properties.
Buka tab variable > Environment variable > cari PATH > klik tab edit
maka akan tampil sebagai berikut:
- Tambahkan variable system JAVA_HOME
2. Buat Project aplikasi
- Masuk ke command prompt
C:\phonegap\lib\android\bin
- Buat project aplikasi di drive D:\apps
Create D:\apps\aplikasi net.elsa.aplikasi aplikasi
- Setelah project selesai dibuat maka masukkan file aplikasi yang akan dibuat aplikasinya
3. Import project
- Jalankan android studio IDE
- Pilih file > import project > pilih file yang telah dimasukkan ke dalam project aplikasi
yang telah dibuat sebelumnya di command prompt> klik ok
- Maka akan muncul tampiln seperti di bawah ini:
Klik next hingga klik finish
4. Membuat aplikasi APK
- Buka file index.html dari project folder flash yang telah kita import
- Tambahkan script berikut, di bagian <head></head>
- Jalankan program dengan cara klik Run
5. Coba aplikasi di mobile phone
- Kirim file aplikasi ke mobile phone yakni aplikasi “flash”
- Install aplikasi flash
- Buka dan jalankan aplikasi di mobile phone