FEATURE: PlantUML

manuscript.md

@@ -329,7 +329,9 @@ Tulisan `Duck Duck Go` tersebut dalam berkas PDF menyimpan alamat website `https
 
 ### Image
 
-`Markdown` memungkinkan pemuatan gambar pada [@fig:FigVibStabX] dengan perintah:
+`Markdown` memungkinkan pemuatan gambar pada [@fig:FigVibStabX] dengan perintah.
+Pastikan label untuk gambar disertakan dengan format `#fig:namaLabel`.
+Jika label ini ditiadakan, maka gambar dianggap sebagai aksesoris dokumen yang tidak disertai keterangan gambar.
 
 ~~~
 ![Contoh gambar](Figure/icml_numpapers.eps){#fig:FigVibStabX size=0.5}
@@ -720,6 +722,34 @@ sequenceDiagram
     Bob-->John: Jolly good!
 ~~~
 
+## Diagram PlantUML
+
+Diagram yang lebih kompleks dapat ditampilkan dengan [`PlantUML`](https://plantuml.com/use-case-diagram).
+Implementasi skema ini bisa kita temui pada [@fig:PlantUML].
+Gambar tersebut diperoleh melalui `CodeBlock` dengan jenis kelas
+`~~~{.uml #fig:PlantUML caption="Diagram dari PlantUML"}`.
+Perhatikan bahwa `@startuml` dan `@enduml` yang umumnya ada pada awal dan akhir input program `PlantUML` dihilangkan dari script ini.
+Perintah tersebut akan ditambahkan oleh `pubsEngine` ketika kompilasi.
+
+~~~{.uml .show #fig:PlantUML caption="Diagram dari PlantUML"}
+left to right direction
+actor Guest as g
+package Professional {
+  actor Chef as c
+  actor "Food Critic" as fc
+}
+package Restaurant {
+  usecase "Eat Food" as UC1
+  usecase "Pay for Food" as UC2
+  usecase "Drink" as UC3
+  usecase "Review" as UC4
+}
+fc --> UC4
+g --> UC1 #red;line.bold;text:red : eating
+g --> UC2 #green;line.dashed;text:green : paying
+g --> UC3 #blue;line.dotted;text:blue : drinking
+~~~
+
 ## Diagram GoJS
 
 Demi fleksibilitas dan dukungan jenis diagram yang lebih kaya, kita bisa memakai [GoJS](https://gojs.net/latest/samples/).