Matematika di Web dengan MathML

May 12, 2008 – 17:56 by Dani Iswara

Masih 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.

MathML..more

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.

MathML Inside!

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);

\alpha+\beta\geq\gamma

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:

  1. Can I put Math or Equations in my Posts? [1] (dari FAQ WordPress.com)
  2. W3C Math Home [2]
  3. MathML Test Suite [3]
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • Live
  • Technorati
  • NewsVine
  • StumbleUpon
  • E-mail this story to a friend!
  • LinkedIn
  • MySpace
  • Propeller
  • TwitThis
  • Yahoo! Buzz
  • FriendFeed
  • Ping.fm

Lintas Berita - Matematika di Web dengan MathML!
Cite - Matematika di Web dengan MathML!

The most unessential weblog
Dani Iswara, mail me:[myfirstnamelastname]@gmail.com or use contact form.

Last updated: Monday, June 23, 2008 at 7:29

You are free to share (copy, distribute, transmit) & adapt this blog post under the similar license (Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported; CCA-NC-SA 3.0 Unported). Please put these links on your copy:
Taken from: Matematika di Web dengan MathML by Dani Iswara.

Possibly related post(s):

You may also read most popular posts and most popular tags of Dani Iswara .Net.

Return to TOP
‹‹ Older entries: Hapuskan Pasal Pengekang Kebebasan Informasi
›› Newer entries: CommentLuv Plugin Passes WCAG 2.0 by ATRC

10 Responses to “Matematika di Web dengan MathML”

  1. Comment by cerita.asia on September 18, 2008 at 17:30:50
    using Mozilla Firefox Mozilla Firefox 3.0.1 on Windows Windows XP

    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…

    Reply

  2. Comment by cerita.asia on September 19, 2008 at 02:00:59
    using Mozilla Firefox Mozilla Firefox 3.0.1 on Windows Windows XP

    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

    Reply

  3. Comment by dani on September 19, 2008 at 08:54:20
    using Mozilla Firefox Mozilla Firefox 3.0.1 on Gentoo Linux Gentoo Linux

    - cerita.asia: [OOT] via mail aja langsung mas..

    Reply

  4. Comment by anton on September 19, 2008 at 17:55:38
    using Mozilla Firefox Mozilla Firefox 3.0.1 on Windows Windows XP

    Ya mas makasih..

    Reply

  5. Comment by Watch Math on November 30, 2008 at 22:24:46
    using Mozilla Firefox Mozilla Firefox 3.0.4 on Windows Windows Vista

    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

    Reply

  6. Comment by dani on December 1, 2008 at 07:36:38
    using Mozilla Firefox Mozilla Firefox 3.0.4 on Gentoo Linux Gentoo Linux

    - Watch Math:
    Terima kasih kunjungannya..
    yg di forum olimpiade sudah pernah saya lihat
    yg di watch math kapan2 saya lihat

    Reply

  7. Comment by XMATHX on December 30, 2008 at 19:59:22
    using Opera Mini Opera Mini 9.50

    $latex \frac{1}{3}LILEO$

    Reply

  8. Comment by Dani Iswara on February 2, 2009 at 06:38:59
    using Mozilla Firefox Mozilla Firefox 3.0.5 on Gentoo Linux Gentoo Linux

    sorry itextoMML binary has not been installed on my server yet

    Reply

  9. Comment by om son on May 18, 2009 at 04:36:32
    using Internet Explorer Internet Explorer 7.0 on Windows Windows Vista

    wah, saya koq ketinggalan info ya. nanti saya coba pake mathmL nya

    Reply

Trackbacks/Pingbacks

  1. Pingback by Peramban Opera 9.5 dan Swiftweasel 3.0 di Linux Slackware - Dani Iswara .Net on June 23, 2008 at 13:55:11
    using WordPress WordPress 2.5.1

    [...] (’World Wide Web Consortium’). Opera 9.5 kini juga telah mendukung MathML. Baca juga Matematika di Web dengan MathML di blog Dani Iswara [...]

    Reply

Subscribe Post/Comments | Trackback URI of this post

Leave a Comment

Your details and comments

You may read again from the top.

Do you want to share your idea and comments?

  • Comments are welcome in Indonesian, English, or Bali.
  • Based on e-mail, it's Gravatar enabled.
  • Strict XHTML (semantic markup) tags allowed (see Site Help - Leaving Comment).
  • All users are by default considered as non medical professionals. If a health/medical professional gives medical information in a comment, your status as a medical professional must be identified.
  • If you give a health/medical information, the references (eg. URIs, quotes, valid sources) should be given, when it is relevant.
  • More details on Disclaimer-Comment Policy.





Dani Iswara .Net

Return to TOP
‹‹ Older entries: Hapuskan Pasal Pengekang Kebebasan Informasi
›› Newer entries: CommentLuv Plugin Passes WCAG 2.0 by ATRC