Langsung ke konten utama

Mudah Menampilkan Rumus Matematika Di Web Dengan MathJax

MathJax memungkinkan menulis rumus matematika di web tanpa harus mengkonversinya ke gambar dahulu, bahkan tanpa harus menghafal MathML atau pun notasi Tex. Hal tersebut dapat dilakukan dengan menggunakan notasi AsciiMath, suatu gaya penulisan rumus matematika yang sangat mirip dengan gaya penulisan rumus di Microsoft Excel.
Sebelumnya, pada halaman yang akan dimasukkan kode berikut,

<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML-full"> </script>


Dengan menggunakan tanda "`" (back-tick/ grave accent) suatu bagian dari tulisan dapat ditandai sebagai rumus matematika, yang akan terjemahkan oleh MathJax
misal:
x = (-b +- sqrt(b^2-4ac))/(2a)
bila diberi tanda back-tick menjadi
$`$x = (-b +- sqrt(b^2-4ac))/(2a)$`$
Akan ditampilkan sebagai:
`x = (-b +- sqrt(b^2-4ac))/(2a)`

Lalu bagaimana dengan penulisan dalam Tex, apakah bisa? Bisa.
contoh:

x = {-b \pm \sqrt{b^2-4ac} \over 2a}
akan ditampilkan sebagai:
`x = {-b \pm \sqrt{b^2-4ac} \over 2a}`

Untuk keterangan lebih lanjut langsung saja buka situs MathJax di http://www.mathjax.org

Catatan:
Selain MathJax juga ada library javascript lainnya yang bernama ASCIIMathML.js yang dapat ditemui di http://www1.chapman.edu/~jipsen/mathml/asciimath.html. ASCIIMathML.js ini tampaknya juga digunakan oleh MathJax sebagai landasan operasinya.

Komentar

Postingan populer dari blog ini

Memasang Android 4.4 KitKat di Samsung Galaxy W (Wonder) GT-I8150

Membuat backup Singkronisasikan handphone (contact, dll) Saya membuat backup SMS dengan SMS To Text, dan riwayat panggilan dengan Call Logs Backup and Restore Download Download Android SDK Tools Windows: http://dl.google.com/android/installer_r22.3-windows.exe Linux: http://dl.google.com/android/android-sdk_r22.3-linux.tgz Android SDK Tools juga terdapat dalam pake Android SDK Windows 32 bit: http://dl.google.com/android/adt/adt-bundle-windows-x86-20131030.zip Linux 32 bit: http://dl.google.com/android/adt/adt-bundle-linux-x86-20131030.zip Download ClockworkMod (CWM) Recovery Versi minimal untuk memasang CM 11 adalah versi 6.0.4.4. Jika menggunakan versi yang dibawah/sebelum itu, akan muncul pesan kesalahan "set_metadata_recursive: some changes failed" pada saat memasang CM nantinya. Download versi versi 6.0.4.5 di http://goo.im/devs/arco/ancora/cwm/recovery-clockwork-6.0.4.5-ancora.zip Download CyanogenMod (CM) 11 http://goo.im/devs/arco/ancor...

Perbandingan hasil findElements() Selenium yang menggunakan (XPath)[index] versus Xpath

Object hasil findElements() dari XPath dengan index lebih konsisten daripada yang didapat dari iterasi hasil findElements() XPath tanpa index. #selenium #web #automation

Memberi Border Putih Pada Foto (HTML + CSS)

Bagaimana cara membuat foto jadi terlihat memiliki border putih di blogger? Yang seperti ini? Cara termudahnya adalah memilih template yang menyediakan fasilitas untuk itu.. Ada cara lain? Ada sih, kalo bersedia mau agak repot... Pada saat mem-posting, di editornya PILIH tampilan HTML lalu untuk membuat foto yang ber-border putih ketik kode yang kira-kira seperti berikut ini <div id="background" style="background-color:gray;text-align:center;padding:10px 10px 10px 10px"> <div id="border" style="display: inline-block;background-color:fff;padding: 8px 8px 8px 8px"> <img src=http://twitpic.com/show/thumb/tq7m5.jpg" /> </div> </div> Penggunaan attribute id pada div di contoh ini tidak berpengaruh apa-apa hanya untuk mempermudah mengikuti penjelasan saja, jadi boleh dihapus. Pertama, jika border-nya nanti berwarna putih maka background/ ruang diluar diluar border itu sebaiknya diberi w...