Mobile App Development Instructor at SMP INS Depok — Rafif Sava Adyvka Pratama
IDN Mengajar ProgramSMP INS Depok (Islamic Boarding Junior High School)

Mobile App Development Instructor.

Conducted an intensive mobile application workshop for 25+ junior high boarding students through the 'IDN Mengajar' program. Demystified smartphone operating systems and visual event-driven programming using Kodular, guiding adolescent students from passive smartphone consumption to engineering their own interactive Android applications.

Role
Mobile App Development Trainer
Institution
SMP INS Depok
Program
IDN Mengajar Community Outreach
Audience
25+ Junior High Boarding Students
Timeline
October 2023
Platform
Kodular Visual Logic & Android APK
Host InstitutionSMP INS Depok
KodularAndroid DevelopmentVisual LogicMobile UITeachingEvent Logic
25+ Santri
Junior High Cohort

Boarding students introduced to app programming

Visual Logic
Core Methodology

Block-based event-driven programming and UI layouts

Live APKs
Shipped Deliverable

Every student built and installed a working Android app

Tactile Loop
Interactive Feedback

Real-time companion testing directly on physical phones

01THE TEACHING SPRINT & NARRATIVE

Demystifying the Glass Screen: From Consumers to Creators

How decoupling syntax from logic enabled junior high students to transform abstract computational concepts into working Android applications.

"When students realized that the apps on their smartphones aren't magic, but understandable logic puzzles they can build themselves, their curiosity exploded."
Chapter 01

Connecting with Young Boarding Students

Junior high students live in a world saturated with mobile technology, yet few have ever contemplated what happens beneath the glass display. During this outreach session at SMP INS Depok, my goal was to bridge that conceptual divide. I began not by lecturing about theory, but by asking them about their favorite smartphone games and apps. By dissecting familiar mechanics—such as what triggers a button press or how a notification pops up—I showed them that software is simply a sequence of clear instructions waiting to be written.

Chapter 02

The Tactile Feedback Loop of Visual Blocks

Using Kodular's visual block environment, students could bypass the frustration of typing errors while absorbing the fundamental core of computer science: variables, condition gates, and event handlers. We connected their workstation computers to physical Android testing devices. Whenever a student connected a block, their phone screen immediately updated in real time. That tactile, instant feedback loop created electrifying engagement across the computer lab.

Chapter 03

Pride in Authorship: 'I Made This App'

By the end of the workshop, each student had designed and compiled their own functional Android application—ranging from personalized islamic daily reminder tools to interactive audio soundboards and multi-stage quiz games. Watching them show their screens to their dorm peers with genuine pride proved that empowering young minds with creator tools unlocks creativity that traditional passive learning never could.

02WORKSHOP CURRICULUM & PILLARS

Junior High Mobile Development Syllabus

A fast-paced, highly visual curriculum designed to turn adolescent curiosity into functional mobile prototypes.

Module 01UI Design

Mobile Interface Fundamentals & Canvas Anatomy

Understanding smartphone screen hierarchies, button placements, color contrast, and organizing visual components cleanly.

  • Screen Dimensions & Mobile Ergonomics
  • Labels, Text Inputs & Buttons
  • Media Assets & Image Containers
  • Horizontal & Vertical Layouts
Module 02Programming Logic

Event-Driven Logic & Block Assembly

Connecting visual triggers to functional events: button clicks, timer ticks, and sound effects using visual block connections.

  • When Clicked Event Handlers
  • Variables & Dynamic Text Changing
  • Audio Sound Playback
  • Alert Dialogs & User Feedback
Module 03App Flow

Multi-Screen Architecture & Navigation

Structuring complete multi-screen user journeys: splash screen, main dashboard, interactive content, and return routes.

  • Opening Other Screens with Values
  • Back-Button Handling
  • Global vs Local Variables
  • Screen Transition Effects
Module 04Testing & Handover

APK Export & Live Companion Debugging

Compiling standalone Android installer packages, scanning QR installation codes, and testing live functionality on smartphones.

  • Companion Live Testing via Wi-Fi
  • Standalone APK Compilation
  • On-Device Installation & Permissions
  • Peer App Playtest & Review
03PEDAGOGICAL RETROSPECTIVE

Pedagogical Lessons from SMP INS

Key takeaways on maintaining adolescent engagement, utilizing visual abstractions, and celebrating immediate wins.

Instant Visual Feedback Accelerates Comprehension

When beginners can see the immediate physical effect of their logic on a smartphone screen in their hand, concepts click ten times faster than reading terminal text outputs.

Abstract Syntax First, Introduce It Later

For junior high learners, enforcing punctuation and bracket syntax often kills enthusiasm before logic can take root. Visual blocks preserve intellectual rigor while keeping the barrier to entry friendly.

Creator Ownership Transforms Mindsets

The transition from being an entertainment consumer to holding an app you designed and built yourself permanently shifts how a young person views the digital world.

04ON-SITE DOCUMENTATION & ARCHIVES

Classroom & Workshop Records

Visual archives documenting the mobile application training sessions and student project demos at SMP INS Depok.

Visual Block Programming Lecture
Classroom Instruction

Visual Block Programming Lecture

Explaining event handlers, button triggers, and screen routing on the projector for the junior high student cohort.

Interactive Workstation Assistance
Hands-on Practice

Interactive Workstation Assistance

Supporting students as they assembled their first mobile screens and linked UI buttons to functional events on their computers.

Instructor Team & Class Cohort
Group Camaraderie

Instructor Team & Class Cohort

Gathering with the eager student participants and school staff following the successful app showcase and live demo.

What's next

Let's build something.

Recruiting, contracting, or just curious — the inbox is open.

aRafif Sava Adyvka Pratama