Peta Wardley adalah kerangka kerja yang kuat yang digunakan untuk strategi bisnis untuk memvisualisasikan rantai nilai dan memetakan evolusi komponen. Diperkenalkan sebagai fitur bawaan dalam Mermaid v11.14.0+, wardley-betamesin memungkinkan tim strategi, arsitek, dan manajer produk untuk memetakan lingkungan pasar menggunakan teks murni. Dengan menempatkan komponen teknis di ruang koordinat 2D, tim dapat menganalisis secara visual ketergantungan rantai nilai, mengidentifikasi inersia pasar, dan membuat keputusan terstruktur antara membangun atau membeli.
Memahami Sistem Kisi Koordinat
Berbeda dengan bagan alir bebas standar, setiap komponen dalam Peta Wardley dipetakan ke ruang dua dimensi yang kaku berdasarkan dua koordinat desimal yang berkisar dari 0.0 hingga 1.0:
- Visibilitas (Sumbu Y / Koordinat Pertama): Mengukur seberapa terlihat atau berharga suatu komponen bagi pengguna akhir. Nilai
1.0mewakili titik sentuh langsung terhadap pengguna (visibilitas tertinggi), sementara0.0mewakili infrastruktur dasar yang tersembunyi. - Evolusi (Sumbu X / Koordinat Kedua): Mengukur tingkat kematangan aset pasar. Ini bergerak dari kiri ke kanan melalui empat fase evolusi yang berbeda: Genesis (0.0), Dibangun Khusus (0.25), Produk/Rental (0,5), dan Komoditas/Utilitas (0,75 hingga 1,0).
Struktur Sintaks Dasar
Setiap diagram dimulai dengan wardley-beta header deklarasi. Kemudian Anda menetapkan titik referensi pengguna dengan anchorkata kunci, peta blok infrastruktur operasional dengan komponenkata kunci, dan gambar hubungan antara mereka menggunakan panah arah.
wardley-beta
title Peta Strategi Sederhana
anchor Pelanggan [0.9, 0.5]
komponen Website [0.7, 0.4]
Pelanggan -> Website
Referensi Sintaks
Tabel di bawah ini menjelaskan blok bangunan semantik utama dan parameter yang diperlukan untuk membuat struktur Peta Wardley di dalam inti interpreter Mermaid.
| Komponen Sintaks | Kebutuhan Tipe | Deskripsi & Aturan Penggunaan |
|---|---|---|
| Deklarasi | Identifikasi Kata Kunci | Menginisialisasi kanvas pemetaan kisi strategis. Harus menggunakan string blok tepat wardley-beta string blok. |
| Judul | String Biasa/String yang Diberi Tanda Kutip | Judul opsional yang dicetak di tengah bagian paling atas ruang kerja kisi diagram. |
| Batas Ukuran | Pixel dalam Kurung | Parameter opsional yang digunakan untuk menimpa tata letak kisi lebar dan tinggi kanvas default: size [1200, 700]. |
| Node Anchor | Kata Kunci + Label | Membentuk pengguna inti atau pembeli di bagian atas matriks rantai nilai Anda. Membutuhkan batas koordinat: anchor Pembeli [Y, X]. |
| Node Komponen | Kata Kunci + Label | Mendeklarasikan fitur teknis atau blok aset yang independen. Memerlukan batas posisi yang tepat: komponen API Inti [Y, X]. |
| Jalur Tautan | Operator Koneksi | Menggambar ketergantungan langsung dan terstruktur ke bawah atau secara horizontal melalui node melalui -> aturan sintaks. |
Penanda Tindakan Strategis (Bangun, Beli, Luarkan, Pasar)
Untuk secara eksplisit mendokumentasikan rencana eksekusi strategis, Mermaid.js mengizinkan penambahan pembungkus tindakan pada komponen individu. Tindakan-tindakan ini menempatkan bentuk-bentuk yang berbeda pada node koordinat untuk menyampaikan pilihan arsitektur secara langsung:
| Modifikator Tindakan | Ikon Bentuk yang Dirender | Pemetaan Niat Strategis |
|---|---|---|
(bangun) |
Penanda Segitiga | Komponen bersifat unik, berisiko tinggi, atau dibuat secara internal untuk perbedaan kompetitif. |
(beli) |
Penanda Berlian | Komponen diperoleh atau dilisensikan dari pemasok produk pihak ketiga. |
(luarkan) |
Penanda Persegi | Manajemen komponen sepenuhnya diserahkan ke kelompok pemasok eksternal. |
(pasar) |
Penanda Lingkaran | Komponen adalah utilitas yang tersedia luas atau komoditas publik. |
Contoh Implementasi Sintaks:
wardley-beta
komponen Antarmuka Kustom [0.80, 0.30] (bangun)
komponen Pemroses Pembayaran [0.45, 0.65] (beli)
Rencana Kerja Dunia Nyata: Rantai Nilai Kedai Kopi Khusus
Rencana kerja komprehensif ini melacak model bisnis toko yang berkembang. Ini menguraikan arsitektur peta lengkap—mengonfigurasi batas ukuran khusus yang lebih besar, menetapkan penjaga bisnis, menetapkan penanda bangun/beli khusus, dan memetakan tautan ketergantungan di sepanjang fase sumbu.
wardley-beta
title "Peta Strategi Bisnis Kafe"
size [1100, 650]
%% Penjaga Bisnis Inti
penjaga Pemilik Waralaba [0.95, 0.55]
penjaga Pelanggan Akhir [0.90, 0.65]
%% Lapisan Komponen Operasional
komponen Kopi Khusus [0.75, 0.45] (bangun)
komponen Terminal Titik Penjualan [0.60, 0.60] (beli)
komponen Air Panas Otomatis [0.45, 0.75] (pasar)
komponen Listrik Jaringan Listrik [0.15, 0.90] (outsource)
%% Jalur Ketergantungan Rantai
Pelanggan Akhir -> Kopi Khusus
Pemilik Waralaba -> Terminal Titik Penjualan
Kopi Khusus -> Air Panas Otomatis
Terminal Titik Penjualan -> Listrik Jaringan Listrik
Air Panas Otomatis -> Listrik Jaringan Listrik
Kiat Sintaks: Saat mendeklarasikan array koordinat, ingat bahwa nilai sumbu Y vertikal (Visibilitas) datang *pertama*, dan nilai sumbu X horizontal (Evolusi) datang *kedua* [Visibilitas, Evolusi]. Membalik posisi ini adalah satu-satunya penyebab paling umum komponen dikelompokkan secara salah di sepanjang tepi bawah kanvas peta Anda.
Kesalahan Sintaks Umum & Kendala Sistem
Saat mengompilasi ruang rantai nilai, pertimbangkan batas tata letak tiga ini agar teks Anda tampil dengan bersih:
- Rentang Koordinat Ketat: Posisi harus berada tepat di dalam tanda kurung desimal antara
0.0dan1.0. Menggunakan piksel bilangan bulat absolut (seperti[400, 200]) alih-alih rasio tata letak di dalam argumen node akan memicu kesalahan eksekusi sistem. - Urutan Deklarasi untuk Tautan: Anda
penjagadankomponenlabel dideklarasikan dan diberi koordinat *sebelum* menulis garis hubungan node (A -> B). Menghubungkan ke label yang tidak dideklarasikan dapat merusak posisi sumbu peta. - Kotak Penutup Label: Jika nama komponen berisi spasi, simbol, atau koma, pastikan ditulis secara akurat. Menggunakan kembali nama string yang tidak sesuai di dalam jalur koneksi akan menciptakan node baru yang sama sekali tidak terletak di kanvas kisi.