Menyempurnakan navigasi dokumen: cross-reference dengan \label/\ref/ \pageref, paket cleveref yang menulis otomatis "Gambar 1"/"Tabel 2", hyperref untuk link klik & bookmark PDF, serta DocumentMetadata modern untuk metadata dan menuju PDF bertag (accessible).

Setelah di episode 9 kita mengelola bibliografi, pada episode ini kita membuat dokumen berinteraksi: referensi silang, hyperlink, dan metadata PDF. Dokumen ilmiah yang baik tidak hanya berisi — ia juga mudah dinavigasi, baik saat dibaca di layar maupun dicetak.
Kita akan belajar merujuk bagian/tabel/gambar secara otomatis (cross-reference), membuat link yang bisa diklik (hyperref), dan mengisi metadata PDF (judul, penulis) — termasuk fitur modern DocumentMetadata yang menjadi pintu masuk menuju PDF bertag (accessible), yang akan kita bedah penuh di episode 21.
Prinsipnya sudah kita singgung di episode 3: beri \label, panggil \ref. Sekarang lengkapi dengan \pageref untuk nomor halaman:
Lihat Bagian \ref{sec:metode} di halaman \pageref{sec:metode}.\ref{label} → nomor bagian/tabel/gambar.\pageref{label} → nomor halaman tempat label berada.\documentclass{article}
\usepackage{graphicx}
\begin{document}
\begin{figure}[htbp]
\centering
\includegraphics[width=0.5\textwidth]{diagram.png}
\caption{Arsitektur sistem.}
\label{fig:arsitektur}
\end{figure}
Arsitektur (Gambar \ref{fig:arsitektur}) ada di halaman \pageref{fig:arsitektur}.
\end{document}Sama seperti daftar isi, cross-reference butuh kompilasi ulang agar angka benar — prinsip multi-pass.
\ref{fig:x} hanya mencetak angka ("1"). Paket cleveref menambahkan kata konteks otomatis — "Gambar 1", "Tabel 2", "Bab 3" — dan bisa mereferensikan beberapa label sekaligus:
\documentclass{article}
\usepackage{cleveref}
\begin{document}
\begin{table}[htbp]
\centering
\begin{tabular}{ll}
A & B
\end{tabular}
\caption{Contoh tabel.}
\label{tab:contoh}
\end{table}
Lihat \cref{tab:contoh} dan \Cref{tab:contoh}.
\end{document}\cref mencetak "tabel 1", \Cref mencetak "Tabel 1". Ini menyelamatkan dari menulis kata "Gambar"/"Tabel" manual yang mudah lupa konsisten.
Note
cleveref sebaiknya dimuat setelah hyperref dan amsmath agar saling kompatibel. Aturan umum: muat cleveref di akhir preamble, dan selalu uji bahwa referensi tercetak seperti yang kalian harapkan.
Paket hyperref membuat seluruh cross-reference, daftar isi, dan URL menjadi link yang bisa diklik di PDF, plus bookmark di panel navigasi:
\documentclass{article}
\usepackage[colorlinks=true,linkcolor=blue]{hyperref}
\begin{document}
\tableofcontents
\section{Pendahuluan}\label{sec:pend}
Kunjungi \url{https://www.latex-project.org/}.
Lihat juga \href{https://ctan.org/}{situs CTAN}
Bagian \ref{sec:pend} dibuat link klik.
\end{document}\url{URL} → menampilkan dan membuat link URL.\href{URL}{teks} → link dengan teks tampilan khusus.colorlinks membuat link berwarna (lebih enak di layar daripada kotak).hyperref juga bisa mengisi metadata PDF (terlihat di tab document properties):
\hypersetup{
pdftitle={Judul Dokumen Saya},
pdfauthor={Nama Penulis},
pdfsubject={Ringkasan},
pdfkeywords={laTeX; dokumen; metadata}
}Metadata ini muncul saat PDF dibuka di viewer — berguna untuk identifikasi dan pencarian.
Karena hyperref mengubah banyak perilaku, ia sebaiknya dimuat hampir di akhir preamble, setelah package lain (kecuali cleveref yang harus sesudahnya):
\documentclass{article}
\usepackage{amsmath}
\usepackage{graphicx}
\usepackage[colorlinks=true]{hyperref}
\usepackage{cleveref}
\hypersetup{pdftitle={...}}
\begin{document}
...Warning
Error umum adalah konflik hyperref dengan package tertentu bila dimuat terlalu awal. Jika muncul peringatan aneh tentang option clash, periksa urutan dan muat hyperref di akhir preamble. Soal ini akan kita jumpai lagi di episode 26 pada troubleshooting.
Untuk proyek baru, \DocumentMetadata (tersedia di kernel LaTeX 2023+) menggantikan banyak peran \hypersetup sekaligus mengaktifkan tagged PDF (accessible). Ia dipanggil sebelum \documentclass:
\DocumentMetadata{
lang=en,
pdftitle={Judul Dokumen},
pdfauthor={Nama Penulis},
tagging=on
}
\documentclass{article}\DocumentMetadata menyatukan metadata dan tagging (struktur logis PDF) sejak awal — menjadi pintu ke fitur aksesibilitas dan PDF yang "berarti" bagi pembaca layar. Kita akan mengupasnya tuntas di episode 21 (Accessibility & Tagged PDF) dan memakai lang=id-ID untuk bahasa Indonesia.
| Pendekatan | Kapan |
|---|---|
\hypersetup + hyperref | Dokumen klasik, perlu kendali halus warna link |
\DocumentMetadata | Proyek baru, ingin metadata + tagging modern |
Pada episode 10 ini, kalian telah membuat dokumen berinteraksi.
Inti yang harus dibawa pulang:
\label + \ref + \pageref; butuh kompilasi ulang.cleveref otomatis menulis "Gambar"/"Tabel"; gunakan \cref/\Cref.hyperref membuat link klik (\url, \href), bookmark, dan metadata \hypersetup{pdftitle=...}.hyperref di akhir preamble (sebelum cleveref) untuk hindari konflik.\DocumentMetadata (sebelum \documentclass) = metadata + jalan menuju tagged PDF.Di episode 11 selanjutnya, kita akan membahas presentasi dengan Beamer — kelas beamer untuk slide, frame & overlays, tema & warna, struktur slide, serta kapan memilih Beamer dibanding PowerPoint. Sampai jumpa di episode 11!