📜 SEJARAH & PERBANDINGAN MARKDOWN

TIMELINE SEJARAH FORMAT DOKUMEN

1970-an        1980-an        1990-an        2000-an        2010-an
│              │              │              │              │
├─── SGML ─────┤              │              │              │
│              │              │              │              │
│              ├─── RTF ──────┤              │              │
│              │              │              │              │
│              │              ├── HTML ──────┤              │
│              │              │              │              │
│              │              │              ├── Markdown ─┤
│              │              │              │              │
│              │              ├── Wiki ──────┤              │
│              │              │              │              │
│              │              │              ├── JSON ─────┤
│              │              │              │              │
│              │              │              ├── YAML ─────┤
│              │              │              │              │
└──────────────┴──────────────┴──────────────┴──────────────┘

1. SGML (Standard Generalized Markup Language)

Tahun: 1986 (standar ISO)
Pencipta: ISO (International Organization for Standardization)
Konsep: Bahasa markup untuk dokumen yang kompleks
Contoh: <chapter><title>...</title><para>...</para></chapter>
Status: Bapak dari semua markup language modern

2. RTF (Rich Text Format)

Tahun: 1987
Pencipta: Microsoft
Tujuan: Format dokumen yang bisa dibaca berbagai aplikasi
Contoh: {\rtf1\ansi{\fonttbl\f0\fswiss Helvetica;}\f0\pard Ini teks}
Fakta: Masih digunakan di Microsoft Word untuk kompatibilitas

3. HTML (HyperText Markup Language)

Tahun: 1991 (HTML 1.0), 1995 (HTML 2.0)
Pencipta: Tim Berners-Lee (CERN)
Tujuan: Membuat halaman web yang terhubung (hypertext)
Versi penting:
- 1991: HTML 1.0 (sangat sederhana)
- 1995: HTML 2.0 (standar pertama)
- 1997: HTML 4.0 (populer di era awal web)
- 2014: HTML5 (modern, dengan semantik)

4. Wiki Markup

Tahun: 1995 (pertama di WikiWikiWeb)
Pencipta: Ward Cunningham
Tujuan: Format sederhana untuk kolaborasi online
Contoh: '''tebal'', [[link]], =heading=
Pengaruh: Wikipedia menggunakan turunannya

5. MARKDOWN

Tahun: 2004
Pencipta: John Gruber (blogger, desainer) bersama Aaron Swartz (aktivis internet)
Latar Belakang:
- Gruber frustasi dengan kesulitan menulis HTML untuk blog
- Ingin format yang "mudah dibaca sebagai teks biasa"
- Terinspirasi dari: email plain text, markup wiki, setext
Nama: Kata "Markdown" adalah permainan kata dari "markup"
Situs Resmi: daringfireball.net/projects/markdown
Filosofi: "Bisa dibaca sebagai teks biasa, tanpa terlihat seperti sudah diformat"

6. Format Modern Lainnya

JSON (2001): Untuk pertukaran data, lebih ringan dari XML
YAML (2001): Konfigurasi yang mudah dibaca manusia
AsciiDoc (2002): Markup untuk dokumentasi teknis
reStructuredText (2002): Untuk dokumentasi Python

🔍 PERBANDINGAN DETAIL

HTML vs Markdown

# HTML (1991)                              # MARKDOWN (2004)
<h1>Judul</h1>                             # Judul
<p>Teks <strong>tebal</strong></p>         Teks **tebal**
<a href="link.html">Link</a>               [Link](link.html)
<ul><li>Item</li></ul>                     - Item
<code>print()</code>                       `print()`

Aspek	HTML	Markdown
Tujuan	Struktur halaman web	Dokumentasi mudah baca/tulis
Kompleksitas	Tinggi (tag nesting)	Rendah (sintaks sederhana)
Readability	Sulit dibaca mentah	Sangat mudah dibaca
Fleksibilitas	Sangat fleksibel	Terbatas, perlu HTML untuk fitur kompleks
Learning Curve	Curam	Landai
Ekstensi File	.html, .htm	.md, .markdown

RTF vs Markdown

# RTF (1987)                               # MARKDOWN (2004)
{\rtf1\ansi\deff0                          # Judul
{\fonttbl{\f0 Times New Roman;}}          ## Sub-judul
\f0\fs24 Teks \b tebal\b0}                Teks **tebal**

Aspek	RTF	Markdown
Format	Binary dengan teks	Plain text murni
Tujuan	Kompatibilitas antar aplikasi	Kemudahan menulis/reading
Size	Besar (binary)	Kecil (text only)
Human Readable	Sulit	Sangat mudah
Penggunaan	Dokumen office	Dokumentasi, blog, README

🎯 KENAPA MARKDOWN POPULER?

Alasan Utama:

Easy to Write - Sintaks natural (asterisk untuk bold, hash untuk heading)
Easy to Read - Masih terbaca bahkan tanpa parsing
Platform Agnostic - Hanya text, bisa dibuka di mana saja
Version Control Friendly - Diff mudah dibaca di Git
Convertible - Mudah dikonversi ke HTML, PDF, dll

Pengaruh Besar dari GitHub:

2008: GitHub launch dengan README.md
2014: GitHub Flavored Markdown (GFM) - tabel, task lists, dll
2017: CommonMark initiative untuk standarisasi

Penggunaan Modern:

GitHub/GitLab - README, dokumentasi
Stack Overflow - Format pertanyaan/jawaban
Reddit/Discord/Slack - Formatting pesan
Static Site Generators - Jekyll, Hugo, Gatsby
Note-taking Apps - Obsidian, Notion, Bear

🔐 MD5 vs MARKDOWN - BEDA TOTAL!

MD5 (Message-Digest Algorithm 5)

// MD5 adalah HASHING ALGORITHM untuk keamanan
MD5("hello") = "5d41402abc4b2a76b9719d911017c592"
MD5("Hello World!") = "ed076287532e86365e841e92bfc50d8c"

Aspek	MD5	Markdown
Tipe	Algoritma kriptografi	Bahasa markup
Tahun	1991 (Ronald Rivest)	2004 (John Gruber)
Tujuan	Hash/checksum file	Format dokumen
Output	32 karakter hex	Dokumen terformat
Contoh	`md5sum file.txt`	`README.md`
Penggunaan	Verifikasi file, password hash*	Dokumentasi, blog

⚠️ Catatan: MD5 sudah tidak aman untuk password sejak 2005, masih dipakai untuk checksum file.

Contoh MD5 dalam Praktek:

# Linux/Mac
md5sum nama_file.txt

# Output: d41d8cd98f00b204e9800998ecf8427e  nama_file.txt

# PHP
echo md5("teks");
// Output: 8c4de10a7fdad9c6e7e26b6c5b7b7b7b

📊 PERBANDINGAN TEKNIS

Contoh yang Sama dalam Berbagai Format:

Source Text: "Judul dengan teks penting dan link"

# MARKDOWN (.md)
# Judul dengan teks **penting** dan [link](http://contoh.com)

# HTML (.html)
<h1>Judul dengan teks <strong>penting</strong> dan <a href="http://contoh.com">link</a></h1>

# RTF (.rtf)
{\rtf1\ansi{\fonttbl\f0\fswiss Helvetica;}\f0\fs48 
Judul dengan teks \b penting\b0  dan {\field{\*\fldinst{HYPERLINK "http://contoh.com"}}{\fldrslt{link}}}}

# XML (.xml)
<document>
  <title>Judul dengan teks <emphasis>penting</emphasis> dan <link url="http://contoh.com">link</link></title>
</document>

# AsciiDoc (.adoc)
= Judul dengan teks *penting* dan link:http://contoh.com[link]

🎬 TOKOH PENTING

John Gruber

- Lahir: 1973 - Profesi: Blogger, desainer web, pengembang - Situs: Daring Fireball - Peran: Pencipta utama Markdown - Filosofi: "Write in plain text, get nicely formatted output"

Aaron Swartz (kontributor)

- Lahir: 1986 - Meninggal: 2013 - Profesi: Aktivis internet, programmer - Kontribusi: membantu Gruber implementasi pertama - Prestasi: Co-founder Reddit, aktivis open access - Film: "The Internet's Own Boy" (dokumenter)

📈 EVOLUSI MARKDOWN

2004: Markdown original (Gruber)

2008: GitHub Flavored Markdown (GFM)

2012: MultiMarkdown (tables, footnotes)

2014: CommonMark initiative (standardisasi)

2017: Markdown Here (browser extension)

2020+: Extended syntax (emoji, diagrams, math)

🔮 MASA DEPAN MARKDOWN

Trend Saat Ini:

Standardisasi via CommonMark
Extended Syntax untuk diagram (Mermaid), math (KaTeX)
Integration dengan semua platform
Education sebagai skill dasar programmer

Statistik:

GitHub: 100+ juta repository dengan README.md
npm: 1.3+ juta package dengan README
Stack Overflow: Semua konten menggunakan Markdown
Reddit: 50+ juta post harian dengan Markdown

📚 REFERENSI SEJARAH:

Original Spec: daringfireball.net/projects/markdown
Aaron Swartz: rawthought.com
Wikipedia: Markdown History
CommonMark: commonmark.org
Book: "Markdown Guide" oleh Matt Cone

🧪 FILE CONTOH: "Sejarah Singkat.md"

# 📜 Sejarah Format Dokumen

## Timeline Perkembangan

### Era 1980-an
- **SGML** (1986): Standar ISO untuk markup kompleks
- **RTF** (1987): Format rich text Microsoft

### Era 1990-an  
- **HTML** (1991): Tim Berners-Lee di CERN
- **Wiki Markup** (1995): Ward Cunningham

### Era 2000-an
- **Markdown** (2004): John Gruber & Aaron Swartz
- Motivasi: "HTML terlalu verbose untuk blogging"

## Perbandingan Sintaks

| Format | Contoh Heading | Contoh Link |
|--------|----------------|-------------|
| HTML | `<h1>Judul</h1>` | `<a href="url">teks</a>` |
| Markdown | `# Judul` | `[teks](url)` |
| RTF | `{\fs48 Judul}` | `{\field{...HYPERLINK}}` |

## MD5 ≠ Markdown!

**MD5** (1991):
- Algoritma hash untuk checksum
- `md5sum file.txt` → `d41d8cd98f00b204e9800998ecf8427e`

**Markdown** (2004):
- Bahasa markup untuk dokumen
- File: `README.md`, `documentation.md`

## Pengaruh GitHub

> "GitHub membuat Markdown menjadi standar de facto untuk dokumentasi kode"
> — Developer anonymous

## Sumber
1. [Markdown Project](https://daringfireball.net/projects/markdown/)
2. [Wikipedia: Markdown](https://en.wikipedia.org/wiki/Markdown)
3. [CommonMark Spec](https://commonmark.org/)

---
*Dokumen ini ditulis dalam Markdown* • *Update: 2024*

KESIMPULAN:

Urutan Kronologi: SGML → RTF → HTML → Wiki → Markdown
Markdown lahir karena HTML terlalu verbose untuk writing flow
MD5 adalah algoritma hash (keamanan), Markdown adalah bahasa markup (dokumen) - tidak ada hubungan!
GitHub adalah faktor utama popularitas Markdown modern
Future: Markdown akan tetap menjadi standar untuk dokumentasi teknis

Markdown = Untuk manusia yang menulis HTML = Untuk browser yang merender MD5 = Untuk komputer yang memverifikasi

Parmi Personal Diary Notes

SEJARAH MARKDOWN