Menulis Ekspresi Matematika dengan LaTex di Halaman HTML

tampilkan-persamaan-matematika-html-1.jpg

Ingin menulis persamaan-persamaan matematika di halaman web? Anda bisa menggunakan Javascript MathJax yang akan secara otomatis menghasilkan persamaan matematika sesuai standar. Anda tidak perlu menggunakan gambar yang akan pecah ketika halaman html diperbesar atau memaksakan menggunakan tampilan tidak standar seperti x^3 + 2x^2 = v5 untuk \displaystyle {{x}^{3}}+2{{x}^{2}}=\sqrt{5}.

Untuk menggunakan MathJax, Anda harus menambahkan script berikut ke dalam tag head di dalam html. Kode ini akan mengambil javascript dari situs MathJax yang selanjutnya terhubung dengan server MathJax untuk mengubah (render) persamaan yang Anda buat ke format standar. Karena terhubung ke server MathJax, komputer yang membuka html Anda harus terhubung dengan internet.

<script type="text/javascript"
  src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>
Masukkan script javascript MathJax ke head html.

Masukkan script javascript MathJax ke head html.

Untuk bahasa penulisannya, Anda bisa menggunakan LaTex atau MathML, atau Anda dapat memanfaatkan fasilitas menulis teks di Geogebra versi 4 yang menyediakan fasilitas formula LaTeX. Cara paling mudah adalah menulisnya menggunakan software MathType. Di MathType, klik Preferences > Cut and Copy Preferences. Anda tinggal menyalin sintaks tersebut. Di kotak dialog selanjutnya, pilih MathJax: LaTex.

Pilihan ekspor ke MathJax di MathType.

Pilihan ekspor ke MathJax di MathType.

Ketik persamaan seperti biasa dengan MathType. Seleksi persamaan yang akan diambil, tekan Ctrl + C. Di halaman html, paste kode (Ctrl + V) yang secara otomatis dalam notasi LaTex.

Kode latex MathJax di Dreamweaver.

Kode latex MathJax di Dreamweaver.

Seperti inilah tampilan yang diperoleh ketika dokumen html dibuka di browser.

Tampilan halaman html dengan latex.

Tampilan halaman html dengan latex.

Kelebihan menggunakan MathJax, ketika tampilan halaman html di browser diperbesar, maka persamaan pun akan ikut membesar tanpa ada penulisan kualitas karena ada dalam format font biasa. Jika Anda mengubah persamaan sebagai gambar, persamaan akan pecah. Ini akan berguna ketika dokumen html Anda dibuka dalam gadget seperti iPad, iPhone, atau gadget mobile modern lainnya yang memiliki layar kecil namun dengan resolusi pixel tinggi.

Persamaan  tidak akan pecah ketika di-zoom.

Persamaan tidak akan pecah ketika di-zoom.

Download File HTML: Contoh Persamaan Matematika dengan MathJax

Advertisements

One thought on “Menulis Ekspresi Matematika dengan LaTex di Halaman HTML

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s