Web-Based Media through Project Based Learning Approach to Support OBE Learning
DOI:
https://doi.org/10.61924/jasmin.v4i2.116Keywords:
Children's fashion, OBE, Project based learning, WebAbstract
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
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
How to Cite
Issue
Section
Copyright (c) 2026 Yudhistira Anggraini, Erni, Ulfa Annida Damanik, Dermawan Pakpahan, Rahmi, Qothrun Nada Ma’ruf Batubara

This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.

