Design of Flipped Classroom Learning in Vocational Education to improve HOT Skills in the era of the Industrial Revolution 4.0


This study aims to describe and analyze how the flipped classroom learning model design in Computer Network Security learning in Information Systems Study Program, Faculty of Computer Science. This study aims to design and develop a flipped classroom model to improve 21st century learning ability (4C).The type of development method used is Research and Development (R & D). The development procedure used is 4-D, and is part of the development stage of a learning model. The type of data used is primary data where data is obtained directly from universities, lecturers, experts and students. The results of research based on needs analysis and literature reviews have produced a flipped classroom model design, and based on the results of expert validation it can be concluded that the website-based flipped classroom design is considered quality to measure student competency achievement consisting of menu material, student recap, questions, concept understanding, assessment self, character values, and recap values. Based on the validation results of all the design indicators for the flipped classroom model which were assessed by the validator from the aspects of the feasibility of the content, the language of the instruments, and the feasibility of the graphic aspects of the valid and feasible categories for testing.

Keywords: HOT skills; flipped; classroom learning; vocational education

[1] van Laar E, van Deursen AJ, van Dijk JA, de Haan J. Determinants of 21st-century digital skills: A large-scale survey among working professionals. Comput. Human Behav. 2019;100( July):93–104. doi: 10.1016/j.chb.2019.06.017.

[2] Ambiyar YI, Efendi R, Waskito, Yondri S. Pengembangan e-authentic asessment berbasis PBL untuk meningkatkan kompetensi mahasiswa dalam pembelajaran jaringan komputer. Rekayasa Sist. dan Teknol. Inf. 2019;3(3):470–478.

[3] Efendi R, Jama J, Yulastri A. Development of competency based learning model in learning computer networks. J. Phys. Conf. Ser. 2019;1387(1):0–6. doi: 10.1088/1742- 6596/1387/1/012109.

[4] Friadi J, Ganefri, Ridwan, Efendi R. Development of product based learning-teaching factory in the disruption era. Int. J. Adv. Sci. Technol. 2020;29(6):1887–1898.

[5] P21 Framework Definition. 2015. Partnership for 21st Century Learning. Available from: framework/ P21_Framework_Definitions_New_Logo2015.pdf%0A. [Accessed: 15-Sep- 2018].

[6] Association NE. Preparing 21st century students for a global society: An educator’s guide to the “Four Cs”. 2010.

[7] Suryana F, Jalinus N, Rahmad R, Efendi R. Cooperative project based learning models in programming languages: A proposed. Int. J. Adv. Sci. Technol. 2020;29(6):1876– 1886.

[8] Efendi AYR. Effectiveness of collaborative problem based learning model of learning computer network courses BT. 5th UPI Int. Conf. Tech. Vocat. Educ. Train. (ICTVET 2018); 2019 February. doi:

[9] González-Gómez D, Jeong JS, Rodríguez DA, Cañada-Cañada F. Performance and perception in the flipped learning model: An initial approach to evaluate the effectiveness of a new teaching methodology in a general science classroom. J. Sci. Educ. Technol. 2016;25:450–459.

[10] Sales N. Flipping the classroom: Revolutionising legal research training. Leg. Inf. Manag. 2013;13(4):231–235. doi: 10.1017/S1472669613000534.

[11] Velegol SB, Zappe SE. The evolution of a flipped classroom: evidence-based recommendations. Advances in Engineering Education. 2015;4(3):1–38.

[12] Hawks SJ. The flipped classroom: now or never? AANA journal. 2014;82(4):264–269.

[13] Raths D. 9 video tips for a better flipped classroom. THE Journal. 2013. Available from: aspx.

[14] Hidayati A, Saputra A, Efendi R. Development of e-module oriented flipped classroom strategies in computer network learnin. Rekayasa Sist. dan Teknol. Inf. 2020;4(3):429–437. doi:

[15] Ambiyar YI, Efendi R, Waskito, Yondri S. Pengembangan e-authentic asessment berbasis PBL untuk meningkatkan kompetensi mahasiswa dalam pembelajaran jaringan komputer. Rekayasa Sist. dan Teknol. Inf. 2019;3(3).

[16] Enfield J. Looking at the impact of the flipped classroom model of instruction on undergraduate multimedia students at CSUN. TechTrends. 2013;57(6):14–27. doi: 10.1007/s11528-013-0698-1.

[17] B. Love, A. Hodge, N. Grandgenett, and A. Swift, “Student learning and perceptions in a flipped linear algebra course,” Int. J. Math. Educ. Sci. Technol., vol. 45, 2014, doi: 10.1080/0020739X.2013.822582.

[18] J. Bergman and A. Sams, Flip Your Classroom : Reach Every Student in Every Class Every Day, 1st ed. International Society for Technology in Education. ASCD®, 2012.

[19] G. R. Morrison, S. M. Ross, H. K. Kalman, and J. E. Kemp, Designing Effective Instruction. Wiley, 2012.