Pada mata pelajaran sistem komputer materi gerbang logika masih melaksanakan proses pembelajaran secara konvensional. Perlu adanya teknologi pengajaran berbantuan komputer agar materi lebih mudah dimengerti dan dipahami oleh siswa. Penelitian ini bertujuan untuk mengembangkan dan mengetahui hasil validitas media pembelajaran interaktif berbasis web pada materi gerbang logika kelas X SMK TKJ dengan metode drill and practice. Penelitian ini menggunakan metode R&D (Research and Development) dengan model pengembangan ADDIE yang sudah dibatasi, yaitu analisis(Analyze),perancangan(Design),pengembangan (Development),danevaluasi(Evaluation) pada setiap tahapannya. Teknik pengumpulan data dalam penelitian ini menggunakan angket validasi materi dan angket validasi media. Teknologi yang digunakan untuk pengembangan media pembelajaran interaktif ini adalah HTML, CSS, Bootstrap, JavaScript, Mathjax, JSON, Firebase dan Netlify. Hasil penelitian ini berupa media pembelajaran yang memuat materi pembelajaran terkait gerbang logika, gambar, video pembelajaran, contoh soal, mari mencoba, latihan-latihan, kuis dan evaluasi yang dikemas secara interaktif. Berdasarkan hasil uji validitas materi termasuk kriteriasangat tinggidengan persentase capaian sebesar 83% dan validitas media termasuk kriteria tinggi dengan persentase capaian sebesar 77% sehingga media yang dikembangkan dinyatakan valid.