Di era digital, integrasi teknologi dalam pendidikan menjadi kebutuhan
mendesak untuk meningkatkan efektivitas dan kualitas pembelajaran. Penelitian
ini bertujuan untuk merancang dan mengembangkan media pembelajaran Al- Qur’ an dan Sunnah berbasis web yang interaktif di SMPN 7 Teluk Kuantan. Berdasarkan hasil observasi dan wawancara dengan guru Pendidikan Agama
Islam, diketahui bahwa proses pembelajaran masih didominasi oleh metode
konvensional dan media yang kurang bervariasi, sehingga menyebabkan
rendahnya minat dan pemahaman siswa terhadap materi. Penelitian ini
mengusulkan pengembangan aplikasi pembelajaran berbasis web yang dirancang
menggunakan UML dan bahasa pemrograman PHP. Aplikasi ini dilengkapi
dengan fitur interaktif seperti tampilan visual, audio tilawah, kuis, serta pencarian
ayat untuk menunjang pemahaman siswa. Hasil dari penelitian ini menunjukkan
bahwa media pembelajaran Al-Qur’ an dan Sunnah menjadi lebih bervariasi, interaktif, dan menarik bagi siswa. Selain itu, minat belajar siswa meningkat
karena penyajian materi yang lebih visual dan mudah dipahami. Integrasi
teknologi dalam proses pembelajaran pun dapat diwujudkan secara optimal, sehingga mendukung terciptanya pembelajaran yang modern dan berkualitas di
SMPN 7 Teluk Kuantan.