Penulisan Rumus Matematika Menggunakan MathJax

mathjax

Jika seorang dosen yang mengajar matakuliah Kimia Kuantum ataupun Kimia Fisika yang banyak memasukkan rumus matematika ingin menyampaikan materi secara online maka akan menghadapi masalah penulisan rumus. Tidak mudah hanya sekedar konversi dari word ke html, sebab akan menghasilkan ukuran file yang besar, begitu juga jika rumus ditampilkan dalam format gambar akan menghasilkan file gambar yang banyak. Secara offline penulisan rumus matematika itu mudah, baik dengan insert equation pada libreoffice ataupun menggunakan format LaTeX, begitu juga pada Ms Word basis Windows.

Sebenarnya banyak cara menulis rumus matematika untuk ditampilkan secara online, salah satu caranya adalah dengan menggunakan MathJax.

Apakah MathJax itu?

MathJax merupakan mesin display open-source JavaScript untuk notasi LaTeX, MathML, dan AsciiMath yang berjalan di semua browser modern. Ini dirancang dengan tujuan mengkonsolidasikan kemajuan terbaru dalam teknologi web ke dalam platform math-on-the-web tunggal dan tertentu yang mendukung browser utama dan semua sistem operasi, termasuk pada perangkat mobile. Aplikasi ini tidak memerlukan setup pada sisi pengguna (tidak ada plugin untuk men-download atau install software), sehingga penulis langsung dapat menulis dokumen berbasis web yang mencakup rumus matematika dan yakin bahwa pengguna akan dapat melihatnya secara alami dan mudah. Caranya sederhana, tinggal menyertakan MathJax dan rumus matematika di halaman web, maka selebihnya MathJax yang akan merampungkannya.

MathJax menggunakan font berbasis web untuk menghasilkan kualitas tinggi pengetikan dengan skala dan pencetakan resolusi penuh (seperti matematika, termasuk sebagai gambar). MathJax dapat digunakan dengan pembaca layar, menyediakan aksesibilitas bagi tunanetra. Dengan MathJax maka rumus matematika menjadi berbasis teks bukan berbasis gambar, sehingga mesin pencari dapat mencari persamaan Anda, seperti teks halaman Anda. MathJax memungkinkan penulis halaman untuk menulis rumus menggunakan notasi TeX dan LaTeX, MathML, standar World Wide Web sebagai pengganti notasi matematika dalam format XML atau AsciiMath. MathJax bahkan akan mengkonversi notasi TeX menjadi MathML, sehingga dapat diberikan lebih cepat oleh browser yang mendukung MathML, sehingga Anda dapat menyalin dan menempelkan ke program lain.

Bagaimana caranya?

Sertakan MathJax dalam halaman web dengan meletakannya dalam blok ‘..‘ seperti contoh di bawah ini.

  
    
        ...
        src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=AM_HTMLorMML-full">
    
    
        ...
    

 

Jika ingin meletakkannya sebagai artikel (post) atau halaman (page) dalam format WordPress maka dapat dituliskan seperti contoh berikut:



MathJax AsciiMath Test Page



When ( a = 0 ) there are two solutions to ( ax^2 + bx + c = 0 ) and they are

[begin{aligned} x_1 = frac{-b + sqrt{(b^2-4ac)}}{2a} \ x_2 = frac{-b - sqrt{(b^2-4ac)}}{2a} end{aligned} ]

Hasilnya seperti berikut:

When ( a = 0 ) there are two solutions to ( ax^2 + bx + c = 0 ) and they are

[begin{aligned}
x_1 = frac{-b + sqrt{(b^2-4ac)}}{2a} \
x_2 = frac{-b – sqrt{(b^2-4ac)}}{2a}
end{aligned} ]

Sebenarnya secara global dalam sistem WordPress, cukup dengan sekali menempatkan MathJax dalam file header.php maka tidak perlu lagi menempatkan MathJax pada setiap halaman atau posting yang akan memuat rumus matematika.

 

Contoh yang lebih lengkap dapat dilihat pada penulisan rumus berikut:



TeX | MathJax 



TeX Samples

The following equations are represented in the HTML source code as LaTeX expressions.
The Lorenz Equations
[begin{aligned} dot{x} & = sigma(y-x) \ dot{y} & = rho x - y - xz \ dot{z} & = -beta z + xy end{aligned} ]
The Cauchy-Schwarz Inequality
[ left( sum_{k=1}^n a_k b_k right)^2 leq left( sum_{k=1}^n a_k^2 right) left( sum_{k=1}^n b_k^2 right) ]
A Cross Product Formula
[mathbf{V}_1 times mathbf{V}_2 = begin{vmatrix} mathbf{i} & mathbf{j} & mathbf{k} \ frac{partial X}{partial u} & frac{partial Y}{partial u} & 0 \ frac{partial X}{partial v} & frac{partial Y}{partial v} & 0 end{vmatrix} ]
The probability of getting (k) heads when flipping (n) coins is
[P(E) = {n choose k} p^k (1-p)^{ n-k} ]
An Identity of Ramanujan
[ frac{1}{Bigl(sqrt{phi sqrt{5}}-phiBigr) e^{frac25 pi}} = 1+frac{e^{-2pi}} {1+frac{e^{-4pi}} {1+frac{e^{-6pi}} {1+frac{e^{-8pi}} {1+ldots} } } } ]
A Rogers-Ramanujan Identity
[ 1 + frac{q^2}{(1-q)}+frac{q^6}{(1-q)(1-q^2)}+cdots = prod_{j=0}^{infty}frac{1}{(1-q^{5j+2})(1-q^{5j+3})}, quadquad ] [ text{for $|q|<1$}. ]
Maxwell’s Equations
[ begin{aligned} nabla times vec{mathbf{B}} -, frac1c, frac{partialvec{mathbf{E}}}{partial t} & = frac{4pi}{c}vec{mathbf{j}} \ nabla cdot vec{mathbf{E}} & = 4 pi rho \ nabla times vec{mathbf{E}}, +, frac1c, frac{partialvec{mathbf{B}}}{partial t} & = vec{mathbf{0}} \ nabla cdot vec{mathbf{B}} & = 0 end{aligned} ] Finally, while display equations look good for a page of samples, the ability to mix math and text in a paragraph is also important. This expression (sqrt{3x-1}+(1+x)^2) is an example of an inline equation. As you see, MathJax equations can be used this way as well, without unduly disturbing the spacing between lines.

 

Hasilnya adalah sebagai berikut:

TeX Samples

The following equations are represented in the HTML source code as LaTeX expressions.

The Lorenz Equations

[begin{aligned}
dot{x} & = sigma(y-x) \
dot{y} & = rho x – y – xz \
dot{z} & = -beta z + xy
end{aligned} ]

The Cauchy-Schwarz Inequality

[ left( sum_{k=1}^n a_k b_k right)^2 leq left( sum_{k=1}^n a_k^2 right) left( sum_{k=1}^n b_k^2 right) ]

A Cross Product Formula

[mathbf{V}_1 times mathbf{V}_2 = begin{vmatrix}
mathbf{i} & mathbf{j} & mathbf{k} \
frac{partial X}{partial u} & frac{partial Y}{partial u} & 0 \
frac{partial X}{partial v} & frac{partial Y}{partial v} & 0
end{vmatrix} ]

The probability of getting (k) heads when flipping (n) coins is

[P(E) = {n choose k} p^k (1-p)^{ n-k} ]

An Identity of Ramanujan

[ frac{1}{Bigl(sqrt{phi sqrt{5}}-phiBigr) e^{frac25 pi}} =
1+frac{e^{-2pi}} {1+frac{e^{-4pi}} {1+frac{e^{-6pi}}
{1+frac{e^{-8pi}} {1+ldots} } } } ]

A Rogers-Ramanujan Identity

[ 1 + frac{q^2}{(1-q)}+frac{q^6}{(1-q)(1-q^2)}+cdots =
prod_{j=0}^{infty}frac{1}{(1-q^{5j+2})(1-q^{5j+3})},
quadquad ]
[
text{for $|q|<1$}.
]

Maxwell’s Equations

[ begin{aligned}
nabla times vec{mathbf{B}} -, frac1c, frac{partialvec{mathbf{E}}}{partial t} & = frac{4pi}{c}vec{mathbf{j}} \ nabla cdot vec{mathbf{E}} & = 4 pi rho \
nabla times vec{mathbf{E}}, +, frac1c, frac{partialvec{mathbf{B}}}{partial t} & = vec{mathbf{0}} \
nabla cdot vec{mathbf{B}} & = 0 end{aligned}
]

Finally, while display equations look good for a page of samples, the ability to mix math and text in a paragraph is also important. This expression (sqrt{3x-1}+(1+x)^2) is an example of an inline equation. As you see, MathJax equations can be used this way as well, without unduly disturbing the spacing between lines.

Sumber: http://docs.mathjax.org/en/latest/start.html#mathjax-cdn

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *