Pertemuan Ke 1
KELAS XII SEMESTER GANJIL
Sekilas Cerita:
Pada kelas ini kita akan mempelajari tentang pembuatan aplikasi mobile dengan menggunakan framework7 dan cordova, ini mudah dilakukan karena kita menggunakan bahasa pemrograman javascript yang sudah kalian pelajari selama di kelas X dan XI. Semoga dimatapelajaran ini dapat menjadi motivasi untuk lebih berkembang tentang pembuatan aplikasi mobile.
Pemrograman Mobile
Merupakan sebuah pemrograman yang berfokus pada platform mobile. Mobile ini sebuah perangkat elektronik yang mudah dibawa kemana-mana, Contohnya: Handphone, Smartphone, Tablet dan lain sebagainya.
Jenis Sistem Operasi (OS)
Android : dikembangkan oleh perusahaan Google;
IOS : dikembangkan oleh Apple;
Windows Phone : dikembangkan oleh Microsoft;
Jenis Pemrograman Android
Native : Pertama ditemukan, digunakan untuk 1Platform;
Contoh : Android Studio, B4A, Eclips, ...
Web View (PWA) : Sebuah web yang dirancang khusus pada tampilan mobile. Jenis ini bukan termasuk mobile Programing;
Contoh : HTML5, PHP, ASP, JSP, ...
Hybrid : Menggunakan gabungan dari berbagai Bahasa Pemrograman yang dapat diCompile pada Multiplatform.
Contoh : HTML5, JQuery, Javascript, ...
Kelebihan Hybrid
bagi developer:
Bahasa Pemrograman yang digunakan mudah digunakan, seperti HTML5, CSS, Javascript.
Menjalankan Output (hasil) ringan [karena menggunakan browser]
bagi Hybrid:
Bisa digunakan di multiplatform
Performa lebih cepat dibandingkan dengan WebView;
Interface lebih mudah digunakan dari pada Native;
Dapat digunakan secara online/offline;
Kekurangan Hybrid
Library tidak sebanyak Native;
Membutuhkan platform pihak ke 3 seperti Cordova;
Yang Perlu Diketahui Tentang Hybrid
1. Framework HTML: berperan sebagai interface pada aplikasi hybrid (seperti Framework7)
2. Client Side: Berperan sebagai pemrosesan informasi/data pada aplikasi hybrid
3. Mobile Development Framework: sebagai lingkungan pengembangan pada aplikasi hybrid
4. Library (Opsional): Berperan menyediakan fitur khusus untuk aplikasi.
Pengenalan Framework7
Merupakan sebuah framework HTML open source yang secara khusus diperuntukkan dalam membangun aplikasi mobile berbasis Hybrid. Sebagai contoh Framework7 berperan seperti Bootstrap dalam membangun sebuah website. Bisa dikatan Framework7 ini berperan sebagai user interface. Sedangkan pemrosesan informasi atau data dilakukan oleh Bahasa pemrograman client side (Client Side Scripting Programming)
Pengenalan Framework7
Gambar berikut cukup diketahui saja, karena kita nanti hanya beberapa file yang harus difahami seperti app.js dan routes.js dan yang terakhir file tambahan.
Fitur-fitur Framework7
Daftar fitur yang dimiliki dapat dilihat pada situs framework7 di framework7.io berikut beberapa fitur yang saya contohkan:
Accordion
Berfungsi untuk hide/show sebuah information (List View)
Action Sheet
Berfungsi sebagai menampilkan PopUp di bagian bawah.
Cards
Sudah bisa kalian bayangkan Cards digunakan untuk apa. Oke kita lanjut
Floating Action Button
Button yang melayang di bagian content, akan memunculkan button yang lain. Dan masih banyak lagi tentang fitur pada framework7
Pengenalan Javascript
Merupakan Bahasa scripting pemrograman web yang bersifat client side (berjalan disis browser) sehingga lebih mudah manipulasi HTML DOM (Document Object Model) dibandingkan dengan Bahasa pemrograman server side (berjalan disisi server). Penulisan javascript dapat dilakukan didalam section <head> atau didalam section <body>
Jenis Javascript
Sudah bisa kalian bayangkan Cards digunakan untuk apa. Oke kita lanjut