Berlatih $\LaTeX$ dengan MathJax

Huruf-huruf sebagai notasi matematika harus dibedakan dengan huruf bukan notasi matematika. Misalnya bentuk matematika yang benar adalah $3x+5$, tidak bisa ditulis 3x+5 [salah], ataupun 3x+5 [salah]. Demikian juga $\log(x)$ [benar] tidak bisa ditulis log(x)[salah], ataupun $log(x)$[salah]. Selain memuat banyak persamaan, naskah matematika biasanya juga memuat teorema, definisi dan silang-rujuk diantara mereka. Salah satu program pengolah kata yang dapat membedakan dengan baik penggunaan huruf untuk notasi matematika dan melakukan silang rujuk adalah $\LaTeX$. Namun karena penggunaannya tidak berbasis WYSIYWYG (What You See Is What You Get), maka tidak banyak akademisi matematika (matematisi) yang menggunakan $\LaTeX$ sebagai pengolah naskahnya. Terimakasih kepada Tim MathJax yang membuat interface $\LaTeX$ ke web, yang memberikan banyak keuntungan.

Font: Comis SS darkgreen. Kelebihan berlatih $\LaTeX$ dengan MathJax online adalah hasilnya langsung bisa dilihat tanpa perlu melakukan kompilasi ke dvi atau ke pdf terlebih dahulu (sebagaimana yang dilakukan dengan $\LaTeX$ versi biasa), sehingga bisa dikatakan MathJax adalah versi WYSIWYG-nya $\LaTeX$. Anda dapat mencoba persamaan anda disini terlebih dahulu sebelum memuatnya dalam naskah $\LaTeX$ anda, karena dalam hal notasi matematika, mathJax dapat diklaim 100% sesuai dengan $\LaTeX $ versi biasa.

Topik

  1. Persamaan Matematika dengan Latex/MathJax
  2. Papan Latihan
  3. Koleksi Persamaan Matematika
  4. Koleksi Font HTML
  5. Koleksi Warna HTML
  6. Latihan HTML

Bentuk persamaan matematika

Persamaan sederhana

Font: WildWest. blue Contoh berikut adalah bentuk persamaan entitas matematika yang sederhana, coba masukan contoh berikut dan lihat beda luarannya. Dari tampilan yang terjadi, anda akan lihat bahwa sebagian contoh tersebut bukan merupakan cara penulisan notasi matematika yang baku.
2x+5 (S), $2x+5 (B)$, $$2x+5 (B)$$, $X^T\beta (S)$,  $\mathbf{X}^T\boldsymbol{\beta} (B)$
log(x) (S),$log(x) (S), \log(x) (B), \log x (B)$; $sin x(S), \sin x(B)$

Persamaan bernomor, berlabel dan cara merujuknya

Font: Bedrock. brown Persamaan bernomor dan berlabel diperlukan untuk merujuk (nomor) persamaan bersangkutan. Ada beberapa cara yang biasa ditempuh untuk membuat persamaan bernomor dan berlabel.
  • Menggunakan equation untuk persamaan bernomor yang nantinya perlu dirujuk
    \begin{equation}
          x_{12}=\frac{-b\pm\sqrt{b^2-4ac}}{2a}
          \label{eq1}
    \end{equation}
    Berdasarkan persamaan \eqref{eq1} di atas, maka ...
    
  • menggunakan equation* untuk persamaan tidak bernomor:
    \begin{equation*}
          y=\frac{x^2-1}{\sqrt{1-x^2}}
    \end{equation*}
    
  • Papan Latihan

    Tulis (copy & paste) contoh di atas, atau contoh lain (rumus anda) di dalam kotak :


    Hasilnya dilihat disini:

    Catatan: Jika layar tidak respon (biasanya karena persamaan yang sama diulang), silakan layar dibersihkan, di-refresh lalu dimulai lagi!

    Daftar Bacaan LaTeX dan Penulisan Matematika

    1. Downes M. 2002. Short Math Guide for $\LaTeX$. American Mathematical Society. ftp://ftp.ams.org/ams/doc/amsmath/short-math-guide.pdf
    2. Wikibooks. LaTeX/Mathematics http://en.wikibooks.org/wiki/LaTeX/Mathematics
    3. Tobias Oetiker, Hubert Partl, Irene Hyna and Elisabeth Schlegl. 2014. The Not So Short Introduction to $\LaTeX 2_\epsilon$. https://tobi.oetiker.ch/lshort/lshort.pdf

    Suplemen: Beberapa contoh lain

      1. Persamaan lebih dari satu baris (multi line) menggunakan align

      Diketahui $$ (x+2)(x+3)\label{eq2} $$
      selanjutnya diuraikan lengkap
      \begin{align}
      (x+2)(x+3)&=x(x+3)+2(x+3) \nonumber\\
                &=x^2+3x+2x+6\\
                &=x^2+(3+2)x+6\\
                &=x^2+5x+6 \label{eq3}
      \end{align}
      Persamaan \eqref{eq2} identik dengan ruas kanan persamaan \eqref{eq3}
      

      2. Contoh dengan array (untuk matriks, dll)

      \begin{equation}
      P(Y=y)=\begin{cases} \left(\begin{array}{cc}
                           y+r-1 \\
                           r-1
                           \end{array}\right)p^{r}q^{y} & \text{ untuk
                           } y=0,1,2,\cdots \\
                           0 &\text{ untuk yang lain.}
                           \end{cases}
      \end{equation}
      

      3. Matriks dengan 3 macam kurung

        a.
      $$\mathbf{X}=\begin{bmatrix}
                  a&b&c\\
                  1&2&3
                 \end{bmatrix}
      $$
      
        b.
      $$\mathbf{X}=\begin{pmatrix}
                  a&b&c\\
                  1&2&3
                 \end{pmatrix}
      $$
      
        c.
      $$\mathbf{X}=\begin{vmatrix}
                  a&b&c\\
                  1&2&3
                 \end{vmatrix}
      $$
      

      4. Aneka rupa

        a.
        $$x^n=\overbrace{x\times x \times \cdots \times x}^n$$
        $$x^n=\underbrace{x\times x \times \cdots \times x}_n$$
        
        b.
        $$\sum_{i=1}^n x_i=x_1+x_2+\cdots+x_n$$
        $$\prod_{i=1}^n x_i=x_1\times x_2\times \cdots\times x_n$$
        
        c.
        $$\int_0^2 2x\;  dx=\left.x^2\right]_0^2$$
        

    Catatan HTML

    Koleksi Font Yang Bisa Dipakai di Web ini

    Arial Verdana sans-serif
    Helvetica
    Consolas
    tahoma
    Helvetica Neue
    Times New Roman
    WildWest
    Bedrock
    georgia
    Monaco
    Comic Sans MS
    Script
    Courier New

    Koleksi Warna

    aqua aquamarine blue blueviolet brown
    chocolate coral cyan darkblue darkcyan
    darkgrey darkmagenta darkorange darkred darkgreen
    darkseagreen darkviolet deeppink deepskyblue dimgray
    dimgrey gray grey greenyellow green
    hotpink lavender lightgrey lightblue lightbluesky
    lightcyan lightpink lightseagreen lightsalmon lightgreen
    navy orange olive orangered orchid
    plum purple royalblue red seablue
    skyblue silver gold steelblue teal
    turqoise violet mediumvioletred yellow yellogreen

    Latihan HTML

    Format Font dan Warna Umum

    Untuk mengimlementasikan koleks warna dan font gunakan format Face=nama.font, color=nama.warna, size=ukuran font dan langkah berikut.
    1. Highlight contoh yang ada
    2. Tekan mouse bagian kanan, lalu pilih view source code
    3. Salin source yang muncul
    4. Pindahkan (paste) ke papan Latihan di atas
    Sebagai latihan salin code contoh berikut ini ke Papan Latihan di atas, selanjutnya modifikasi dengan pilihan font, warna dan lain-lain.

    Contoh font dan warna: $3x+5y=6$ dan $5x+3y=6$

    Tabel dalam HTML

    Dalam pembuatan tabel, bgcolor=warna backgroud, border (1 ada border, 0 tidak ada border) tr membatasi baris td membatasi kolom

    Contoh Tabel 3x3 Digabung dengan Rumus Matematika
    baris1 kolom 1 baris1 kolom 2 baris1 kolom 3
    baris2 kolom 1 $\mathbf{X}=\begin{pmatrix} a&b&c\\ 1&2&3 \end{pmatrix}$ $3x+5y=6$

    Powered by MathJax