LaTeX Equation Editor untuk HTML


Tentu bukan satu atau dua kali sebenarnya saya sempat mengernyitkan dahi karena keingintahuan untuk menulis persamaan matematika dan/atau lainnya di tulisan blog atau halaman tertentu sebuah situs. Terlebih rasanya kurang lengkap jika pembahasan tentang cara penulisan referensi yang lalu tidak dibarengi dengan apa yang akan kita bahas sekarang. Bagi kita yang 'familiar' dengan penulisan tugas, makalah atau bahkan jurnal ilmiah (utamanya bidang sains dan teknologi) tentu tidak lagi mendapat kesulitan berarti untuk menuliskan persamaan-persamaan matematis (ehm... atau mungkin lebih mudah didengar sebagai.. "rumus") di software-software pengolah kata baik Microsoft Office atau OpenOffice sekalipun.

Kedua perangkat lunak yang sangat kita cintai ini (dengan sangat mengerti) telah memasukkan fitur equation editor untuk memudahkan kita menulis 'rumus-rumus' tadi dalam tulisan yang memang 'memaksa' persamaan ini untuk masuk kedalamnya. Kemudahan yang bisa kita dapatkan di software pengolah kata ini tentu membuat mereka (rumus-rumus ini) lebih sering muncul dalam file-file offline atau kalaupun terbuka online tulisan-tulisan indah ini akan dibundel dalam satu kemasan file yang terlebih dulu harus di-download. Dan biasanya tidak dalam ukuran file yang dapat dinikmati oleh pengguna layanan internet 'narrowband' (kebalikan broadband :P) yang koneksinya 'habis gelap terbitlah terang' (maksudnya, kalau mau sedikit lebih cepat, tunggu sampai malam tiba dan tidak semua orang berdesakan menggunakan internet) seperti saya. :)

Kemudian yang membuat kernyitan dahi ini tidak segera turun adalah persoalan bagaimana jika sesekali kita ingin menyematkan 1 atau 2 persamaan yang memang dirasa penting muncul di halaman blog atau situs kita? dan persamaan ini muncul online layaknya jika kita mencari tahu soal beberapa persamaan matematis di ensiklopedia bebas wikipedia itu. Persamaan-persamaan ini muncul persis seperti jika kita menuliskannya di file-file word-processor biasanya.

Usut punya usut dan telusur punya telusur, Alhamdulillah, akhirnya beberapa saat yang lalu saya mendapati (tentu saja atas kerja keras google semata) sebuah halaman berisikan 'online latex equation editor' yang tentunya serta-merta membuat saya segera kegirangan karena tercapainya keinginan menuliskan 'rumus-rumus' di blog atau situs tertentu sudah didepan mata. Memang sudah sangat dimaklumi bahwa penggunaan LATEX-script sudahlah menjadi kelaziman bagi mereka yang memang sering membenamkan hati dan pikiran mereka untuk menulis makalah, jurnal atau bahwa thesis yang selalu melibatkan persamaan-persamaan tertentu dalam tulisannya. Tapi sekali lagi, yang istimewa dari apa yang disuguhkan oleh Will Bateman dan Steve Mayer ini adalah fasilitas online editor yang tanpa harus meng-install script-script tertentu, penulisan persamaan tersebut langsung dapat digunakan.

Menuliskan persamaan semisal persamaan Schrödinger bergantung-waktu berikut, akan sangat mudah (meski jelas solusi-nya sendiri tidak kemudian ikut jadi mudah :P ) :



Atau ingin menuliskannya secara khusus untuk kasus partikel bebas dalam daerah satu dimensi dibawah pengaruh potensial V:



Tentu saja, contoh diatas sama sekali tidak menunjukkan bahwa hanya persamaan tertentu saja yang yang dapat kita buat. Persamaan apapun, baik itu matematis atau reaksi kimia sekalipun dengan mudah dapat kita buat. Halaman tersebut dapat diakses di sini. Sampai disana, kawan-kawan tidak akan disuguhkan 'ucapan selamat datang' yang bertele-tele, kawan kawan hanya akan dihadapkan pada 'selembar' halaman bersih dengan tools ala equation editor yang tentunya sudah sangat familiar. Jika sudah selesai dengan penulisan persamaan yang perlu dilakukan hanyalah menyalin seluruh HTML-script (atau bahkan script selain HTML) di bagian bawah dan letakkan di bagian tulisan yang kawan-kawan inginkan. Sebagai contoh persamaan Schrödinger diatas saya dapat dengan menyematkan script berikut tepat di tempat kawan-kawan bisa melihat persamaan itu berada.
<a href="http://www.codecogs.com/eqnedit.php?latex=\large i {\partial \over \partial t} \Psi(x,\,t)= -{1 \over 2m} {\partial^2 \over \partial x^2} \Psi(x,\,t)@plus; V(x)\Psi(x,\,t) \," target="_blank"><img src="http://latex.codecogs.com/gif.latex?\large i {\partial \over \partial t} \Psi(x,\,t)= -{1 \over 2m} {\partial^2 \over \partial x^2} \Psi(x,\,t)+ V(x)\Psi(x,\,t) \," title="\large i {\partial \over \partial t} \Psi(x,\,t)= -{1 \over 2m} {\partial^2 \over \partial x^2} \Psi(x,\,t)+ V(x)\Psi(x,\,t) \," /></a>

Atau jika tidak ingin menautkan (me-link) persamaan tersebut ke halaman equation-editor ini, maka yang bisa kita lakukan hanya dengan membuang script berwarna merah dan meninggalkan script berwarna biru saja. Artinya kita hanya mengambil gambar persamaan yang kita butuhkan saja, sehingga menjadi
<img src="http://latex.codecogs.com/gif.latex?\large i {\partial \over \partial t} \Psi(x,\,t)= -{1 \over 2m} {\partial^2 \over \partial x^2} \Psi(x,\,t)+ V(x)\Psi(x,\,t) \," title="\large i {\partial \over \partial t} \Psi(x,\,t)= -{1 \over 2m} {\partial^2 \over \partial x^2} \Psi(x,\,t)+ V(x)\Psi(x,\,t) \," />

Mudah... semoga mudah. Setidaknya ini memang memudahkan. Selamat mencoba kawan-kawan.

Aku tunduk pada kesempurnaanNya.

30 tanggapan:

I know there is something in your head
Any type of comment will be accepted and published. Except spam!
Subscribe to my feed | Subscribe comment feed
harry seenthing mengatakan...

wah ilmu yang bermanfaat nih, tapi kok aku gag ngerti yah kang

beasiswa mengatakan...

waw...berguna sekali online toolnya. bisa disave ga mas gambar hasil tulisan rumusnya?

firdaus.a mengatakan...

@harry : Walah kang.. Sama atuh, :) intina mah, semacam 'eq-editor' di word kita untuk keperluan online.
@beasiswa: Bisa om. :) malah itu yang sedang kita coba manfaatkan. Selain untuk online, tentu bisa pula disimpan untuk keperluan offline.

joglo selaras mengatakan...

numpang promo yah.
furniture indonesia terbuat dari kayu jati dan mahogany untuk rumah, hotel, villa, pemilik gallery dll dengan jenis minimalist, classic dan antique furniture.

ifnullearner mengatakan...

Nice info gan.. posting berikutnya bisa berupa rumus aja ni. Persamaan Schrodinger berikut solusinya.. hehe :)

belajar bahasa inggris mengatakan...

duhhhh...bingung!!!

Loker mengatakan...

Makasih info nya kang.. Sangat berguna bagi saya yang masih baru.

panduan bisnis dari rumah mengatakan...

salam kenal

jual/buat web Rp.50.000,- mengatakan...

ok lah bozzz..........

JALOE mengatakan...

weh info yg mantap kang.. tapi kalau santri seperti sy mungkin text editor bhs arab kale yg di butuhkan :)

rozy mengatakan...

ribet juga ya bro

Hendro mengatakan...

Ini informasi yang sangat berguna bagi kita semua karena terkadang kita memang membutuhkannya.

Wisata Seo Sadau mengatakan...

Jujur.. ini gak mudah mas eos

Wiran mengatakan...

Sebenarnya jadi teringat dengan program LaTeX yang berdiri sendiri di atas palform DOS (compiler). Itu jamannya tahun 1990, waktu saya pertama kenal dengan program ini, sewaktu kuliah "di luar". Sempat pakai sih waktu itu.

Cuma baru tau ternyata ada juga yang seperti ini, tentunya menjadi lebih mudah dibanding "jaman dulu".
Ma kasih infonya...

abbie belajar blogging mengatakan...

Wah.. info yg sangat bermanfaat ini mas. Baru tau nih.

Jd rada nyesel nih. Dlu wkt bikin skripsi blm tau software ginian. Nulis rumus dan simbol yg aneh2 jd lama & bikin males.

Mg2 bnyk yg baca postingan ini. :)

Blogspot template mengatakan...

its a new for me...nice tips

ILHAM BUDIANTO mengatakan...

hey that is good, but I have to know about it...
but it is nice information, thanks........

Juliawan mengatakan...

waoooo nice info bro hehehe tipsnya bener2 bantu gue bro ^^

nur kholiq mengatakan...

wehh...rumus apaan tu...??

permasalahan umum mengatakan...

itu pelajaran fisika yoe....

masa komputer ada gi2annya!!!

deddy mengatakan...

baru tahu online tool ini nih

Health and Beauty Tips mengatakan...

Equetion ya..
ku inget-inget nich..
thanks buat informasinya, sangat membantu saya nich...

aanhendrayana mengatakan...

mohon izin copas hanya artikel ini saja, dengan tetap menuliskan sumbernya dari sini. terima kasih

peluang bisnis online 2009 mengatakan...

bisa lebih mudah siswa2 sekolah sedang mencari langsung tentang matematika

Free Blackberry Apps mengatakan...

thanks buat infonya.. sangat bermanfaat

beritane mengatakan...

Blogwalking ... numpang lewat mas ... salam kenal.

ebook manual pdf mengatakan...

Fine information, many thanks to the author

Tri Susanto mengatakan...

Ijin nyoba

/gif.latex?v=\frac{\partial X}{\partial t}

HAFID mengatakan...

hafid/http://inspirategalaxy.blogspot.com

ariefatosa..haloo..g nyangka ketmu disini. Sy lg blajar ng-blog, tp kesulitan masukin rumus matematik nih.Blum bisa...nulis di word pengen equation2ny muncul diblog

Lg coba pahamin penjelasan kmu diatas. thx

firdaus.a mengatakan...

@Tri Susanto : Masbro.. kolom komentar ini nggak bisa ngerender HTML.. jadi, nggak muncul. Coba masbro test dengan posting.. pasti jalan kok. OK Bro.. :)

@Kang Hafid : hehehe... hafid kumaha kabar, damang bos??.. :) singkatnya mah fid.. ya langsung aja menuju http://www.codecogs.com/ atau http://www.mayer.dial.pipex.com/tex.htm terserah yang mana aja. Nanti disana masukin persamaan yang kita mau.. nanti bakal di-generate syntax HTML-nya. Baru bisa dimasukkin ke blog.. Gitu Bro.. Salam nya' buat keluarga. :)

Beri Komentar

Silahkan tanggapi tulisan ini. Blognya firdaus mendukung "DO FOLLOW". Artinya, Setiap komentar yang diberikan, akan dibalas dengan backlink dari sini.
(Jangan buang-buang waktu dengan melakukan SPAMMING. Komentar yang ber'bau' SPAM akan dihapus.)

(Atau bila rindu menggunakan Form Komentar Lama Terima Kasih Yang Sebesar-besarnya)


 
Terima Kasih Dunia Atas Segala Inspirasi dan Warna Suara . DuaRibuDuaBelas. MMXII . Firdaus™
Subscribe with Bloglines Blog