DOI : https://dx.doi.org/10.17977/UM014v11i22018p0143
Web Site: http://journal2.um.ac.id/index.php/jpe/index p-ISSN: 0216-7085 e-ISSN: 2579-3780
PENGEMBANGAN MEDIA PEMBELAJARAN BERBASIS WEB HYPERTEXT MARKUP LANGUAGE  (HTML) PADA MATAPELAJARAN EKONOMI MATERI BANK SENTRAL SISWA KELAS X IPS SMAN 1 GONDANGLEGI KABUPATEN MALANG SEMESTER GENAP TAHUN PELAJARAN 2017/2018
Ibrahim Morteza Amin 1 , Sapir 2
Economic Education Program, Faculty of Economics, State University Malang, Indonesia ibrahimmorteza99@gmail.com , sapir.fe@um.ac.id

## Abstract
With  the  development  of  the  era,  the  technology  also  developed  from  smartphones  to personal  computers.  This  research  is  intended  to develop  teaching  materials  with  HTML- based  web  browser  on  materials  about  economic  materials  Central  Bank  that  can  help students understand the material and facilitate teachers in evaluating the results of learning. The purpose of this research is as follows: (1) To develop the use of interactive economic learning media by using HTML web application for students of class X IPS 2 SMA Negeri 1  Gondanglegi  Malang  Regency  on  the  material  of  central  bank.  (2)  To  know  student response  of  class  X  IPS  2  SMA  Negeri  1  Gondanglegi  Malang  Regency  on  economic learning media by using HTML web on central bank material.
This research uses Borg and Gall model which has been adjusted to eight stages. Research development is a research method that is used to produce web media products and test the effectiveness of Web Media HTML-based. Data analysis techniques conducted in this study using qualitative and quantitative, Qualitative data in the comments from the later analysis in  order  to  get  input  to  the  media  and  quantitative  data  obtained  from  the  questionnaire validity related to the feasibility of HTML-based Web media whose data will be expressed in the form of numbers. Results of research and development of Web-Based Media HTML that applied to the students of class X IIS SMA Negeri 1 Gondanglegi Malang Regency can be  shown  with  data  from  questionnaire  validity  that  has  been  tested  also  to  students.  The result of the validation of Expert material is 93.18% and for the validity test of Expert Media by 86% while the result of the validity test to the student that is equal to 95.3% Thus, the results show that the learning media developed by the researcher is said to be very valid or very good. So for the next researchers and developers more innovative in developing HTML Web media in the Central Bank's learning process for the learning process easier. Key Words : Development, learning media, Web HTML

## History of Article:
Received : (27 Agustus  2018),       Accepted : (19 September 2018),      Publised : (09 Oktober 2018 )
Citation: Amin,  I.M.,  Sapir  (2018) Pengembangan  Media  Pembelajaran  Berbasis  Web  Hypertext  Markup Language    (Html)  Pada  Matapelajaran  Ekonomi  Materi  Bank  Sentral  Siswa  Kelas  X  Ips  Sman  1 Gondanglegi  Kabupaten  Malang  Semester  Genap  Tahun  Pelajaran  2017/2018. Jurnal  Pendidikan Ekonomi , 11(2), 143-150

## PENDAHULUAN
Media dapat diartikan sebagai alat bantu yang dapat digunakan sebagai penyampai pesan  untuk  mencapai  tujuan  pembelajaran.  Media  merupakan  sesuatu  yang  bersifat meyakinkan  pesan  dan  dapat merangsang  pikiran,  perasaan  dan  kemauan  siswa  sehingga dapat mendorong terjadinya proses belajar pada siswa tersebut (Wati, 2016).
Proses  belajar  dapat  dilakukan  secara  formal  yakni  di  sekolah.  Belajar  di  sekolah dimaksudkan  untuk  mengarahkan  perubahan  pada  siswa  secara  terencana.  Perubahan tersebut diperoleh selama proses interaksi belajar yang dipengaruhi oleh lingkungan, seperti guru, petugas sekolah, kepala sekolah, bahan atau materi pelajaran sarana prasarana sekolah dan media pembelajaran.
Perkembangan  teknologi  saat  ini  mendorong  upaya  dalam  pembaruan  dan pemanfaatan teknologi dalam kegiatan pembelajaran di sekolah. Guru dituntut untuk mampu menggunakan  alat  atau  media  yang  dapat  menunjang  kegiatan  pembelajaran.  Disamping menggunakan, guru juga dituntut untuk mengembangkan ketrampilan media pembelajaran yang akan digunakan apabila media tersebut belum tersedia.
Implementasi  di  sekolah  tidak  banyak  guru  yang  dapat  memanfaatkan  media pembelajaran, walaupun sudah tersedia fasilitas penunjangnya untuk pengoperasian media pembelajaran.  Banyak  sekolah  dengan  fasilitas  yang  memadai,  seperti  laboratorium komputer,  proyektor, sound dan  lain-lain  yang  pemanfaatannya  masih  kurang.  Media seharusnya  tidak  digunakan  oleh  guru  saja,  akan  tetapi  juga  dapat  digunakan  oleh  siswa seperti  komputer  dan handphone untuk  menaambah  pengetahuan  dan  memahami  materi yang disampaikan oleh guru. Menurut Rusman (2013) “media pembelajaran merupakan alat yang memungkinkan siswa untuk mengerti dan memahami sesuatu dengan mudah”.
Dengan  adanya  media  pembelajaran  ini  diharapkan  kegiatan  pembelajaran berlangsung lebih kondusif sehingga siswa dapat memahami materi pembelajaran dengan lebih  baik.  Peran  guru  hanya  sebagai  fasilitator  dan  siswa  diharapkan  lebih  aktif  dalam proses  pembelajaran  tersebut.  Oleh  karena  itu,  guru  dituntut  untuk  mengembangkan  dan menyediakan berbagai media belajar dan sumber belajar.
Saat  ini  tidak  susah  untuk  mengembangkan  media  pembelajaran  sebab  banyak aplikasi dan program yang mencukupi untuk mengemas materi pembelajaran menjadi lebih menarik,  terlebih  jika  sekolah  telah  memfasilitasi  dengan  sarana  prasarana  yang  lengkap, maka pembelajaran di kelas akan dilaksanakan secara efektif dan menyenangkan. Salah satu program  yang  bisa  digunakan  yakni web  browser berbasis  HTML  ( Hyper  Text  Mark  up Language ). Keuntungan menggunakan program ini adalah terletak di ukuran file yang kecil dan dapat diakses dimana saja.
Dengan berkembangnya zaman, berkembang pula teknologi mulai dari smartphone hingga personal komputer. Penelitian ini dimaksudkan dengan mengembangkan bahan ajar dengan web browser berbasis HTML pada bahan ajar materi Ekonomi tentang bank sentral yang  dapat  membantu  siswa  memahami materi  dan memudahkan  guru  dalam  melakukan evaluasi hasil belajar.
Diharapkan materi yang diberikan kepada siswa lebih mudah dimengerti dan tidak membosankan  serta  dapat  diakses  dengan  mudah  melalui smartphone maupun  melalui personal komputer. Latar belakang ini yang mendorong peneliti untuk mengambil penelitian dengan  judul  “Pengembangan  Media  Pembelajaran  Berbasis  Web Hypertext  Markup Language (Html)  Pada  Mata  Pelajaran  Ekonomi  Materi  Bank  Sentral  Siswa  Kelas  X  IIS SMAN 1 Gondanglegi Kabupaten Malang Semester Genap Tahun  Pelajaran 2017/2018”.

## METODE
Adapun  prosedur  penelitian  dan  pengembangan  yang  digunakan  oleh  peneliti berasal dari teori yang dikemukakan oleh Borg and Gall (dalam Suparti,2015). Prosedur penelitian tersebut disesuaikan menjadi  8 tahap prosedur penelitian dan pengembangan media pembelajaran berbasis Web HTML pokok bahasan bank sentral, yang dijabarkan ke dalam beberapa tahap sebagai berikut. 1.  Tahap Analisis
Yang  termasuk  dalam  langkah  ini  antara  lain  adalah  studi  literature  tentang permasalahan yang akan diteliti, observasi kelas.
1. Tahap Perencanaan.
Yang termasuk dalam langkah ini adalah merumuskan kompetensi yang berkaitan dengan masalah, menentukan tujuan yang akan dicapai, menentukan desain penelitian.
2. Tahap Produksi
Dalam tahap ini adalah pembuatan media pembelajaran dengan media berbasis web pada bahan ajar materi pokok bank sentral
4.  Tahap Validasi Ahli.
Pada  tahap  ini,  produk  yang  telah  dibuat  diuji  kelayakannya  oleh  dua  orang  ahli, yang terdiri atas satu orang ahli media dan satu ahli materi
5.  Tahap Merevisi Produk
Memperbaiki produk sesuai dengan saran-saran yang telah diberikan oleh ahli media dan ahli materi, sehingga diperoleh produk yang siap diuji cobakan.
6.  Tahap Uji Coba Produk
Tahap uji coba produk dilaksanakan pada siswa SMA Negeri 1 Gondanglegi yang melibatkan 30 subyek penelitian. Pengujian dilakukan melalui angket
7.  Tahap Penyempurnaan Produk Akhir
Tahap  penyempurnaan  produk  akhir  yaitu  melakukan  perbaikan  akhir  terhadap media yang telah dikembangkan 8.  Produk Akhir Produk akhir yaitu produk akhir dari media yang dikembangkan.

## PEMBAHASAN
Media  pembelajaran  yang  dikembangkan  dalam  penelitian  ini  adalah  media pembelajaran  berbasis  Web  HTML.  Model  pengembangan  ini  mengadaptasi  model pengembangan yang dikemukakan oleh Borg dan Gall yang telah disesuaikan oleh peneliti menjadi 8 tahapan Rincian waktu dan kegiatan yang dilakukan dalam pengembangan media pembelajaran Web berbasis HTML dapat di lihat pada tabel berikut.

## Tabel 1 Hasil Prosedur Penelitian
No Tanggal Nama Kegiatan Hasil yang diperoleh 1 08-20 September 2017 Analisis Studi literature tentang  permasalahan yang akan di teliti di kelas X IPS SMA Negeri 1 Gondanglegi Kabupaten Malang pada topik Bank sentral melalui kegiatan KPL semester ganjil tahun ajaran 2017/2018 2 21-29 September 2017 Tahap Perencanaan Mengetahui kesulitan dan permasalahan dalam belajar siswa X IPS SMA Negeri 1 Gondanglegi Kabupaten Malang  pada topik Bank Sentral, dengan menggunakan Media web Diharapkan dapat menyelesaikan permasalahan tersebut
No Tanggal Nama Kegiatan Hasil yang diperoleh 3 10 Januari – 20 Februari 2018 Tahap Produksi Pembuatan media Web berbasis HTML pada pokok bahasan Bank Sentral 4 28 Maret – 04 April 2018 Tahap Validasi Ahli Media Web Berbasis HTML diuji kelayakaannya oleh dua orang ahli yang terdiri dari ahli media dan ahli materi 5 06 April 2018 Tahap Revisi Produk Media Web berbasis HML pada pokok bahasan Bank Sentral diperbaiki sesuai dengan saran yang telah diberikan oleh ahli media dan ahli materi 6 13 April 2018 Uji Coba Produk Uji  coba  produk,  dilaksakan  pada  SMA  Negeri  1 Gondanglegi  melibatkan  30  subyek  siswa  kelas  X IPS 7 114 April – 15 April 2018 Tahap Penyempurnaan Poduk Akhir Melakukan perbaikan akhir seperti yang telah tertera pada bab 3 8 15 April 2018 Produk Akhir Produk akhir dari media yang dikembangkan
Media pembelajaran yang telah dibuat kemudian dilakukan validasi oleh ahli materi dan ahli media.
Ahli  materi  yang  dipilih  adalah  dosen  pendidikan  ekonomi  yang  telah berpengalaman di bidangnya. Data hasil materi dijelaskan dalam tabel sebagai berikut.
Tabel 2 Hasil Instrumen Penilaian Ahli Materi
No. Butir Penilaian Total skor empirik Total skor maksimal % 1 Materi yang disajikan seuai dengan Kurikulum 2013 1 4 25 2 Materi yang dijasikan sesuai dengan indikator pembelajaran 2 4 50 3 Materi dalam media pembelajaran Web HTML sesuai dengan tujuan pembelajaran 3 4 75 4 Materi yang disajikan dalam media pembelajaran Web HTML memuat seluruh kompetensi yang ingin dicapai 3 4 75 5 Sistematika sub/sub bab materi dalam media pembelajaran Web HTML mudah dipahami 2 4 50 6 Isi materi dalam media pembelajaran Web HTML jelas dan mudah dipahami oleh peserta didik 2 4 50 7 Materi dalam media pembelajaran Web HTML disajikan secara runtut dan sistematis 2 4 50 8 Materi dalam media pembelajaran Web HTML dapat meningkatkan motivasi belajar peserta didik 2 4 50 9 Cakupan materi dalam media pembelajaran Web HTML menyeluruh dan jelas 3 4 75 10 Gambar materi media pembelajaran Web HTML sesuai dengan materi 2 4 50 11 Pemberian contoh dan gambar dalam media pembelajaran dapat mendukung pemahaman materi pembelajaran 3 4 75 Jumlah 25 44  56.81
Berdasarkan  penyajian  data  di  atas  di  dapati  nilai  sebesar  56.81%  dalam  hal  ini kurang valid dan perlu dilakukan revisi besar Sehingga peneliti merevisi dan melakukan uji validasi ulang dengan hasil sebagai berikut.
Tabel 3 Uji Validasi Ulang
No. Butir Penilaian Tse TSh % 1 Materi yang disajikan seuai dengan Kurikulum 2013 4 4 100 2 Materi yang dijasikan sesuai dengan indikator pembelajaran 4 4 100 3 Materi dalam media pembelajaran Web HTML sesuai dengan tujuan pembelajaran 3 4 75 4 Materi yang disajikan dalam media pembelajaran Web HTML memuat seluruh kompetensi yang ingin dicapai 4 4 100 5 Sistematika sub/sub bab materi dalam media pembelajaran Web HTML mudah dipahami 3 4 75 6 Isi materi dalam media pembelajaran Web HTML jelas dan mudah dipahami oleh peserta didik 4 4 100 7 Materi dalam media pembelajaran Web HTML disajikan secara runtut dan sistematis 4 4 100 8 Materi dalam media pembelajaran Web HTML dapat meningkatkan motivasi belajar peserta didik 3 4 75 9 Cakupan materi dalam media pembelajaran Web HTML menyeluruh dan jelas 4 4 100 10 Gambar materi media pembelajaran Web HTML sesuai dengan materi 4 4 100 11 Pemberian contoh dan gambar dalam media pembelajaran dapat mendukung pemahaman materi pembelajaran 4 4 100 Jumlah 41 44 93,18
Berdasarkan  paparan  di  atas  hasil  perhitungan  presentase  untuk  penilaian  mulanya adalah 56,8 maka dalam hal ini tidak valid dan perlu revisi besar. Dengan hasil nilai yang tidak valid maka peneliti melakukan revisi dan mengajukan uji validitas ulang sehingga di dapatkan hasil sebesar 93,18% dapat dikatakan sangat valid.
Ahli  media  yang  dipilih  adalah  dosen  jurusan  teknologi  pendidikan  fakultas  ilmu pendidikan Universitas Negeri Malang. Data hasil validasi ditampilkan dalam tabel sebagai berikut:
Tabel 4 Hasil Instrumen Penilaian Ahli Media
No. Butir Penilaian Tse TSh % 1 Media pembelajaran Web HTML efektif dan efisien digunakan pada proses pembelajaran 3 4 75 2 Media pembelajaran Web HTML dapat digunakan sebagai sumber belajar 4 4 100 3 Media pembelajaran Web HTML dapat memotivasi peserta didik dalam belajar 4 4 100 4 Media pembelajaran Web HTML dapat meningkatkan respon/umpan balik peserta didik dalam pembelajaran 4 4 100 5 Pengoperasian media pembelajaran Web HTML mudah dan tidak membingungkan 3 4 75 6 Media pembelajaran Web HTML dapat dijalankan dengan baik pada ponsel pintar maupun komputer personal 4 4 100 7 Media pembelajaran Web HTML mudah digunakan peserta didik secara mandiri 3 4 75
8 Media pembelajaran Web HTML mudah diakses oleh peserta didik 4 4 100 9 Petunjuk penggunaan media pembelajaran Web HTML jelas dan mudah dipahami 3 4 75 10 Navigasi dalam media pembelajaran Web HTML mudah dan jelas 4 4 100 11 Tombol navigasi dalam media pembelajaran Web HTML dapat berfungsi dengan baik 4 4 100 12 Menu pada media pembelajaran Web HTML mudah dioperasikan 4 4 100 13 Pengembangan media pembelajaran Web HTML  mampu melibatkan peserta didik dalam kegiatan pembelajaran 4 4 100 14 Media pembelajaran Web HTML menggunakan kalimat yang komunikatif 4 4 100 15 Layout dan perpaduan warna, gambar, dan huruf yang disajikan dalam media pembelajaran Web HTML sesuai, jelas, dan menarik 3 4 75 16 Ukuran huruf yang digunakan dalam media pembelajaran Web HTML jelas dan proporsional dengan tampilan layar 4 4 100 17 Tata letak gambar dalam media pembelajaran Web HTML sesuai dan jelas 4 4 100 18 Ketepatan pemilihan background pada media Web HTML selaras dan menarik 3 4 75 19 Kualitas tampilan desain media pembelajaran Web HTML selaras dan menarik 3 4 75 21 Bahasa yang digunakan pada media pembelajaran Web HTML jelas dan mudah dipahami 4 4 100 Jumlah 73 84 86
Berdasarkan paaparan di atas dengan total skor 86% maka dapat dikatakan bahwa media untuk peneitian dan pengembangan media web html ini sangat valid/dapat digunakan dengan sedikit revisi.
media pembelajaran diuji cobakan kepada 30 siswa yang berasal dari dua kelas yaitu kelas X IIS SMA Negeri 1 Gondanglegi Kabupaten malang. Setiap kelas dipilih 15 siswa untuk melakukan uji coba. Siswa tersebut dipilih secara acak. Hasil dari uji coba terhadap siswa dapat dipaparkan pada tabel sebagai berikut.
Tabel 5 Hasil Uji Coba Terhadap Siswa
No. Butir Penilaian Tse TSh % 1 Media pembelajaran Web HTML efektif dan efisien digunakan pada proses pembelajaran 117 120 97,5 2 Media pembelajaran Web HTML dapat digunakan sebagai sumber belajar 109 120 90,83 3 Media pembelajaran Web HTML dapat memotivasi Saudara/i untuk belajar secara mandiri 118 120 98,33 4 Media pembelajaran Web HTML dapat memotivasi Saudara/i dalam mencari jawaban permasalahan mengenai materi Bank sentral 112 120 93,33 5 Media pembelajaran Web HTML dapat meningkatkan respon Saudara/i dalam mengikuti pembelajaran 116 120 96,66 6 Pengoperasian media pembelajaran Web HTML mudah dan tidak membingungkan 109 120 90,83
No. Butir Penilaian Tse TSh % 7 Media pembelajaran Web HTML dapat dijalankan pada ponsel pintar atau komputer personal dengan baik 113 120 94,16 8 Media pembelajaran Web HTML mudah diakses oleh peserta Saudara/i 111 120 92,5 9 Petunjuk penggunaan media pembelajaran Web HTML jelas dan mudah dipahami 114 120 95 10 Navigasi dalam media pembelajaran Web HTML mudah dan jelas 115 120 95,83 11 Tombol navigasi dalam media pembelajaran Web HTML dapat berfungsi dengan baik 108 120 123,33 12 Menu pada media pembelajaran Web HTML mudah dioperasikan 116 120 96,66 13 Materi yang disajikan sudah sesuai dengan Kurikulum 2013 112 120 93,33 14 Materi yang disajikan sesuai dengan indikator pembelajaran 108 120 90 15 Materi dalam media pembelajaran Web HTML sesuai dengan tujuan pembelajaran 112 120 93,33 16 Materi yang disajikan dalam media pembelajaran Web HTML memuat seluruh kompetensi yang ingin dicapai 108 120 90 17 Sistematika sub/sub bab materi dalam media pembelajaran Web HTML mudah dipahami 111 120 92,5 18 Isi materi dalam media pembelajaran Web HTML jelas dan mudah dipahami 109 120 90,83 19 Gambar dalam media pembelajaran Web HTML sudah sesuai dengan materi Bank Sentral 112 120 93,33 20 Penggunaan istilah dalam media pembelajaran Web HTML sesuai dengan bidang ekonomi 113 120 94,16 21 Pemberian contoh dan gambar dalam media pembelajaran Web HTML dapat mendukung pemahaman materi 113 120 94,16 22 Layout dan perpaduan warna, gambar, dan huruf yang disajikan dalam media pembelajaran Web HTML sesuai, jelas, dan menarik 118 120 98,33
Berdasarkan  paparan  di  atas  dan  komentar  sebagai  masukan  dengan  hasil  analisis data sebesar 98,3 % maka media dapat dikatakan valid.

## KESIMPULAN
Penelitian  dan  pengembangan  ini  menghasilkan  produk  berupa  media  Web  yang dapat dioperasikan melalui personal komputer maupun ponsel pintar. Model penelitian dan pengembangan  yang  dilakukan  oleh  peneliti  atau  pengembang  mengacu  pada  model pengembangan yang dikemukaan Borg dan Gall model.
Pengembangan media Web Berbasis HTML  ini divalidasi  dan dianalisis oleh ahli materi, ahli media, serta siswa sebagai ahli pengguna.  Hasil analisis dari ahli materi, ahli media,  serta  hasil  uji  coba  terhadap  30  siswa  menunjukkan  hasil  yang  Valid  (dapat digunakan), sehingga  dengan demikian Media Web ini  ini layak untuk dijadikan sebagai media pembelajaran dalam pembelajaran ekonomi topik  Bank Sentral di kelas X IIS SMA Negeri 1 Gondanglegi Kabupaten Malang.

## REFERENSI
Abdullah,  I  &  Darmawan,  D  (2015) Teknologi  Pendidikan .  Bandung:  PT  Remaja Rosdakarya. Akbar, S (2013) Instrumen perangkat pembelajaran. Bandung: PT remaja rosdakarya. Arsyad, A (2006) Media Pembelajaran . Jakarta: PT Raja Grafindo Persada. Darmawan, D (2011) Teknologi pendidikan. Bandung: PT. Remaja Rosdakarya. Dimyati & Mudjiono (2013) Belajar dan Pembelajaran. Cetakan Kelima . Jakarta: Rineka Cipta.
Rusman (2013) Belajar dan Pembelajaran Berbasis Komputer . Bandung: Alfabeta.
Suparti  (2013) Bahan  Ajar  Metode  Penelitian  Pengembangan  Inovasi  Pembelajaran . Malang: Universitas Negeri Malang
Suparti  (2015) Metode  Penelitian  Pengembangan  Inovasi  Pembelajaran .  Malang: Universitas Negeri Malang.
Wati,  Ega  Rima  (2016) Ragam  Media  Pembelajaran:  Visual-Audio  Visual-Komputer- Power Point-Internet-Interactive Video . Kata Pena