Perkembangan teknologi informasi mendorong pemanfaatan media pembelajaran berbasis web untuk meningkatkan efektivitas proses belajar mengajar. Namun, pembelajaran coding di SMK Negeri 5 Pekanbaru masih didominasi metode tatap muka dan belum didukung oleh media pembelajaran yang dapat diakses secara mandiri oleh siswa. Penelitian ini bertujuan mengembangkan media pembelajaran coding berbasis web yang sesuai dengan kebutuhan guru dan siswa. Penelitian menggunakan metode Research and Development (R&D) dengan model ADDIE yang meliputi tahap Analysis, Design, Development, Implementation, dan Evaluation. Sistem dikembangkan menggunakan React JS sebagai frontend, Laravel sebagai backend, dan MySQL sebagai basis data. Pengujian dilakukan menggunakan Black Box Testing untuk menguji fungsionalitas sistem serta System Usability Scale (SUS) untuk mengukur tingkat kemudahan penggunaan. Hasil Black Box Testing menunjukkan seluruh fungsi sistem berjalan sesuai dengan kebutuhan yang telah dirancang. Sementara itu, hasil pengujian SUS memperoleh skor rata-rata 86,17, yang termasuk kategori Excellent, Grade A, dan Acceptable. Hasil penelitian menunjukkan bahwa media pembelajaran coding berbasis web berhasil dikembangkan, berfungsi dengan baik, serta memiliki tingkat usability yang tinggi sehingga layak digunakan sebagai media pendukung pembelajaran coding di SMK Negeri 5 Pekanbaru.