Dalam belajar pemrograman PHP, umumnya diperlukan berbagai komponen yang digunakan untuk menunjang proses pembelajaran seperti teks materi berupa buku atau modul, PC atau laptop serta berbagai komponen penunjang lainnya. Untuk dapat mengikuti proses pembelajaran, harus dilakukan berbagai instalasi secara manual program atau aplikasi yang mendukung proses pengembangan program PHP pada laptop yang terbilang cukup rumit untuk dilakukan ketika pada tahap baru belajar. Selain itu, dengan bahan ajar yang terpisah menghasilkan pengalaman belajar yang kurang efektif karena harus secara bolak-balik terus-menerus beralih fokus antara buku ajar dan laptop yang berakibat pada pemahaman materi pelajaran yang lebih lambat. Tujuan pada penelitian ini adalah untuk mengembangkan dan mengetahui kevalidan media pembelajaran interaktif berbasis web pada materi dasar-dasar pemrograman PHP dengan model tutorial yang mengintegrasikan berbagai komponen yang digunakan sehingga dapat mempermudah proses pembelajaran. Penelitian ini menggunakan metode penelitian Research and Development (R&D) dengan model pengembangan ADDIE yang telah dibatasi. Media pembelajaran interaktif dikembangkan dengan menggunakan teknologi Next.js, React Bootstrap, Markdown, WebAssembly, dan Firebase. Setelah dilakukan uji validitas materi dan media oleh para ahli, diperoleh persentase capaian untuk hasil uji validitas materi sebesar 84,375% dengan kriteria sangat tinggi, sementara hasil uji validitas media mencapai 88,75% dengan kriteria sangat tinggi. Berdasarkan kedua hasil uji validitas, dapat disimpulkan bahwa media pembelajaran yang telah dikembangkan dinyatakan valid dan dapat digunakan sesuai dengan revisi yang diberikan oleh ahli materi maupun ahli media.