Open Source JavaScript API untuk UML Sequence Diagram
Konversi Teks Sederhana ke Diagram Urutan UML melalui Pustaka JavaScript Gratis Sumber Terbuka.
JS-Sequence-Diagrams memberi pengembang perangkat lunak kemampuan untuk menghasilkan diagram urutan UML dari teks sederhana melalui pustaka JavaScript sumber terbuka. Diagram urutan menunjukkan objek dan kelas yang terlibat dalam pengembangan dan urutan pesan yang dipertukarkan antara objek. Pustaka menggunakan Jison untuk mengurai teks, dan Snap.svg untuk menggambar gambar.
Ini menarik diagram urutan SVG sederhana dari representasi tekstual diagram. Pustaka menyertakan dua gaya untuk membuat diagram, "normal" dan "gambar tangan". Ada beberapa kelas CSS yang disediakan untuk kustomisasi diagram SVG.
Memulai dengan Diagram Urutan JS
Cara yang disarankan untuk menginstal JS Sequence Diagram adalah dengan menjalankan bower; instal bramp/js-sequence-diagrams dan sertakan skrip di bawah ini:
Instal Diagram Urutan JS melalui bower
<script src="/{{ bower directory }}/bower-webfontloader/webfont.js" />
<script src="/{{ bower directory }}/snap.svg/dist/snap.svg-min.js" />
<script src="/{{ bower directory }}/underscore/underscore-min.js" />
<script src="/{{ bower directory }}/js-sequence-diagrams/build/sequence-diagram-min.js" />
juga, impor CSS jika Anda berencana untuk menggunakan tema yang digambar tangan:
Hasilkan Diagram Urutan UML dari Teks Sederhana
Pustaka Diagram Urutan JS memungkinkan pengembang perangkat lunak untuk menghasilkan diagram urutan UML dari teks sederhana. Perpustakaan memungkinkan Anda untuk menambahkan judul diagram dan menempatkan catatan di atas beberapa peserta. Rilis terbaru menggunakan Snap.svg bersama dengan Raphal untuk menggambar diagram. Snap.svg adalah implementasi SVG murni dan memungkinkan penggunaan gaya CSS, dukungan font yang lebih baik, animasi, dan banyak lagi.
Ekspor Diagram ke SVG melalui JavaScript API
Diagram Urutan JS menyediakan fitur untuk mengekspor diagram ke SVG melalui API JavaScript sumber terbuka. Setelah diagram dibuat, API memungkinkan pengguna untuk mengunduhnya dalam format SVG ke lokasi pilihan mereka. Diagram Urutan JS telah menyertakan beberapa kelas CSS penting yang dapat diterapkan ke diagram SVG saat menggunakan snap.svg. Ini termasuk kelas urutan untuk diterapkan ke tag SVG utama, kelas judul untuk judul diagram, kelas aktor untuk diterapkan ke aktor, kelas catatan untuk semua catatan, dan kelas sinyal untuk diterapkan ke sinyal.
