Media pembelajaran merupakan aspek penting dalam tercapainya keberhasilan pembelajaran disekolah. Media pembelajaran interaktif berbasis web menjadi salah satu alternatif penunjang kegiatan belajar yang dirancang secara interaktif dan menarik ditambah lagi dengan diterapkannya metode demonstrasi dalam media ini sehingga dapat mempermudah siswa dalam memahami materi pembelajaran juga membuat kondisi belajar menjadi menyenangkan. Oleh karena itu tujuan dari penelitian ini adalah mengembangkan sebuah media pembelajaran interaktif berbasis web untuk materi medan magnetik dengan metode demonstrasi untuk SMA kelas XII dan menilai kelayakan media pembelajaran dengan melihat hasil dari validitas, kepraktisan dan keefektifannya. Penelitian ini menggunakan metode pengembangan Research and Development (R&D) dengan prosedur ADDIE yang terdiri dari 5 tahap, yaitu analysis, design, development, implementation, dan evaluation. Implementasi dilakukan di SMA PGRI 4 Banjarmasin dengan melibatkan 19 siswa kelas XII sebagai partisipan. untuk mengumpulkan data, peneliti menggunakan teknik penilaian validitas, angket, dan tes. Hasil penelitian menunjukkan: (1) teknologi yang digunakan dalam pengembangan media pembelajaran interaktif berbasis web untuk materi medan magnetik dengan metode demonstrasi meliputi HTML, CSS, Javascript, JSON, dan Firebase. (2) Validitas media pembelajaran ini telah diuji dengan hasil penilaian validitas materi yang dikategorikan sangat tinggi, dan validitas media yang dikategorikan tinggi. Media pembelajaran ini juga terbukti praktis berdasarkan respon guru dan siswa, serta keterlaksanaan RPP. Selain itu, data hasil belajar siswa juga menunjukkan keefektifan pada media pembelajaran. Dengan demikian, bisa disimpulkan media pembelajaran interaktif berbasis web pada materi medan magnetik dengan metode demonstrasi layak digunakan dalam pembelajaran untuk SMA kelas XII karena memenuhi kriteria validitas, kepraktisan, dan keefektifan.