Matematika di Web dengan MathML
May 12, 2008 – 17:56 by Dani IswaraMasih seputar web. Menampilkan rumus Matematika di web sebagai teks dapat dilakukan dengan MathML (Mathematical Markup Language). Untuk jangka panjang, MathML diusulkan oleh W3C sebagai standar web dalam penyajian perhitungan Matematika berbasis teks.
MathML 2.0, a W3C Recommendation was released on 21 Feb 2001. A product of the W3C Math working group, MathML is a low-level specification for describing mathematics as a basis for machine to machine communication. It provides a much needed foundation for the inclusion of mathematical expressions in Web pages.
Alternatif lain, kita dapat memanfaatkan fitur LaTeX dan beberapa perangkat lunak pendukung lain (misalnya gladTeX).
Hanya saja tampilannya akan berupa berkas gambar.
Saat ini, penulisan kode MathML dianggap masih terlalu rumit.
Dukungan peramban juga belum luas.
![]()
Matematika dengan LaTeX
LaTeX dapat digunakan di WordPress.com. Beberapa layanan blog berbayar juga menyediakan fitur tambahannya berupa ‘plugin’.
Contoh di bawah ini disesuaikan dengan halaman FAQ WordPress.com – tentang LaTeX.1
Untuk menampilkan kode LaTeX dalam tulisan, ketikkan dengan pola seperti di bawah:
$latex kode-latex-disini$
Misalnya (di WordPress.com):
$latex \alpha+\beta\geq\gamma
dengan bantuan ‘plugin’ LaTeX:
$$\alpha+\beta\geq\gamma!$$
Tampilannya menjadi seperti di bawah (aktifkan tampilan gambar);
![]()
Contoh diganti dengan format gambar. LaTeX (terutama berkas ‘cache’-nya) disini ternyata tidak menghasilkan kode yang valid XHTML 1.1.
Matematika dengan MathML
MathML berformat dasar XML. Tidak dibutuhkan Document Type Definition (DTD) tertentu untuk menampilkannya (HTML 5 juga tidak membutuhkan DOCTYPE). Dapat berupa DOCTYPE MathML 2.0 atau bisa juga dikombinasikan dengan DOCTYPE XHTML 1.1. Lihat juga Memilih HTML dibandingkan XHTML.
MathML sudah memasuki MathML 3 (’draft’). Versi yang kini umum digunakan adalah MathML 2.2
MathML dapat tampil (belum sempurna) di peramban Mozilla 0.9.9+ (termasuk Firefox 2.0+).
Cek juga taut Authoring MathML for Mozilla.
Untuk peramban Opera 9.5+, coba ikuti artikel Can Kestrels do Math? MathML support in Opera Kestrel (tim pengembang Opera) dan Opera and MathML (oleh Prof. Jacques Distler).
Peramban IE membutuhkan ‘plugin’ tertentu.
Contoh Presentation MathML
Di bawah ini contoh kode MathML persamaan Matematika yang menggunakan simbol √ (”akar”):
<math xmlns="http://www.w3.org/1998/Math/MathML">
<msup>
<msqrt>
<mrow>
<mi>a</mi>
<mo>+</mo>
<mi>b</mi>
</mrow>
</msqrt>
<mn>27</mn>
</msup>
</math>
Copyright David Carlisle 2001, 2002.
Use and distribution of this code are permitted under the terms of the W3C Software Notice and License.
Cek taut berikut di peramban anda: MathML sederhana (Presentational MathML).
Jika peramban anda menampilkan persamaan Matematika di taut tersebut dengan baik, menunjukkan bahwa peramban anda mendukung Presentation MathML.
Contoh Content MathML
Ikuti taut: MathML yang lebih kompleks (Content MathML).
Jika peramban anda menampilkan persamaan Matematika di taut tersebut dengan baik, menunjukkan bahwa peramban anda mendukung Content MathML.
Situs MathML juga menyediakan halaman uji coba yang lebih lengkap dan dapat diunduh untuk melihat kompatibilitas peramban dengan fitur MathML.3
Cara lain untuk menampilkan persamaan Matematika bisa dilihat di Displaying Math in HTML.
Referensi:
- Can I put Math or Equations in my Posts? [1] (dari FAQ WordPress.com)
- W3C Math Home [2]
- MathML Test Suite [3]
Lintas Berita - Matematika di Web dengan MathML!
Cite - Matematika di Web dengan MathML!
Last updated: Monday, June 23, 2008 at 7:29















Comment by cerita.asia on September 18, 2008 at 17:30:50
Mozilla Firefox 3.0.1 on
Windows XP
using
Maaf mas kalau yang ini saya belum begitu mengerti.. Jujur saya ingin seperti mas yang menggunakan css dan html yang valid, mas. Mas pada index html saya tidak valid tapi pada single.php valid.
Cara mengatasinya gimana mas. Apa karena saya menggunakan no follow pada plugin wp ya mas..
Mas apa nofollow itu bisa meningkatkan seo kita dan apa nofollow itu dibenci blogger blogger yang lain…
tolong jangan beritahu siapa siapa ya mas..
terima kasih…
Comment by cerita.asia on September 19, 2008 at 02:00:59
Mozilla Firefox 3.0.1 on
Windows XP
using
MAS udah bisa, tapi isi content pada index.htmlnya saya ilangin semua…
Mas mengapa pada link saya yang keindex google koq ada tanggalnya ya mas, tidak langsung meta deskripsinya. Bagaimana cara menghilangkannya? Apakah itu pengaruh jgua pada mesin pencarian mas.. Terima kasih. Mohon sarannya
Comment by dani on September 19, 2008 at 08:54:20
Mozilla Firefox 3.0.1 on
Gentoo Linux
using
- cerita.asia: [OOT] via mail aja langsung mas..
Comment by anton on September 19, 2008 at 17:55:38
Mozilla Firefox 3.0.1 on
Windows XP
using
Ya mas makasih..
Comment by Watch Math on November 30, 2008 at 22:24:46
Mozilla Firefox 3.0.4 on
Windows Vista
using
Menarik ulasannya tentang menulis notasi matematika di web site. Penggunaan (strict) latex sayangnya memerlukan latex terinstall di server. Jadi kalau anda punya blog bukan di wordpress sukar untuk menggunakan latex. Jalan keluarnya pakai mimetex yg juga menggunakan syntax latex. Contoh penggunaan mimetex bisa dilihat di forum olimpiade.org atau di watchmath.com
Comment by dani on December 1, 2008 at 07:36:38
Mozilla Firefox 3.0.4 on
Gentoo Linux
using
- Watch Math:
Terima kasih kunjungannya..
yg di forum olimpiade sudah pernah saya lihat
yg di watch math kapan2 saya lihat
Comment by XMATHX on December 30, 2008 at 19:59:22
Opera Mini 9.50
using
$latex \frac{1}{3}LILEO$
Comment by Dani Iswara on February 2, 2009 at 06:38:59
Mozilla Firefox 3.0.5 on
Gentoo Linux
using
sorry itextoMML binary has not been installed on my server yet
Comment by om son on May 18, 2009 at 04:36:32
Internet Explorer 7.0 on
Windows Vista
using
wah, saya koq ketinggalan info ya. nanti saya coba pake mathmL nya