bekerja bersama hot potatoes dan mathtype …exelsa2012.usd.ac.id/hibah/panduan/panduan integrasi...
TRANSCRIPT
![Page 1: BEKERJA BERSAMA HOT POTATOES DAN MATHTYPE …exelsa2012.usd.ac.id/HIBAH/Panduan/Panduan Integrasi HotPotatoes dan MathType.pdf · Bentuk latihan soal tersebut dibuat menggunakan salah](https://reader030.vdocuments.site/reader030/viewer/2022020217/5cea407888c993b5168da630/html5/thumbnails/1.jpg)
1
BEKERJA BERSAMA HOT POTATOES DAN MATHTYPE
UNTUK NOTASI MATEMATIKA YANG LEBIH BAIK
OLEH:
Beni Utomo,M.Sc
UNIVERSITAS SANATA DHARMA
2016
![Page 2: BEKERJA BERSAMA HOT POTATOES DAN MATHTYPE …exelsa2012.usd.ac.id/HIBAH/Panduan/Panduan Integrasi HotPotatoes dan MathType.pdf · Bentuk latihan soal tersebut dibuat menggunakan salah](https://reader030.vdocuments.site/reader030/viewer/2022020217/5cea407888c993b5168da630/html5/thumbnails/2.jpg)
2
Draft untuk presentasi SBD
Tinjauan Umum
Perhatikan sajian berikut ini:
Penyajian tersebut berasal dari file HTML yang dibuat menggunakan Hot Potatoes. Bentuk
latihan soal tersebut dibuat menggunakan salah satu fitur yang dimiliki oleh Hot Potatoes yaitu
JQuiz. Fitur JQuiz sendiri (pada Hot Potatoes 6) belum dengan sendirinya menyediakan fasilitas
untuk menampilkan notasi-notasi khusus dalam hal ini notasi yang sering digunakan dalam
matematika secara umum. Untuk bisa menampilkan notasi matematika maka Hot Potatoes perlu
diintegrasikan dengan perangkat lain yang khusus untuk menulis notasi-notasi tersebut yaitu
![Page 3: BEKERJA BERSAMA HOT POTATOES DAN MATHTYPE …exelsa2012.usd.ac.id/HIBAH/Panduan/Panduan Integrasi HotPotatoes dan MathType.pdf · Bentuk latihan soal tersebut dibuat menggunakan salah](https://reader030.vdocuments.site/reader030/viewer/2022020217/5cea407888c993b5168da630/html5/thumbnails/3.jpg)
3
MathType. Berbekal Hot Potatoes yang sudah terintegrasi dengan MathType maka membuat soal
dengan notasi khusus seperti menulis pada MS Word bisa dilakukan.
Perangkat Yang Diperlukan: Hot Potatoes, MathType
Integrasi Hot Potatoes dengan MathType
(Menggunakan JQuiz dan MathType untuk kerja bersama)
Masuk ke Hot Potatoes dan pilih JQuiz.
Dan akan terbuka fitur JQuiz seperti tampilan berikut ini:
![Page 4: BEKERJA BERSAMA HOT POTATOES DAN MATHTYPE …exelsa2012.usd.ac.id/HIBAH/Panduan/Panduan Integrasi HotPotatoes dan MathType.pdf · Bentuk latihan soal tersebut dibuat menggunakan salah](https://reader030.vdocuments.site/reader030/viewer/2022020217/5cea407888c993b5168da630/html5/thumbnails/4.jpg)
4
Step-by-step instructions:
Setting up MathType and JQuiz to work together
1. In Hot Potatoes, choose Configure Output in the Options menu. Click the Custom tab.
Pada JQuiz, pada menu Options, pilih Configure Output. Klik tab Custom.
Diperoleh tampilan berikut ini:
![Page 5: BEKERJA BERSAMA HOT POTATOES DAN MATHTYPE …exelsa2012.usd.ac.id/HIBAH/Panduan/Panduan Integrasi HotPotatoes dan MathType.pdf · Bentuk latihan soal tersebut dibuat menggunakan salah](https://reader030.vdocuments.site/reader030/viewer/2022020217/5cea407888c993b5168da630/html5/thumbnails/5.jpg)
5
2. Pada kotak dibawah Code for insertion into <head> tag, copy dan paste kode berikut: <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
![Page 6: BEKERJA BERSAMA HOT POTATOES DAN MATHTYPE …exelsa2012.usd.ac.id/HIBAH/Panduan/Panduan Integrasi HotPotatoes dan MathType.pdf · Bentuk latihan soal tersebut dibuat menggunakan salah](https://reader030.vdocuments.site/reader030/viewer/2022020217/5cea407888c993b5168da630/html5/thumbnails/6.jpg)
6
Lalu tekan “OK”
3. Selanjutnya buka MathType
![Page 7: BEKERJA BERSAMA HOT POTATOES DAN MATHTYPE …exelsa2012.usd.ac.id/HIBAH/Panduan/Panduan Integrasi HotPotatoes dan MathType.pdf · Bentuk latihan soal tersebut dibuat menggunakan salah](https://reader030.vdocuments.site/reader030/viewer/2022020217/5cea407888c993b5168da630/html5/thumbnails/7.jpg)
7
4. Dari MathType pilih menu Preferences, dan pilih Cut and Copy Preferences.
5. Pilih: Equation for application or website > MathJax: LaTeX. Klik OK.
![Page 8: BEKERJA BERSAMA HOT POTATOES DAN MATHTYPE …exelsa2012.usd.ac.id/HIBAH/Panduan/Panduan Integrasi HotPotatoes dan MathType.pdf · Bentuk latihan soal tersebut dibuat menggunakan salah](https://reader030.vdocuments.site/reader030/viewer/2022020217/5cea407888c993b5168da630/html5/thumbnails/8.jpg)
8
Proses integrasi Hot Potatoes dan MathType cukup sampai disini. Selanjutnya kita akan mencoba melihat apakah pengaturan tadi sudah tepat atau belum. Kita bekerja dengan MathType sekarang.
Kita tuliskan notasi limit tersebut pada MathType, seperti tampilan berikut ini
![Page 9: BEKERJA BERSAMA HOT POTATOES DAN MATHTYPE …exelsa2012.usd.ac.id/HIBAH/Panduan/Panduan Integrasi HotPotatoes dan MathType.pdf · Bentuk latihan soal tersebut dibuat menggunakan salah](https://reader030.vdocuments.site/reader030/viewer/2022020217/5cea407888c993b5168da630/html5/thumbnails/9.jpg)
9
Notasi tersebut kita copy dan di paste pada JQuiz yang telah kita siapkan sebelumnya:
Langkah selanjutnya adalah melengkapi jawaban sesuai dengan yang kita siapkan. Misalkan:
Paste disini dan Inilah hasil
yang diperoleh
![Page 10: BEKERJA BERSAMA HOT POTATOES DAN MATHTYPE …exelsa2012.usd.ac.id/HIBAH/Panduan/Panduan Integrasi HotPotatoes dan MathType.pdf · Bentuk latihan soal tersebut dibuat menggunakan salah](https://reader030.vdocuments.site/reader030/viewer/2022020217/5cea407888c993b5168da630/html5/thumbnails/10.jpg)
10
Karena jawaban dari pertanyaan ini adalah �.�
� maka berilah tanda klik di sini…
Mari kita lihat hasilnya.
Sebelumnya, simpan file JQuiz tadi dengan suatu nama file tanpa spasi, misalkan “LatihanLimit”.
![Page 11: BEKERJA BERSAMA HOT POTATOES DAN MATHTYPE …exelsa2012.usd.ac.id/HIBAH/Panduan/Panduan Integrasi HotPotatoes dan MathType.pdf · Bentuk latihan soal tersebut dibuat menggunakan salah](https://reader030.vdocuments.site/reader030/viewer/2022020217/5cea407888c993b5168da630/html5/thumbnails/11.jpg)
11
Kalau sudah, kita buat file HTML dari JQuiz tersebut.
Klik ikon ini
![Page 12: BEKERJA BERSAMA HOT POTATOES DAN MATHTYPE …exelsa2012.usd.ac.id/HIBAH/Panduan/Panduan Integrasi HotPotatoes dan MathType.pdf · Bentuk latihan soal tersebut dibuat menggunakan salah](https://reader030.vdocuments.site/reader030/viewer/2022020217/5cea407888c993b5168da630/html5/thumbnails/12.jpg)
12
Simpan file HTML tersebut dan ….
Tampilkan file HTML tersebut pada browser dengan klik tombol “View the exercise in my browser”, dan kita peroleh…
Kejadian 1,
![Page 13: BEKERJA BERSAMA HOT POTATOES DAN MATHTYPE …exelsa2012.usd.ac.id/HIBAH/Panduan/Panduan Integrasi HotPotatoes dan MathType.pdf · Bentuk latihan soal tersebut dibuat menggunakan salah](https://reader030.vdocuments.site/reader030/viewer/2022020217/5cea407888c993b5168da630/html5/thumbnails/13.jpg)
13
Atau kita peroleh:
Kejadian 2,
Mari kita bandingkan apa yang akan kita buat,
![Page 14: BEKERJA BERSAMA HOT POTATOES DAN MATHTYPE …exelsa2012.usd.ac.id/HIBAH/Panduan/Panduan Integrasi HotPotatoes dan MathType.pdf · Bentuk latihan soal tersebut dibuat menggunakan salah](https://reader030.vdocuments.site/reader030/viewer/2022020217/5cea407888c993b5168da630/html5/thumbnails/14.jpg)
14
Dan hasil yang kita peroleh.
Lakukan hal berikut ini:
pada MathType menu Format, pilih “Inline Equation ” seperti pada tampilan berikut ini,
Seharusnya soal rata kiri,
tidak di tengah
![Page 15: BEKERJA BERSAMA HOT POTATOES DAN MATHTYPE …exelsa2012.usd.ac.id/HIBAH/Panduan/Panduan Integrasi HotPotatoes dan MathType.pdf · Bentuk latihan soal tersebut dibuat menggunakan salah](https://reader030.vdocuments.site/reader030/viewer/2022020217/5cea407888c993b5168da630/html5/thumbnails/15.jpg)
15
Kopi persamaan soal limit tersebut dan gantilah persamaan yang telah ada sebelumnya pada JQuiz,
Setelah notasi yang dikopi dari MathType dipaste ditempat tersebut, selanjutnya simpan file HTML tersebut dengan cara menimpa/replace file HTML sebelumnya. Tampilkan pada browser dan akan kita peroleh:
Hapus bagian ini sebelumnya,
dan paste dengan yang telah
diperbaiki tadi.Sekilas tidak ada
bedanya, kita lihat hasilnya
sekarang.
![Page 16: BEKERJA BERSAMA HOT POTATOES DAN MATHTYPE …exelsa2012.usd.ac.id/HIBAH/Panduan/Panduan Integrasi HotPotatoes dan MathType.pdf · Bentuk latihan soal tersebut dibuat menggunakan salah](https://reader030.vdocuments.site/reader030/viewer/2022020217/5cea407888c993b5168da630/html5/thumbnails/16.jpg)
16
Trik Editing MathType untuk Hot Potatoes
Pengalaman menggunakan Hot Potatoes dan MathType
Seharusnya tampilannya adalah
Penyelesaiannya :
Klik kanan di sini
![Page 17: BEKERJA BERSAMA HOT POTATOES DAN MATHTYPE …exelsa2012.usd.ac.id/HIBAH/Panduan/Panduan Integrasi HotPotatoes dan MathType.pdf · Bentuk latihan soal tersebut dibuat menggunakan salah](https://reader030.vdocuments.site/reader030/viewer/2022020217/5cea407888c993b5168da630/html5/thumbnails/17.jpg)
17
Sampai muncul dialog box berikut ini, lalu pilih “Allow Blocked Content …”
Akan muncul dialog box selanjutnya:
Pilih “Yes”.
Sekarang, notasi sudah bisa ditampilkan.