Translate

Selasa, 09 Mei 2017

Membuat Rumus di Web

Untuk dapat menampilkan rumus persamaan pada laman web pada saat ini jauh lebih mudah. Sudah banyak situs online yang menyediakan sarana untuk membuat rumus baik matematika, fisika dan lain-lainnya. Kita tinggal buat rumusnya, lalu unduh hasilnya. Hasil unduhan juga tinggal pilih formatnya, mau format gambar atau html.
Tapi jadi tidak kerén kalau bisanya cuma segitu saja. Bagaimana bila kita buat persamaan tersebut langsung, tanpa perlu ke situs konversi online.
Sebenarnya pada tiap-tiap pengolah kata yang mumpuni, seperti M$-Office, LibreOffice atau OpenOffice, memiliki alat untuk membuat persamaan yaitu yang disebut dengan Equation Editor (M$-Word) atau Math (LibreOffice atau OpenOffice). Dan Kita dapat menyimpan rumus persamaan tersebut ke dalam format MathML (mml). MathML merupakan bahasa baku XML yang khusus untuk matematika dan telah menjadi bagian standar untuk peramban yang telah menerapkan HTML5.
File berformat mml tersebut dapat kita buka sebagai berkas teks (dengan Notepad, Wordpad, Leafpad dll). lalu isinya disalin ke dalam laman web. Berikut ini kita coba buat rumus Akar Persamaan Kuadrat yang terkenal di dunia Matematika. Dengan pengolah rumus yang dipakai adalah OpenOffice Math. (Gak kuat untuk beli M$ Office)

Langkah-langkahnya:

  • Masuk ke program OpenOffice Math dengan cara:
  • Melalui OpenOffice Writer: Menu InsertObjectFormula
  • Melalui OpenOffice: Pilih Formula
  • Setelah masuk, buat rumusnya dapat menggunakan 3 cara:
    1. Mengetik langsung di jendela edit (angka 1 warna merah).
    2. Misal:
       x={-b+-sqrt{b^2-4ac}} over {2a}
    3. Klik kanan di jendela edit lalu pilih elemennya (angka 2 warna merah)
    4. Atau pilih langsung pada jendela elemen (angka 3 warna merah)
  • Lalu setelah selesai, simpan rumusnya dalam format mml.
  • Buka file mml tersebut sebagai teks lalu salin isinya mulai dari tag <math xmlns="http://www.w3.org/1998/Math/MathML"> hingga tag </math> ke laman web yang ingin kita sisipkan.
  • Sebagai contoh adalah:
    <math xmlns="http://www.w3.org/1998/Math/MathML" style="display:block; text-align:left;">
     <semantics>
      <mrow>
       <mrow>
        <mi>x</mi>
        <mo stretchy="false">=</mo>
        <mfrac>
         <mrow>
          <mrow>
           <mrow>
            <mo stretchy="false">−</mo>
            <mi>b</mi>
           </mrow>
           <mo stretchy="false">±</mo>
           <msqrt>
            <mrow>
             <mrow>
              <msup>
               <mi>b</mi>
               <mn>2</mn>
              </msup>
              <mo stretchy="false">−</mo>
              <mn>4ac</mn>
             </mrow>
            </mrow>
           </msqrt>
          </mrow>
         </mrow>
         <mrow>
          <mn>2a</mn>
         </mrow>
        </mfrac>
       </mrow>
      </mrow>
      <annotation encoding="StarMath 5.0"> x={-b+-sqrt{b^2-4ac}} over {2a}</annotation>
     </semantics>
    </math>
    
  • Tambahkan kode CSS berikut pada tag math-nya:
  • style="display:block; text-align:left;"
    
  • Dan hasilnya pada laman web sebagai berikut:
  • x = b ± b 2 4ac 2a x={-b+-sqrt{b^2-4ac}} over {2a}
  • Contoh hasil lainnya adalah
  • Tegangan Listrik Rata-rata
    Vrms=1T0T[V(t)]2dtV_{rms}=sqrt{{1} over {T}int from{0} to{T} [V(t)] ^{2}dt}
    Transformasi Fourier
    f(x)=n=cne2πi(nT)x=n=f̂(ξn)e2πiξnxΔξf(x)=sum from{n=-infinity } to{infinity } c_{n}e^{2%pi{i}({n} over {T})x }=sum from{n=-infinity } to{infinity } hat f (%xi_n ) e^{2%pi i %xi_n x} bold {%DELTA}%xi
    Persamaan Ion
    CaCl2+2AgNO3Ca(NO3)2+2AgClCa2++2Cl+2Ag++2NO3Ca2++2NO3+2AgClCaCl_2 + 2 AgNO_3 rightarrow Ca(NO_3)_2 + 2 AgCl downarrow newline Ca^{2+`} + 2 Cl^-` + 2 Ag^+` + 2 NO_3^-` rightarrow Ca^{2+`} + 2 NO_3^-` + 2 AgCl downarrow
Demikian saja ulasan saya kali ini, semoga bermanfaat.

UPDATE:
Rumus hanya dapat dilihat dengan benar menggunakan browser Mozilla Firefox.

Tidak ada komentar:

Posting Komentar