PONSTAT : Universitas Jember Virtual Statistics Laboratory
Pondok to Learn, Discuss, & Practice Statistics, where R & LaTeX, with Shiny & MathJax, gather friendly ready to serve

Practice LaTeX with MathJax
All graphics are produced using R in various packages

Menulis Persamaan Matematika dengan MathJax

I Made Tirta, Revisi terakhir 28 Agustus 2022.

Unduh Templete Unduh Panduan HTML,LaTeX, 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.
Pada laman ini anda dapat melatih menulis berbagai rumus matematika mengikuti kaidah $\LaTeX$. Pada waktu yang sama, untuk tampilan web, anda juga bisa berlatih menggunakan berbagai font dan warna font. Terimakasih kepada Tim MathJax yang membuat interface $\LaTeX$ ke web, yang memberikan banyak keuntungan dan kemudahan.

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. Koleksi Persamaan Matematika
  3. Koleksi Font HTML
  4. Koleksi Warna HTML
  5. Latihan HTML
  6. Papan Latihan
    Catatan: Semua skrip yang ada pada halaman ini dapat dicoba pada papan latihan

Bentuk persamaan matematika


Persamaan sederhana

Berikut adalah contoh naskah (paragraf) dengan berbagai warna dan jenis font yang memuat persamaan matematika
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 tanda dolar dobel untuk persamaan bernomor yang nantinya perlu dirujuk
    $$
          x_{12}=\frac{-b\pm\sqrt{b^2-4ac}}{2a}
          \label{eq0}
    $$
    Berdasarkan persamaan \eqref{eq0} di atas, maka ...
    
    Menghasilkan $$ x_{12}=\frac{-b\pm\sqrt{b^2-4ac}}{2a} \label{eq0} $$ Berdasarkan persamaan \eqref{eq0} di atas, maka ...
  • 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*}
    
    Menghasilkan \begin{equation*} y=\frac{x^2-1}{\sqrt{1-x^2}} \end{equation*}
  • 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}
      
      Menghasilkan
      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}
      
      Menghasilkan \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}
      $$
      
      Menghasilkan $$\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$$
        

    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 yellowgreen

    Contoh HTML


    Format Font dan Warna untuk Teks dan Persamaan

    Untuk mengimlementasikan koleks warna dan font gunakan format
    <font face=nama.font, color=nama.warna, size=ukuran.font> </font> Misalnya <font face="Comic Sans MS" color="red" size="3"> Contoh Font Comic S MS warna merah ukuran 3, \$3x+2y=5\$ </font> Menghasilkan
    Contoh Font Comic S MS warna merah ukuran 3, $3x+2y=5$

    Sebagai latihan salin code contoh berikut ini ke Papan Latihan di atas, selanjutnya modifikasi dengan pilihan font, warna dan lain-lain. Berikut adalah tampilan untuk pilihan

    <font face="Bedrock" color="green" size="3"> Fon Bedrock warna hijau $5x+3y=6$ </font>
    Menghasilkan Fon Bedrock warna hijau $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

    <font face="Bedrock" color="white" size="3"> <table bgcolor="darkblue" border="1"> <tr> <td> baris1 kolom 1 </td> <td> baris1 kolom 2 </td> <td> baris1 kolom 3 </td> </tr> <tr> <td> baris2 kolom 1 </td> <td> \$\mathbf{X}=\begin{pmatrix} a&b&c\\ 1&2&3 \end{pmatrix}\$ </td> <td> \$3x+5y=6\$ </td> </tr> </table> </font> akan menghasilkan
    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$

    Papan Latihan

    Anda bisa mencoba menuliskan rumus matematika menggnakan format $\LaTeX$ pada papan berikut dan langsung melihat hasilnya. Tulis (copy & paste) contoh di atas, atau contoh lain (rumus anda) di dalam kotak :


    Hasilnya dilihat disini:

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

    Daftar Bacaan LaTeX dan Penulisan Matematika

    1. [1]. Downes M. 2002. Short Math Guide for $\LaTeX$. American Mathematical Society. ftp://ftp.ams.org/ams/doc/amsmath/short-math-guide.pdf
    2. [2]. Wikibooks. LaTeX/Mathematics http://en.wikibooks.org/wiki/LaTeX/Mathematics
    3. [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

    Powered by MathJax

    PDF Gallery

    Services Available

    Statistics Laboratory The University of Jember, conducts workshop and training on various topics on statistical analyses using R. We also provide some printed lecture notes (in Indonesian) on some statistical topics using R

    Contact Us

    Statistics Laboratory, The Faculty of Sciences, The University of Jember.

    Address: Jalan Kalimantan 37, Jember,
    : Jawa Timur, INDONESIA 68121
    Telephone: +623-3133-4293
    FAX: +623-3133-0225
    CP: I Made Tirta: +62-821-4327-5131
    E-mail: itirta.fmipa@unej.ac.id

    This template downloaded form free website templates