Development of a Web Based Learning Media Using HTML and CSS in the Subject of Programming Engineering, Microprocessors, and Microcontroller

Authors

  • Arum Setyowati Universitas Negeri Jakarta
  • Jusuf Bintoro Universitas Negeri Jakarta
  • Muhammad Fikri Universitas Negeri Jakarta

Keywords:

Learning Media, Web Based Learning, TPMM

Abstract

Web based learning media uses HTML and CSS in the TPMM class X Mechatronics subject at SMKN 69 Jakarta. The research was developed using the Visual Studio Code application with HTML and CSS programming which can be accessed on the website so that students can understand the material well. The aim of this research is to develop Web Based Learning media using HTML and CSS in TPMM subjects and determine the level of feasibility of Web Based Learning media using HTML and CSS in TPMM subjects based on the results of assessments by instructional design experts, media experts, material experts and class X mechatronics students at SMKN 69 Jakarta. The research method used in this research uses Research and Development (R&D) with the ADDIE development model which is limited to three stages, namely Analyze, design and development. The final product produced is a website that has been validated by instructional design experts, media experts and material experts, and has been tested on X mechatronics students at SMKN 69 Jakarta. The feasibility test results by instructional design experts were 97.91%, media experts were 83.82%, material expert 1 was 80% and material expert 2 was 87.25%. Assessments by students in individual trials obtained an overall average percentage of 82.01% and in small group trials obtained an overall average percentage of 84.56%. So that Web Based Learning media using HTML and CSS in TPMM subjects as a whole is very suitable for use by students in learning activities

References

[1] F. Gunawan, “Indonesia Electronic Library Design Plan for Supporting a Distance Learning Environment,” Indonesia Electronic Library Design Plan for Supporting a Distance Learning Environment, pp. 1–2, 2001.

[2] R. Burn, “Method for Individualizing Instruction,” New York: The Macmillan Company, 1971.

[3] M. Molenda, “The ADDIE Model,” Santa Barbara: Educational Technology: An Encyclopedia, 2003.

[4] D. Reiser, “Trends and Issues in Instructional,” New York: Pearson, 2012.

[5] C. L. Scanlan, “Instructional Media,” 2012.

[6] R. Sumiharsono and H. Hasanah, “Instructional Media,” Jember: CV Pustaka Abadi, 2017.

[7] R. Guri, “Distance Education and E-Learning,” Not the same thing: Higher Education, 2005

[8] S. Mariko, “HTML and JAVASCRIPT Based Website Application for Completing Integral Functions in Calculus Courses,” Educational Technology Innovation, 2019.

[9] Sugiyono, “Quantitative, Qualitatite and R&D Research Methods,” Bandung: ALFABETA, 2017.

Downloads

Published

2024-04-10

How to Cite

[1]
A. Setyowati, J. Bintoro, and M. Fikri, “Development of a Web Based Learning Media Using HTML and CSS in the Subject of Programming Engineering, Microprocessors, and Microcontroller”, IJSMM, vol. 11, no. 1, Apr. 2024.