17
1 BEKERJA BERSAMA HOT POTATOES DAN MATHTYPE UNTUK NOTASI MATEMATIKA YANG LEBIH BAIK OLEH: Beni Utomo,M.Sc UNIVERSITAS SANATA DHARMA 2016

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

Embed Size (px)

Citation preview

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

17

Sampai muncul dialog box berikut ini, lalu pilih “Allow Blocked Content …”

Akan muncul dialog box selanjutnya:

Pilih “Yes”.

Sekarang, notasi sudah bisa ditampilkan.