Rencana Pengajaran dengan pembagian KELAS 11 FLUTTER, KELAS 12 REACT, pembagian seperti ini justru lebih ideal daripada mengajarkan Flutter di kelas XI dan XII secara berkelanjutan.
Alasannya karena siswa akan mengenal dua ekosistem mobile terbesar di industri.
Kelas XI → Flutter (Dart) = belajar konsep dasar mobile development dengan sintaks yang relatif mudah dan dokumentasi yang baik.
Kelas XII → React Native (JavaScript/TypeScript) = belajar framework yang banyak digunakan perusahaan startup dan software house sehingga lebih dekat dengan kebutuhan industri.
Model seperti ini juga membuat siswa memiliki transfer of learning. Mereka tidak hanya hafal satu framework, tetapi memahami bahwa framework hanyalah alat, sedangkan konsep pemrograman tetap sama.
ROADMAP PEMBELAJARAN 2 TAHUN
Mata Pelajaran Pemrograman Perangkat Bergerak
Konsentrasi Keahlian Rekayasa Perangkat Lunak (RPL/PPLG)
FILOSOFI PEMBELAJARAN
Pembelajaran tidak bertujuan menghasilkan siswa yang hanya bisa membuat aplikasi.
Tetapi menghasilkan lulusan yang mampu berpikir layaknya software engineer.
Karena di dunia industri teknologi selalu berubah.
Hari ini Flutter.
Besok React.
Lima tahun lagi mungkin framework lain.
Yang harus dipahami siswa adalah
Konsep lebih penting daripada framework.
Framework hanyalah alat.
Konsep akan selalu digunakan.
Oleh karena itu urutan pembelajaran disusun berdasarkan perkembangan seorang Mobile Developer.
Programming
↓
Object Oriented Programming
↓
UI Development
↓
State Management
↓
Database
↓
API
↓
Authentication
↓
Deployment
↓
Team Collaboration
↓
Project
KELAS XI
FASE 1
MOBILE DEVELOPMENT FUNDAMENTAL
(Menggunakan Flutter)
Target akhir kelas XI
Siswa mampu membuat aplikasi Android offline secara mandiri menggunakan Flutter.
BAB 1
Dunia Mobile Development
Kompetensi
mengenal Android
iOS
Native
Hybrid
Cross Platform
Materi
Sejarah Android
Evolusi Mobile Apps
Flutter vs React Native vs Kotlin
Profesi Mobile Developer
Peluang kerja
Software House
Startup
Project
Membuat roadmap karir menjadi Mobile Developer.
BAB 2
Dasar Pemrograman Dart
Kompetensi
syntax
variable
tipe data
operator
input output
Project
Program Kasir
Program Nilai
Program Konversi
BAB 3
Struktur Kontrol
Materi
if
switch
loop
break
continue
nested loop
Project
Aplikasi Penilaian
BAB 4
Function
Materi
parameter
return
scope
anonymous function
arrow function
Project
Kalkulator Modular
BAB 5
Object Oriented Programming
Materi
Class
Object
Method
Constructor
Encapsulation
Inheritance
Polymorphism
Abstraction
Project
Sistem Perpustakaan
BAB 6
Flutter Widget
Konsep
Everything is Widget
Materi
Text
Image
Container
Icon
Button
Card
Scaffold
SafeArea
Project
UI Profil Sekolah
BAB 7
Layout
Materi
Row
Column
Expanded
Stack
Flex
GridView
ListView
Responsive Layout
Project
Landing Page Sekolah
BAB 8
Navigation
Materi
Navigator
Route
Named Route
Passing Data
Project
Aplikasi Menu Restoran
BAB 9
Form
Materi
TextFormField
Dropdown
Validation
SnackBar
Dialog
Project
Formulir Pendaftaran
BAB 10
State Management Dasar
Materi
State
setState
Lifecycle
Project
Counter
Shopping Cart
BAB 11
Database Lokal
Materi
SQLite
Hive
CRUD
Search
Filter
Project
To Do List
BAB 12
Mini Project
Pilihan
Kas Kelas
Catatan
Inventaris
Perpustakaan
Jadwal Pelajaran
Target
500+ baris kode
HASIL AKHIR KELAS XI
Siswa sudah menguasai
✅ OOP
✅ Flutter
✅ UI
✅ Database Lokal
✅ CRUD
✅ Responsive
KELAS XII
FASE 2
INDUSTRIAL MOBILE DEVELOPMENT
Framework
React Native
Expo
TypeScript
Node.js
Target
Siswa mampu membuat aplikasi online seperti yang digunakan industri.
BAB 1
JavaScript Modern
Materi
ES6
Arrow Function
Module
Promise
Async Await
Destructuring
Spread
Map
Filter
Reduce
Project
Latihan Logic
BAB 2
TypeScript
Materi
Type
Interface
Generic
Enum
Project
Mini CRUD
BAB 3
React Fundamental
Materi
Component
Props
State
Hook
Project
Dashboard
BAB 4
React Native
Materi
View
Text
Image
StyleSheet
Touchable
FlatList
ScrollView
Project
Catalog App
BAB 5
Navigation
React Navigation
Stack
Drawer
Bottom Tab
Project
Marketplace
BAB 6
State Management
Context API
Redux Toolkit
Zustand (pengenalan)
Project
Shopping Cart
BAB 7
REST API
Materi
HTTP
JSON
Axios
Fetch
API Documentation
Postman
Project
News App
BAB 8
Authentication
Firebase
JWT
Login
Register
Forgot Password
Project
E-Learning
BAB 9
Cloud Database
Firebase
Supabase
Project
Chat App
BAB 10
Device Feature
Camera
Gallery
Location
QR Code
Notification
Project
Absensi QR
BAB 11
Deployment
Build APK
AAB
Versioning
Release
Signing
Play Store
BAB 12
Git
GitHub
Branch
Merge
Pull Request
Issue
Project Board
BAB 13
Clean Architecture
Folder Structure
Repository Pattern
Service
Model
Reusable Component
BAB 14
Capstone Project
Siswa bekerja dalam tim (3–5 orang) menggunakan Scrum sederhana.
Tahapan:
Analisis kebutuhan pengguna.
Penyusunan backlog dan pembagian peran.
Desain UI/UX di Figma.
Pengembangan aplikasi React Native.
Integrasi REST API dan autentikasi.
Pengujian, debugging, dan dokumentasi.
Deployment APK.
Presentasi (pitching) kepada guru, teman, dan mitra industri.
Contoh tema proyek:
Sistem Absensi Sekolah
E-Kantin
Monitoring PKL
Perpustakaan Digital
Bank Sampah Digital
Pelaporan Sarana Prasarana
Sistem Reservasi Ruang
Aplikasi UMKM Lokal
Kompetensi Lulusan
Dengan alur ini, lulusan diharapkan memiliki kompetensi sebagai berikut:
Menguasai konsep dasar pemrograman dan OOP.
Mampu membangun aplikasi Android menggunakan Flutter untuk kebutuhan offline maupun lokal.
Mampu mengembangkan aplikasi berbasis React Native yang terhubung ke layanan backend modern.
Memahami konsumsi REST API, autentikasi, manajemen state, dan integrasi fitur perangkat.
Menggunakan Git dan GitHub untuk kolaborasi tim.
Menerapkan praktik pengembangan perangkat lunak seperti dokumentasi, pengujian, dan deployment.
Memiliki portofolio minimal 3–5 aplikasi individu dan 1 proyek capstone tim yang siap dipresentasikan kepada industri.
Catatan Implementasi
Pembagian Flutter di kelas XI dan React Native di kelas XII sangat kuat secara pedagogis karena membangun kompetensi secara bertahap:
Kelas XI berfokus pada learning to build, yaitu memahami konsep dasar pemrograman perangkat bergerak, UI, database lokal, dan arsitektur aplikasi.
Kelas XII berfokus pada learning to engineer, yaitu bekerja dengan teknologi yang umum di industri, kolaborasi tim, backend, version control, deployment, dan proyek berskala nyata.
Dengan pendekatan ini, siswa tidak hanya belajar menggunakan framework tertentu, tetapi memahami prinsip rekayasa perangkat lunak yang dapat diterapkan pada teknologi apa pun di masa depan. Ini juga menjadi landasan yang baik untuk PKL, UKK, sertifikasi, maupun kebutuhan dunia kerja yang semakin banyak memanfaatkan React Native tanpa mengabaikan penguasaan konsep fundamental yang telah dibangun melalui Flutter.
