Web-Based Media through Project Based Learning Approach to Support OBE Learning

Authors

  • Yudhistira Anggraini Universitas Negeri Medan, Indonesia
  • Erni Universitas Negeri Medan, Indonesia
  • Ulfa Annida Damanik Universitas Negeri Medan, Indonesia
  • Dermawan Pakpahan Universitas Negeri Medan, Indonesia
  • Rahmi Universitas Negeri Medan, Indonesia
  • Qothrun Nada Ma’ruf Batubara Universitas Negeri Medan, Indonesia

DOI:

https://doi.org/10.61924/jasmin.v4i2.116

Keywords:

Children's fashion, OBE, Project based learning, Web

Abstract

Outcome-Based Education (OBE) is an educational system oriented toward achieving measurable learning outcomes as the basis for planning, implementing, and evaluating learning. Implementing OBE in higher education requires learning innovations that can optimally support the achievement of graduate competencies. This research aims to develop web-based learning media through a Project-Based Learning (PjBL) approach and to test its feasibility and effectiveness in the Children's Fashion course. This study used a Research and Development (R&D) method with the ADDIE model, which consists of the stages of analysis, design, development, implementation, and evaluation. During the needs analysis phase, 92.5% of lecturers and 89.27% ??of students expressed a very high need for the development of web-based learning media. Product validation results showed that the assessment by material experts was 88.6% and the media experts 89%, both of which are in the very good category. User trials also showed positive results, with 81% of the small group, 85% of the medium group, and 87% of the large group, all in the good to excellent category. The effectiveness analysis showed that the average pretest score of 44.29 increased to 78.27 in the posttest. Furthermore, the N-Gain calculation was 0.61, which is in the moderate category. Based on these results, it can be concluded that the web-based learning media developed using the Project-Based Learning approach is feasible and quite effective in improving student learning outcomes in the Children's Fashion course and supporting the implementation of an OBE-based education system

Author Biographies

Erni, Universitas Negeri Medan, Indonesia

lecturer

Dermawan Pakpahan, Universitas Negeri Medan, Indonesia

lecturer

Rahmi, Universitas Negeri Medan, Indonesia

lecturer

Qothrun Nada Ma’ruf Batubara, Universitas Negeri Medan, Indonesia

lecturer

References

Ahyanuardi, A., Hambali, H., & Krismadinata, K. (2018). Pengaruh Kompetensi Pedagogik Dan Profesional Guru Sekolah Menengah Kejuruan

Al Syifa, S. Z., SP, V. R., & Suliyanthini, D. (2021). Penilaian Hiasan Sulam Sashiko Pada Busana Anak. Practice of Fashion and Textile Education Journal, 1(1), 23-29. DOI: https://doi.org/10.21009/pftej.v1i1.21497

Arifin, P. (2020). Outcomes Based Education. Seminar Re-Orientasi Mutu Kurikulum Berbasis Outcomes, Universitas Padjadjaran Sabtu, 14 Nopember 2020

Arsyad, Azhar. (2015). Media Pembelajaran, Jakarta: PT. Rajagrafindo Persada.

Azmi, N., Wahid, R., & Hasan, S. (2020). Pengaruh media digital terhadap motivasi dan hasil belajar mahasiswa. Jurnal Teknologi Pendidikan, 22(1), 54–63.

Azmi, R. A., Rukun, K., & Maksum, H. (2020). Analisis Kebutuhan Pengembangan Media Pembelajaran Berbasis Web Mata Pelajaran Administrasi Infrastruktur Jaringan. Jurnal Ilmiah Pendidikan dan Pembelajaran, 4(2), 303-314. https://doi.org/10.23887/jipp.v4i2.25840

Branch, R. M. 2009. Instructional Design-The ADDIE Approach. New York: Springer

Brundiers, K., & Wiek, A. (2013). Do we teach what we preach? An international comparison of problem- and project-based learning courses in sustainability. Sustainability, 5(4), 1725–1746. https://doi.org/10.3390/su5041725

Chatwattana, P., & Nilsook, P. (2017). A Web-based learning system using project-based learning and imagineering. Int. J. Emerg. Technol. Learn., 12(5), 4-22.

Chodiyah, (2010). Disain Busana Untuk SMTK/SMKK. Jakarta: Depdikbud

Cholid, A. A., Elmunsyah, H., & Patmanthara, S. (2016). Pengembangan Model Web Besed Learning Pada Mata Pelajaran Jaringan Dasar Paket Keahlian TKJ Pada SMKN Se-Kota Malang. Jurnal Pendidikan, 1(5), 961–970.

Darussalam, A. (2015). Pengembangan Media Pembelajaran Berbasis Web Interaktif (Blog) Untuk Meningkatkan Motivasi Belajar Pada Mata Pelajaran Pemasaran Online Sub Kompetensi Dasar Merancang Website (Studi Pada Siswa Kelas X Tata Niaga SMK Negeri 2 Nganjuk). Jurnal Pendidikan Tata Niaga (JPTN), 3(2). Retrieved from https://jurnalmahasiswa.unesa.ac.id/index.php/jptn/article/download/12055/11237

Dini, N., & Ekohariadi, E. (2024). Pengembangan Media Pembelajaran Berbasis Website Dengan Model Pembelajaran Problem Based Learning Untuk Meningkatkan Kompetensi Percabangan Dan Perulangan di Smk Negeri 2 Mojokerto. IT-Edu: Jurnal Information Technology and Education, 9(1), 8-16. Retrieved from https://ejournal.unesa.ac.id/index.php/it-edu/article/view/58274

Divayana, D. G. H., Suyasa, P. W. A., & Sugihartini, N. (2016). Pengembangan media pembelajaran berbasis web untuk matakuliah kurikulum dan pengajaran di jurusan pendidikan teknik informatika Universitas Pendidikan Ganesha. Jurnal Nasional Pendidikan Teknik Informatika: JANAPATI, 5(3), 149-157.

Djamarah, S. B.& Zain, A. (2011). Strategi Belajar Mengajar. Bandung: Pustaka Setia

Emda, Amna. (2011). “Pemanfaatan Media dalam Pembelajaran Biologi di Sekolah”. Jurnal Ilmiah DIDAKTIKA, XII (1), 149-162.

Hamid, M. A., et al. (2020). Media Pembelajaran. Yayasan Kita Menulis. Cetakan 1.

Harsiwi, U. B., & Arini, L. D.D. (2020). Pengaruh Pembelajaran Menggunakan Media Pembelajarn Interaktif Terhadap Hasil Belajar Siswa di Sekolah Dasar. Jurnal Basicedu. Vol 4. No. 4. DOI: https://doi.org/10.31004/basicedu.v4i4.505

Haryanto, D., Widodo, A., & Mulyana, A. (2022). Integrasi Project-Based Learning dalam Media Web Interaktif untuk Peningkatan Hasil Belajar. Jurnal Inovasi Teknologi Pendidikan, 9(1), 33–42.

Herayanti, L., Fuaddunnazmi, M., & Habibi, H. (2017). Pengembangan media pembelajaran berbasis moodle pada mata kuliah fisika dasar. Jurnal Pendidikan Fisika dan Teknologi, 1(3), 205-209.

Hwang, W. Y., Wang, C. Y., & Sharples, M. (2007). A study of multimedia annotation of Web-based materials. Computers & Education, 48(4), 680-699. https://doi.org/10.1016/j.compedu.2005.04.020

Indrayani, Sri Dewi. 2020. Pembuatan busana industri MAK/SMK kelas XI. Malang: PT Kuantum Buku Sejahtera. Hal 8

Indriana, Dina. (2011). Ragam Alat Bantu Media Pengajaran, Jakarta: PT. Diva Press.

Jasrial., Sulastri., Saputra, A., & Kristiawan, M. (2022). Development of E-book Teaching Material in Improving Student Literacy. Educational Sciences: Theory & Practice. Vol 22. No.1. DOI 10.12738/jestp.2022.1.0006

Khadafi, S., Salim, A., Nopendri, Prabowo, R., & Anam, C. (2019). Rancang Bangun Website UKM Reviora Tanggulangin Sidoarjo Menggunakan Metode Waterfall Sebagai Media Pemasaran Online. Menuju Penerapan Teknologi Terbarukan Pada Industri 4.0: Perubahan Industri Dan Transformasi Pertumbuhan Digital, 705–710. Retrieved from http://ejurnal.itats.ac.id/sntekpan/a rticle/view/627

Kim, B., Kim, T., Shin, S.W. (2011). Understanding antecedents of continuance intention in social-networking services. Journal Of Behavior of Social Network, 14, 45-51. Amsterdam: Elsevier

Komsiyah, I. (2021). Tantangan Implementasi Outcome Base Education Dalam Membangun Nilai Karakter Mahasiswa di Masa Pandemik Covid-19. In Angewandte Chemie International Edition, 6(11), 951–952.

Krajcik, J. S., & Shin, N. (2014). Project-based learning. In R. K. Sawyer (Ed.). The Cambridge handbook of the learning sciences (pp. 275–297). (2nd ed.). https://doi.org/10.1017/CBO9781139519526.018

Kumar, K. (Ed.). (2022). Engineering Pedagogy Towards Outcome-Based Education (1st ed.). CRC Press. https://doi.org/10.1201/9781003083160

Kuswanto, J. (2018). Media pembelajaran berbasis web pada mata pelajaran biologi kelas x. Jurnal Perspektif Pendidikan, 12(2), 11-20. DOI: https://doi.org/10.31540/jpp.v12i2.203

Lestari, A. & Nurdin, H. (2021). Efektivitas Google Sites sebagai Media Pembelajaran Digital di Masa Pandemi. Jurnal Pendidikan Teknologi dan Kejuruan, 28(1), 15–22.

Meng, N., Dong, Y., Roehrs, D., & Luan, L. (2023). Tackle implementation challenges in project-based learning: a survey study of PBL e-learning platforms. Educational technology research and development, 1-29.

Molenda, 2003. M. In search of the ellusive ADDIE model. Pervormance improvement, 42 (5), 34-36. Submitted for publication in A. Kovalchick & K. Dawson, Ed’s, Educational Technologi: An Encyclopedia. Copyright by ABC- Clio, Santa Barbara, CA.

Muchlis, E. E., Priatna, N., Herman, T., & Juandi, D. (2023). Geogebra-assisted inductive reasoning in project-based learning through a web-based system. Journal of Engineering, Science and Technology, 18, 224-238.

Mulyatiningsih, E. 2011. Metode Penelitian Terapan Bidang Pendidikan. Yogyakarta: Alfabeta.

Ngalimun. 2013. Strategi Dan Model Pembelajaran. Yogyakarta: AswajaPresindo

Novita, R. & Harahap, S. Z. (2020). Pengembangan Media Pembelajaran Interaktif pada Mata Pelajaran Sistem di SMK. Informatika. Fakultas Sains & Teknologi Universitas Labuhanbatu. Vol.8. No. 1. DOI: https://doi.org/10.36987/informatika.v8i1.1532

Nugraha, I. W. (2018). Perancangan Website Ecommerce Berbasis Wordpress Pada Butik Larasati Sragen. (Publikasi Ilmiah), Universitas Muhammadiyah Surakarta, Jawa Tengah. Retrieved from http://eprints.ums.ac.id/59963/

Nurfiriyanti, Maya. (2016). Model Pembelajaran Project Based Learning Terhadap Kemampuan Pemecahan Masalah Matematika. Jurnal Formatif. Vol.6. no.2.

Prior, D. D., Mazanov, J., Meacheam, D., Heaslip, G., & Hanson, J. (2016). Attitude, digital literacy and self-efficacy: Flow-on effects for online learning behavior. The Internet and Higher Education, 29, 91-97.

Purnomo, E. A., Nurmawati, N., Kadarwati, S., Sulistyaningsih, D., & Mawarsari, V. D. (2023, June). Didactic design for a mathematics course using web-based project-based learning. In AIP Conference Proceedings (Vol. 2614, No. 1). AIP Publishing

Purwaningrum, H. (2019). Desain Busana Anak dan Perkembangannya dalam Industri Fashion. Jurnal Busana, 11(2), 87–95.

Purwaningsih, T. (2020). Penerapan Outcome Based Education & Blended Learning Dalam Meningkatkan Kualitas Pembelajaran Menghadapi Era Industri 4.0 Pada Mata Kuliah Teknik Sampling. Refleksi Pembelajaran Inovatif, 2(1). DOI:10.20885/rpi.vol2.iss1.art3

Putra, Y. A., & Susilo, H. (2021). Implementasi Project-Based Learning Berbasis Website dalam Pembelajaran Biologi untuk Mendukung Outcome-Based Education. Jurnal Pendidikan Sains Indonesia, 9(3), 410–418.

Ralph, R. A. (2015). Post secondary project-based learning in science, technology, engineering and mathematics. Journal of Technology and Science Education, 6(1), 26–35. https://doi.org/10.3926/jotse.155.

Richardson, J. C., & Swan, K. (2003). Examining social presence in online courses in relation to students’ perceived learning and satisfaction. Journal of Asynchronous Learning Networks, 7(1), 68-88

Rusman. 2013. Belajar dan Pembelajaran Berbasis Komputer. Bandung: Alfabeta

Sari, D. P., Puspitasari, Y., & Ramadhani, S. (2021). Pengembangan media pembelajaran berbasis web pada mata kuliah Desain Mode. Jurnal Pendidikan Vokasi dan Kewirausahaan, 3(2), 98–105.

Sari, R. T. & Angreni, S. (2018). Penerapan Model Pembelajaran Prokect Based Learning (PjBL) Upaya Peningkatan Kreativitas Mahasiswa. Varia Pendidikan. Vol.30 No. 1.

Sholihah, D. Z., Wardani, N. S., & Prasetyo, A. K. (2022). The Development of e-Book Based on Problem and Project Based Learning Assisted by Book Creators. JTP-Jurnal Teknologi Pendidikan, 24(2), 258-270. DOI: https://doi.org/10.21009/jtp.v24i2.28851

Spady, W. G. (1994). Outcome-Based Education: Critical Issues and Answers. American Association of School Administrators.

Suartama, I. K., Nyandra, I. K. A., & Suryawan, I. P. A. (2020). Pengembangan e-learning berbasis Moodle pada pembelajaran jarak jauh. Jurnal Pendidikan Teknologi dan Kejuruan, 27(2), 145-153.

Sugiyono. (2016). Metode Penelitian Kuantitatif, Kualitatif dan R&D. Bandung: Alfabeta

Sutopo, H., & Wahyudin, D. (2020). Desain Media Pembelajaran Interaktif Berbasis Web. Jurnal Teknologi Pendidikan, 22(2), 101–109.

Thomas, J. W. (2000). A Review of Research on Project-Based Learning. The Autodesk Foundation.

Uswatun Khasanah. (2011). Membuat Busana Anak. Bandung: PT Remaja Rosdakarya

Wardina, U. V., Jalinus, N., & Asnur, L. (2019). Kurikulum Pendidikan Vokasi Pada Era Revolusi Industri 4.0. Jurnal Pendidikan, 20(1), 82–90. https://doi.org/10.33830/jp.v20i1.240.2019

Wena. (2010). Strategi Pembelajaran Inovatif Kontemporer. Jakarta: Bumi Aksara

Yanto, D. T. P. (2019). Praktikalitas Media Pembelajaran Interaktif pada Proses Pembelajaran Rangkaian Listrik. Invotek : Jurnal Inovas Vokasional dan Teknologi. Vol. 19. No. 1. DOI: https://10.24036/invotek.v19vi1.409

Published

2026-04-30

How to Cite

Anggraini, Y., Erni, E., Damanik, U. A. ., Pakpahan, D. ., Rahmi, R., & Batubara, Q. N. M. . (2026). Web-Based Media through Project Based Learning Approach to Support OBE Learning. JURNAL ASIMILASI PENDIDIKAN, 4(2), 117-130. https://doi.org/10.61924/jasmin.v4i2.116