INSTINK: (Jurnal Inovasi Pendidikan.
Teknologi Informasi & Kompute.
Vol.
5 No.
April 2026.
Hal.
e-ISSN 2964-688X Pengembangan E-book Interaktif Berbasis Animasi Dengan Aplikasi Sigil Sebagai Media Pembelajaran Sistem Komputer Untuk Siswa Kelas X SMAS YPPI Belitang Leni Asiska*1.
M Iqbal Mustofa2.
Nindy Devita Sari3
1,2,3
Program Studi Pendidikan Teknologi Informasi
1,2,3
Fakultas Ilmu Pendidikan.
Universitas Nurul Huda e-mail: *1leniasiska205@gmail.
com, 2iqbal@unuha.
id, 3nindyds@unuha.
Abstrak Penelitian ini dilatarbelakangi oleh kebutuhan akan media pembelajaran yang interaktif untuk mendukung proses pembelajaran pada mata pelajaran Teknologi Informasi dan Komunikasi, khususnya materi Sistem Komputer.
Penelitian ini bertujuan untuk mengembangkan media pembelajaran berupa e-book interaktif berbasis animasi menggunakan aplikasi Sigil sebagai media pembelajaran Sistem Komputer untuk siswa kelas X SMAS YPPI Belitang.
Penelitian ini menggunakan metode Research and Development (R&D) dengan model ADDIE yang terdiri atas tahap Analysis.
Design.
Development.
Implementation, dan Evaluation.
Namun, penelitian ini dibatasi hanya pada tahap Development.
Pada tahap ini, produk yang dikembangkan diuji kelayakannya melalui validasi oleh ahli materi dan ahli media.
Instrumen yang digunakan dalam penelitian ini berupa angket penilaian kelayakan produk.
Hasil validasi menunjukkan bahwa e-book interaktif yang dikembangkan memperoleh rata-rata persentase sebesar 77,5% dari ahli media dengan kategori layak dan 83,33% dari ahli materi dengan kategori sangat layak.
Berdasarkan hasil tersebut, dapat disimpulkan bahwa e-book interaktif berbasis animasi yang dikembangkan layak digunakan sebagai media pembelajaran pada materi Sistem Komputer.
Kata kunciAi ADDIE.
Research and Development (R&D), e-book interaktif, animasi.
Sigil.
Sistem Komputer, media pembelajaran.
Abstract This study is motivated by the need for interactive learning media to support the teaching and learning process in Information and Communication Technology (ICT), particularly in the Computer Systems subject.
The aim of this research is to develop an animated interactive e-book using Sigil software as a learning medium for Computer Systems for Grade X students of SMAS YPPI Belitang.
This study employs a Research and Development (R&D) method using the ADDIE model, which consists of Analysis.
Design.
Development.
Implementation, and Evaluation stages.
However, this research is limited to the Development stage.
At this stage, the developed product was evaluated for its feasibility through validation by subject matter experts and media experts.
The research instrument used was a product feasibility questionnaire.
The validation results show that the developed interactive e-book obtained an average feasibility score of 77.
5% from media experts, categorized as feasible, and 83.
33% from subject matter experts, categorized as highly feasible.
Based on these results, it can be concluded that the developed animated interactive e-book is suitable to be used as a learning medium for Computer Systems subject.
KeywordsAi ADDIE.
Research and Development (R&D), interactive e-book, animation.
Sigil.
Computer Systems, learning media.
INSTINK: (Jurnal Inovasi Pendidikan.
Teknologi Informasi & Kompute.
Vol.
5 No.
April 2026.
Hal.
e-ISSN 2964-688X
PENDAHULUAN
Pada era digital saat ini, proses pembelajaran semakin mengedepankan pemanfaatan teknologi secara optimal.
Teknologi diterapkan dalam berbagai tahapan pembelajaran, mulai dari tahap perencanaan, pelaksanaan, hingga evaluasi pembelajaran .
Teknologi pembelajaran merupakan penerapan media berbasis teknologi modern yang dirancang untuk mendukung proses pendidikan, baik secara teori maupun praktik, serta berfungsi sebagai sumber belajar.
Saat ini, teknologi informasi dan komunikasi menjadi salah satu bentuk teknologi yang paling banyak digunakan dalam dunia pendidikan .
Pembelajaran berbasis teknologi informasi dan komunikasi memungkinkan integrasi berbagai jenis media pembelajaran yang bersifat interaktif.
Salah satu bentuk media tersebut adalah e-book interaktif, yaitu media pembelajaran dalam bentuk buku elektronik yang dilengkapi dengan fitur interaktif sehingga memungkinkan terjadinya interaksi antara pengguna dan media pembelajaran .
Penggunaan e-book dalam pembelajaran diketahui dapat meningkatkan pemahaman konsep peserta didik.
Dibandingkan dengan buku konvensional, e-book interaktif lebih fleksibel dan mudah digunakan dalam proses pembelajaran.
Oleh karena itu, e-book interaktif dinilai layak digunakan sebagai media pembelajaran karena dapat meningkatkan efektivitas pembelajaran siswa .
Selain itu, animasi merupakan salah satu media visual yang menarik berupa simulasi gambar bergerak yang menunjukkan perubahan posisi atau pergerakan objek secara berurutan.
Penggunaan animasi dalam pembelajaran dapat menciptakan suasana belajar yang lebih interaktif dan menarik, sehingga berpotensi meningkatkan keterlibatan peserta didik dalam proses pembelajaran .
Dengan demikian, diharapkan pengembangan e-book interaktif berbasis animasi dapat meningkatkan minat belajar siswa agar lebih aktif, kreatif, dan efektif.
Selain itu, e-book juga memberikan kemudahan bagi siswa dalam mengakses materi pembelajaran kapan saja dan di mana saja.
Penggunaan media ini juga terbukti dapat meningkatkan efektivitas pembelajaran yang ditunjukkan melalui peningkatan hasil belajar siswa setelah penggunaan media tersebut .
METODE PENELITIAN
1 Jenis Penelitian Penelitian ini merupakan penelitian pengembangan (Research and Development/R&D) yang bertujuan menghasilkan produk berupa e-book interaktif berbasis animasi sebagai media pembelajaran Sistem Komputer.
Metode R&D digunakan untuk mengembangkan sekaligus menguji kelayakan produk yang dihasilkan agar dapat digunakan dalam proses pembelajaran.
Model pengembangan yang digunakan adalah ADDIE (Analysis.
Design.
Development.
Implementation.
Evaluatio.
Namun, penelitian ini dibatasi hingga tahap Development, yang mencakup analisis, perancangan, pengembangan produk, serta validasi ahli.
2 Model Pengembangan ADDIE Tahapan model ADDIE dalam penelitian ini adalah sebagai berikut:
Analysis Tahap analisis dilakukan untuk mengidentifikasi kebutuhan pembelajaran pada materi Sistem Komputer kelas X di SMAS YPPI Belitang.
Analisis meliputi kebutuhan media pembelajaran, karakteristik peserta didik, ketersediaan sarana, serta kesesuaian materi dengan kurikulum yang berlaku.
Design Tahap desain dilakukan dengan merancang struktur e-book interaktif yang mencakup penyusunan materi, pemilihan media visual, serta penentuan fitur interaktif.
Materi INSTINK: (Jurnal Inovasi Pendidikan.
Teknologi Informasi & Kompute.
Vol.
5 No.
April 2026.
Hal.
e-ISSN 2964-688X difokuskan pada Sistem Komputer sesuai kurikulum kelas X mata pelajaran TIK.
Desain juga mencakup penggunaan teks, gambar, animasi, tombol navigasi, serta kuis sederhana.
Development Tahap pengembangan dilakukan dengan merealisasikan rancangan menjadi produk ebook interaktif menggunakan aplikasi Sigil.
Materi disusun secara sistematis dan dilengkapi dengan elemen multimedia seperti gambar, animasi, serta fitur interaktif.
Elemen visual yang dikembangkan kemudian diintegrasikan ke dalam e-book untuk mendukung pemahaman konsep.
Produk yang telah selesai dikembangkan selanjutnya divalidasi oleh ahli materi dan ahli media untuk menilai kelayakan isi, tampilan, dan fungsi media pembelajaran.
Gambar 1.
Model Pengembangan ADDIE Gambar ini menunjukkan tahapan model ADDIE yang digunakan dalam penelitian pengembangan e-book interaktif, yaitu Analysis.
Design.
Development.
Implementation, dan Evaluation.
3 Teknik Pengumpulan Data Teknik pengumpulan data dalam penelitian ini meliputi observasi, wawancara, dan Observasi Observasi dilakukan dengan cara mengamati secara langsung proses pembelajaran Sistem Komputer di kelas X untuk memperoleh gambaran kebutuhan media pembelajaran secara nyata di lapangan.
Wawancara Wawancara dilakukan kepada guru mata pelajaran TIK dan beberapa siswa di SMAS YPPI Belitang untuk memperoleh informasi terkait kendala pembelajaran, kebutuhan media, serta harapan terhadap media pembelajaran yang dikembangkan.
Angket Angket digunakan untuk memperoleh data kuantitatif mengenai tingkat kelayakan media dari ahli materi dan ahli media.
Instrumen angket disusun menggunakan skala Likert dengan empat kategori penilaian.
Tabel 1.
Kriteria Penilaian Skala Likert Skor Kategori Tidak Baik Baik Cukup Baik Sangat Baik 4 Teknik Analisis Data Analisis data dilakukan menggunakan analisis deskriptif kuantitatif dengan perhitungan persentase kelayakan sebagai berikut:
INSTINK: (Jurnal Inovasi Pendidikan.
Teknologi Informasi & Kompute.
Vol.
5 No.
April 2026.
Hal.
e-ISSN 2964-688X Keterangan:
P = persentase kelayakan f = jumlah skor yang diperoleh N = skor maksimal Hasil perhitungan kemudian diinterpretasikan berdasarkan kriteria kelayakan sebagai Tabel 2.
Kriteria Kelayakan Media No Persentase Kualifikasi
1 81% Ae 100% Sangat Layak
61% Ae 80% Layak
41% Ae 60% Kurang Layak
21% Ae 40% Tidak Layak
0% Ae 20% Sangat Tidak Layak
HASIL DAN PEMBAHASAN
1 Halaman Cover Halaman cover pada e-book interaktif dirancang sebagai tampilan awal yang merepresentasikan identitas media pembelajaran serta memberikan kesan awal yang menarik bagi Desain cover menggunakan latar belakang bertema chip CPU yang merepresentasikan materi Sistem Komputer.
Pada bagian atas halaman ditampilkan logo Kurikulum Merdeka, logo institusi sekolah, serta logo perguruan tinggi yang disusun secara proporsional sebagai bentuk identitas penyelenggara dan pengembang media pembelajaran.
Judul e-book, judul materi, jenjang pendidikan, serta kelas ditampilkan dengan ukuran huruf yang dominan untuk memudahkan Selain itu, terdapat elemen motivasional berupa kalimat AuTemukan cara belajar yang menyenangkanAy yang bertujuan meningkatkan motivasi belajar peserta didik.
Pada bagian bawah halaman terdapat tombol navigasi .
lay butto.
yang berfungsi sebagai pengarah menuju halaman petunjuk penggunaan e-book.
Secara keseluruhan, halaman cover dirancang dengan memperhatikan prinsip desain visual seperti keseimbangan, keterpaduan warna, dan hierarki informasi sehingga menghasilkan tampilan yang informatif, menarik, dan mudah dipahami oleh pengguna.
Gambar 2.
Halaman Cover E-Book Interaktif Gambar tersebut menunjukkan tampilan halaman awal e-book interaktif berbasis animasi yang memuat identitas media, judul, serta tombol navigasi menuju halaman berikutnya.
2 Halaman Instruksi Penggunaan E-Book Halaman instruksi penggunaan e-book dirancang untuk memberikan panduan kepada pengguna dalam mengoperasikan media pembelajaran interaktif.
Desain halaman ini menggunakan latar belakang berwarna biru tua bertema teknologi yang konsisten dengan tampilan halaman cover.
INSTINK: (Jurnal Inovasi Pendidikan.
Teknologi Informasi & Kompute.
Vol.
5 No.
April 2026.
Hal.
e-ISSN 2964-688X Pada bagian tengah halaman terdapat elemen berbentuk lembar kerja .
aper shee.
berwarna putih yang digunakan sebagai media penyajian instruksi.
Petunjuk penggunaan disusun dalam bentuk poin-poin agar lebih sistematis, mudah dibaca, dan mudah dipahami oleh peserta Selain itu, setiap judul pada bagian instruksi diberikan efek animasi sederhana untuk meningkatkan daya tarik visual dan memperkuat kesan interaktif.
Halaman ini juga dilengkapi dengan tombol navigasi home untuk kembali ke menu utama serta tombol next untuk melanjutkan ke halaman berikutnya.
Secara keseluruhan, halaman instruksi dirancang dengan prinsip kesederhanaan, keterbacaan, serta konsistensi visual sehingga mendukung kemudahan pengguna dalam memahami cara penggunaan e-book interaktif.
Gambar 3.
Halaman Instruksi Penggunaan E-Book Interaktif Gambar tersebut menunjukkan tampilan halaman instruksi yang berisi panduan penggunaan e-book dalam bentuk poin-poin, serta tombol navigasi untuk berpindah halaman.
3 Halaman Menu Utama Halaman menu utama berfungsi sebagai pusat navigasi utama dalam e-book interaktif yang menghubungkan pengguna ke berbagai fitur pembelajaran.
Pada bagian atas halaman ditampilkan judul AuMENUAy sebagai identitas halaman.
Bagian tengah halaman memuat tombol navigasi yang mengarahkan pengguna ke beberapa fitur utama, yaitu materi pembelajaran, simulasi, dan kuis.
Setiap tombol dilengkapi dengan ikon yang merepresentasikan komponen komputer sesuai dengan tema Sistem Komputer, sehingga memudahkan pengguna dalam memahami fungsi masing-masing menu.
Pada bagian bawah halaman ditambahkan elemen ilustratif berupa karakter programmer untuk memberikan kesan visual yang lebih menarik dan meningkatkan keterlibatan peserta didik.
Selain itu, terdapat tombol navigasi home yang berfungsi untuk kembali ke halaman cover.
Secara keseluruhan, desain halaman menu utama menggunakan dominasi warna biru dengan tema teknologi yang konsisten, sehingga menciptakan keselarasan visual serta mendukung pengalaman pengguna dalam menggunakan e-book interaktif.
Gambar 4.
Halaman Menu Utama E-Book Interaktif INSTINK: (Jurnal Inovasi Pendidikan.
Teknologi Informasi & Kompute.
Vol.
5 No.
April 2026.
Hal.
e-ISSN 2964-688X Gambar tersebut menunjukkan tampilan menu utama yang berisi tombol navigasi ke fitur pembelajaran seperti materi, simulasi, dan kuis, serta elemen visual pendukung berbasis tema 4 Halaman Menu Daftar Materi Halaman menu daftar materi berfungsi sebagai pusat akses untuk memilih topik pembelajaran yang tersedia dalam e-book interaktif.
Pada bagian atas halaman ditampilkan judul AuDAFTAR MATERIAy untuk memudahkan identifikasi halaman oleh pengguna.
Pada bagian tengah terdapat beberapa tombol navigasi yang masing-masing mengarahkan pengguna ke halaman materi tertentu.
Setiap tombol dilengkapi dengan ikon yang merepresentasikan topik pembelajaran sehingga mempermudah pengguna dalam mengenali dan memilih materi yang diinginkan.
Selain itu, terdapat ilustrasi karakter siswa yang sedang menggunakan laptop sebagai elemen visual pendukung untuk memperkuat konteks pembelajaran berbasis teknologi serta meningkatkan daya tarik tampilan.
Halaman ini juga dilengkapi dengan tombol navigasi home untuk kembali ke halaman utama serta tombol back untuk kembali ke halaman sebelumnya.
Secara keseluruhan, desain halaman daftar materi menggunakan dominasi warna biru dengan tema teknologi yang konsisten, sehingga menciptakan keselarasan visual, meningkatkan keterbacaan, serta mendukung pengalaman pengguna dalam mengakses materi pembelajaran.
Gambar 5.
Halaman Menu Daftar Materi E-Book Interaktif Gambar tersebut menunjukkan tampilan halaman daftar materi yang berisi tombol navigasi menuju setiap topik pembelajaran disertai ikon pendukung berbasis tema teknologi.
5 Halaman Menu Materi Halaman menu materi disusun untuk menyajikan konten pembelajaran secara terstruktur berdasarkan topik yang telah ditentukan.
Setiap halaman diawali dengan judul materi untuk memudahkan peserta didik dalam mengidentifikasi isi pembelajaran.
Materi disajikan dalam area utama berbentuk lembar digital yang dirancang agar informasi tersampaikan secara jelas dan sistematis.
Untuk meningkatkan pemahaman konsep, ditambahkan ilustrasi atau animasi yang relevan dengan materi yang dibahas.
Selain itu, halaman ini dilengkapi fitur navigasi interaktif seperti tombol home untuk kembali ke menu utama dan tombol back untuk kembali ke halaman sebelumnya.
Integrasi elemen teks, visual, dan interaktivitas dirancang untuk mendukung keterlibatan peserta didik serta meningkatkan efektivitas proses pembelajaran.
INSTINK: (Jurnal Inovasi Pendidikan.
Teknologi Informasi & Kompute.
Vol.
5 No.
April 2026.
Hal.
e-ISSN 2964-688X Gambar 6.
Halaman Menu Materi 6 Halaman Simulasi Halaman simulasi dirancang untuk memberikan pengalaman belajar interaktif yang memungkinkan peserta didik mengeksplorasi komponen sistem komputer secara mandiri.
Pada halaman ini disajikan representasi visual berupa ikon perangkat komputer yang mencakup CPU.
RAM.
HDD.
VGA, dan NVMe sebagai objek pembelajaran.
Setiap komponen dilengkapi fitur interaktif yang memungkinkan pengguna mengakses penjelasan atau animasi terkait fungsi dan karakteristik masing-masing komponen.
Hal ini bertujuan untuk memperkuat pemahaman konseptual melalui pendekatan visual dan interaktif.
Selain itu, tersedia tombol navigasi back untuk kembali ke halaman sebelumnya, next untuk melanjutkan ke halaman berikutnya, serta tombol finish yang menampilkan umpan balik akhir setelah proses simulasi selesai.
Dengan demikian, halaman simulasi tidak hanya berfungsi sebagai media visual, tetapi juga sebagai sarana pembelajaran aktif berbasis eksplorasi mandiri.
Gambar 7.
Halaman Simulasi 7 Halaman Kuis Halaman kuis dirancang untuk mengevaluasi pemahaman peserta didik terhadap materi Sistem Komputer yang telah dipelajari.
Pada halaman ini disajikan serangkaian soal interaktif yang disusun berdasarkan indikator pembelajaran untuk mengukur tingkat penguasaan konsep peserta didik.
Setiap soal ditampilkan secara bertahap dengan opsi jawaban yang dapat dipilih secara langsung oleh pengguna.
Sistem kemudian memberikan umpan balik otomatis terhadap jawaban yang dipilih, sehingga peserta didik dapat mengetahui tingkat pemahaman mereka secara Selain itu, halaman kuis dilengkapi dengan fitur navigasi seperti tombol back untuk kembali ke halaman sebelumnya, tombol next untuk melanjutkan ke soal berikutnya, serta tombol finish yang menampilkan hasil akhir atau skor evaluasi.
Dengan demikian, halaman kuis berfungsi sebagai instrumen evaluasi pembelajaran yang interaktif dan adaptif.
INSTINK: (Jurnal Inovasi Pendidikan.
Teknologi Informasi & Kompute.
Vol.
5 No.
April 2026.
Hal.
e-ISSN 2964-688X Gambar 8.
Halaman Kuis 8 Hasil Validasi Ahli Materi dan Ahli Media Hasil akhir pengembangan e-book interaktif berbasis animasi berdasarkan validasi ahli materi menunjukkan bahwa media yang dikembangkan telah memenuhi aspek kelayakan dari segi kesesuaian isi, sistematika penyajian materi, serta kemudahan pemahaman.
Materi yang disajikan dinilai telah sesuai dengan kompetensi dasar pada kurikulum yang berlaku dan disusun secara sistematis sehingga mudah dipahami oleh peserta didik.
Hasil penilaian oleh ahli materi diperoleh persentase kelayakan sebesar 83,33% dengan kategori sangat layak.
Hal ini menunjukkan bahwa e-book interaktif yang dikembangkan layak digunakan sebagai sumber belajar pendukung pada materi Sistem Komputer.
Selanjutnya, hasil validasi oleh ahli media menunjukkan bahwa aspek tampilan, navigasi, interaktivitas, serta pemanfaatan elemen multimedia telah sesuai dengan prinsip desain media pembelajaran digital.
Fitur navigasi dinilai berfungsi dengan baik, sedangkan animasi dan simulasi yang disajikan mampu mendukung pemahaman konsep secara visual.
Selain itu, integrasi kuis interaktif melalui platform Quizizz dinilai dapat meningkatkan keterlibatan peserta didik dalam proses pembelajaran.
Hasil validasi ahli media menunjukkan persentase kelayakan pada kategori layak hingga sangat layak (Ou80%).
Berdasarkan hasil validasi dari kedua ahli tersebut, dapat disimpulkan bahwa e-book interaktif berbasis animasi yang dikembangkan berada pada kategori sangat layak dan dapat diimplementasikan sebagai media pembelajaran pada mata pelajaran Sistem Komputer untuk siswa kelas X SMAS YPPI Belitang.
KESIMPULAN
Berdasarkan hasil penelitian dan pengembangan e-book interaktif berbasis animasi menggunakan aplikasi Sigil sebagai media pembelajaran Sistem Komputer untuk siswa kelas X SMAS YPPI Belitang, dapat disimpulkan sebagai berikut:
Penelitian ini menghasilkan produk berupa e-book interaktif berbasis animasi dengan format EPUB3 yang dikembangkan menggunakan aplikasi Sigil serta didukung oleh Canva dan Kotobee Reader.
Produk ini dirancang sebagai media pembelajaran pada mata pelajaran Sistem Komputer dengan mengacu pada model pengembangan ADDIE, yang meliputi tahap Analysis.
Design.
Development.
Implementation, dan Evaluation.
Pada penelitian ini difokuskan pada tahap Development, yaitu uji kelayakan produk berdasarkan validasi ahli materi dan ahli media.
Produk yang dihasilkan dilengkapi dengan fitur navigasi, animasi, simulasi, kuis interaktif .
erintegrasi Quiziz.
, serta elemen multimedia yang mendukung proses pembelajaran.
Hasil validasi ahli materi menunjukkan tingkat kelayakan sebesar 83,33% dengan kategori sangat layak.
Sementara itu, hasil validasi ahli media menunjukkan tingkat kelayakan pada kategori sangat layak (Ou80%).
Dengan demikian, e-book interaktif berbasis animasi yang dikembangkan dinyatakan layak digunakan sebagai media INSTINK: (Jurnal Inovasi Pendidikan.
Teknologi Informasi & Kompute.
Vol.
5 No.
April 2026.
Hal.
e-ISSN 2964-688X pembelajaran pada mata pelajaran Sistem Komputer untuk siswa kelas X SMAS YPPI Belitang.
SARAN
Berdasarkan hasil penelitian, peneliti memberikan beberapa saran sebagai berikut:
Bagi guru, e-book interaktif ini dapat dimanfaatkan sebagai media pembelajaran alternatif untuk membantu menjelaskan materi Sistem Komputer dengan cara yang lebih menarik dan interaktif.
Bagi siswa, diharapkan dapat memanfaatkan e-book interaktif ini baik secara mandiri maupun dalam kegiatan pembelajaran di kelas sehingga dapat meningkatkan pemahaman terhadap materi.
Bagi peneliti selanjutnya, disarankan untuk melanjutkan penelitian hingga tahap Implementation dan Evaluation pada model ADDIE agar diperoleh data yang lebih akurat mengenai efektivitas penggunaan e-book interaktif.
Selain itu, pengembangan dapat dilakukan dengan menambahkan fitur interaktivitas yang lebih kompleks, seperti integrasi video pembelajaran serta sistem evaluasi otomatis.
Peneliti juga disarankan untuk mengoptimalkan produk agar dapat diakses pada berbagai perangkat dan platform sehingga meningkatkan fleksibilitas pengguna.
Peneliti selanjutnya juga disarankan menggunakan aplikasi pengembang e-book yang mendukung pemrograman JavaScript agar fitur interaktivitas dapat lebih variatif dan memberikan pengalaman belajar yang lebih menarik.
Selain itu, perlu dipertimbangkan penggunaan aplikasi pembaca e-book dengan fleksibilitas navigasi yang lebih baik.
DAFTAR PUSTAKA