<?xml version='1.0' encoding='UTF-8'?>
<!DOCTYPE article PUBLIC "-//NLM//DTD JATS (Z39.96) Journal Publishing DTD v1.1d1 20130915//EN" "JATS-journalpublishing1.dtd">
<article xmlns:xlink="http://www.w3.org/1999/xlink">
  <front>
    <journal-meta id="journal-meta-1">
      <journal-id journal-id-type="nlm-ta">Universitas Muhammadiyah Sidoarjo</journal-id>
      <journal-id journal-id-type="publisher-id">Universitas Muhammadiyah Sidoarjo</journal-id>
      <journal-id journal-id-type="journal_submission_guidelines">http://ojs.umsida.ac.id/index.php/rechtsidee/about/submissions#authorGuidelines</journal-id>
      <journal-title-group>
        <journal-title>UMSIDA Article Template 2 (Indonesian)</journal-title>
      </journal-title-group>
      <issn publication-format="print"/>
    </journal-meta>
    <article-meta id="article-meta-1">
      <article-id pub-id-type="publisher-id">2</article-id>
      <article-id pub-id-type="doi">10.21070/jicte.v3i2.588</article-id>
      <article-categories>
        <subj-group>
          <subject>Research Paper</subject>
        </subj-group>
      </article-categories>
      <title-group>
        <article-title id="at-20f53dade285">
          <bold id="strong-2">Development of Web-Based Learning Media in Basic Programming Subjects</bold>
        </article-title>
        <trans-title-group>
          <trans-title>Pengembangan Media Pembelajaran Berbasis Web Pada Mata Pelajaran Pemrograman Dasar </trans-title>
        </trans-title-group>
        <alt-title alt-title-type="right-running-head">Pengembangan Media Pembelajaran Berbasis Web </alt-title>
      </title-group>
      <contrib-group>
        <contrib contrib-type="author" corresp="yes">
          <name id="n-ad2979270148">
            <surname>Hasanah</surname>
            <given-names>Ftiria Nur</given-names>
          </name>
          <email>fitrianh@umsida.ac.id</email>
          <xref id="x-3fcaaa6fd7ce" rid="a-d9636242ed73" ref-type="aff">1</xref>
        </contrib>
        <contrib contrib-type="author">
          <name id="n-770ce1b78e75">
            <surname>Mawarni</surname>
            <given-names>Inggar Tri Agustin</given-names>
          </name>
          <xref id="x-09dd68ebf9be" rid="a-d9636242ed73" ref-type="aff">1</xref>
        </contrib>
        <aff id="a-d9636242ed73">
          <institution>Universitas Muhammadiyah Sidoarjo, Pendidikan Teknologi Informasi, Fakultas Psikologi dan Ilmu Pendidikan</institution>
        </aff>
      </contrib-group>
      <volume>3</volume>
      <fpage>27</fpage>
      <permissions>
        <copyright-year>2019</copyright-year>
      </permissions>
      <abstract id="abstract-5b76ead74c45">
        <title id="abstract-title-8d917419ae2b">Abstract</title>
        <p id="paragraph-bff7005688a1"> The Internet is one of the right information delivery media to face the industrial revolution 4.0 (Internet of Things). With internet media, educational institutions can quickly provide information to students according to their needs, which is expected to facilitate teachers in delivering learning. This study aims to produce website-based learning media for students in basic programming subjects. The method used is a development research method by adopting the ADDIE development model. The development steps include analysis, design, development, implementation, and evaluation. To determine the feasibility of the media, validation was carried out which included material expert validation, media expert validation, and user validation. The data collection used was a questionnaire. Respondents in this study were students and teachers. The validity level of web-based media for basic programming subjects by media experts is very valid with a percentage of 88.75%. The results of the percentage assessment of the feasibility of the media by the teacher were 87.5% and the percentage of assessments by students was 90.25%, so it can be concluded that the media designed is very feasible and suitable for use as a source of independent learning.</p>
      </abstract>
      <abstract xml:lang="id-Latn" id="abstract-f893bbc3ab2a">
        <title id="abstract-title-364beff773ba">Abstrak</title>
        <p id="paragraph-d714108772ff" xml:lang="id-Latn"> Internet merupakan salah satu media penyampaian informasi yang tepat untuk menghadapi revolusi industri 4.0 (<italic id="emphasis-1">Internet Of Things</italic>). Dengan media internet, instansi pendidikan dapat menyediakan informasi kepada peserta didiknya sesuai dengan kebutuhan mereka dengan cepat yang diharapkan dapat memudahkan guru dalam penyampaian pembelajaran. Penelitian ini bertujuan untuk menghasilkan media pembelajaran berbasis website untuk siswa pada mata pelajaran pemrograman dasar. Metode yang digunakan adalah metode penelitian pengembangan dengan mengadopsi model pengembangan ADDIE. Langkah pengembangannya meliputi<italic id="emphasis-2"> analysis, design, development, implementation, dan evaluation</italic>. Untuk mengetahui kelayakan media dilakukan validasi yang mencakup validasi ahli materi, validasi ahli media, dan validasi pengguna. Pengumpulan data yang digunakan adalah angket. Responden dalam penelitian ini adalah siswa dan guru. Tingkat kevalidan media berbasis web untuk mata pelajaran pemrograman dasar oleh ahli media berada pada kualifikasi sangat valid dengan prosentase 88,75%. Hasil prosentase penilaian kelayakan media oleh guru sebesar 87,5% dan prosentase penilaian oleh siswa sebesar 90,25% sehingga dapat disimpulkan bahwa media yang dirancang sangat layak dan layak digunakan sebagai sumber belajar mandiri. </p>
      </abstract>
      <kwd-group id="kwd-group-1">
        <title>Keywords</title>
        <kwd>development</kwd>
        <kwd>web-based learning media</kwd>
        <kwd>basic programming</kwd>
      </kwd-group>
      <kwd-group id="kg-5a6ca98d7329" xml:lang="id-Latn">
        <title>Keywords</title>
        <kwd>pengembangan media</kwd>
        <kwd>media pembelajaran berbasis web</kwd>
        <kwd>pemrograman dasar</kwd>
      </kwd-group>
    </article-meta>
  </front>
  <body>
    <sec>
      <title id="t-f138d85a83c5">Pendahuluan</title>
      <p id="paragraph-2">Perkembangan ilmu pengetahuan dan teknologi (IPTEK) telah memberikan dampak yang besar di kehidupan manusia. Perkembangan tersebut telah dimanfaatkan di berbagai negara, institusi dan ahli untuk berbagai kepentingan salah satunya pada bidang pendidikan atau pembelajaran.<xref id="x-6cf67d0c3623" rid="R88738120343723" ref-type="bibr">1</xref> menyatakan bahwa perkembangan teknologi dapat mendorong bidang pendidikan agar selalu berinovasi dalam proses pembelajaran melalui proses yang tidak pernah berhenti (never ending process). Internet merupakan salah satu media penyampaian informasi yang tepat untuk menghadapi revolusi industri 4.0 (<italic id="e-963d1ab3da1a">Internet Of Things</italic>). Dengan media internet, instansi pendidikan dapat menyediakan informasi kepada peserta didiknya sesuai dengan kebutuhan mereka dengan cepat yang diharapkan dapat memudahkan guru dalam penyampaian pembelajaran. </p>
      <p id="paragraph-3">Permendikbud Nomor 81 A tentang implementasi Kurikulum 2013 (K13) menjelaskan bahwa salah satu pendekatan dalam K13 adalah pembelajaran berpusat pada siswa (<italic id="e-0cbb06487c53">student centered learning</italic>). Peran guru dalam K13 adalah sebagai fasilitator yang memotivasi ketertarikan siswa terhadap suatu pembelajaran dan menyiapkan metode/cara belajar sehingga siswa yang memiliki perbedaan karakteristik memperoleh metode belajar yang sesuai karakteristiknya. Guna mewujudkan pembelajaran yang berpusat pada siswa, guru hendaknya menyiapkan perangkat pembelajaran yang sesuai salah satunya adalah penyiapan media pembelajaran. Menurut<xref id="x-27e05a65739a" rid="R88738120343730" ref-type="bibr">2</xref> media merupakan perantara dan pengantar pesan dari pengirim ke penerima pesan. Lebih spesifik, media pembelajaran merupakan seluruh alat dan bahan yang dapat dipakai untuk mencapai tujuan pendidikan seperti radio, televisi, buku, Koran, majalah, dan sebagainya<xref id="x-6e8726be62da" rid="R88738120343732" ref-type="bibr">3</xref> . Salah satu media pembelajaran yang dapat diterapkan dalam K13 adalah media pembelajaran berbasis <italic id="emphasis-3">website. Website </italic> memberikan sebuah peluang agar kegiatan belajar lebih menarik dan interaktif. Sesuai dengan hasil penelitian<xref id="x-b30b3289dd3d" rid="R88738120343726" ref-type="bibr">4</xref> bahwa media pembelajaran web terbukti secara signifikan efektif dapat meningkatkan hasil belajar mata pelajaran geografi di MAN 3 Malang. Didukung oleh<xref id="x-d3444b032dd5" rid="R88738120343724" ref-type="bibr">5</xref> menjelaskan bahwa media pembelajaran matematika berbasis web menggunakan quandary dapat diakses dan dipertukarkan di mana saja dan kapan saja, dapat membantu kemajuan proses belajar mengajar dosen dan mahasiswa serta dapat digunakan untuk proses pendidikan jarak jauh.</p>
      <p id="paragraph-4">Mata pelajaran pemrograman dasar merupakan salah satu mata pelajaran dalam bidang komputer yang memiliki peran penting, dikarenakan pada mata pelajaran ini siswa diajarkan konsep dasar untuk mengenal bahasa pemrograman dalam menyelesaikan masalah secara logis dan sistematis. Memahami materi pemrograman dasar berarti memahami serangkaian konsep yang berkaitan dimana penguasaan awal merupakan pendukung bagi penguasaan tahap selanjutnya yaitu pemrograman lanjut.<xref id="x-0dd245277710" rid="R88738120343731" ref-type="bibr">6</xref>  menyatakan bahwa dalam kemahiran pemrograman membutuhkan kemampuan dalam berpikir seperti analisis, desain, pemikiran analogis, evaluai serta refleksi. Untuk itu penyampaian pembelajaran seharusnya dikemas semenarik mungkin untuk membuat nyaman dan menarik minat belajar siswa dalam meningkatkan hasil belajar siswa khususnya dalam mata pelajaran pemrograman dasar. </p>
      <p id="paragraph-5">Berdasarkan hasil observasi di SMK Muhammadiyah 2 Taman pada mata pelajaran pemrograman dasar diketahui bahwa pembelajaran yang selama ini diterapkan pada mata pelajaran pemrograman dasar adalah menggunakan model pembelajaran konvensional yang hampir 85% ceramah, dan menggunakan media PPT. Proses belajar mengajar lebih berorientasi pada guru, dimana semuanya dikendalikan oleh guru. Penelitian ini bertujuan untuk menghasilkan media pembelajaran berbasis website untuk siswa pada mata pelajaran pemrograman dasar.</p>
    </sec>
    <sec>
      <title id="t-463304a36400"> Metode Penelitian </title>
      <p id="t-9229776e7e09">Penelitian pada SMK Muhammadiyah 2 Taman ini merupakan jenis penelitian Research and Development (<italic id="e-1d520977ebb1">R &amp; D</italic>) yang bertujuan untuk mengembangkan media pembelajaran berbasis website. Media pembelajaran berbasis website yang dimaksud aalah media interaktif berbasis computer yang dapat diakses oleh guru dan siswa melalui jaringan internet, yang diuji cobakan pada mata pelajaran pemrograman dasar kelas X Multimedia sejumlah 33 siswa. Model pengembangan yang digunakan dalam penelitian ini adalah model ADDIE, pemilihan model ini dikarenakan tahapan pada model ADDIE melibatkan tahapan dasar system pembelajaran yang efektif dan efisien serta prosesnya sistematis dan interaktif. Tahapan model ini meliputi, <italic id="e-92bad0040c37">Analiyze</italic> (analisis), <italic id="e-42ee00512d15">Design </italic> (Desain), <italic id="emphasis-4">Development</italic> (<italic id="emphasis-5">Blue print</italic>), <italic id="emphasis-6">Implementation</italic> (implementasi), dan <italic id="emphasis-7">evaluation</italic> (Evaluasi). Prosedur pengembangan ditunjukkan pada<xref id="x-b7acb30990e3" rid="f-f4516684235d" ref-type="fig">Figure 1</xref> . </p>
      <fig id="f-f4516684235d" orientation="portrait" fig-type="graphic" position="anchor">
        <label>Figure 1 </label>
        <caption id="c-0a18abcfa580">
          <title id="t-7b3da63a80fb">Tahap Kegiatan model ADDIE </title>
        </caption>
        <graphic id="g-4dbfd0cc08f6" xlink:href="https://typeset-prod-media-server.s3.amazonaws.com/article_uploads/d0c6930d-17ff-4322-b9fd-89ff111aa83c/image/485c6c3e-8463-4c95-8ac3-bab3323a5707-ufit1.png"/>
      </fig>
      <p id="p-a13b2ac93b79">Pengembangan media website menggunakan software Adobe Dreamweaver CS3 dengan bahasa PHP. Perangkat keras yang digunakan minimal adalah PC/Laptop dengan RAM 1 Gb. Instrument yang digunakan pada pengembangan media web ini adalah angket dengan skala Likert. Teknik pengumpulan data berupa data kuantitatif dan data kualitatif. Data kuantitatif yang diperoleh melalui angket dianalisis menggunakan statistik deskriptif yaitu menggambarkan/ mendeskripsikan data baik secara numerik maupun grafis untuk memudahkan membaca data, yaitu untuk mengetahui kelayakan dan efektifitas media pembelajaran berbasis website. Kelayakan media pembelajaran berbasis website diperoleh berdasarkan analisis data dari validator, yang terdiri dari dosen (ahli media), guru mata pelajaran (ahli materi), dan siswa (pengguna). Data kualitatif berupa saran dan masukan yang diperoleh saat melakukan validasi kelayakan media digunakan sebagai bahan untuk merevisi produk media pembelajaran berbasis website, antara lain analisis validitas media dan analisis kelayakan media. Teknik analisis data untuk kriteria valid dan layak dengan rumus : </p>
      <disp-formula-group id="dfg-6d8020e462ea"> <disp-formula><mml:math xmlns:mml="http://www.w3.org/1998/Math/MathML"><mml:mi>P</mml:mi><mml:mo>=</mml:mo><mml:mfrac><mml:mrow><mml:mo>∑</mml:mo><mml:mi>x</mml:mi></mml:mrow><mml:mi>N</mml:mi></mml:mfrac><mml:mo>×</mml:mo><mml:mn>100</mml:mn><mml:mo>%</mml:mo></mml:math></disp-formula></disp-formula-group>
      <p id="p-949b79eaab41">Penentuan tingkat kevalidan dan kelayakan media pembelajaran, digunakan kriteria penilaian berdasarkan<xref id="x-7dd6b129d580" rid="R88738120343729" ref-type="bibr">7</xref> ditunjukkan pada <xref id="x-1a0d188b93b1" rid="tw-120023bd4bf8" ref-type="table">Table 1</xref> .</p>
      <table-wrap id="tw-120023bd4bf8" orientation="portrait">
        <label>Table 1</label>
        <caption id="c-238543042dac">
          <title id="t-6817aa4fc8e0">Halaman Login dan Halaman UtamaKriteria Kevalidan/Kelayakan Media</title>
          <p id="p-6e13d0a478e7">Sumber: diadaptasi dari<xref id="x-1fd9d5ae9688" rid="R88738120343728" ref-type="bibr">8</xref>  </p>
        </caption>
        <table id="table-1" rules="rows">
          <colgroup/>
          <thead id="table-section-1">
            <tr id="table-row-1">
              <td id="table-cell-1" align="left">
                <p id="paragraph-1"/>
                <p id="p-0ded049a2046">Skor</p>
              </td>
              <td id="table-cell-2" align="left">
                <p id="p-8b0393710f68">Persentase (%)</p>
              </td>
              <td id="table-cell-3" align="left">
                <p id="p-ead72fc86c0a">Tingkat Kevalidan</p>
              </td>
              <td id="table-cell-4" align="left">
                <p id="p-1a73a50eaa32">Keterangan</p>
              </td>
            </tr>
            <tr id="table-row-2">
              <td id="table-cell-5" align="left">
                <p id="paragraph-6">5</p>
              </td>
              <td id="table-cell-6" align="left">
                <p id="paragraph-7">90-100</p>
              </td>
              <td id="table-cell-7" align="left">
                <p id="paragraph-8">Sangat valid</p>
              </td>
              <td id="table-cell-8" align="left">
                <p id="paragraph-9">Dapat digunakan tanpa revisi</p>
              </td>
            </tr>
          </thead>
          <tbody id="table-section-2">
            <tr id="table-row-3">
              <td id="table-cell-9" align="left">
                <p id="paragraph-10">4</p>
              </td>
              <td id="table-cell-10" align="left">
                <p id="paragraph-11">75-89</p>
              </td>
              <td id="table-cell-11" align="left">
                <p id="paragraph-12">Valid</p>
              </td>
              <td id="table-cell-12" align="left">
                <p id="paragraph-13">Dapat digunakan dengan revisi kecil</p>
              </td>
            </tr>
            <tr id="table-row-4">
              <td id="table-cell-13" align="left">
                <p id="paragraph-14">3</p>
              </td>
              <td id="table-cell-14" align="left">
                <p id="paragraph-15">65-74</p>
              </td>
              <td id="table-cell-15" align="left">
                <p id="paragraph-16">Cukup valid</p>
              </td>
              <td id="table-cell-16" align="left">
                <p id="paragraph-17">Dapat digunakan dengan besar</p>
              </td>
            </tr>
            <tr id="table-row-5">
              <td id="table-cell-17" align="left">
                <p id="paragraph-18">2</p>
              </td>
              <td id="table-cell-18" align="left">
                <p id="paragraph-19">40-64</p>
              </td>
              <td id="table-cell-19" align="left">
                <p id="paragraph-20">Kurang valid</p>
              </td>
              <td id="table-cell-20" align="left">
                <p id="paragraph-21">Tidak dapat digunakan</p>
              </td>
            </tr>
            <tr id="table-row-6">
              <td id="table-cell-21" align="left">
                <p id="paragraph-22">1</p>
              </td>
              <td id="table-cell-22" align="left">
                <p id="paragraph-23">0-39</p>
              </td>
              <td id="table-cell-23" align="left">
                <p id="paragraph-24">Tidak valid</p>
              </td>
              <td id="table-cell-24" align="left">
                <p id="paragraph-25">Tidak dapat digunakan</p>
              </td>
            </tr>
          </tbody>
        </table>
      </table-wrap>
    </sec>
    <sec>
      <title id="t-6eb41d00640d">Hasil dan Pembahasan</title>
      <p id="t-86436cb658ba">Tahapan pengembangan media pembelajaran berbasis website dengan model ADDIE dilakukan dengan beberapa tahap, meliputi analisis <italic id="e-cee634b66442">(analysis),</italic> perancangan <italic id="e-ba9bba693cea">(design),</italic> pengembangan<italic id="e-96cc84853fa3"> (development), </italic> implementasi (i<italic id="e-ad4062433911">mplementation)</italic>, dan evaluasi<italic id="e-ba80e78a2888"> (evaluation).</italic></p>
      <sec>
        <title id="t-335687960a0e">Tahap Analisis (Analysis)</title>
        <p id="p-4a84a38f6ed5">Tahapan analysis yang dilakukan oleh peneliti yaitu menganalisis kebutuhan dengan melakukan observasi di SMK Muhammadiyah 2 Taman Sidoarjo. Observasi yang dilakukan yaitu meliputi observasi proses pembelajaran dan observasi sarana prasarana yang ada di sekolah tersebut. Observasi proses pembelajaran dilakukan untuk mengamati aktifitas siswa dan kondisi pembelajaran yang berlangsung di kelas, guru menjelaskan menggunakan media power point, sehingga pembelajaran terpusat pada guru. Jika guru berhalangan hadir di kelas siswa berkeliaran di luar kelas. Observasi sarana dan prasarana yang dilakukan peneliti yaitu mengamati fasilitas yang terdapat di kelas dan di laboratorium. </p>
        <p id="p-65eacd4fed67">Hasil observasi lainnya yaitu terkait sarana prasarana, terdapat 1 laboratorium computer dengan 25 komputer yang dapat digunakan oleh siswa. Sekolah juga menyediakan fasilitas berupa jaringan internet atau <italic id="e-542d8e619729">wifi</italic> yang dapat digunakan guru dan siswa. Sekolah juga telah mempunya server yang digunakan untuk website sekolah. Berdasarkan hasil observasi tersebut maka peneliti mengembangkan media pembelajaran yang dapat berpusat pada siswa, dapat digunakan di luar kelas maupun di dalam kelas. Media pembelajaran yang akan dikembangkan adalah media pembelajaran berbasis website. </p>
      </sec>
      <sec>
        <title id="t-e360c86b836b">Perancangan (Design)</title>
        <p id="t-c78e7b8e9243">Tahap perancangan, peneliti merancang desain produk, menentukan materi, modul praktikum, dan soal evaluasi. Peneliti berdiskusi dengan guru mata pelajaran pemrograman dasar untuk menentukan materi yang digunakan pada media pembelajaran berbasis website. Materi yang digunakan adalah penggunaan fungsi pada pemrograman dasar dengan Bahasa C.</p>
      </sec>
      <sec>
        <title id="t-bca99ce3f605">Pengembangan (Development)</title>
        <p id="t-ae0c04ece951">Tahapan pada pengembangan meliputi pembuatan media website dan validasi media. Pengembangan media website dibagi menjadi pembuatan basis data dan pengcodean media website. Aspek dan kriteria penilaian media meliputi kualitas dan tampilan media web, tautan menu website, kemenarikan, dan kesesuaian materi dengan memberikan checklist. Angket validasi media ditunjukkan pada <xref id="x-f369e03af173" rid="tw-513d6cc6ec3a" ref-type="table">Table 2</xref> . </p>
        <table-wrap id="tw-513d6cc6ec3a" orientation="portrait">
          <label>Table 2</label>
          <caption id="c-9064420ee280">
            <title id="t-89d2a14c5fea">Validasi Ahli Media</title>
          </caption>
          <table id="t-5e07ca34eda0" rules="rows">
            <colgroup>
              <col width="7.760000000000002"/>
              <col width="55.26"/>
              <col width="11.980000000000004"/>
              <col width="25"/>
            </colgroup>
            <tbody id="ts-e87c2a850c54">
              <tr id="tr-ba8168fcb02a">
                <td id="tc-4681406d1f46" align="left">
                  <p id="p-a8a44b5f5890"/>
                  <p id="p-9ce97d64369b">No</p>
                </td>
                <td id="tc-8b939bedb24d" align="left">
                  <p id="p-8f756e1830b7">Aspek yang dinilai</p>
                </td>
                <td id="tc-c3e9540d1f7e" align="left">
                  <p id="p-7a60ceb733e5">Skor</p>
                </td>
                <td id="tc-179170092b93" align="left">
                  <p id="p-b8228355edcd">Kategori</p>
                </td>
              </tr>
              <tr id="tr-542843accbb6">
                <td id="tc-de427815bc25" align="left">
                  <p id="p-b72043d72b7b">1.</p>
                </td>
                <td id="tc-2407ae499693" align="left">
                  <p id="p-a603bdab2944">Kualitas dan Tampilan Website</p>
                </td>
                <td id="tc-6c3e8816ab98" align="left">
                  <p id="p-c3f99f2f4bb9"> </p>
                </td>
                <td id="tc-d4fe49e16027" align="left">
                  <p id="p-738e6f54cd26"> </p>
                </td>
              </tr>
              <tr id="tr-12c7fdb86d7b">
                <td id="tc-316ca28bb2a4" align="left">
                  <p id="p-5dfcb430d7cf"> </p>
                </td>
                <td id="tc-9a5a89b17d37" align="left">
                  <p id="p-776d02ccb0d1">a. Petunjuk website mudah dipahami</p>
                </td>
                <td id="tc-885968ae0e6e" align="left">
                  <p id="p-fad68571ea02">4</p>
                </td>
                <td id="tc-63fb522430a7" align="left">
                  <p id="p-5f3668e83f39">Valid </p>
                </td>
              </tr>
              <tr id="tr-d3dc9c077771">
                <td id="tc-795726b45d1b" align="left">
                  <p id="p-2e5d7cbe9a5d"> </p>
                </td>
                <td id="tc-63ff5836bbc6" align="left">
                  <p id="p-cee61a40bc2f">b. Website dapat diakses dengan mudah</p>
                </td>
                <td id="tc-920597c194e2" align="left">
                  <p id="p-ecfe3584f00f">5</p>
                </td>
                <td id="tc-30a7512c9064" align="left">
                  <p id="p-4ded29c95f30">Sangat valid</p>
                </td>
              </tr>
              <tr id="tr-020a2c95a289">
                <td id="tc-bc59f9a08417" align="left">
                  <p id="p-be9573f4a9c9"> </p>
                </td>
                <td id="tc-82998ccec076" align="left">
                  <p id="p-d6e55b2c5f21">c. Penyajian materi pada website menyenangkan</p>
                </td>
                <td id="tc-ea2a084b31c1" align="left">
                  <p id="p-f4f5be5335c6">3</p>
                </td>
                <td id="tc-ec4552ab5b12" align="left">
                  <p id="p-1aceca26a53e">Cukup valid</p>
                </td>
              </tr>
              <tr id="tr-5612e950b1b8">
                <td id="tc-54845528c6e0" align="left">
                  <p id="p-c5615dd6dd68"> </p>
                </td>
                <td id="tc-ff2dc168dab6" align="left">
                  <p id="p-835c831fa1ad">d. Perpaduan antara teks, gambar, audio, animasi dan video menunjukkan kesesuaian</p>
                </td>
                <td id="tc-fab33a07bbaf" align="left">
                  <p id="p-5fdc71a81875">4</p>
                </td>
                <td id="tc-1c43bfb5c5ed" align="left">
                  <p id="p-c44d76db73fa">Valid </p>
                </td>
              </tr>
              <tr id="table-row-7">
                <td id="table-cell-25" align="left">
                  <p id="p-855a93bd1076"> </p>
                </td>
                <td id="table-cell-26" align="left">
                  <p id="p-29ee0e71af36">e. Gambar/Animasi/Video terlihat dengan jelas</p>
                </td>
                <td id="table-cell-27" align="left">
                  <p id="p-fe3720ef0acb">4</p>
                </td>
                <td id="table-cell-28" align="left">
                  <p id="p-7a81d06f96a3">Valid </p>
                </td>
              </tr>
              <tr id="table-row-8">
                <td id="table-cell-29" align="left">
                  <p id="p-a4647f44ca1a"> </p>
                </td>
                <td id="table-cell-30" align="left">
                  <p id="p-f079f6cd1ed8">f. Bahasa yang digunakan dalam web mudah dipahami</p>
                </td>
                <td id="table-cell-31" align="left">
                  <p id="paragraph-26">5</p>
                </td>
                <td id="table-cell-32" align="left">
                  <p id="paragraph-27">Sangat valid</p>
                </td>
              </tr>
              <tr id="table-row-9">
                <td id="table-cell-33" align="left">
                  <p id="paragraph-28">2.</p>
                </td>
                <td id="table-cell-34" align="left">
                  <p id="paragraph-29">Menu Website</p>
                </td>
                <td id="table-cell-35" align="left">
                  <p id="paragraph-30"> </p>
                </td>
                <td id="table-cell-36" align="left">
                  <p id="paragraph-31"> </p>
                </td>
              </tr>
              <tr id="table-row-10">
                <td id="table-cell-37" align="left">
                  <p id="paragraph-32"> </p>
                </td>
                <td id="table-cell-38" align="left">
                  <p id="p-65f7c4cd22e7">a. Tautan (link) web bekerja dengan baik</p>
                </td>
                <td id="table-cell-39" align="left">
                  <p id="paragraph-33">5</p>
                </td>
                <td id="table-cell-40" align="left">
                  <p id="paragraph-34">Sangat valid </p>
                </td>
              </tr>
              <tr id="table-row-11">
                <td id="table-cell-41" align="left">
                  <p id="paragraph-35"> </p>
                </td>
                <td id="table-cell-42" align="left">
                  <p id="p-e926766e3534">b. Tautan (link) home dapat berfungsi dengan baik</p>
                </td>
                <td id="table-cell-43" align="left">
                  <p id="paragraph-36">5</p>
                </td>
                <td id="table-cell-44" align="left">
                  <p id="paragraph-37">Sangat valid </p>
                </td>
              </tr>
              <tr id="table-row-12">
                <td id="table-cell-45" align="left">
                  <p id="paragraph-38"> </p>
                </td>
                <td id="table-cell-46" align="left">
                  <p id="p-26db50d91b5c">c. Tautan (link) materi dapat berfungsi dengan baik</p>
                </td>
                <td id="table-cell-47" align="left">
                  <p id="paragraph-39">5</p>
                </td>
                <td id="table-cell-48" align="left">
                  <p id="paragraph-40">Sangat valid </p>
                </td>
              </tr>
              <tr id="table-row-13">
                <td id="table-cell-49" align="left">
                  <p id="paragraph-41"> </p>
                </td>
                <td id="table-cell-50" align="left">
                  <p id="p-4d1f7728d820">d. Tautan (link) praktikum dapat berfungsi dengan baik</p>
                </td>
                <td id="table-cell-51" align="left">
                  <p id="paragraph-42">5</p>
                </td>
                <td id="table-cell-52" align="left">
                  <p id="paragraph-43">Sangat valid </p>
                </td>
              </tr>
              <tr id="table-row-14">
                <td id="table-cell-53" align="left">
                  <p id="paragraph-44"> </p>
                </td>
                <td id="table-cell-54" align="left">
                  <p id="p-bb5fdac11252">e. Tautan (link) download dapat berfungsi dengan baik</p>
                </td>
                <td id="table-cell-55" align="left">
                  <p id="paragraph-45">5</p>
                </td>
                <td id="table-cell-56" align="left">
                  <p id="paragraph-46">Sangat valid </p>
                </td>
              </tr>
              <tr id="table-row-15">
                <td id="table-cell-57" align="left">
                  <p id="paragraph-47">3.</p>
                </td>
                <td id="table-cell-58" align="left">
                  <p id="paragraph-48">Daya Tarik </p>
                </td>
                <td id="table-cell-59" align="left">
                  <p id="paragraph-49"> </p>
                </td>
                <td id="table-cell-60" align="left">
                  <p id="paragraph-50"> </p>
                </td>
              </tr>
              <tr id="table-row-16">
                <td id="table-cell-61" align="left">
                  <p id="paragraph-51"> </p>
                </td>
                <td id="table-cell-62" align="left">
                  <p id="p-8fb1c6b83290">a. Penggunaan website dapat mengurangi ketergantungan siswa pada guru</p>
                </td>
                <td id="table-cell-63" align="left">
                  <p id="paragraph-52">4</p>
                </td>
                <td id="table-cell-64" align="left">
                  <p id="paragraph-53">Valid </p>
                </td>
              </tr>
              <tr id="table-row-17">
                <td id="table-cell-65" align="left">
                  <p id="paragraph-54"> </p>
                </td>
                <td id="table-cell-66" align="left">
                  <p id="p-c094adfdef6b">b. Penggunaan website dapat meminimalisir salah persepsi yang terjadi pada siswa</p>
                </td>
                <td id="table-cell-67" align="left">
                  <p id="paragraph-55">3</p>
                </td>
                <td id="table-cell-68" align="left">
                  <p id="paragraph-56">Cukup valid</p>
                </td>
              </tr>
              <tr id="table-row-18">
                <td id="table-cell-69" align="left">
                  <p id="paragraph-57">4.</p>
                </td>
                <td id="table-cell-70" align="left">
                  <p id="paragraph-58">Materi</p>
                </td>
                <td id="table-cell-71" align="left">
                  <p id="paragraph-59"> </p>
                </td>
                <td id="table-cell-72" align="left">
                  <p id="paragraph-60"> </p>
                </td>
              </tr>
              <tr id="table-row-19">
                <td id="table-cell-73" align="left">
                  <p id="paragraph-61"> </p>
                </td>
                <td id="table-cell-74" align="left">
                  <p id="p-e2bb1bf953e7">a. Materi yang dikembangkan melalui website sudah sesuai dengan tujuan pelajaran</p>
                </td>
                <td id="table-cell-75" align="left">
                  <p id="paragraph-62">5</p>
                </td>
                <td id="table-cell-76" align="left">
                  <p id="paragraph-63">Sangat valid</p>
                </td>
              </tr>
              <tr id="table-row-20">
                <td id="table-cell-77" align="left">
                  <p id="paragraph-64"> </p>
                </td>
                <td id="table-cell-78" align="left">
                  <p id="p-c0f1ff6d8934">b. Materi yang dikembangkan melalui website sudah sesuai dengan kompetensi inti (KI) dan kompetensi dasar (KD).</p>
                </td>
                <td id="table-cell-79" align="left">
                  <p id="paragraph-65">5</p>
                </td>
                <td id="table-cell-80" align="left">
                  <p id="paragraph-66">Sangat valid </p>
                </td>
              </tr>
              <tr id="table-row-21">
                <td id="table-cell-81" align="left">
                  <p id="paragraph-67"> </p>
                </td>
                <td id="table-cell-82" align="left">
                  <p id="p-b939184e63e3">c. Materi yang dikembangkan melalui website mudah dipahami oleh pengguna.</p>
                </td>
                <td id="table-cell-83" align="left">
                  <p id="paragraph-68">4</p>
                </td>
                <td id="table-cell-84" align="left">
                  <p id="paragraph-69">Valid </p>
                </td>
              </tr>
              <tr id="table-row-22">
                <td id="table-cell-85" align="left">
                  <p id="paragraph-70"> </p>
                </td>
                <td id="table-cell-86" align="left">
                  <p id="paragraph-71">Prosentase</p>
                </td>
                <td id="table-cell-87" align="left">
                  <p id="paragraph-72">88.75%</p>
                </td>
                <td id="table-cell-88" align="left">
                  <p id="paragraph-73">Sangat valid</p>
                </td>
              </tr>
            </tbody>
          </table>
        </table-wrap>
      </sec>
      <sec>
        <title id="t-a9ef2a0bc151">Implementasi (Implementation)</title>
        <p id="t-37c657f564d1">Pada tahap implementasi peneliti melakukan uji coba penggunaan media pembelajaran berbasis website kepada guru dan siswa kelas X Multimedia. Tampilan media pembelajaran berbasis website ditunjukkan pada <xref rid="f-ddbc04d3716e" ref-type="fig">Figure 2</xref>, <xref rid="f-2560848e44d0" ref-type="fig">Figure 3</xref>, <xref rid="f-1d48fbf78255" ref-type="fig">Figure 4</xref> .</p>
        <fig id="f-ddbc04d3716e" orientation="portrait" fig-type="graphic" position="anchor">
          <label>Figure 2 </label>
          <caption id="c-14cf5317eef8">
            <title id="t-9de93024e936">Halaman Login dan Halaman Utama</title>
          </caption>
          <graphic id="g-d5f699974849" xlink:href="https://typeset-prod-media-server.s3.amazonaws.com/article_uploads/d0c6930d-17ff-4322-b9fd-89ff111aa83c/image/462b914b-4377-440a-a924-3cef208f3db6-ufit2.png"/>
        </fig>
        <p id="p-aaa217d3a75e">Pembagian hak akses dibagi menjadi 2, yaitu hak akses untuk guru sekaligus admin, dan hak akses untuk siswa. <xref id="x-1621308033ae" rid="f-ddbc04d3716e" ref-type="fig">Figure 2</xref> menunjukkan halaman login siswa dan halaman utama. Halaman utama dari media web berisi 6 menu utama yaitu home, materi, praktikum, pengumuman, download, dan akun. Halaman home berisi petunjuk penggunaan website yang dibuat dengan slide show. Pada menu materi disajikan dengan kombinasi video, gambar, dan teks. </p>
        <fig id="f-2560848e44d0" orientation="portrait" fig-type="graphic" position="anchor">
          <label>Figure 3 </label>
          <caption id="c-99bd63b91440">
            <title id="t-d42a289d7eb7">Menu materi dan Input Materi</title>
          </caption>
          <graphic id="g-fa4d27944620" xlink:href="https://typeset-prod-media-server.s3.amazonaws.com/article_uploads/d0c6930d-17ff-4322-b9fd-89ff111aa83c/image/15d57ffb-26ba-4722-9c4a-372a2864257e-ufit3.png"/>
        </fig>
        <p id="p-41a9d5d63ec6">Halaman menu materi pada hak akses guru berisi sajian materi dan upload materi yang ditunjukkan pada <xref id="x-c028b8c035f3" rid="f-2560848e44d0" ref-type="fig">Figure 3</xref>. Guru dapat mengupload dan edit materi.</p>
        <fig id="f-1d48fbf78255" orientation="portrait" fig-type="graphic" position="anchor">
          <label>Figure 4 </label>
          <caption id="c-763f1a76ceb4">
            <title id="t-b9270bc85071">Hasil Upload Tugas Siswa</title>
          </caption>
          <graphic id="g-7cd57a3bbcbb" xlink:href="https://typeset-prod-media-server.s3.amazonaws.com/article_uploads/d0c6930d-17ff-4322-b9fd-89ff111aa83c/image/69e4542b-7c27-4ae7-bd1d-7de319ec7ead-ufit4.png"/>
        </fig>
        <p id="p-e07aff7a030a"> Guru dapat melihat, mendownload, mengoreksi hasil upload tugas siswa, dan melakukan upload tugas pada menu upload tugas yang ditunjukkan pada <xref id="x-f53e143d9b9c" rid="f-1d48fbf78255" ref-type="fig">Figure 4</xref>. </p>
      </sec>
      <sec>
        <title id="t-46c093cb8376">Evaluasi (Evaluation)</title>
        <p id="t-e734f1c258a2">Pada tahap ini dilakukan validasi media, validasi yang dilakukan untuk memberikan penilaian pada media tersebut. Penilaian media yang digunakan oleh peneliti adalah aspek kelayakan media. Penilaian kelayakan media dilakukan oleh satu guru dan 33 siswa. Hasil penilaian kelayakan media oleh guru dan siswa berturut-turut ditunjukkan pada <xref rid="tw-9fa157da3676" ref-type="table">Table 3</xref>, <xref rid="tw-682049355697" ref-type="table">Table 4</xref>.</p>
        <table-wrap id="tw-9fa157da3676" orientation="portrait">
          <label>Table 3</label>
          <caption id="c-980e19ac318e">
            <title id="t-7f8f45c36fb4">Hasil Penilaian Kelayakan Media oleh Guru</title>
          </caption>
          <table id="t-2ccfb70bc9cb" rules="rows">
            <colgroup/>
            <tbody id="ts-a578eea4bf22">
              <tr id="tr-ded34e579adc">
                <td id="tc-743aa694c54b" align="left">
                  <p id="p-89b7bec0390d">No</p>
                </td>
                <td id="tc-d80e06777396" align="left">
                  <p id="p-f13a3660cb5a">Aspek/ Indikator</p>
                </td>
                <td id="tc-bde4509f74f9" align="left">
                  <p id="p-a8399c0afa4b">Rerata</p>
                </td>
                <td id="tc-eaa4ae56a6e3" align="left">
                  <p id="p-e15dfc245f31">Kategori</p>
                </td>
              </tr>
              <tr id="tr-c5ddbe3292ba">
                <td id="tc-08d7660e3674" align="left">
                  <p id="p-93b464bacb2c">1</p>
                </td>
                <td id="tc-bf4263ef17c1" align="left">
                  <p id="p-5cf422b1ba6a">Kesesuaian materi dengan Kompetensi Inti dan Kompetensi Dasar</p>
                </td>
                <td id="tc-3e8f1758102e" align="left">
                  <p id="p-6f3ea12342fb">5</p>
                </td>
                <td id="tc-04b8febfe479" align="left">
                  <p id="p-2742395325e3">Sangat Layak</p>
                </td>
              </tr>
              <tr id="tr-bf6c5db03082">
                <td id="tc-90671a9854ec" align="left">
                  <p id="p-40d4da07d8e0">2</p>
                </td>
                <td id="tc-b57bc8c47e36" align="left">
                  <p id="p-87ffd0c40752">Kejelasan petunjuk penggunaan media web</p>
                </td>
                <td id="tc-3d7c3a23fbff" align="left">
                  <p id="p-b48d0633c5c6">5</p>
                </td>
                <td id="tc-515c30ffcf09" align="left">
                  <p id="p-4ea200581124">Sangat Layak</p>
                </td>
              </tr>
              <tr id="tr-392cb1abe360">
                <td id="tc-b4367192876c" align="left">
                  <p id="p-d6791c17e510">3</p>
                </td>
                <td id="tc-2f27749a4971" align="left">
                  <p id="p-dcdb6b46de96">Kesesuaian gambar untuk memperjelas materi</p>
                </td>
                <td id="tc-9a6546d7d0ae" align="left">
                  <p id="p-46ce4ddcc221">3</p>
                </td>
                <td id="tc-a40b428abda9" align="left">
                  <p id="p-fd395c982185">Cukup Layak</p>
                </td>
              </tr>
              <tr id="tr-4d312ba1decb">
                <td id="tc-0e2dcb2365db" align="left">
                  <p id="p-808fdf1e9f1f">4</p>
                </td>
                <td id="tc-8c37f3ef93d1" align="left">
                  <p id="p-c49a6c38ccae">Kesesuaian video untuk memperjelas materi</p>
                </td>
                <td id="tc-c80c26e0ea5e" align="left">
                  <p id="p-b7d5aac6f3d6">4</p>
                </td>
                <td id="tc-46f9dbf578e4" align="left">
                  <p id="p-b553a3475c06">Layak</p>
                </td>
              </tr>
              <tr id="tr-b19bd3faa23a">
                <td id="tc-8e5d01c967d5" align="left">
                  <p id="p-0e8e32a898d9">5</p>
                </td>
                <td id="tc-f2c6a721a050" align="left">
                  <p id="p-ff0395c09919">Kesesuaian praktikum untuk menunjang materi</p>
                </td>
                <td id="tc-f3271b4eecb9" align="left">
                  <p id="p-4a590fd6e5aa">4</p>
                </td>
                <td id="tc-4ac56d35efc2" align="left">
                  <p id="p-84cfd19e09ab">Layak</p>
                </td>
              </tr>
              <tr id="tr-427f5bb1a843">
                <td id="tc-c2321f9a39b3" align="left">
                  <p id="p-5df80ab5ebad">6</p>
                </td>
                <td id="tc-aab7cce6ac23" align="left">
                  <p id="p-9daff9c97843">Penyajian materi sistematis dan urut</p>
                </td>
                <td id="tc-337c398ac2a2" align="left">
                  <p id="p-dc04ff2a1cda">4</p>
                </td>
                <td id="tc-f64ccf59d93e" align="left">
                  <p id="p-b0101e36b43a">Layak</p>
                </td>
              </tr>
              <tr id="tr-51d1721cff3c">
                <td id="tc-841c59419ef9" align="left">
                  <p id="p-a15500519fe4">7</p>
                </td>
                <td id="tc-0dd6774756de" align="left">
                  <p id="p-d0bc60c0c804">Penggunaan bahasa mudah dimengerti</p>
                </td>
                <td id="tc-fd90b33c754f" align="left">
                  <p id="p-afce9367c5b5">5</p>
                </td>
                <td id="tc-31a5301e1579" align="left">
                  <p id="p-9d255c133562">Sangat Layak</p>
                </td>
              </tr>
              <tr id="tr-0e5622283a0f">
                <td id="tc-fc8732bb90e6" align="left">
                  <p id="p-1b58141db35e">8</p>
                </td>
                <td id="tc-d230fedf34fb" align="left">
                  <p id="p-8fdeeaf79c0b">Penggunaan bahasa yang komunikatif</p>
                </td>
                <td id="tc-d0b844af2174" align="left">
                  <p id="p-fa4e30f92f62">5</p>
                </td>
                <td id="tc-f7173ed08bb3" align="left">
                  <p id="p-8ae1959cb297">Sangat Layak</p>
                </td>
              </tr>
              <tr id="tr-47e74b985553">
                <td id="tc-d1c2b63e8e26" align="left">
                  <p id="p-1a15e9836435">9</p>
                </td>
                <td id="tc-dc0c0360ea57" align="left">
                  <p id="p-f0003f3b1918">Tingkat interaktif siswa dengan media</p>
                </td>
                <td id="tc-5e74edf9ee7f" align="left">
                  <p id="p-07868adae772">4</p>
                </td>
                <td id="tc-968012b835dd" align="left">
                  <p id="p-b6f230900372">Layak</p>
                </td>
              </tr>
              <tr id="tr-abedc1dcd9ab">
                <td id="tc-7ae6c4341d8e" align="left">
                  <p id="p-7645c9b86001">10</p>
                </td>
                <td id="tc-7be76635d2f1" align="left">
                  <p id="p-a0000552c292">Media dapat digunakan sebagai alternative belajar mandiri</p>
                </td>
                <td id="tc-2aedc96ce568" align="left">
                  <p id="p-186a3e06ef51">4</p>
                </td>
                <td id="tc-5e96bf2a33c6" align="left">
                  <p id="p-0998a0681a64">Layak</p>
                </td>
              </tr>
              <tr id="tr-e90fc23bc46a">
                <td id="tc-1f966ebad6e5" colspan="2" align="left">
                  <p id="p-f48b72d4d37d">Prosentase</p>
                </td>
                <td id="tc-6d532d0fefea" align="left">
                  <p id="p-89a99f8899b0">86 %</p>
                </td>
                <td id="tc-6eac2a685cd1" align="left">
                  <p id="p-85056dc00add">Sangat Layak</p>
                </td>
              </tr>
            </tbody>
          </table>
        </table-wrap>
        <p id="p-901e46d7ae57">Berdasarkan <xref id="x-5ba939b0e22b" rid="tw-9fa157da3676" ref-type="table">Table 3</xref>, rata-rata skor media pembelajaran berbasis web sebesar 86 % yang artinya bahwa media tersebut termasuk dalam kategori sangat layak.</p>
        <table-wrap id="tw-682049355697" orientation="portrait">
          <label>Table 4</label>
          <caption id="c-2ffcc9ec0b98">
            <title id="t-bc6c20af2b6e">Penilaian Kelayakan Media oleh Siswa</title>
          </caption>
          <table id="t-f6b1430ac0fb" rules="rows">
            <colgroup/>
            <tbody id="ts-e75e368a6792">
              <tr id="tr-0fbce3bc2170">
                <td id="tc-c2cd5d331013" align="left">
                  <p id="p-e5dca743e432">No</p>
                </td>
                <td id="tc-5b8b27f92019" align="left">
                  <p id="p-6488c80ba975">Aspek/ Indikator</p>
                </td>
                <td id="tc-8a076a593043" align="left">
                  <p id="p-c21dd1121f96">Rerata</p>
                </td>
                <td id="tc-1faa8ded0716" align="left">
                  <p id="p-4c648d9c0bc8">Kategori</p>
                </td>
              </tr>
              <tr id="tr-39dd7b59c497">
                <td id="tc-a5d82709a95d" align="left">
                  <p id="p-bd5077903fe8">1</p>
                </td>
                <td id="tc-4b8e148d3706" align="left">
                  <p id="p-aeaada882670">Kejelasan petunjuk penggunaan media web</p>
                </td>
                <td id="tc-9f4b64074cd9" align="left">
                  <p id="p-78152b5619a9">4.21</p>
                </td>
                <td id="tc-458ebb15c872" align="left">
                  <p id="p-f1d52c0605ef">Layak </p>
                </td>
              </tr>
              <tr id="tr-8d15ec02fb0c">
                <td id="tc-fd8d7288fe67" align="left">
                  <p id="p-32f9423ffde3">2</p>
                </td>
                <td id="tc-efe14e0e0487" align="left">
                  <p id="p-1b71029089a4">Keseuaian gambar untuk memperjelas materi</p>
                </td>
                <td id="tc-b565c20d09ea" align="left">
                  <p id="p-99356047f51a">4.39</p>
                </td>
                <td id="tc-285c72e0dadf" align="left">
                  <p id="p-e3a1b5f6525c">Layak</p>
                </td>
              </tr>
              <tr id="tr-f799e0829b05">
                <td id="tc-17941e2dd924" align="left">
                  <p id="p-b8d45364edea">3</p>
                </td>
                <td id="tc-07127c2fbc47" align="left">
                  <p id="p-7d57e7071514">Kesesuaian video untuk memperjelas materi</p>
                </td>
                <td id="tc-f55b669f6d75" align="left">
                  <p id="p-55ac3f5384e2">4.51</p>
                </td>
                <td id="tc-66c7c3991f27" align="left">
                  <p id="p-fa65766ec748">Sangat Layak </p>
                </td>
              </tr>
              <tr id="tr-3147285b0375">
                <td id="tc-84493e9a876f" align="left">
                  <p id="p-006457628846">4</p>
                </td>
                <td id="tc-33a244517c62" align="left">
                  <p id="p-2f91cf2d7a35">Kesesuaian praktikum untuk menunjang materi</p>
                </td>
                <td id="tc-acf1a5d0e2ef" align="left">
                  <p id="p-f76cd53f204d">4.06</p>
                </td>
                <td id="tc-bfe1997ab92c" align="left">
                  <p id="p-31c9e5cfdf4a">Layak</p>
                </td>
              </tr>
              <tr id="tr-8c3e906f3a23">
                <td id="tc-5ac1379bb6cd" align="left">
                  <p id="p-4152bb949ce4">5</p>
                </td>
                <td id="tc-fe9fde8c7b86" align="left">
                  <p id="p-db46b995ded0">Penyajian materi bervariasi dan menarik</p>
                </td>
                <td id="tc-9591c6fd0853" align="left">
                  <p id="p-4afc10ad0b62">3.75</p>
                </td>
                <td id="tc-8729cf98cd99" align="left">
                  <p id="p-c1816a029d37">Layak</p>
                </td>
              </tr>
              <tr id="tr-e5570e88b86e">
                <td id="tc-3ec113230835" align="left">
                  <p id="p-1c70cd96cb8b">6</p>
                </td>
                <td id="tc-1e46b1cbf9fd" align="left">
                  <p id="p-03c4b1a1774c">Bahasa yang digunakan mudah dipahami</p>
                </td>
                <td id="tc-cde454954bc8" align="left">
                  <p id="p-357bdb1e24d9">4.75</p>
                </td>
                <td id="tc-1d6e748e4156" align="left">
                  <p id="p-163796d6f1d5">Sangat layak</p>
                </td>
              </tr>
              <tr id="tr-04c0569757ac">
                <td id="tc-45cc9d8b90f6" align="left">
                  <p id="p-4027d00c0bdc">7</p>
                </td>
                <td id="tc-f41aa38ec023" align="left">
                  <p id="p-93afb41da8d3">Link pada menu dapat di gunakan</p>
                </td>
                <td id="tc-7e350e677976" align="left">
                  <p id="p-138232b45409">4.90</p>
                </td>
                <td id="tc-fca9219bb233" align="left">
                  <p id="p-74c4d34501a2">Sangat layak</p>
                </td>
              </tr>
              <tr id="tr-4287209f1dcb">
                <td id="tc-4a7cdfba91d7" align="left">
                  <p id="p-d06817d739ac">8</p>
                </td>
                <td id="tc-29fb06b9d546" align="left">
                  <p id="p-3ede02075ab6">Tipe dan ukuran font yang digunakan jelas dan terbaca</p>
                </td>
                <td id="tc-237f28712f11" align="left">
                  <p id="p-5e6a689d28d4">4.96</p>
                </td>
                <td id="tc-37d123900284" align="left">
                  <p id="p-b016864c0a6e">Sangat layak</p>
                </td>
              </tr>
              <tr id="tr-6918789a6786">
                <td id="tc-d7df6f887f9f" align="left">
                  <p id="p-d0291c16bb9d">9</p>
                </td>
                <td id="tc-25c651730b10" align="left">
                  <p id="p-33220fdb6ded">Tingkat interaktif siswa dengan media</p>
                </td>
                <td id="tc-9abc82b9bdd4" align="left">
                  <p id="p-92d26a3a3201">4.21</p>
                </td>
                <td id="tc-c39b316ef860" align="left">
                  <p id="p-24fedc1e0ad4">Layak</p>
                </td>
              </tr>
              <tr id="tr-f7000fd1991f">
                <td id="tc-fd35b29f5b5c" align="left">
                  <p id="p-a4bcb42ffd40">10</p>
                </td>
                <td id="tc-fa481cd2200c" align="left">
                  <p id="p-71330129ceb6">Media dapat digunakan untuk belajar mandiri dimanapun</p>
                </td>
                <td id="tc-2c81a71f6c39" align="left">
                  <p id="p-69350e226ffb">4.51</p>
                </td>
                <td id="tc-bac1073b776d" align="left">
                  <p id="p-8fd12a48e171">Sangat layak</p>
                </td>
              </tr>
              <tr id="tr-e99bf8eda823">
                <td id="tc-de5ceddb907a" align="left">
                  <p id="p-2a87516a2070">11</p>
                </td>
                <td id="tc-0b16f9a5262b" align="left">
                  <p id="p-092184791c14">Kombinasi warna web dengan background yang sesuai</p>
                </td>
                <td id="tc-62557940c639" align="left">
                  <p id="p-7f693efb2f18">4.75</p>
                </td>
                <td id="tc-6f2d99550c0c" align="left">
                  <p id="p-2e26e1ff89ac">Sangat layak</p>
                </td>
              </tr>
              <tr id="tr-5f314315b4e1">
                <td id="tc-585d8013657d" colspan="2" align="left">
                  <p id="p-39d88f6e4641">Prosentase</p>
                </td>
                <td id="tc-339d853d5b70" align="left">
                  <p id="p-b5a002e801fc">89 %</p>
                </td>
                <td id="tc-bddf23a08568" align="left">
                  <p id="p-b0e7dd7f1c56">Sangat layak</p>
                </td>
              </tr>
            </tbody>
          </table>
        </table-wrap>
        <p id="p-4c0057f09725">Berdasarkan <xref id="x-1f10b0da53e5" rid="tw-682049355697" ref-type="table">Table 4</xref>, rata-rata skor media pembelajaran berbasis web sebesar 89 % yang artinya bahwa media tersebut termasuk dalam kategori sangat layak.</p>
      </sec>
    </sec>
    <sec>
      <title id="t-298842088f3d">Kesimpulan</title>
      <p id="p-dea4f3a01baf">Penelitian ini menghasilkan produk berupa media pembelajaran berbasis website. Tingkat kevalidan media berbasis web untuk mata pelajaran pemrograman dasar oleh ahli media berada pada kualifikasi sangat valid dengan prosentase 88,75%. Hasil prosentase penilaian kelayakan media oleh guru sebesar 86 % dan prosentase penilaian oleh siswa sebesar 89 % sehingga dapat disimpulkan bahwa media yang dirancang sangat layak digunakan sebagai sumber belajar mandiri. Keterbatasan penggunaan media ini adalah, pengaksesannya harus menggunakan jaringan internet. Saran untuk peneliti selanjutnya adalah untuk mengembangkan media berbasis android sehingga dapat diakses dimanapun dan kapanpun dengan mudah.  </p>
      <p id="p-e3cb55dfc6ea"/>
      <p id="p-3948ab007221"/>
      <p id="p-74afa32a6c9f" xml:lang="id-Latn"/>
    </sec>
  </body>
  <back>
    <ref-list>
      <title>References</title>
      <ref id="R88738120343723">
        <element-citation publication-type="journal">
          <person-group person-group-type="author">
            <name>
              <surname>Bibi</surname>
              <given-names>S</given-names>
            </name>
            <name>
              <surname>Jati</surname>
              <given-names>H</given-names>
            </name>
            <collab/>
          </person-group>
          <article-title>Efektivitas Model Blended Learning Terhadap Motivasi dan Tingkat Pemahaman Mahasiswa Mata Kuliah Algoritma dan Pemrograman</article-title>
          <source>Jurnal Pendidikan Vokasi</source>
          <year>2013</year>
          <volume>1</volume>
          <issue>5</issue>
          <fpage>74</fpage>
          <lpage>87</lpage>
        </element-citation>
      </ref>
      <ref id="R88738120343730">
        <element-citation publication-type="book">
          <person-group person-group-type="author">
            <name>
              <surname>Kustandi</surname>
              <given-names>Cecep</given-names>
            </name>
            <name>
              <surname>Sutjipto</surname>
              <given-names>B</given-names>
            </name>
            <collab/>
          </person-group>
          <person-group person-group-type="editor"/>
          <source>Media Pembelajaran; Manual dan Digital</source>
          <publisher-name>Ghalia Indonesia</publisher-name>
          <publisher-loc>Bogor</publisher-loc>
          <year>2011</year>
        </element-citation>
      </ref>
      <ref id="R88738120343732">
        <element-citation publication-type="book">
          <person-group person-group-type="author">
            <name>
              <surname>Sanjaya</surname>
              <given-names> Wina</given-names>
            </name>
            <collab/>
          </person-group>
          <person-group person-group-type="editor">
            <etal/>
          </person-group>
          <article-title>Strategi Pembelajaran Berorientasi Standar Proses Pendidikan</article-title>
          <source>Strategi Pembelajaran Berorientasi Standar Proses Pendidikan</source>
          <publisher-name>Kencana Perdana Media.</publisher-name>
          <publisher-loc>Jakarta</publisher-loc>
          <year>2008</year>
        </element-citation>
      </ref>
      <ref id="R88738120343726">
        <element-citation publication-type="thesis">
          <person-group person-group-type="author">
            <name>
              <surname>Kurniawan</surname>
              <given-names>Bagus</given-names>
            </name>
            <collab/>
          </person-group>
          <article-title>Pengembangan Media Pembelajaran Geografi Berbasis Web di MAN 3 Malang</article-title>
          <publisher-loc>Malang</publisher-loc>
          <institution>UIN Maulana Malik Ibrahim </institution>
          <year>2015</year>
        </element-citation>
      </ref>
      <ref id="R88738120343724">
        <element-citation publication-type="journal">
          <person-group person-group-type="author">
            <name>
              <surname>Rhomdani</surname>
              <given-names>R W</given-names>
            </name>
            <collab/>
          </person-group>
          <article-title>Pengembangan Media Pembelajaran Matematika berbasis Web Menggunakan Quandary di</article-title>
          <source>Universitas Muhammadiyah Jember. Jurnal Gemmath</source>
          <year>2016</year>
          <volume>1</volume>
          <issue>2</issue>
          <fpage>18</fpage>
          <lpage>25</lpage>
        </element-citation>
      </ref>
      <ref id="R88738120343731">
        <element-citation publication-type="journal">
          <person-group person-group-type="author">
            <name>
              <surname>HADJERROUIT</surname>
              <given-names>Said</given-names>
            </name>
            <collab/>
          </person-group>
          <article-title>Towards a Blended Learning Model for Teaching and Learning Computer Programming: A Case Study</article-title>
          <source>Informatics in Education</source>
          <year>2008</year>
          <volume>7</volume>
          <issue>2</issue>
          <fpage>181</fpage>
          <lpage>210</lpage>
          <issn>1648-5831, 2335-8971</issn>
          <object-id pub-id-type="doi">10.15388/infedu.2008.12</object-id>
          <publisher-name>Vilnius University Press</publisher-name>
          <uri>https://dx.doi.org/10.15388/infedu.2008.12</uri>
        </element-citation>
      </ref>
      <ref id="R88738120343729">
        <element-citation publication-type="book">
          <person-group person-group-type="author">
            <name>
              <surname>Arikunto</surname>
              <given-names>Suharsimi</given-names>
            </name>
            <collab/>
          </person-group>
          <person-group person-group-type="editor">
            <etal/>
          </person-group>
          <source>Prosedur Penelitian Suatu Pendekatan Praktik. </source>
          <publisher-name>PT Rineka Cipta</publisher-name>
          <publisher-loc>Jakarta</publisher-loc>
          <year>2010</year>
        </element-citation>
      </ref>
      <ref id="R88738120343728">
        <element-citation publication-type="book">
          <person-group person-group-type="author">
            <name>
              <surname>Akbar</surname>
              <given-names>S</given-names>
            </name>
            <collab/>
          </person-group>
          <person-group person-group-type="editor">
            <etal/>
          </person-group>
          <source>Instrumen Perangkat Pembelajaran. </source>
          <publisher-name>PT Remaja Rosdakarya</publisher-name>
          <publisher-loc>Bandung</publisher-loc>
          <year>2013</year>
        </element-citation>
      </ref>
    </ref-list>
  </back>
</article>
