Bila ada bentuk teks seperti http://jogja.linux.or.id dan Anda mengkliknya, bila ada, maka lokasi yang Anda lihat pada browser adalah situs KPLI Jogja. Apakah lokasi tersebut berada di kota Jogja? Ataukah di Kutub Utara? Bila Anda mengklik http://www.cnn.com, mungkin terpikir bahwa bahwa lokasi tersebut berada di "luar negeri" karena Anda tahu bahwa CNN adalah singkatan dari Cable News Network. Tidak ada kata-kata bahasa Indonesia. Jadi ada di luar negeri. Benarkah? Tapi kok hanya dengan mengklik kata tersebut, seolah-olah dengan cepat (jika koneksi Internet Anda tidak lelet) kita berpindah ke lain tempat? Wussss…
Untuk dapat membuat bentuk http://jogja.linux.or.id, maka dokumen harus ditulis dalam bentuk:
<a href="http://jogja.linux.or.id">http://jogja.linux.or.id</a>
Dalam HTML, bentuk ini disebut sebagai link, membuat rantai hubungan ke tempat lain. Jika hanya dituliskan seperti http://jogja.linux.or.id, dan mouse diletakkan diatasnya, tampak seolah-olah tidak ada yang bisa dilakukan. Inilah yang membedakan dokumen teks biasa dengan dokumen HTML. Misalkan untuk bentuk berikut:
- Panaskan air
- Buka bungkus mie
- Masukkan ke dalam mangkok berisi air mendidih
- Tutup mangkok agar mie cepat matang
- Gunakan perasaan Anda
Bentuk diatas disebut sebagai unordered list. yang dapat dibuat dengan cara:
<ul>
<li>Panaskan air</li>
<li>Buka bungkus mie</li>
<li>Masukkan ke dalam mangkok berisi air mendidih</li>
<li>Tutup mangkok agar mie cepat matang</li>
<li>Gunakan perasaan Anda</li>
</ul>
Mungkin sudah bosan mendengar, namun teks editor biasapun bisa digunakan untuk membuat dokumen HTML. Hanya karena bentuk HTML mengikuti aturan tertentulah, maka bila dibuka dengan sebuah browser, teks tersebut seolah-olah bisa membawa seseorang ke halaman lain. Namun, banyak juga yang beranggapan bahwa editor HTML yang WYSIWYG (What You See Is What You Get) merupakan sebuah kebutuhan yang mutlak diperlukan (dengan alasan kemudahan). Hal ini mungkin disebabkan karena dengan bertebarannya tag-tag HTML di dalam dokumen, yang membuat penulisan dokumen membingungkan.
Bila banyak perusahaan atau organisasi besar membuat situsnya bertumpu pada suatu sistem yang dinamakan Content Management System atau CMS, maka versi sederhana-nya adalah Weblog atau sering disebut sebagai Blog. Pada suatu Blog, setelah menyusun kerangka situs, pemilik tinggal memasukkan isi, tulisan atau artikel yang diinginkan. Basis data atau pengaturan kategori menjadi pekerjann aplikasi Blog. Intinya, pemilik hanya bertugas membuat isi yang menarik agar banyak pengunjung yang datang.
Situs-situs semacam Blogger, BlogSome, atau LiveJournal telah membuatkan kerangka situs dan tugas aplikasi. Pemilik tinggal mengubah tampilan atau fungsi sesuai dengan yang diinginkan. Bila ingin memasang sendiri aplikasi Blog, program-program semacam Wordpress, MovableType ataupun pMachine bisa digunakan.
Biasanya suatu Blog menyediakan suatu form bagi tempat pembuatan artikel, tulisan atau isi. Aturan penulisan yang diterapkan pada umunya adalah sederhana. Misalkan, untuk membuat unordered list seperti pada:
- Panaskan air
- Buka bungkus mie
- Masukkan ke dalam mangkon berisi air mendidih
- Tutup mangkok agar mie cepat matang
- Gunakan perasaan Anda
Maka bisa digunakan cara penulisan:
* Panaskan air
* Buka bungkus mie
* Masukkan ke dalam mangkon berisi air mendidih
* Tutup mangkok agar mie cepat matang
* Gunakan perasaan Anda
Sistem Wiki memungkinkan suatu situs menjadi "milik" bersama. Dengan konsep Cepat, orang lain dapat dengan mudah membuat tulisan atau mengoreksi suatu tulisan. Untuk mendukung konsep Cepat inipun, aturan penulisannya menggunakan cara sederhana namun bergantung kepada aplikasi Wiki yang digunakan. Untuk membuat unordered list seperti pada contoh diatas, maka beberapa aplikasi wiki menggunakan aturan penulisan:
- Panaskan air
- Buka bungkus mie
- Masukkan ke dalam mangkok berisi air mendidih
- Tutup mangkok agar mie cepat matang
- Gunakan perasaan Anda
Bagaimanapun juga, hasil keluaran dari Blog dan Wiki adalah dokumen HTML. Kemiripan pada kedua sistem tersebut adalah pada aturan penulisan dengan menitikberatkan pada konsep sederhana untuk membuat dokumen bentuk HTML.
Pada Blog, terkadang aturan yang digunakan form aplikasi yang bersangkutan tidak bisa memenuhi harapan. Beberapa aplikasi Blog memperbolehkan isi yang disertakan dalam bentuk HTML (cek aplikasi Blog yang Anda gunakan). Namun apakah berarti harus kembali mengalami kesukaran dalam pembuatan dokumen HTML? Adakah suatu program dengan cara aturan penulisan sederhana seperti halnya pada form Blog umumnya, yang mampu menghasilkan dokumen berbentuk HTML? Bila aplikasi Blog menyediakan fasilitas penyertaan HTML, maka dokumen bisa dibuat secara offline.
Pada Wiki, keadaanya berbeda. Dikarenakan masalah keamanan (karena setiap orang bisa mengubah halaman HTML), biasanya aturan penulisan dibatasi agar seusai dengan aplikasi Wiki yang digunakan. Namun bukanlah hal yang sukar untuk mengedit halaman Wiki setelah terbiasa dengan aturan penulisan yang diterapkan. Namun, yang agak sukar bahwa pengeditan cenderung dilakukan pada saat kita sedang online. Meskipun memungkinkan bahwa aplikasi Wiki yang digunakan bisa menyertakan bentuk HTML, namun akan menghambat konsep wiki pada awalnya: setiap orang bisa mengedit halaman pada situs yang menggunakan sistem Wiki. Pada Blog, isi adalah milik penulis Blog, sehingga yang dapat mengubah hanya pemiliknya (kecuali dalam suatu kelompok dengan adanya admin yang bisa mengedit isinya).
Program-program yang akan dibahas adalah program untuk mengubah suatu dokumen (sumber) ke bentuk dokumen lain (tujuan), dengan fokus utama yaitu keluaran HTML. Dokumen sumber adalah teks biasa dengan aturan penulisan sederhana untuk dapat membuat dokumen HTML secara instan (cepat). Beberapa program dapat mengeluarkan bentuk selain HTML.
Terlampau panjang untuk menjelaskan semua kemampuan yang dimiliki oleh program-program yang akan dibahas berikut. Untuk sekedar memberikan gambaran hasil yang diinginkan, maka akan dibuatkan satu contoh. Tentu saja, untuk kemampuan lebih lanjut, dapat mengecek manual program yang bersangkutan;-)
Beberapa program menghasilkan struktur HTML lengkap, namun ada juga yang hanya menghasilkan struktur HTML didalam elemen body.
Hasil yang diinginkan (HTML):
Sejak kemunculannya, Google menjadi fenomena tersendiri. Bermula sebagai search engine dengan tampilan sangat sederhana dibandingkan dengan search engine-search engine yang ada pada saat itu, Google sekarang juga memiliki jasa-jasa yang lain misalkan Google Directory, Google Groups, Blogger dan lain-lain.
Ketika pada tanggal 1 April 2004 Google mengumumkan jasa Email gratis bernama GMail dengan kapasitas 1 GB, banyak pihak tidak percaya. Pertama, pengumuman tersebut keluar pada tanggal 1 April yang disebut sebagai April Mop, kesempatan untuk "mengerjai" orang lain. Kedua, kapasitas 1 GB adalah sangat besar apalagi diperuntukkan secara gratis. Bukankah biayanya sangat besar? Bagaimana cara mendapatkan keuntungannya? Namun ketika pengumuman tersebut ternyata serius dan benar terlaksana, akhirnya banyak jasa penyedia Email menaikkan kapasitasnya. Dalam waktu yang tidak begitu lama setelah pengumuman tersebut muncul, pemain lama seperti Yahoo Mail dan Hotmail kemudian menaikkan kapasitas mailbox gratis berkali-kali lipat. Juga muncul penyedia-penyedia Email dengan kapasitas yang sama atau lebih besar dari pada Gmail. Padahal, sampai saat ini GMail masih dalam tahap beta dan tidak disertakan dalam daftar jasa Google.
Jasa search engine Google sepertinya sudah menjadi alat wajib untuk mencari topik di Internet. Sering dijadikan rujukan di mailing list atau forum. Dimanakah mencari driver printer HP bagi Linux?" Tanyakan saja ke Google. Selama bisa menentukan keyword atau kata kunci yang bagus, kemungkinan besar topik yang berhubungan dengan kata kunci tersebut dapat ditemukan. Jika topik tersebut memang ada pada Internet;-).
Piper : "Ok, Have you find it?"
Chris : "I’m done"
Piper looks on the paper in chris’s hand.
Piper : "Where do you find it?"
Chris : "I’m Googling"
Dialog diatas muncul pada serial televisi Charmed musim ke 6 episode ke 21.
Kejutan apa lagi yang akan muncul dari brandname Google?
Bentuk XHTML 1.0 adalah HTML 4.01 yang di-XML-kan. Meskipun menggunakan bentuk XHTML 1.0, browser-browser yang ada saat ini menampilkannya layaknya bentuk HTML yang dikenal selama ini. Bagi pengunjung, bentuk XHTML 1.0 atau HTML 4.01 tidak ada bedanya, karena secara bawaan browser menganggap dokumen XHTML 1.0 sebagai dokumen HTML. Terkecuali secara eksplisit Anda menentukan dokumen XHTML disajikan sebagai XML, namun perlu diketahui bahwa untuk saat ini baru sebagian browser yang bisa menampilkan dokumen XML dengan baik.
Bahasa : Python
Hasil Keluaran : Standar HTML 4.01/XHTML 1.0
W3C, Latex, XML
Contoh kode sumber:
Sejak kemunculannya, Google_ menjadi fenomena tersendiri. Bermula sebagai
*search engine* dengan tampilan sangat sederhana dibandingkan dengan *search
engine-search engine* yang ada pada saat itu, Google_ sekarang juga memiliki
jasa-jasa yang lain misalkan `Google Directory`_, `Google Groups`_, Blogger_ dan
lain-lain.
Ketika pada tanggal 1 April 2004 Google_ mengumumkan jasa Email gratis bernama
GMail_ dengan kapasitas 1 GB, banyak pihak tidak percaya. Pertama, pengumuman
tersebut keluar pada tanggal 1 April yang disebut sebagai *April Mop*,
kesempatan untuk "mengerjai" orang lain. Kedua, kapasitas 1 GB adalah sangat
besar apalagi diperuntukkan secara gratis. Bukankah biayanya sangat besar?
Bagaimana cara mendapatkan keuntungannya? Namun ketika pengumuman tersebut
ternyata serius dan benar terlaksana, akhirnya banyak jasa penyedia Email
menaikkan kapasitasnya. Dalam waktu yang tidak begitu lama setelah pengumuman
tersebut muncul, pemain lama seperti `Yahoo Mail`_ dan Hotmail_ kemudian
menaikkan kapasitas mailbox gratis berkali-kali lipat. Juga muncul
penyedia-penyedia Email dengan kapasitas yang sama atau lebih besar dari pada
GMail_. Padahal, sampai saat ini GMail_ masih dalam tahap beta dan tidak
disertakan dalam daftar jasa Google.
Jasa *search engine* Google sepertinya sudah menjadi alat wajib untuk mencari
topik di Internet. Sering dijadikan rujukan di mailing list atau
forum. *Dimanakah mencari driver printer HP bagi Linux?" Tanyakan saja ke
Google*. Selama bisa menentukan *keyword* atau kata kunci yang bagus,
kemungkinan besar topik yang berhubungan dengan kata kunci tersebut dapat
ditemukan. Jika topik tersebut memang ada pada Internet;-).
| Piper : "Ok, Have you find it?"
| Chris : "I'm done"
| Piper looks on the paper in chris's hand.
| Piper : "Where do you find it?"
| Chris : "I'm Googling"
Dialog diatas muncul pada serial televisi **Charmed** musim ke 6 episode ke 21.
Kejutan apa lagi yang akan muncul dari *brandname* Google?
.. _Google: http://www.google.com
.. _`Google Directory`: http://www.google.com/dirhp
.. _`Google Groups`: http://www.google.com/grphp?hl=en&tab=wg&ie=UTF-8&oe=UTF-8
.. _Blogger: http://www.blogger.com
.. _GMail: http://gmail.google.com
.. _`Yahoo Mail`: http://mail.yahoo.com
.. _Hotmail: http://www.hotmail.com
Bagi keluaran HTML/XHTML, struktur adalah lengkap.
Bahasa : Emacs Lisp
Hasil Keluaran : Standar XHTML 1.0 dari
W3C
Contoh kode sumber:
Sejak kemunculannya, [[Google]] menjadi fenomena tersendiri. Bermula sebagai
*search engine* dengan tampilan sangat sederhana dibandingkan dengan *search
engine-search engine* yang ada pada saat itu, [[Google]] sekarang juga memiliki
jasa-jasa yang lain misalkan [[Google Directory]], [[Google Groups]],
[[Blogger]] dan lain-lain.
Ketika pada tanggal 1 April 2004 [[Google]] mengumumkan jasa Email gratis
bernama [[GMail]] dengan kapasitas 1 GB, banyak pihak tidak percaya. Pertama,
pengumuman tersebut keluar pada tanggal 1 April yang disebut sebagai *April Mop*,
kesempatan untuk "mengerjai" orang lain. Kedua, kapasitas 1 GB adalah sangat
besar apalagi diperuntukkan secara gratis. Bukankah biayanya sangat besar?
Bagaimana cara mendapatkan keuntungannya? Namun ketika pengumuman tersebut
ternyata serius dan benar terlaksana, akhirnya banyak jasa penyedia Email
menaikkan kapasitasnya. Dalam waktu yang tidak begitu lama setelah pengumuman
tersebut muncul, pemain lama seperti [[Yahoo Mail]] dan [[Hotmail]] kemudian
menaikkan kapasitas mailbox gratis berkali-kali lipat. Juga muncul
penyedia-penyedia Email dengan kapasitas yang sama atau lebih besar dari pada
[[GMail]]. Padahal, sampai saat ini [[GMail]] masih dalam tahap beta dan tidak
disertakan dalam daftar jasa Google.
Jasa *search engine* Google sepertinya sudah menjadi alat wajib untuk mencari
topik di Internet. Sering dijadikan rujukan di mailing list atau
forum. *Dimanakah mencari driver printer HP bagi Linux?" Tanyakan saja ke
Google*. Selama bisa menentukan *keyword* atau kata kunci yang bagus, kemungkinan
besar topik yang berhubungan dengan kata kunci tersebut dapat ditemukan. Jika
topik tersebut memang ada pada Internet;-).
Piper : "Ok, Have you find it?"<nowiki><br /></nowiki>
Chris : "I'm done"<nowiki><br /></nowiki>
Piper looks on the paper in chris's hand.<nowiki><br /></nowiki>
Piper : "Where do you find it?"<nowiki><br /></nowiki>
Chris : "I'm Googling"<nowiki><br /></nowiki>
Dialog diatas muncul pada serial televisi **Charmed** musim ke 6 episode ke 21.
Kejutan apa lagi yang akan muncul dari *brandname* Google?
<lisp>
(ignore
(setq emacs-wiki-interwiki-names (quote
(("Google" . "http://www.google.com")
("GMail" . "http://gmail.google.com")
("Google Directory" . "http://www.google.com/dirhp")
("Google Groups" . "http://www.google.com/grphp?hl=en&tab=wg&ie=UTF-8&oe=UTF-8")
("Blogger" . "http://www.blogger.com")
("Yahoo Mail" . "http://mail.yahoo.com")
("Hotmail" . "http://www.hotmail.com")))))
</lisp>
Emacs Wiki Mode bukanlah real wiki. Lebih tertuju ke pembuatan situs web pribadi dengan mengggunakan cara "wiki" (kecuali tanpa adanya hak bagi orang lain untuk mengeditnya melalui web). Emacs Wiki Mode menjadi ekstensi bagi editor Emacs dan saat ini bukan bagian dari GNU Emacs sehingga Anda perlu mengambil Emacs Wiki Mode dari situsnya. Struktur hasil keluaran sesuai standar XHTML 1.0 dari W3C
Hasil keluaran bisa dibuat sebagai struktur lengkap atau hanya sebagian (bagian dari elemen body).
Bahasa : Perl
Hasil Keluaran : Standar XHTML 1.0 dari
W3C
Contoh kode sumber:
Sejak kemunculannya, [Google][] menjadi fenomena tersendiri. Bermula sebagai
*search engine* dengan tampilan sangat sederhana dibandingkan dengan *search
engine-search engine* yang ada pada saat itu, [Google][] sekarang juga memiliki
jasa-jasa yang lain misalkan [Google Directory][], [Google Groups][],
[Blogger][] dan lain-lain.
Ketika pada tanggal 1 April 2004 [Google][] mengumumkan jasa Email gratis
bernama [GMail][] dengan kapasitas 1 GB, banyak pihak tidak percaya. Pertama,
pengumuman tersebut keluar pada tanggal 1 April yang disebut sebagai *April
Mop*, kesempatan untuk "mengerjai" orang lain. Kedua, kapasitas 1 GB adalah
sangat besar apalagi diperuntukkan secara gratis. Bukankah biayanya sangat
besar? Bagaimana cara mendapatkan keuntungannya? Namun ketika pengumuman
tersebut ternyata serius dan benar terlaksana, akhirnya banyak jasa penyedia
Email menaikkan kapasitasnya. Dalam waktu yang tidak begitu lama setelah
pengumuman tersebut muncul, pemain lama seperti [Yahoo Mail][] dan [Hotmail][]
kemudian menaikkan kapasitas mailbox gratis berkali-kali lipat. Juga muncul
penyedia-penyedia Email dengan kapasitas yang sama atau lebih besar dari pada
[GMail][]. Padahal, sampai saat ini [GMail][] masih dalam tahap beta dan tidak
disertakan dalam daftar jasa Google.
Jasa *search engine* Google sepertinya sudah menjadi alat wajib untuk mencari
topik di Internet. Sering dijadikan rujukan di mailing list atau
forum. *Dimanakah mencari driver printer HP bagi Linux?" Tanyakan saja ke
Google*. Selama bisa menentukan *keyword* atau kata kunci yang bagus,
kemungkinan besar topik yang berhubungan dengan kata kunci tersebut dapat
ditemukan. Jika topik tersebut memang ada pada Internet;-).
Piper : "Ok, Have you find it?"
Chris : "I'm done"
Piper looks on the paper in chris's hand.
Piper : "Where do you find it?"
Chris : "I'm Googling"
Dialog diatas muncul pada serial televisi **Charmed** musim ke 6 episode ke 21.
Kejutan apa lagi yang akan muncul dari *brandname* Google?
[Google]: http://www.google.com
[Google Directory]: http://www.google.com/dirhp
[Google Groups]: http://www.google.com/grphp?hl=en&tab=wg&ie=UTF-8&oe=UTF-8
[GMail]: http://gmail.google.com
[Blogger]: http://www.blogger.com
[Yahoo Mail]: http://mail.yahoo.com
[Hotmail]: http://www.hotmail.com
Markdown sering dipakai sebagai filter bagi beberapa aplikasi Blog: dengan menulis isinya menggunakan aturan Markdown, maka akan diubah ke gentuk XHTML. Script Perl yang tersedia di situsnya bisa digunakan untuk membuat dokumen XHTML secara offline. Hasil keluaran adalah struktur didalam elemen body.
Hasil Keluaran : Standar XHTML 1.0 dari
W3C
Contoh kode sumber:
Sejak kemunculannya, "Google":google menjadi fenomena tersendiri. Bermula
sebagai _search engine_ dengan tampilan sangat sederhana dibandingkan dengan
_search engine-search engine_ yang ada pada saat itu, "Google":google sekarang
juga memiliki jasa-jasa yang lain misalkan "Google Directory":googledir, "Google
Groups":googlegroups, "Blogger":blogger dan lain-lain.
Ketika pada tanggal 1 April 2004 "Google":google mengumumkan jasa Email gratis
bernama "GMail":gmail dengan kapasitas 1 GB, banyak pihak tidak
percaya. Pertama, pengumuman tersebut keluar pada tanggal 1 April yang disebut
sebagai _April Mop_, kesempatan untuk "mengerjai" orang lain. Kedua, kapasitas 1
GB adalah sangat besar apalagi diperuntukkan secara gratis. Bukankah biayanya
sangat besar? Bagaimana cara mendapatkan keuntungannya? Namun ketika pengumuman
tersebut ternyata serius dan benar terlaksana, akhirnya banyak jasa penyedia
Email menaikkan kapasitasnya. Dalam waktu yang tidak begitu lama setelah
pengumuman tersebut muncul, pemain lama seperti "Yahoo Mail":yahoomail dan
"Hotmail":hotmail kemudian menaikkan kapasitas mailbox gratis berkali-kali
lipat. Juga muncul penyedia-penyedia Email dengan kapasitas yang sama atau lebih
besar dari pada "GMail":gmail. Padahal, sampai saat ini "GMail":gmail masih
dalam tahap beta dan tidak disertakan dalam daftar jasa Google.
Jasa _search engine_ Google sepertinya sudah menjadi alat wajib untuk mencari
topik di Internet. Sering dijadikan rujukan di mailing list atau
forum. _Dimanakah mencari driver printer HP bagi Linux?" Tanyakan saja ke
Google_. Selama bisa menentukan _keyword_ atau kata kunci yang bagus,
kemungkinan besar topik yang berhubungan dengan kata kunci tersebut dapat
ditemukan. Jika topik tersebut memang ada pada Internet;-).
Piper : "Ok, Have you find it?"
Chris : "I'm done"
Piper looks on the paper in chris's hand.
Piper : "Where do you find it?"
Chris : "I'm Googling"
Dialog diatas muncul pada serial televisi *Charmed* musim ke 6 episode ke 21.
Kejutan apa lagi yang akan muncul dari _brandname_ Google?
[google]http://www.google.com
[googledir]http://www.google.com/dirhp
[googlegroups]http://www.google.com/grphp?hl=en&tab=wg&ie=UTF-8&oe=UTF-8
[blogger]http://www.blogger.com
[gmail]http://gmail.google.com
[yahoomail]http://mail.yahoo.com
[hotmail]http://www.hotmail.com
Textile mengacu ke bentuk tulisan yang dibuat oleh Dean Allen. Program offline yang mengambil bentuk Textile diantaranya adalah PyTextile yang dibuat dengan bahasa Python, dan RedCloth yang dibuat dengan bahasa Ruby. Textile juga banyak dipakai sebagai filter oleh beberapa aplikasi Blog. Hasil keluaran adalah struktur didalam elemen body.
Yang dimaksud instan adalah bahwa penulisan lebih mirip ke penulisan email, sehingga yang diutamakan adalah struktur dan isi, tidak terganggu oleh kode-kode HTMl yang dibuat.
Terima kasih kepada rekan Fathir Hamdi yang memberitahukan soal Google dan serial Charmed.
Dokumen ini dibuat dengan menggunakan Docutils. Kode Sumber tulisan ini bisa dilihat sebagai contoh penggunaanya.
