Konversi File Text ke HTML menggunakan Markdown

Seberapa sering anda menulis HTML dengan text editor? Mungkin anda suka coding dengan Notepad++ atau mungkin anda lebih suka menulis blog dengan mode HTML. jika anda terlalu sering,maka ada tool yang akan memudahkan anda menulis HTML dengan cara yang sangat mudah. Tool ini bernama markdown. yang berbeda dari markdown adalah kemampuan integrasinya kedalam platfom blog seperti Movable Type atau Text editor seperti BBedit atau Bloxom. Sejauh ini, layanan blogging online yang menawarkan markdown hanya tumblr. Anda bisa masuk ke menu setting dan disana anda bisa memilih Markdown untuk format penulisan.  Namun, jika anda termasuk pengguna linux veteran yang lebih suka bekerja lewat command line, markdown bisa diekseskusi langsung asal perl terinstall di Linux anda.

Walaupun markdown adalah tool konversi text ke HTML, bukan berarti anda juga seenaknya menulis text lalu berubah menjadi HTML, Semuanya ada aturannya. Berikut ini adalah gambaran contoh text dan hasil output konversinya

Contoh code markdown

 

A First Level Header
====================

A Second Level Header
---------------------

Now is the time for all good men to come to
the aid of their country. This is just a
regular paragraph.

The quick brown fox jumped over the lazy
dog's back.

### Header 3

> This is a blockquote.
> 
> This is the second paragraph in the blockquote.
>
> ## This is an H2 in a blockquote

Hasil konversi ke HTML

<h1>A First Level Header</h1>

<h2>A Second Level Header</h2>

<p>Now is the time for all good men to come to
the aid of their country. This is just a
regular paragraph.</p>

<p>The quick brown fox jumped over the lazy
dog's back.</p>

<h3>Header 3</h3>

<blockquote>
    <p>This is a blockquote.</p>

    <p>This is the second paragraph in the blockquote.</p>

    <h2>This is an H2 in a blockquote</h2>
</blockquote>

Simple bukan? nah jika anda ingin mempelajari lebih lanjut, cara termudah adalah belajar secara interactive langsung di websitenya. Disana sudah disediakan tutorial, ringkasan syntax plus online editor.

Semoga dengan Markdown, anda lebih efektif dalam menulis HTML. Selamat mencoba!

Ciri dan teknologi Web 3.0

Sejak web ditemukan tahun 1990, Web semakin populer dan menjadi layanan internet dengan pengguna terbanyak. Sebagian pengguna internet bahkan mengira kalau Web adalah satu satunya layanan di internet. Teknologi Web pun terus bergulir dari era web 1.0, web 2.0 dan trend menuju web 3.0. Sayangnya, ciri ciri antara versi web 1.0,sampai 3.0 tidak ada kata sepakat antar para pakar. Namun demikian, bukan berarti kita tidak tahu polanya. Berikut ini adalah pola dari masing masing versi web menurut bebeberapa sumber yang saya baca.

Web 1.0

Web 1.0 dimulai sejak web era 90an. Ciri utama dari era ini adalah informasi yang bersifat statis.

Ciri ciri dari web 1.0

  • Website umumnya bersifat static yang jarang berubah atau samasekali tidak berubah
  • Website umumnya tidak interaktif
  • umumnya teknologi yang dipakai adalah teknologi tertutup
  • Kebanyakan desain webnya menggunakan Frame
  • Tampilan kombinasi warna dan textnya terlihat norak karena hanya terbatas pada 16 warna dan 6 jenis font
  • Informasi yang ada umumnya berupa berita text dan gambar

Teknologi web 1.0

  • HTML dasar, CSS dasar dan Javascript
  • Flash dan Java applet
  • Browser populer adalah Netscape dan Internet Explorer
  • koneksi internet masih dial up maximal 56kbps

Web  2.0

Web 2.0 dimulai sejak era 2005 sampai sekarang, Ciri khas adari era ini adalah user generated content  dan jejaring social.

Ciri dari web 2.0

  • Website bersifat dinamis dan interaktif dengan adanya teknologi AJAX
  • User bukan hanya sebagai konsumen tetapi juga sebagai produsen informasi dalam istilah populer adalah user generated content(contoh youtube atau wikipedia)
  • Teknologi yang dipakai umumnya open source
  • desain web menggunakan CSS layout
  • Informasi terdiri dari text, gambar, audio, video  dan animasi
  • Web sebagai media berkomunikasi dan berkolaborasi
  • Jejaring social mendominasi di era ini.
  •  Munculnya startup
  • Munculnya jenis website seperti microbloging, photo dan video sharing, online bookmarking, blog dan jejaring social

Teknologi  di Web 2.0

  • Ajax dan jQuery serta Javascript library mendominasi
  • Meningkatnya penggunaan HTML5 dan makin menurunnya pengguna Flash
  • Mobile Web dan Responsive web design
  • XML dan JSON untuk pertukaran data
  • Web API dan Mashup (Mashup adalah istilah menggabungkan beberapa layanan menjadi satu, contoh menampilkan tweet di Google maps)
  • Browser yang popular adalah Chrome,safari dan Firefox
  • koneksi internet menggunakan broadband (>1MB/s)
  • Android dan iOS mendominasi pengguna mobile web.

Web  3.0

Web 3.0 adalah generasi selanjutnya dari teknologi web.  Ciri dari web 3.0 ada pada akses mobile, Semantic web dan personalifikasi.  Beberapa website yang dianggap merupakan cikal bakal dari web 3.0 adalah Instagram. Instagram disebut sebut sebagai awal dari generasi web 3.0 karena layanan ini hanya tersedia lewat mobile Device.

Ciri ciri

  • Integrasi web kedalam produk Rumah tangga seperti TV, Kulkas atau Jendala pintar atau home entertainment contoh produk ini adalah Smart windows dari samsung atau Google Nexus Q 
  • Semantic Web, Contoh dari penggunaan dari semantic web adalah Knowledge graph di Google Search
  • Natural language  prosesing. Perintah menggunakan suara. Contohnya adalah Siri, Voice Action Android atau Voice search di Google
  • Location based service dan personifikasi informasi. Web tidak lagi memberikan informasi, namun solusi. Contoh layanan ini adalah Layar dan Google Now.
  • Komputer (dan web)  yang bisa dipakai , Contoh dari produk ini adalah Google glass.

Teknologi web 3.0

Untuk teknologi yang mendominasi web 3.0 adalah sbb:

  • Semantic Web (Contoh knowledge graph)
  • Artificial Intelegence (Siri)
  • Realtime comunication & colaboration (Google docs, Google Wave)
  • Augment Reality (Layar, aplikasi di android)
  • Computer generated Information (Contoh Wolfram Alpha)
  • HTML5 dan Cloud teknologi

Demikian gambaran singkat perkembangan Generasi Web. Semoga referensi diatas bisa bermanfaat, insyaAllah artikel akan diupdate sesuai dengan perkembangan terbaru.

Referensi

  1.  Emering web 3.0 Teknologi,Slideshare Presentation
  2. Evolution of web 3.0,Slideshare Slideshare presentation.
  3. How Web 3.0 Will Work, Howstuffwork.com
  4. Web 2.0, Wikipedia article