<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE article PUBLIC "-//NLM//DTD JATS (Z39.96) Journal Archiving DTD v1.0 20120330//EN" "JATS-journalarchiving.dtd">
<article xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:ali="http://www.niso.org/schemas/ali/1.0">
  <front>
    <article-meta>
      <title-group>
        <article-title />
      </title-group>
      <contrib-group content-type="author">
        <contrib id="person-194fa66a403e1a7b409ba751caec6cbf" contrib-type="person" equal-contrib="no" corresp="no" deceased="no">
          <name>
            <given-names>Editor</given-names>
          </name>
          <email>p3i@umsida.ac.id</email>
          <xref ref-type="aff" rid="aff-1" />
        </contrib>
      </contrib-group>
      <aff id="aff-1">
        <country>Indonesia</country>
      </aff>
      <history>
        <date date-type="received" iso-8601-date="2023-08-16">
          <day>16</day>
          <month>08</month>
          <year>2023</year>
        </date>
      </history>
      <abstract />
    </article-meta>
  </front>
  <body id="body">
    <sec id="heading-ed7d6092283a4c507be9dea2aafdec1c">
      <title>
        <bold id="bold-68638917804a369d49c0656758536c8a">PENDAHULUAN</bold>
      </title>
      <p id="_paragraph-10">Memasuki zaman yang semakin maju khususnya dibidang teknologi komunikasi membawa perubahan besar khususnya dibidang pendidikan. Hal ini menjadi kemudahan tersendiri bagi seorang guru bahasa Arab untuk dapat berinovasi pada media pembelajaran sejalan dengan perkembangan zaman. Seorang guru berperan penting untuk memodifikasi media pembelajaran, untuk itu keterampilan menggunakan teknologi menjadi kompetensi yang harus dikuasai guru.[1] Dengan begitu faktor utama keberhasilan siswa dalam memahami materi adalah guru yang mampu mengelolah proses pembelajaran dengan baik. Teknologi dalam dunia pendidikan banyak dimanfaatkan untuk menunjang proses belajar mengajar tentunya berpengaruh terhadap media-media pembelajaran. Keterampilan dan kreativitas tersebut dengan memanfaatkan sumber daya teknologi untuk dijadikan media pembelajaran.[2] Media pembelajaran diartikan sebagai alat yang dapat membantu guru menciptakan proses pembelajaran yang efektif serta efisien dalam menyampaikan materi kepada siswa, baik itu media fisik maupun nonfisik.[3] Selain media sebagai alat bantu, media pembelajaran dapat dimodifikasi dengan menarik oleh guru. Media pembelajaran mempermudah proses belajar mengajar dalam menyampaikan dan menerima materi dengan menarik, sehingga suasana dikelas menjadi hidup dan mempermudah pemahaman peserta didik demi tercapainya tujuan pembelajaran.[4]</p>
      <p id="_paragraph-11">Dalam pembelajaran bahasa Arab sekarang ini tidak hanya bisa menggunakan metode ceramah saja, bisa juga dengan menggunakan media yang memuat audiovisual salah satunya <italic id="_italic-27">Compact Disk</italic> (CD), <italic id="_italic-28">View Compast Disc</italic> VCD, <italic id="_italic-29">Tape-recorder</italic>. Selain dari tiga media pembelajaran tersebut ada banyak media pembelajaran lainnya yang dapat dimanfaatkan dalam pembelajaran bahasa Arab,seperti media-media yang memadukan audiovisual interaktif dalam satu kegiatan bersamaan.</p>
      <p id="_paragraph-12">Media pembelajaran interaktif yang dapat digunakan dalam pembelajaran bahasa Arab adalah media<italic id="_italic-30">Google Sites</italic><italic id="_italic-31">.</italic><italic id="_italic-32"> Google Sites</italic> merupakan sebuah pemograman web untuk mempermudah membuat informasi yang bisa diakses banyak orang secara cepat.[5] <italic id="_italic-33">Google Sites </italic>bisa digunakan untuk membuat <italic id="_italic-34">web-site</italic> pribadi sesuai dengan kebutuhan penggunanya. <italic id="_italic-35">Google Sites</italic> dilengkapi berbagai templet dan keunggulan yang mudah di akses oleh pengguna internet sehingga dapat di gunakan oleh guru, dosen, siswa dan tenanga pengajar yang ingin menciptakan media pembelajaran atau <italic id="_italic-36">e-lerning</italic> berbasis web.[6] Media pembelajaran berbasis web merupakan kelompok media yang memanfaatkan kecanggihan teknologi menggunakan jejaring internet.[7] <italic id="_italic-37">Web</italic> dapat dirubah menjadi media interaktif apabila didalam penyajiannya tampilan media menampilkan serangkaian aktivitas multimedia.[8] Dalam proses pembelajaran, <italic id="_italic-38">Google Sites</italic> bisa dimanfaatkan untuk menciptakan media pembelajaran interaktif yang memuat satu komponen pembelajaran kolaborasi antara audio, video, dan gambar.</p>
      <p id="_paragraph-13">Dalam penelitian ini penulis menggunakan model ADDIE dengan 5 tahapan pengembangan antara lain: <italic id="_italic-39">Analysis, Design, Development, Implementasion, dan Evaluation. </italic>Berisi langkah-langkah pembuatan yang menghasilkan suatu produk media pembelajaran. Pengembangan ini memerlukan beberapa tahap proses pengujian dan revisi untuk menyempurnakan suatu produk sesuai dengan kriteria yang ditentukan. [9] Pengembangan media pembelajaran ini untuk membantu menyampaikan informasi berupa teks, gambar atau gabungan antara audiovisual yang bersifat interaktif terbentuk rangkaian media berbasis web. Sejatinya penggunaan media pembelajaan berpengaruh terhadap tujuan pembelajaran yaitu sebagai upaya meningkatkan <italic id="_italic-40">maharoh istima’ </italic>kepada siswa. Tujuan penggunaan media pembelajaran (media suara) tersebut agar mudah dipahami, sehingga materi lebih mudah dimengerti peserta didik. [10]</p>
      <p id="_paragraph-14">Berdasarkan hasil obsevasi awal yang dilakukan peneliti di Pesantren Darul Fikri Putra Sidoarjo dalam kegiatan pembelajaran kelas X minimnya penerapan media pembelajaran, proses pembelajaran berfokus pada guru, pegangan kitab dan mendownload kebutuhan media pembelajaran melalui media youtube saja. Hal ini menyebabkan siswa menjadi pasif selama dikelas dan terdapat kesulitan dalam memahami materi bahasa Arab. Sejatinya penggunaan media pembelajaan berpengaruh terhadap tujuan pembelajaran. Tujuan penggunaan media pembelajaran tersebut agar mudah dipahami, sehingga materi lebih mudah dimengerti peserta didik. [10]</p>
      <p id="_paragraph-15">Sehinggah penulis merumuskan beberapa masalah yakni, terdpatnya praktik pembelajaran dikelas yang belum menggunakan media pembelajaran yang efektif dan efisien. Terdapatnya kesulitan belajar siswa memahami materi bahasa Arab. Berikut untuk menjawab pertanyaan penelitian 1) Bagaimana proses pengembangan media interaktif <italic id="_italic-41">Google Sites</italic> dalam pembelajaran bahasa Arab? 2) Bagaimana hasil validasi ahli media terhadap media pembelajaran interaktif <italic id="_italic-42">Google Sites</italic> dalam pembelajaran bahasa Arab?. Adapun tujuan penelitian, untuk mengetahui proses pengembangan media pembelajaran interaktif <italic id="_italic-43">Google Sites</italic> dalam pembelajaran bahasa Arab, untuk mengetahui hasil validasi ahli media terhadap media pembelajaran interaktif <italic id="_italic-44">Google Sites</italic> dalam pembelajaran bahasa Arab.</p>
      <p id="_paragraph-16">Berikut penelitian yang terdahulu yang relevan dengan penelitian penulis diantaranya, penelitian oleh dilakukan oleh oleh Muhammad Khabib Cahyo Nygroho dkk, merupakan penelitian untuk mengembangkan media pembelajaran berbasis <italic id="_italic-45">Google Sites</italic> pada mata pelajaran sosiologi kelas X bertujuan untuk menguji kelayakan media. Memiliki hasil uji kelayakan media layak untuk dipergunakan dalam proses pembelajaran.[11]</p>
      <p id="_paragraph-17">Penelitian yang dilakukan oleh Fadhila Salsabilla dan Aslam berjudul “ Pengembangan Media Pembelajaran Berbasis Web <italic id="_italic-46">Google Sites</italic> pada Pembelajaran IPA Sekolah Dasar. Dengan hasil validasi ahli layak digunakan.[12]</p>
      <p id="_paragraph-18">Selanjutnya penelitian yang dilakukan oleh Sephtiana Indra Kusumanigtyas pada penggunaan <italic id="_italic-47">Google Sites</italic> untuk pembelajaran selama Covid-19 materi tiga dimensi. Menggunakan metode penlitian deskriptif yakni pendekatan kualitatif bagaimana pemanfaatan media <italic id="_italic-48">Google Sites</italic> selama pandemi. Dari hasil penelitian tersebut maka pemanfaatan media <italic id="_italic-49">Google Sites</italic> dan vidio menjadi meneyangkan dan dapat mencapai indikator sesuai dengan ketentuan.[13]</p>
      <p id="_paragraph-19">Untuk itu berdasarkan pemaparan penelitian terdahulu dilihat dari kelayakan media pembelajaran dan berpengaruh terhadap kemudahan memahami materi menggunakan aplikasi <italic id="_italic-50">Google Sites, </italic>maka peneliti memilih aplikasi tersebut untuk mengembangkan <italic id="_italic-51">Google Sites</italic> sebagai media pembelajaran iteraktif terhadap pembelajaran bahasa Arab sebagai upaya untuk meningkatkan <italic id="_italic-52">maharoh istima’</italic>.</p>
    </sec>
    <sec id="sec-1">
      <title>
        <bold id="bold-3ed566c132dac3a73a1472f61953d93c">METODE</bold>
      </title>
      <p id="_paragraph-20">Penulis menggunakan metode penelitian dan pengembangan <italic id="_italic-53">Research and development</italic> <italic id="_italic-54">(RnD)</italic> yaitu metode penelitian yang menghasilkan produk tertentu, dengan melalui tahap pengujian keefektivan produk. Model penelitian pengembangan ADDIE terdapat lima tahapan pengembangan: <italic id="_italic-55">Analysis, Design, Development, Implementation, Evaluation</italic>.[14] Model ini bisa dimanfaatkan untuk mengembangan suatu produk berupa, strategi pembelajaran, metode pembelajaran, media dan bahan ajar.[15]</p>
      <p id="_paragraph-21">Penulis menggunakan dua jenis data yaitu data kualitatif dan data kuantitatif. Data kualitatif diperoleh melalui buku atau artikel ilmiah sebagai sumber referensi dan tanggapan dan masukan dari guru, peserta didik, dan ahli media yang nantinya akan dijadikan data analisis dalam memperluas kajian teori penelitian. Jenis data kuantitatif diperoleh melalui uji coba lapangan dengan angket kuesioner menggunakan skala <italic id="_italic-56">L</italic><italic id="_italic-57">irket</italic> di tinjau dari penilaian gradasi sangat baik sampai sangat kurang. Instrumen pengumpulan data diperoleh berupa wawancara, angket, observasi dan dokumentasi.</p>
      <p id="_paragraph-22">Dalam menyajikan tanggapan bersifat kuantitatif maka dikelola menggunakan <italic id="_italic-58">ceklist</italic> skala <italic id="_italic-59">Likert </italic>untuk mengukur. Tertuang dalam tabel berikut:</p>
      <table-wrap id="table-figure-0e29ca9cf8908b0f6d3abbc2ef6d9c2f">
        <label>Table 1</label>
        <caption>
          <title>
            <bold id="_bold-9" />
            <bold id="_bold-10">Skala Lirket </bold>
          </title>
          <p id="paragraph-f5344bb470840d63c81fbe2c85e41efc" />
        </caption>
        <table id="table-898627579a9ed43609acd43b4c7606ee">
          <tbody>
            <tr id="table-row-74cc42e603f52db094028f150c0a0452">
              <td id="table-cell-d7a0ba7eeca3e2e3b6373dd7d34a0cd7">No.</td>
              <td id="table-cell-d23f6a84c1edf312c4f5808aac7e509e">Analisis Kuantitatif</td>
              <td id="table-cell-fc9572de471f9cd17629235f62f6a857">Skor</td>
            </tr>
            <tr id="table-row-796674f7802ec5218ab1bfc4db22bed6">
              <td id="table-cell-6134c216fcf6c0ec2c15d30607d8a593">1.</td>
              <td id="table-cell-22f9583b5c2b0e07854f41517d07c332">Sangat Baik</td>
              <td id="table-cell-acb287645a386fc549643f3d496c8381">5</td>
            </tr>
            <tr id="table-row-577bc7750cdabee47ccffcc93f802f33">
              <td id="table-cell-aecb8bc570fd97f6d83213a290fd115e">2.</td>
              <td id="table-cell-69519f44c934b191d10297bd23c32901">Baik</td>
              <td id="table-cell-89b966c442cd800263da6c6073708f19">4</td>
            </tr>
            <tr id="table-row-ddc09b493c6517fa91a046ee1c1be2e0">
              <td id="table-cell-c705f51ff7983d9a7638a5fd2b8de2e2">3.</td>
              <td id="table-cell-9da74a28dcb7cc0247dffebea5170e94">Cukup</td>
              <td id="table-cell-6a53726d011d05c164bf08735bea3cb0">3</td>
            </tr>
            <tr id="table-row-312ecb42c94be70a1b5da808d4b1502a">
              <td id="table-cell-3575d114de10eb358ba4fa95db577906">4.</td>
              <td id="table-cell-16b2d43e7b6f1d2461ad3aa9ea7c912b">Kurang</td>
              <td id="table-cell-21ddbb2906a9e0a08c5f0a1e87bde9ad">2</td>
            </tr>
            <tr id="table-row-d8c7e08904c68eaf7288a19b8f833f74">
              <td id="table-cell-87fb68f41194dfbc12f9900fe7cd7cbc">5.</td>
              <td id="table-cell-80fb0d2a6b7309bb1d0c3d429c87fb5a">Sangat Kurang</td>
              <td id="table-cell-054a2d6729ef1583a8331a8791185ff2">1</td>
            </tr>
          </tbody>
        </table>
      </table-wrap>
      <p id="_paragraph-25">Untuk skor nilai yang diberikan mencapai lima respon yang memberikan gambaran tingkat sangat baik ke sangat kurang. Peringkat mengukur skala penelitian yang digunakan dengan interval. Data interval mampu menganalisis dan menhitung rata-rata respon berdasarkan skor masing-masing responden dengan rumus sebagai berikut.[16]</p>
      <p id="_paragraph-26">Presentase nilai = Jumlah perolehan skor x 100%</p>
      <p id="_paragraph-27">Jumlah perolehan skor tertinggi</p>
      <p id="_paragraph-28">Hasil penilaian skor tersebut selanjutnya akan dicari nilai rata-ratanya berdasarkan jumlah subjek sampel uji coba kemudian di konversikan ke sejumlah pertanyaan penilaian untuk mengetahui kelayakan dan pengaruh terhadap produk yang di hasilkan berdasarkan responden pengguna. Konversi skor dalam menentukan syarat penilaian ini dapat dilihat dari Tabel.</p>
      <table-wrap id="_table-figure-2">
        <label>Table 2</label>
        <caption>
          <title>
            <bold id="bold-f90cf654d79e7cd9c9431363d664cffd"> Konversi </bold>
            <bold id="bold-06beab6ad29eb3ac659e3a8a1196fb3b">S</bold>
            <bold id="bold-49990e441d8402dc9b66a7245e7e5f07">kor</bold>
          </title>
          <p id="_paragraph-29" />
        </caption>
        <table id="_table-2">
          <tbody>
            <tr id="table-row-19e09a7d804babb4146b5294bbfe9bbe">
              <td id="table-cell-d9b274b0295347499b7e890e924558ca">Skor Presentase (%)</td>
              <td id="table-cell-a34668dc23aa96f00b4be76c95d7ee22">Interpretasi</td>
            </tr>
            <tr id="table-row-be5260a624b128fbf78f631270f2ebbf">
              <td id="table-cell-7a191ec15d0a8d7852b63032f2f5ba9d">81% - 100%</td>
              <td id="table-cell-ab5ca85657238d925af85d42b513b84c">Sangat Layak</td>
            </tr>
            <tr id="table-row-834f1bf4a917d16dd66d02f446c2bbcc">
              <td id="table-cell-d873496b9d50d877c83af3363e32ba41">61% - 80%</td>
              <td id="table-cell-663f3277e9ba9212384a1a7c48f1ced5">Layak</td>
            </tr>
            <tr id="table-row-cf286f09f04764aeb2520b49bcb73587">
              <td id="table-cell-4ef7ac8bd93887e5db6c28f2c9469461">41% - 60%</td>
              <td id="table-cell-86e237f2598f067e4e7667acbf693ce3">Cukup Layak</td>
            </tr>
            <tr id="table-row-bcc6d45b036ee856148e7d7cf68b5b48">
              <td id="table-cell-0cd3aaaaf7e791373126464f6304372f">21 % - 40%</td>
              <td id="table-cell-99ee950ac53774f3ef3d13e9becf8400">Kurang Layak</td>
            </tr>
            <tr id="table-row-1bc9e933298820f07a637db5a58cf8af">
              <td id="table-cell-06234c446484e9715fb1e2c6e375c91c">0% - 20 %</td>
              <td id="table-cell-febf2d4830f8e8d8b0782c94312517bc">Sangat Kurang Layak</td>
            </tr>
          </tbody>
        </table>
      </table-wrap>
      <p id="_paragraph-32">Maka pada tabel tersebut pengembangan media pembelajaran menghasilkan akhir nilai terhadap produk yang memenuhi syarat media pembelajaran interaktif berbasis <italic id="_italic-61">Google Sites</italic> kelas X sebagai upaya meningkatkan <italic id="_italic-62">maharoh istima</italic> siswa dengan kategori yang layak ataupun sangat layak</p>
    </sec>
    <sec id="sec-2">
      <title>
        <bold id="bold-677d03482ac6b643c903544d835dbeab">HASIL DAN PEMBAHASAN</bold>
      </title>
      <p id="_paragraph-33">Hasil pembahasan terhadap produk melalui beberapa langkah-langkah pengembangan media menggunakan model ADDIE dengan 5 tahap pengembangan sebagai berikut :</p>
      <fig id="figure-panel-dfde1fa7d2bff27275cc869da2de3a56">
        <label>Figure 1</label>
        <caption>
          <title>
            <bold id="_bold-26">Pengembangan Model ADDIE</bold>
          </title>
          <p id="paragraph-c620250e368fed098d48b6ca47d7872c" />
        </caption>
        <graphic id="graphic-2d47605e05f3eaa8b81cc1bbe9001f2e" mimetype="image" mime-subtype="png" xlink:href="G1 (2).png" />
      </fig>
      <p id="_paragraph-35">
        <bold id="bold-1">A. </bold>
        <bold id="bold-2">Tahap Analisis (<italic id="italic-1">Analysis).</italic> </bold>
      </p>
      <p id="paragraph-1bb054bdf14c1adb75a23f394d8cbc38"><bold id="bold-3"/>Tahap ini terbagi menjadi dari dua langkah diantaranya analisis kinerja dan analisis kebutuhan dengan cara observasi, pengamatan, wawancara dan penyebaran angket di sekolah.</p>
      <p id="paragraph-8c1d7b00427e5596073f9a2826606eec">
        <bold id="bold-b62718927a6141232384172b7f6e02da">1. Analisis Kinerja</bold>
      </p>
      <p id="_paragraph-36">Analisis kinerja mengklarifikasi media pembelajaran kepada guru dengan observasi/pengamatan dan wawancara di Pesantren Darul Fikri Putra Sidoarjo. Dimana hasil observasi awal dan wawancara kepada Ustadz Muhammad Mukaromin S.Pd selaku guru pengajar bahasa Arab bahwasannya dalam pembelajaran bahasa Arab guru menerapkan model mengajar yang berfokus pada pegangan kitab saja. Dalam pembelajaran bahasa Arab, guru belum menerapkan penggunaan media pembelajaran khususnya di kelas X. Hal ini tentunya membuat siswa menjadi pasif saat belajar di kelas. Sampel yang digunakan adalah siswa kelas X Azhari berjumlah 26 siswa. Maka dari itu memerlukan inovasai guru untuk merencanakan aktivitas pembelajaran yang berbeda, aktifitas pembelajaran yang dapat meminimalisir kesulitan menyimak siswa salah satunya dengan memanfaatkan media pembelajaran interaktif. Dalam pembelajaran bahasa Arab menyimak merupakan keterampilan utama yang harus dikuasai. Dikutip dari prinsip pembelajaran bahasa Arab yang dicetuskan oleh Harold E. Palmer dalam bukunya <italic id="_italic-63">“The Principles of Language Study (1964)”</italic> dan pada tahun 1408 H, yaitu prinsip presentasi gradasi, pendalaman, motivasi, dan pemantapan.[17] Bahwasannya prinsip presentasi mendahulukan kemampuan dalam pendengaran dan berbicara sebelum menulis dan membaca. Dengan begitu, penekanan terhadap penguasaan <italic id="_italic-64">maharoh istima’</italic> menjadi utama yang akan menyempurnakan keterampilan lainnya.</p>
      <p id="paragraph-2f59b6438f3eeda296043ffa6a872ce9">
        <bold id="bold-fe6c794fd889aca35c99f97680b99e2a">2. Analisis Kebutuhan</bold>
      </p>
      <p id="_paragraph-37">Analisis kebutuhan merupakan analisis pemilihan aplikasi pembuatan media pembelajaran interaktif menggunakan aplikasi <italic id="_italic-65">Google Sites. </italic>Aplikasi <italic id="_italic-66">Google Sites</italic> merupakan aplikasi pembuatan situs web yang dapat dirancang sebagai media pembelajaran interaktif memuat satu komponen pembelajaran kolaborasi antara audiovisual. Kemudian pemilihan materi, materi yang dipilih adalah materi yang pengaplikasiannya merupakan kalimat komunikasi sehari-hari, yaitu materi attahiyatu wa ta’aruf. Dimana dalam analisis kebutuhan diharapkan sebagai solusi untuk analisis kinerja.</p>
      <p id="paragraph-86e7dc663b24200bb7497cb50f5c32bc">
        <bold id="bold-20b096685ab3fa34b9b05b85bf372cfb">B. Desain </bold>
        <italic id="italic-aa09a857ff18dcdd1f231ff0ec88d946">
          <bold id="bold-5c62c15c8daea4cc5575384206f3a0aa">(Design)</bold>
        </italic>
        <bold id="bold-5c62c15c8daea4cc5575384206f3a0aa" />
      </p>
      <p id="_paragraph-38">Tahap ini menentukan konsep desain media yang memetakan halaman utama, menu pembelajaran, dan submenu pembelajaran. Desain media yang digunakan berupa canva untuk mendesain font, isi materi, ilustrasi gambar dan pendukung lainnya yang akan dituangkan pada setiap sub menu pembelajaran. Canva adalah program desain berbasis online yang menyediakan alat presentasi, resume, pamflet, brousur, grafik, infografis, spanduk, penanda buku.[18] Desain kedua menggunakan <italic id="_italic-67">flowchart </italic>yaitu berisi alur desain media yang akan dikembangkan. Fungsi dari <italic id="_italic-68">flowchart </italic>untuk menggambarkan alur sebuah pemograman suatu produk dari tahap ke tahap untuk memudahkan rangkaian selanjutnya terhadap pengembangan media. Tujuan untuk memberikan gambaran secara sistematis, tersusun rapih dan jelas alurnya.[19] Berikut panduan gambaran alur desain.</p>
      <fig id="figure-panel-71881852acdd4c6f39f7092ff2c5e594">
        <label>Figure 2</label>
        <caption>
          <title>
            <bold id="_bold-27">Alur </bold>
            <italic id="_italic-69">
              <bold id="_bold-28">Flowchart</bold>
            </italic>
            <bold id="_bold-28" />
          </title>
          <p id="paragraph-60aeaa3ca15ebd86ef72a16140cfed4d" />
        </caption>
        <graphic id="graphic-b90c3b13b6b0109bb346ed94867b93e3" mimetype="image" mime-subtype="png" xlink:href="G2.png" />
      </fig>
      <fig id="figure-panel-87ae75a8e03748d375cd78b470499034">
        <label>Figure 3</label>
        <caption>
          <title>
            <bold id="bold-b017dd506a53fcdccabe321b8184bb12">Desain Canva</bold>
          </title>
          <p id="paragraph-2e1efe9f30be013422bbea9aa5498201" />
        </caption>
        <graphic id="graphic-7210bf0b18d79b557c388c68934c978f" mimetype="image" mime-subtype="png" xlink:href="G3.png" />
      </fig>
      <p id="paragraph-f81615e7735e4e27544f637626168c61">
        <bold id="_bold-32">C. Pengembangan </bold>
        <italic id="_italic-71">
          <bold id="_bold-33">(Development).</bold>
        </italic>
        <bold id="_bold-33" />
      </p>
      <p id="_paragraph-41">Pada tahap ini mengembangkan komponen media yang telah dipersiapkan pada tahap desain yang dimuat pada desain canva dan alur <italic id="_italic-72">flowchart.</italic></p>
      <p id="paragraph-5bdceb1595dbd4b2d4a4dfff68f24459">
        <bold id="bold-e7efaf93eb3182b5a31fb914bd855c4e">1. Halaman Utama</bold>
      </p>
      <p id="_paragraph-42">Halaman utama menyediakan tombol start interaktif untuk menuju ke halaman berikutnya yaitu meu pembelajaran.</p>
      <fig id="figure-panel-9f2ec95f244b51109ee625a549b654b7">
        <label>Figure 4</label>
        <caption>
          <title>
            <bold id="bold-ce154e4b3f92714182f8f7087cf410fa">Halaman Utama</bold>
          </title>
          <p id="paragraph-aa61ecef2a2876da05e150d6356f35ce" />
        </caption>
        <graphic id="graphic-baf0a22e38b076bac9ad21dfb10a80bc" mimetype="image" mime-subtype="png" xlink:href="G4.png" />
      </fig>
      <p id="paragraph-d7b3ef72316444c51c9fa741a31bb477">
        <bold id="bold-ace406b165b3df55ef3786b7833c4160">2. Halaman Menu</bold>
      </p>
      <p id="paragraph-4daebca05e288e760171c9a0b11dcd44">Halaman menu ini memuat satu komponen menu pembelajaran yaitu, materi, tadribat, quiz, petunjuk.</p>
      <fig id="figure-panel-aa06c91e1fa76806bb67c1e408617506">
        <label>Figure 5</label>
        <caption>
          <title>
            <bold id="bold-e1f7e87dcd513bc39e397a190a566fa7">Halaman Menu</bold>
          </title>
          <p id="paragraph-3a6914354f49f035fb299484b3e3e539" />
        </caption>
        <graphic id="graphic-fdf6894aba727e67b75590b1fe6c5272" mimetype="image" mime-subtype="png" xlink:href="G5.png" />
      </fig>
      <p id="paragraph-1d025350ad203a9cb1813aa503b94bde">
        <bold id="bold-6fbf3b0349479df3578d19b708984b82">3. Halaman Submenu</bold>
      </p>
      <p id="_paragraph-46">Setelah itu halaman menu memiliki submenu pembelajaran yang dapat di klik pada gambar atau toolbar untuk mengakses ke submenu selanjutnya yaitu, menu materi yang terdiri dari hiwar dan mufrodat dilengkapi dengan audiovisualnya, menu tadribat, menu quiz yang berkaitan dengan materi pembelajaran, menu petunjuk untuk mempermudah mengakses media dan yang terakhir adalah menu download buku dan audio. Contoh beberapa submenu pada gambar berikut:</p>
      <fig id="figure-panel-ec18e986aef551feac6dd8fa3b47e92c">
        <label>Figure 6</label>
        <caption>
          <title>
            <bold id="bold-35c1ec2e358919d2c2178f476a26a8c4">Tampilan Materi Mufrodat </bold>
            <bold id="bold-ad205e8f8fbe2bfe218455085e985a54">Gambar</bold>
          </title>
          <p id="paragraph-92945b6cb390c914df3cbac967b50131" />
        </caption>
        <graphic id="graphic-c6dc7f21c1c02af26a8eb0f7371685a3" mimetype="image" mime-subtype="png" xlink:href="G6.png" />
      </fig>
      <fig id="figure-panel-6beea29c00c84fbb4f422bdd6432833a">
        <label>Figure 7</label>
        <caption>
          <title>
            <bold id="_bold-37">Tampilan Materi Hiwar</bold>
          </title>
          <p id="paragraph-db115bdf5d80dcaa99472a515c92d3cd" />
        </caption>
        <graphic id="graphic-00a7eb7e957256e1f1f6725568ea88a9" mimetype="image" mime-subtype="png" xlink:href="G7.png" />
      </fig>
      <fig id="figure-panel-e99c79a700f68304b50209ec39314aa5">
        <label>Figure 8</label>
        <caption>
          <title>
            <bold id="bold-4b0bbc4ed9084384b7bfa0aac6191b72">KI, KD, Indikator dan Tujuan </bold>
            <bold id="bold-5935aa3d6cd6e94c8382a3731b81edd4">Gambar</bold>
          </title>
          <p id="paragraph-63522c239f4bc4aa1d0b7d79589c9595" />
        </caption>
        <graphic id="graphic-ca12ece45a3bc9372ed4c04b12c2e819" mimetype="image" mime-subtype="png" xlink:href="G8.png" />
      </fig>
      <fig id="figure-panel-85f9858b067ae4d4c0b211e956d6f865">
        <label>Figure 9</label>
        <caption>
          <title>
            <bold id="bold-6778e897d0656e799597e02f0713ea6f">Halaman Petunjuk Penggunaan</bold>
          </title>
          <p id="paragraph-ab5edf250b24544d6ab5a49c5f78f678" />
        </caption>
        <graphic id="graphic-d037fc550e943b42365edfbc5bed4ec9" mimetype="image" mime-subtype="png" xlink:href="G9.png" />
      </fig>
      <p id="_paragraph-49">Setelah produk yang dikembangkan selesai kemudian melakukan tahap uji validasi ahli media. Berikut hasil validasi media tertuang pada tabel.</p>
      <table-wrap id="_table-figure-3">
        <label>Table 3</label>
        <caption>
          <title>
            <bold id="_bold-43" />
            <bold id="_bold-44">Hasil Validasi Ahli Media 1</bold>
          </title>
          <p id="_paragraph-51" />
        </caption>
        <table id="_table-3">
          <tbody>
            <tr id="table-row-56000884d26e9586d9ba9174b3fd05f7">
              <td id="table-cell-49cb37fd172d7d7e33bd78303068b401">Aspek</td>
              <td id="table-cell-eb5547a383229c466a07459d2ae78b90">Presentase (%)</td>
              <td id="table-cell-0535baa25774a1c3edeb1889f68981bc">Kategori</td>
            </tr>
            <tr id="table-row-331ba14f44147635e0b4187b8f34d6f1">
              <td id="table-cell-449dcacd2900b56a56ce0d7a1b2b63ac">Efektifitas Media</td>
              <td id="table-cell-45b52dd960d293eb0fb3097c84016541">97%</td>
              <td id="table-cell-0c0068cc81eed53b369ec496b338991e">Sangat Layak</td>
            </tr>
            <tr id="table-row-dcad4bd99decee31c0933bf8abbc09ad">
              <td id="table-cell-b5e89f0eb5759ec9e66bde8066c307ec">Penyajian Media</td>
              <td id="table-cell-999f2a3ae04b5f28bff6647935219300">98%</td>
              <td id="table-cell-a0ea5a3bde55e4c74b8eab896d09055b">Sangat Layak</td>
            </tr>
            <tr id="table-row-566fd28c803e2c38d630c924d3ee53ce">
              <td id="table-cell-477430a93c16400535d1524a20fd289c">Rata-rata</td>
              <td id="table-cell-f0fb87cea3d53cd73e5d218fd0093e49">99%</td>
              <td id="table-cell-9a7f0a2094ce4449196c3dc575db79ad">Sangat Layak</td>
            </tr>
          </tbody>
        </table>
      </table-wrap>
      <table-wrap id="_table-figure-4">
        <label>Table 4</label>
        <caption>
          <title>
            <bold id="bold-3861ed88a9b5cd7a099941ca27dd07e4" />
            <bold id="bold-1b5e3ded4b60ec65aba8f71f78fe7a80">Hasil Validasi Ahli Media 2</bold>
          </title>
          <p id="_paragraph-53" />
        </caption>
        <table id="_table-4">
          <tbody>
            <tr id="table-row-30a792c0b11826dc9f9abd8cfa9cc1ad">
              <td id="table-cell-86e76b2b06caae0733b37f229f9e13ce">Aspek</td>
              <td id="table-cell-f5510bf3e1aa197949f79d4b3fd77c1e">Presentase (%)</td>
              <td id="table-cell-0189c476be647ca28e9774fce0e78734">Kategori</td>
            </tr>
            <tr id="table-row-6c16598144f45e07049adb042ce734bb">
              <td id="table-cell-0971d63600c294cd9e8411ac8a72b64c">Efektifitas Media</td>
              <td id="table-cell-e8ff47d963f196ec74a0d69390bb1385">83%</td>
              <td id="table-cell-94e53f33c3582b23267d4e6fd0a13e76">Sangat Layak</td>
            </tr>
            <tr id="table-row-034ef7c27d2afd4f83759824bb6f6d58">
              <td id="table-cell-8c43eda796d8461ae11813474add989a">Penyajian Media</td>
              <td id="table-cell-83647a68e34934f24ea444b445d1551a">76%</td>
              <td id="table-cell-b969893d0163b851535edd85005a550b">Layak</td>
            </tr>
            <tr id="table-row-bc1fb126086f49a1cfd2bb6812617bca">
              <td id="table-cell-3bb2070d956b6659e3016a2d8d349c26">Rata-rata</td>
              <td id="table-cell-0b210f8f2c3588cd7cb16b3074405f0a">78%</td>
              <td id="table-cell-55052510e11c06d01e7f442abb9bcbed">Layak</td>
            </tr>
          </tbody>
        </table>
      </table-wrap>
      <p id="_paragraph-54">Hasil validasi terdiri dari dua aspek penilaian yaitu aspek efektifitas media dan aspek penyajian media masing-masing memiliki indikator penilaian. Hasil validasi ahli media satu menunjukkan dengan perolehan skor rata-rata pada aspek efektifitas media sebesar 97% dengan predikat sangat layak dan aspek penyajian memdapatkan skor rata-rata 98% dengan predikat sangat layak. Dari perolehan nilai keseluruhan memperoleh nilai rata-rata 99%.</p>
      <p id="_paragraph-55">Selanjutnya hasil validasi ahli media 2 pada aspek efektifitas media menunjukkan perolehan skor rata-rata 83% predikat sangat layak. Dan perolehan skor rata-rata pada aspek penyajian media sebesar 76% dengan predikat layak. Total keseluruhan skor nilai rata-rata sebesar 78% dengan predikat layak. Dapat disimpulkan berdasarkan hasil validasi media 2 bahwa media layak untuk diujicobakan.</p>
      <p id="paragraph-0bf90bb96dd812bbff40d1e03d00d9a1">
        <bold id="bold-b6050bf45af8257a21c5fc272275e4cf">D. Implementasi </bold>
        <italic id="italic-b446afabb52189563429c15aa0a8495a">
          <bold id="bold-8e01b2b5f90571fdcb5b98402cc6e106">(Implementation)</bold>
        </italic>
        <bold id="bold-8e01b2b5f90571fdcb5b98402cc6e106" />
      </p>
      <p id="_paragraph-56">Tahap ini dilakukan uji coba media kepada siswa kelas X dan guru bahasa Arab untuk mengetahui respon terhadap kelayakan media untuk dapat manfaatkan didalam kelas dan pengaruh terhadap belajar siswa terutama pembelajaran menyimak. Hasil respon guru dapat dilihat pada tabel berikut:</p>
      <table-wrap id="_table-figure-5">
        <label>Table 5</label>
        <caption>
          <title>
            <bold id="bold-a2dbff7a7e62d20d7bd9a30347ee4305" />
            <bold id="bold-e1b662249f4ec1383f414be87ed06439">Hasil</bold>
            <bold id="bold-e59f816e58672e9c0d6fb5b8be936ccc">Respon Guru</bold>
          </title>
          <p id="_paragraph-58" />
        </caption>
        <table id="_table-5">
          <tbody>
            <tr id="table-row-21e0f9975c5851848f4fdc0da8bc81e0">
              <td id="table-cell-be0ad4b7119540f6004ba1989b10e978">Aspek</td>
              <td id="table-cell-e1f9ba7a7f2784ef46c2fbd21a66fc1d">Presentase (%)</td>
              <td id="table-cell-5f8583adcfebd4e81f3aa4d33165b0d8">Kategori</td>
            </tr>
            <tr id="table-row-24fa2c0252a977489f3274bb81b447ae">
              <td id="table-cell-4058ed0b750cc929e71feab6d5cabfff">Kesesuaian Isi</td>
              <td id="table-cell-efb1507f3b1bcc082057761ae363f83f">95%</td>
              <td id="table-cell-6e415e1c43ab00f8cb263296bd0ab4a0">Sangat Layak</td>
            </tr>
            <tr id="table-row-7107dd3f6da09dc4114a966762a53486">
              <td id="table-cell-112a12c73905b6615c8a710c5094a55d">Kesesuaian Tampilan Media</td>
              <td id="table-cell-26a63fbeffb1c110b33b11cd75207441">100%</td>
              <td id="table-cell-01fb0e0e34e3d4c74c75dc0f4984d4cd">Sangat Layak</td>
            </tr>
            <tr id="table-row-4376cbb1126cdf125f1bbf830f9f4dd1">
              <td id="table-cell-a3fab1c683bb88b4bfcfc03e0e31fa1d">Kegunaan Media</td>
              <td id="table-cell-2f28586591b45534ed457780d27a9943">87%</td>
              <td id="table-cell-214a776a379238ff5b79290dad119948">Sangat Layak</td>
            </tr>
            <tr id="table-row-7c5a25993942e1df4d9db98684ed0199">
              <td id="table-cell-990e130c8902987ef374baf7a9fa7310">Rata-rata</td>
              <td id="table-cell-86674d9940ba856dffa0c762458625a5">96%</td>
              <td id="table-cell-fde63f16d40db7e4ae74f99cb7557025">Sangat Layak</td>
            </tr>
          </tbody>
        </table>
      </table-wrap>
      <p id="_paragraph-59">Berdasarkan tabel di atas guru bahasa Arab terhadap media pembelajaran interaktif berbasis aplikasi <italic id="_italic-73">Google Sites</italic>, yang terdiri dari tiga spek penilaian diantaranya, aspek kesesuaian isi materi, aspek kesesuaian tampilan media dan aspek manfaat media yang memiliki beberapa indikator penilaian. Kesesuaian isi memilki Hasil respon guru bahasa Arab aspek kesesuaian isi materi memperoleh nilai rata-rata 95%, aspek kesesuaian tampilan media skor nilai rata-rata 100%, dan manfaat media nilai rata-rata 87% masing-masing predikat sangat layak. Berdasarkan perolehan nilai keseluruhan maka mendapatkan nilai rata-rata 96% predikat sangat layak. Maka disimpulkan media sangat layak digunakan oleh guru untuk mengajar dikelas.</p>
      <p id="_paragraph-60">Adapun respon peserta didik terhadap mediadinilai dari aspek kesesuaian tampilan media. Media pembelajaran dapat dikatakan efektif apabila memperoleh respon positif dari peserta didik melalui angket yang diberikan setelah menggunakan media pembelajaran yang dimaksud.[20] Perolehan skor nilai rata-rata sebesar 93% dengan predikat sangat layak. Maka disimpulkan media ini membantu meningkatkan pemahaman peserta didik dalam pembelajaran belajar bahasa Arab terutama pembelajaran<italic id="_italic-74"> istima’</italic>.</p>
      <table-wrap id="_table-figure-6">
        <label>Table 6</label>
        <caption>
          <title>
            <bold id="bold-1c8114bed807133f145dfe9f0d78133f" />
            <bold id="bold-be5537d9a5b54118e8813babd84edf4c">Hasil Respon Siswa</bold>
          </title>
          <p id="_paragraph-62" />
        </caption>
        <table id="_table-6">
          <tbody>
            <tr id="table-row-9f68e8310243a4d9813bcf4db836d4c5">
              <td id="table-cell-9a39435f9b95062b1b21e2f7834674fc">Aspek</td>
              <td id="table-cell-b161d7a44dacdd0b6ce32e26ce671e5e">Presentase (%)</td>
              <td id="table-cell-85c020dd56f2ea0156d65101f3e2db28">Kategori</td>
            </tr>
            <tr id="table-row-e4c772301d0ac57ed53c8434cd929126">
              <td id="table-cell-596d611a575859ce90e988f65bdfa2ab">Kesesuaian Tampilan Media</td>
              <td id="table-cell-40aed7c67246cb72d81c359cbc27db85">93%</td>
              <td id="table-cell-457e9acef88d6a4aaf6e3157bd2555c6">Sangat Layak</td>
            </tr>
            <tr id="table-row-170d1919f2e24b66d38b2f19900e3ad2">
              <td id="table-cell-50c6b162fb6ae480f9c57f95c6cf9756">Rata-rata</td>
              <td id="table-cell-c5690abb67c893d1daa14cab776196a0">93%</td>
              <td id="table-cell-8c62eb164434e348504033bf1affeaa1">Sangat Layak</td>
            </tr>
          </tbody>
        </table>
      </table-wrap>
      <p id="paragraph-2136589db6ef99d3d64b23c1fd04ffa6">
        <bold id="_bold-92">E. Evaluasi</bold>
        <italic id="_italic-76">
          <bold id="_bold-93">(Evaluation)</bold>
        </italic>
        <bold id="_bold-93" />
      </p>
      <p id="_paragraph-63">Merupakan tahap akhir dalam pengembangan media pembelajaran model ADDIE. Tahap ini dilakukan beberapa perbaikan hasil akhir untuk menyempurnakan bagian-bagian yang memiliki kekurangan terhadap media untuk menghindari adanya kesulitan ketika media ini akan digunakan pengajar dan murid dalam proses belajar mengajar mendatang. Tahap evaluasi ini diperoleh berdasarkan masukkan dan saran selama proses validasi ahli media, respon guru bahasa Arab dan peserta didik. Adapun evaluasi dari ahli media sebagai berikut :</p>
      <p id="paragraph-26746d960b9faeadecad6464bbe2c4c1">
        <bold id="bold-db6c28f2ef332604f64dd327c893a440">1. Evaluasi Ahli Media</bold>
      </p>
      <p id="_paragraph-64">Tahap evaluasi ini untuk mengetahui kekurangan selama proses pengembangan. Penilaian kelayakan media <italic id="_italic-77">Google Sites.</italic> Pada tahap ini terdapat masukan dan saran untuk media. Ahli media pertama memberikan saran penggunaan bahasa yang terdapat pada media. Dimana bahasa yang digunakan masih menggunakan bahasa Indonesia supaya lebih disesuaikan dengan sekolah yang berbasis pesantren yang mengutaunakan berbahasa Arab, Kemudian membahas Indikator dan tujuan pembelajaran yang harus sesuai dengan Kompetensi Inti dan Kompetensi Dasar sehingga selaras dengan hendak dicapai pada media yang dikembangkan. Sedangkan ahli media dua memberikan kritik dan saran berupa model desain yang kurang berwarna sehingga memberikan saran agar tampilan desain perlu dimodifikasi sesuai saran yang diberikan. Kemudian saran yang terakhir berupa penambahan petunjuk penggunaan terhadap media agar ada kemudahan saat mengakses media pembelajaran baik untuk guru dan siswa.</p>
      <p id="paragraph-a649bbf5feb4fe3d90d32337cbab4786">
        <bold id="bold-a6cab04ddbc9c1a3f2979e837482f6a2">2. Evaluasi oleh Guru Bahasa Arab</bold>
      </p>
      <p id="_paragraph-65">Evaluasi yang oleh guru bahasa Arab berupa untuk terus memberikan inovasi terhadap media-media pembelajaran yang akan dikembangkan. Terlebih lagi media tersebut sangat selaras dengan perkembangan zaman dimana memudahkan proses belajar mengajar dikelas. Tidak jauh dengan peserta didik yang memberikan ulasan bahwasannya media tersebut sangat membantu siswa terhadap pemahaman materi bahasa Arab dan memberikan kesan belajar yang aktif, variatif dan meneyangkan.</p>
    </sec>
    <sec id="heading-ec44996c648a947350f095a8d886122e">
      <title>
        <bold id="_bold-94">Kesimpulan</bold>
      </title>
      <p id="_paragraph-67">Berdasarkan hasil pemaparan, pengembangan media pembelajaran interaktif berbasis aplikasi <italic id="_italic-78">Google Sites</italic> sebagai untuk pembelajaran bahasa Arab berhasil dikembangkan. Media yang dikembangkan telah dinyatakan sangat layak berdasarkan perolehan validasi ahli media, guru bahasa Arab dan peserta didik. Hasil validasi kelayakan media dilakukan oleh dua validator, validator ahli media satu perolehan skor keseluruhan rata-rata memperoleh nilai rata-rata 99% kategori sangat layak, validator ahli media dua perolehan skor keseluruhan rata-rata memperoleh nilai rata-rata 78% kategori layak. Adapun respon guru perolehan nilai keseluruhan mendapatkan nilai rata-rata 96% kategori sangat layak. Hasil respon siswa terhadap media memperoleh hasil rata-rata sebesar 93% kategori sangat layak. Sehinggah dapat disimpulkan media pembelajaran interaktif Aplikasi <italic id="_italic-79">Google Sites </italic>sangat layak untuk pembelajaran bahasa Arab sangat layak digunakan.</p>
    </sec>
  </body>
  <back />
</article>