Pertemuan Ke 12

KELAS XII SEMESTER GANJIL

ke 12 part 1.mp4

ke 12 part 1


ke 12 part 2.mp4

ke 12 part 2


pengenalan mobile development framework

List Materi:

  1. Pengenalan Mobile Development Framework (MDF)

  2. Pengenalan Java Development Kit (JDK)

  3. Pengenalan Android SDK

  4. Pengenalan Gradle

  5. Pengenalan Apache Cordova

  6. Konfigurasi Environment (Windows 10)

List Praktikum:

  1. Download / Copy Paste File kebutuhan (MDF)

  2. Melakukan Instalasi

  3. Konfigurasi Environment Variabel

  4. Tugas Untuk Siswa

PENGENALAN MOBILE DEVELOPMENT FRAMEWORK (MDF)

merupakan framework pengembangan mobile multiplatform yang bertujuan untuk menghasilkan aplikasi mobile multiplatform yang berasal dari sumber (source) yang sama


Muktiplatform: Bisa dijalankan di operasi sistem android, windows phone dan iOS.

Sumber(source) yang sama: cukup implementasi code satu kali bisa di terapkan di android, windows phone dan IOS.

(MDF) di pmbelajaran kita Merupakan gabungan dari apache cordova, java development kit (JDK), Android SDK, dan Gradle beserta konfigurasinya.


(MDF) ini menghasilkan platform Android, Electron (Desktop), Browser, Windows (Windows Phone) dan iOS (dengan tambahan konfigurasi tertentu)

Java Development Kit (JDK)

Sebuah perangkat lunak berfungsi untuk compile(menyusun) code-code/script Java kemudian menterjemahkannya ke dalam bytecode agar berikutnya dapat dijalankan oleh Java Runtime Environment (JRE).


bytecode: istilah yang dipergunakan untuk merepresentasikan sejumlah instruksi yang ditujukan untuk meningkatkan efisiensi serta unjuk kerja kala dieksekusi oleh perangkat lunak atau untuk mempermudah penerjemahan semakin lanjut diproduksi menjadi kode mesin.

intinya = merubah code agar bisa dibaca oleh mesin

JAVA RUNTIME ENVIRONMENT (JRE)

sebuah perangkat lunak yang berfungsi untuk menjalankan aplikasi berbasis Java atau script setelah di compile(menyusun) menggunakan Java Development Kit (JDK)

Cara Kerja JDK dan JRE

ANDROID SDK

Kumpulan perangkat lunak (KIT) yang digunakan untuk mengembangkan aplikasi berbasis android.

Android SDK terdiri dari beberapa tool seperti: debugger, libraries, emulator dan lain sebagainya.

GRADLE

sebuah program yang berfungsi untuk mem-build secara otomatis. karena fungsi itulah Gradle disebut juga sebagai build tool.

Gradle tidak hanya digunakan untuk java melainkan dapat digunakan pula pada c++, Groovy, Javascript, Kotlin, dan lain sebagainya

APACHE CORDOVA

bisa disebut CORDOVA saja, sebuah framework yang memungkinkan syntax(code) HTML5, CSS, javascript (yang kemudian disebut Hybrid) dapat berjalan pada platform mobile yang berbeda-beda (multiplatform) layaknya aplikasi native.


aplikasi native: aplikasi yang dibangun dengan bahasa pemrograman yang spesifik untuk platform tertentu. Contoh populernya penggunaan bahasa pemrograman objective-C dan Swift bagi platform iOS. Atau bahasa pemrograman Java untuk platform Android

framework: kerangka kerja untuk mengembangkan aplikasi berbasis website, mobile maupun desktop. Agar proses pembuatan tidak dimulai dari 0/awal.

hybrid: merupakan aplikasi yang ditransformasikan menjadi kode native pada platform seperti iOS atau Android. Aplikasi hybrid biasanya menggunakan browser untuk mengizinkan aplikasi web mengakses berbagai fitur pada device mobile seperti contact, storage, dll.

APACHE CORDOVA

Agar dapat mengakses hadware perangkat mobile seperti aplikasi berbasis native, Apache Cordova menyediakan berbagai plugin yang digunakan untuk menangani hal tersebut. Plugin-plugin tersebut bersifat open source dan terdapat diberbagai sumber


hardware: semua jenis komponen yang ada pada komputer yang mana bagian fisiknya dapat terlihat secara kasat mata atau dapat dirasakan secara langsung.

software: data yang diprogram, disimpan, dan diformat secara digital dengan fungsi tertentu. Perangkat ini sendiri tidak memiliki bentuk fisik, Anda bisa mengoperasikannya lewat perangkat komputer. Untuk pembuatannya sendiri, perangkat ini memerlukan bahasa pemrograman yang ditulis oleh seorang pemrogram/orang yang ahli akan bidang tersebut.

ARSITEKTUR APACHE CORDOVA

Pada gambar disamping menunjukkan alur dari Plugin Cordova yang dapat digunakan untuk berbagai keperluan pada Mobile OS seperti mengakses sensor, service dan lain-lain


PRAKTIKUM


DOWNLOAD / COPY PASTE FILE KEBUTUHAN (MDF)

  • Download online DISINI

  • Download offline Di penyimpanan TRUENAS -> Buka file exploler pilih menu kiri dengan nama Network dibagian addres ketikan ini \\192.168.1.254\Pembelajaran\pem-mobile\kebutuhan-f7\ file akan saya letakan disini.

MELAKUKAN INSTALASI

  • install nodeJS

  • install cordova

  • install java

  • ekstrak Sdk

  • ekstrak Gradle

KONSFIGURASI ENVIRONMENT VARIABEL

JAVA_HOME

  • Variabel ini digunakan untuk menkonfigurasi lokasi Java Development Kit (JDK).

Contoh: C:\Program Files\Java\jdk1.8.0_261

ANDROID_SDK_ROOT

  • Variabel ini digunakan untuk mengkonfigurasi lokasi Android SDK.

Contoh: C:\Sdk

GRADLE_HOME

  • Variabel yang digunakan untuk mengkonfigurasi lokasi Gradle.

Contoh: C:\gradle-6.4

_JAVA_OPTIONS

  • Variabel ini digunakan mengkonfigurasi besar cache untuk compile.

Contoh: -Xmx512M

Path

  • Variabel ini digunakan untuk mengkonfigurasi beberapa path tambahan yang dibutuhkan.

Contoh:

C:\Program Files\Java\jdk1.8.0_261\bin;

C:\Sdk\platform-tools;

• C:\Sdk\tools

• C:\Sdk\tools\bin

• C:\Sdk\platform-tools

• C:\gradle-6.6\bin

TUGAS UNTUK SISWA

  • Siswa diharapkan untuk screnshoot hasilnya

  • Screenshot bagian CMD

  • ketika dituliskan

> cordova -v

  • Screenshot bagian environment


  • Lalu silahkan upload di penyimpanan TRUENAS di folder siswa masing-masih

  • Pastikan Minggu Depan kita sudah siap dan tidak melakukan Hal konfigurasi dan sebagainya.

TERIMAKASIH