Syntax Literate: Jurnal Ilmiah Indonesia p–ISSN: 2541-0849 e-ISSN: 2548-1398

Vol. 6, No. 7, Juli 2021

PERANCANGAN MEDIA PEMBELAJARAN UNTUK SMP PADA MATA

PELAJARAN IPA BERBASIS WEBSITE DENGAN METODE SPEECH TO
TEXT

Nicodemus Debi Martin1, Feridiana Dini 2

Program Studi Informatika, Fakultas Teknologi informasi Universitas Widya Dharma
Pontianak
1
e-mail : 20421396nicodemus @ widyadharma .ac .id , 20421377¿ @ widyadharma . ac . id 2
¿

Abstract
Natural science is a science that studies the factual symptoms of nature in the
form of real physical and causal relationships through a series of scientific processes.
The problem that usually occurs in science learning is that students have not been able
to relate learning in everyday life, especiallyabstract concepts. Thus, this learning
website is needed to help students' learning problems. This paper has the title
"Development of Learning Media for Junior High Schools in Website-Based Science
Subjects With the Speech To Text Method". Speech To Text is a feature for converting
voice to text. So that it is more effective to help students in finding a material they want
to learn. The development of Learning Media aims to describe the development of
science learning media using websites as an alternative to learning media used to
improve student learning outcomes.
Keywords : Learning Media, Science Learning Design, Website, Speech To Text

Abstrak
Ilmu pengetahuan alam merupakan ilmu yang mempelajari gejala-gejala alam
yang faktual berupa fisik nyata serta hubungan sebab-akibatnya melalui serangkaian
proses ilmiah. Permasalahan yang biasanya terjadi dalam pembelajaran IPA yakni siswa
belum mampu untuk mengaitkan pembelajaran dalam kehidupan sehari-hari terutama
konsep yang bersifat abstrak. Dengan demikian dibutuhkan website pembelajaran ini
untuk membantu permasalahan belajar siswa. Tulisan ini memiliki judul “Perancangan
Media Pembelajaran Untuk SMP Pada Mata Pelajaran IPA Berbasis Website Dengan
Metode Speech To Text”. Speech To Text merupakan fitur untuk mengubah suara
menjadi teks. Sehingga lebih efektif untuk membantu siswa dalam mencari sebuah
materi yang ingin dipelajari. Pengembangan Media Pembelajaran ini bertujuan untuk
mendeskripsikan perancangan media pembelajaran IPA menggunakan website sebagai
alternatif media pembelajaran yang digunakan untuk meningkatkan hasil belajar siswa.
Kata kunci : Media Pembelajaran, Perancangan Pembelajaran IPA, Website, Speech
To Text.

Perancangan Media Pembelajaran Dengan Metode Speech To Text| 1

 Syntax Literate: Jurnal Ilmiah Indonesia p–ISSN: 2541-0849 e-ISSN: 2548-1398
Vol. 6, No. 7, Juli 2021

1. PENDAHULUAN
Pembelajaran adalah proses interaksi peserta didik dengan pendidik dan sumber
belajar pada suatu lingkungan belajar. Pembelajaran merupakan bantuan yang diberikan
pendidik agar dapat terjadi proses perolehan ilmu dan pengetahuan, penguasaan
kemahiran dan tabiat, serta pembentukan sikap dan kepercayaan pada peserta didik.
Dengan kata lain, pembelajaran adalah proses untuk membantu peserta didik agar dapat
belajar dengan baik.
IPA adalah ilmu yang mempelajari fenomena yang ada di dalam alam semesta
dan keberadaannya telah diuji melalui langkah-langkah yang sistematis. Ilmu
pengetahuan alam berkembang dari sebuah pengamatan mengenai fenomena yang
terjadi di alam semesta dan dikaji secara terus menerus sehingga didapatkan sebuah
konsep ilmu. Pembelajaran IPA dapat memberikan pengalaman secara langsung bagi
siswa untuk menjelajahi dan memahami alam sekitar secara ilmiah. Ada beberapa aspek
yang terdapat dalam pembelajaran IPA meliputi aspek sikap, proses, dan produk. Aspek
yang termuat dalam pembelajaran IPA merupakan suatu kesatuan yang utuh. Objek
pembelajaran IPA bisa berupa objek yang bersifat abstrak maupun konkret. Objek yang
bersifat abstrak merupakan objek yang sulit dilihat dalam kehidupan nyata dan untuk
mempelajarinya dibutuhkan suatu permodelan yang dapat menjelaskan secara nyata.
Sedangkan objek yang bersifat konkret merupakan objek yang dapat diamati melalui
indera. Objek materi yang bersifat abstrak tersebut perlu diperjelas dengan beberapa
permodelan agar terlihat tampak nyata dan dapat dipahami oleh siswa.
Website merupakan sebuah media informasi yang ada di internet.Website tidak
hanya dapat digunakan untuk penyebaran infomasi saja melainkan bisa digunakan untuk
membuat toko online. Website adalah kumpulan dari halaman-halaman situs, yang
biasanya terangkum dalam sebuah domain atau subdomain, yang tempatnya berada di
dalam World Wide Web (WWW) di Internet.
Speech Of Text adalah sebuah teknologi yang mampu mengubah ucapan menjadi
teks tertulis. Masukan sistem adalah ucapan manusia, selanjutnya sistem akan
mengidentifikasikan kata atau kalimat yang diucapkan dan menghasilkan teks yang
sesuai dengan apa yang diucapkan. Sinyal ucapan pertama kali akan dilewatkan pada
bagian penganalisis ucapan untuk mendapatkan besaran-besaran atau ciri-ciri yang
mudah diolah pada tahap berikutnya. Untuk setiap ucapan yang berbeda akan dihasilkan
pola ciri yang berbeda.
Perancangan Media Pembelajaran Untuk SMP Pada Mata Pelajaran IPA
Berbasis Website Dengan Metode Speech To Text ini bertujuan untuk memudahkan
siswa dan guru dalam mencari sebuah materi yang akan dipelajari sehingga proses
belajar-mengajar akan lebih terasa efisien terutama dengan adanya metode speech to
text.

2. METODE PENELITIAN
2.1 Metode Penelitian

Perancangan Media Pembelajaran Dengan Metode Speech To Text| 2

 Syntax Literate: Jurnal Ilmiah Indonesia p–ISSN: 2541-0849 e-ISSN: 2548-1398
Vol. 6, No. 7, Juli 2021

Metodologi yang digunakan penulis dalam melakukan penelitian ini adalah

dengan menggunakan metode kualitatif. Metode Penelitian Kualitatif merupakan
metode yang lebih menekankan pada aspek pemahaman secara mendalam terhadap
suatu masalah daripada melihat permasalahan untuk penelitian generalisasi. Jenis
penelitian kualitatif yaitu penelitian yang menghasilkan sumber informasi berupa
catatan atau data deskriptif yang terdapat dalam sumber yang diteliti. Model penelitian
yang digunakan pada penelitian ini adalah kajian isi (content analysis) yang diartikan
sebagai metode yang digunakan untuk menganalisis isi teks.
2.2 Pengumpulan Data
Teknik pengumpulan data yang digunakan dalam membuat jurnal ini merupakan
studi pustaka yang diambil dari beberapa referensi literatur berupa buku, jurnal, maupun
artikel yang memiliki relevansi dengan topik penelitian ini. Metode library research atau
studi pustaka adalah serangkaian kegiatan yang berkenaan dengan metode pengumpulan
data pustaka, membaca dan mencatat serta mengolah bahan penelitian.
2.3 Alat dan Bahan
Analisa kebutuhan ini merupakan kebutuhan yang diperlukan dalam pembuatan
website ini yaitu :
1. Instrumen Penelitian.
Fasilitas intrumen penelitian yaitu fasilitas software dan hardware.
|1|. Software yang digunakan untuk membuat program
a. Xamppp program ini mempunyai satu paket web server Apache,
PHP dan Mysql
b. Web Browser yang digunakan Mozila firefox, yang berguna
untuk menampilkan interface program yang telah dibuat
c. Adobe Photoshop untuk membuat tampilan grafis
|2|. Hardware yang digunakan untuk membuat program
a. Laptop Intel Core i5-10750H
b. Processor 2.60-5.00
c. Memori 8.00 GB
d. Hardisk 512 GB

3. HASIL DAN PEMBAHASAN

3.1 Pengertian Media Pembelajaran Berbasis Website
Media pembelajaran berbasis website ini merupakan kumpulan berbagai
materi ilmu pengetahuan alam (IPA) dari kelas 7 SMP hingga kelas 9 SMP dan
terdapat materi dari semester 1 hingga semester 2 dari masing-masing kelasnya.
a. Cara Menggunakan Media Pembelajaran ini
|1|. Siswa diharapkan Login ke website menggunakan media seperti
google chrome, mozila.
|2|. Menampilkan menu awal

Perancangan Media Pembelajaran Dengan Metode Speech To Text| 3

Syntax Literate: Jurnal Ilmiah Indonesia p–ISSN: 2541-0849 e-ISSN: 2548-1398
Vol. 6, No. 7, Juli 2021

|3|. Mimilih masing-masing kelas dari kelas 7 SMP, 8 SMP, atau Kelas 9
SMP.
|4|. Memilih semester yang akan dipelajari dari semester 1 atau semester
2 dari masing-masing kelasnya
|5|. Mimilih bab yang akan dipelajari
|6|. Menampilkan isi dari materi
|7|. Menggunakan Mic (Speech To Text) untuk mencari materi yang akan
dipelajari agar mempermudah mencari materi tanpa harus
mencarinya 1 per 1
|8|. Menggunakan menu pencarian (Search) untuk mencari materi yang
akan dipelajari fungsinya sama seperti mic
|9|. Menu home untuk kembali ke menu awal
|10|. Menu exit untuk keluar dari website
b. Tujuan Media Pembelajaran Ini
Tujuan dari media pembelajaran ini adalah untuk mempermudah siswa
dalam mencari materi yang ingin dipelajari sehingga proses belajar-mengajar
lebih efisien dan dapat meningkatkan hasil berlajar siswa.

3.2 Flowchart
Flowchart merupakan diagram yang menggambarkan aliran atau
prosedur dari suatu sistem secara masuk akal (Agusvianto, 2017). Flowchart
berfungsi sebagai alat komunikasi, informasi terbagi dalam bagian-bagian
yang lebih kecil untuk memecahkan suatu permasalahan. Dasar dalam
menggambar flowchart adalah input-output, proses operasi, garis hubung
urutan proses, serta keterangan informasi secara deskriptif (Chapin, 1970).
Pada umumnya, cara membaca flowchart dimulai dari atas ke bawah atau
dari kiri ke kanan. Adapun diagram konteks website dapat dilihat pada
gambar 1.

Login

Tampilan Menu Awal

Memilih Kelas

Memilih
Semeter

Memilih Bab
Perancangan Media Pembelajaran Dengan Metode Speech To Text| 4

Menampilkan
 Selesai
Syntax Literate: Jurnal Ilmiah Indonesia p–ISSN: 2541-0849 e-ISSN: 2548-1398
Vol. 6, No. 7, Juli 2021

Gambar 1. Flowchart

Gambar 1 menjelaskan bahwa siswa login ke website terlebih dahulu, setelah

login website akan secara otomatis menampilakan menu awal, lalu siswa dapat
memilih kelas nya masing-masing dari kelas 7 SMP hingga kelas 9 SMP,
kemudian setelah memilih kelas maka tahap selanjutnya siswa dapat memilih
semester sesuai dengan semester yang akan dipelajari, langkah selanjutnya
memilih bab dan selanjutnya akan menampilkan semua isi materi. Adapun menu
lainnya yaitu :
1. Menu Mic : untuk mencari materi melalui suara yang akan diubah
menjadi teks.
2. Menu Search : untuk mencari materi melalui teks atau ketikan.
3. Menu Panah : Panah kekanan untuk melanjutkan ke halaman berikutnya
sedangkan panah kekiri untuk menampilkan halaman sebelumnya
4. Menu Home : untuk kembali ke tampilan awal atau menu awal
5. Menu Exit : untuk keluar dari website

a. Menu utama atau menu awal

Gambar 2 menunjukkan tampilan “Menu Utama” pada menu utama
disediakan 3 pilihan media pembelajaran yaitu untuk smp kelas vii, smp kelas
viii, dan smp kelas ix. Hal ini bertujuan untuk mempermudah siswa dan guru
dalam memilih materi yang akan dipelajari. Tulisan yang digunakan adalah
huruf kapital semua agar terlihat simpel dan ilegan.
Background yang digunakan terdiri dari beberapa character anime
chainsaw man dari jepang yang bertujuan untuk menarik perhatian siswa dan
juga astronot untuk mengambarkan kegiatan yang berkaitan dengan alam.

Perancangan Media Pembelajaran Dengan Metode Speech To Text| 5

 Syntax Literate: Jurnal Ilmiah Indonesia p–ISSN: 2541-0849 e-ISSN: 2548-1398
Vol. 6, No. 7, Juli 2021

Gambar 2. Menu Utama Pilihan Kelas

b. Menu pilihan semester
Gambar 3 merupakan tampilan “Menu Pilihan Semester” untuk memilih
semester 1 atau semester 2. Gambar 3 juga terdapat beberapa menu dan
fungsinya masing-masing
Adapun menu tersebut diantaranya yaitu :
1. Mic merupakan tombol untuk mengubah suara manusia menjadi sebuah teks.
Tujuan mic tersebut adalah untuk mempermudah siswa atau guru dalam
mencari materi yang akan dipelajari tanpa harus mencari materi dengan cara
ketik seperti pada menu search
2. Search adalah tombol untuk mencari materi dengan tulisan atau ketikan
namun menu search dan mic keduanya sama-sama memiliki funsi yang
sama.
3. Home adalah tombol untuk menuju ke halaman utama atau halaman awal
4. Exit adalah tombol untuk mengakhiri sebuah program website

Perancangan Media Pembelajaran Dengan Metode Speech To Text| 6

 Syntax Literate: Jurnal Ilmiah Indonesia p–ISSN: 2541-0849 e-ISSN: 2548-1398
Vol. 6, No. 7, Juli 2021

Gambar 2. Menu Pilihan Semester

c. Menu pilihan bab
Tampilan pada Gambar 4 ini terdapat berbagai tampilan bab “Menu
Pilihan Bab”dari bab 1 hingga bab 7

Gambar 4. Menu Pilihan Bab

Perancangan Media Pembelajaran Dengan Metode Speech To Text| 7

 Syntax Literate: Jurnal Ilmiah Indonesia p–ISSN: 2541-0849 e-ISSN: 2548-1398
Vol. 6, No. 7, Juli 2021

d. Gambar 5 merupakan isi dari tampilan bab 1 “isi materi bab 1” dalam menu ini
terdapat menu baru yaitu tombol panah kekanan untuk melihat materi
selanjutnya dan tombol panah kekiri untuk melihat materi sebelumnnya

Gambar 5. Isi Materi Bab 1

e. Gambar 6 merupakan isi materi kelanjutan dari bab 1

Gambar 6. Isi Materi Bab 1

Perancangan Media Pembelajaran Dengan Metode Speech To Text| 8

 Syntax Literate: Jurnal Ilmiah Indonesia p–ISSN: 2541-0849 e-ISSN: 2548-1398
Vol. 6, No. 7, Juli 2021

4. KESIMPULAN
Berdasarkan hasil penelitian yang telah dilakukan dapat ditarik kesimpulan
bahwa pembelajaran IPA menggunakan media pembelajaran berbasis web ini dapat
dikatakan efektif untuk meningkatkan hasil belajar siswa. Materi pembelajaran menjadi
sangat mudah dipahami dan hasil belajar siswa dapat mencapai peningkatan sebesar
60%. Materi yang disajikan dalam bentuk website mampu memberikan penjelasan
mengenai konsep sains abstrak sehingga memicu motivasi siswa agar antusias dalam
proses pembelajaran. Tampilan grafis dari website dapat meningkatkan minat belajar
siswa. Serta dengan digunakannya metode speech to text ini sangat membantu siswa
dalam mencari materi yang ingin dipelajari.

5. SARAN
Saran yang dapat diberikan agar media pembelajaran berbasis website ini dapat
berkembang lebih baik untuk kedepannya adalah sebagai berikut :
a. Pembuatan website ini masih sangat terbilang sederhana, terutama dari segi
tampilan dan segi keamanan, ada baiknya untuk tahap pengembangan sistem
baru diharapkan dibuat semenarik mungkin dan dikembangkan lebih lanjut
dengan tambahan informasi yang lebih lengkap lagi yang pastinya bisa lebih
bermanfaat bagi pengelola dan pengguna website tersebut.
b. Perancangan website ini diharapkan bisa lebih interaktif agar materi yang
dipelajari dapat bermanfaat bagi siswa.
c. Dengan adanya website ini yang telah dibuat dengan menggunakan program
PHP diharapkan siswa atau guru yang bersangkutan dapat memanfaatkan
website ini.
d. Diperlukan pemeliharaan aktualisasi data secara periodik terutama yang
berhubungan dengan database.
e. Agar website ini dapat ditampilkan dengan optimal maka diperlukan adanya
dukungan perangkat keras dan perangkat lunak yang memadai.

UCAPAN TERIMA KASIH

Dengan ini penulis mengucapkan terimakasih kepada pihak yang telah
memberikan wadah bagi mahasiswa untuk dapat menulis dan mengelolah jurnal, dan
terimakasih kepada pihak dan seluruh pengelola yang berperan aktif yang telah
memberikan bimbingan dan juga dukungan baik berupa dukungan pikiran maupun
dukungan spiritual. Puji dan Syukur kepada Tuhan yang Maha Esa atas berkat dan
karunianya sehingga penulis bisa menyelesaikan jurnal ini.

DAFTAR PUSTAKA

Perancangan Media Pembelajaran Dengan Metode Speech To Text| 9

 Syntax Literate: Jurnal Ilmiah Indonesia p–ISSN: 2541-0849 e-ISSN: 2548-1398
Vol. 6, No. 7, Juli 2021

|1|. Kirom, A. (2017). Peran Guru Dan Peserta Didik dalam Proses Pembelajaran
Berbasis MultikulturaL. 3, 12.
|2|. Muhson, A. (2010). Pengembangan Media Pembelajaran Berbasis Teknologi
Informasi. Jurnal Pendidikan Akuntansi Indonesia, 8(2).
|3|. Arahim, Zaipudin. 2009. Ilmu pengetahuan Alam : untuk Smp.Mts Kelas VII.
Jakarta : Departemen Pendidikan Nasional.
|4|. Henry. G dkk. 2009. IPA 2 : untuk SMP/Mts Kelas VIII. Jakarta : Departemen
Pendidikan Nasional.
|5|. Fauziah, Nenden. 2009. Ilmu Pengetahuan Alam 3 : untuk SMP/Mts Kelas IX.
Jakarta : Departemen Pendidikan Nasional.
|6|. Areni, I. S., & Bustamin, A. (2017). Improvement in Speech to Text for Bahasa
Indonesia Through Homophone Impairment Training. 電腦學刊, 28(5), 1–10.
|7|. Cawley, G. C., & Talbot, N. L. (2010). On over-fitting in model selection and
subsequent selection bias in performance evaluation. Journal of Machine
Learning Research, 11(Jul), 2079–2107.
|8|. Dahl, G. E., Yu, D., Deng, L., & Acero, A. (2012). Context-dependent pre-
trained deep neural networks for large-vocabulary speech recognition. IEEE
Transactions on Audio, Speech, and Language Processing, 20(1), 30–42.

Perancangan Media Pembelajaran Dengan Metode Speech To Text| 10