Monodraw: Editor seni ASCII untuk Mac

 (monodraw.helftone.com)
2 poin oleh GN⁺ 2024-03-10 | 1 komentar | Bagikan ke WhatsApp
  • Monodraw adalah editor seni ASCII untuk Mac yang memungkinkan diagram, flowchart, dan struktur data digambar sebagai teks biasa agar bisa langsung dibaca di dalam dokumentasi teknis dan kode
  • Karena hasilnya berupa teks, hasilnya mudah disalin dan ditempel, dan bila diperlukan juga bisa dibuat dalam bentuk gambar melalui ekspor PNG·SVG
  • Mendukung pembuatan mind map, diagram ER, hingga banner, sehingga berfokus pada visualisasi untuk dokumentasi alih-alih sekadar pengeditan teks sederhana
  • Menyediakan FIGlet dan 148 font bawaan, serta fitur seperti garis, persegi panjang, panduan perataan, grup, dan pintasan untuk mengurangi pekerjaan seni teks yang berulang
  • Memerlukan macOS 11 Big Sur atau lebih baru, dan alat baris perintah diunduh langsung dari situs web serta hanya disertakan pada versi yang dibeli dari toko

Alat visualisasi untuk Mac yang digambar dengan teks

  • Monodraw adalah editor untuk membuat seni ASCII di Mac
  • Struktur seperti diagram, tata letak, dan flowchart dapat dibuat berbasis teks
  • Digunakan untuk menata secara visual hal-hal yang sulit dipahami hanya dari kode, seperti algoritme, struktur data, dan format biner
  • Karena hasilnya berupa teks biasa, hasilnya bisa dimasukkan hampir apa adanya ke dalam dokumen, kode, dan spesifikasi
  • Jika membutuhkan gambar, hasilnya dapat diekspor sebagai PNG dan SVG

Representasi dokumentasi teknis dan model data

  • Diagram teks yang masuk ke dalam kode dan spesifikasi membantu memahami struktur dengan cepat
  • Visualisasi struktur data, algoritme, dan format data penting agar pembaca dapat memahami hubungan dan alurnya
  • Karena waktu membaca kode lebih banyak daripada waktu menulisnya, diagram teks dapat membantu dalam proses pemeliharaan dan review

  • Mind map

    • Menggabungkan kesederhanaan teks biasa dengan pendekatan mind map
    • Teks dapat dipindahkan ke posisi yang diinginkan di atas kanvas tak terbatas
    • Tidak terikat pada struktur linear file teks

  • Diagram ER

    • Memvisualisasikan model data sebagai diagram entity-relationship yang sederhana
    • Mendukung notasi Crow’s Foot dalam 3 variasi

Fitur pembuatan seni teks

  • Banner dapat dibuat dengan satu klik
  • FIGlet sudah terintegrasi, dan 148 font disertakan secara bawaan
    • Font kustom juga didukung
    • Mengubah ukuran kotak teks, mengganti font, dan menyesuaikan perataan dapat dilakukan secara interaktif tanpa terminal
  • Alat teks berjalan dengan mesin teks kustom berbasis CoreText
    • Perataan, posisi, arah aliran baris, dan perpindahan baris dapat disesuaikan
    • Bingkai di sekitar teks dapat ditambahkan dengan satu klik
  • Alat garis memudahkan pembuatan koneksi antar bentuk, serta mendukung garis ortogonal dan garis bertingkat
    • Pola dash pada garis dapat diatur
    • Melalui titik koneksi, garis dapat ditempelkan secara dinamis ke bentuk lain, sehingga mengurangi kebutuhan menata ulang setelah bentuk dipindahkan
  • Alat persegi panjang adalah fitur untuk membuat kotak yang sering digunakan dalam seni teks
    • Bingkai dan latar belakang dapat ditentukan hanya dengan beberapa klik
    • Bayangan dapat ditambahkan
    • Dengan titik koneksi kustom, garis dapat ditempelkan ke posisi yang tepat

Fitur pendukung untuk mengurangi pekerjaan di kanvas

  • Sebagai alat gambar dasar, tersedia Pencil, Eraser, Bucket Fill, dan Picker
    • Gambar dapat dioverlay di atas kanvas untuk digunakan sebagai acuan tracing
  • Fitur grup memudahkan menyalin dan memindahkan beberapa bentuk sekaligus dengan menggabungkannya menjadi satu
  • Panduan perataan membantu saat menempatkan konten dan mengubah ukurannya tanpa perlu menghitung jumlah karakter secara manual
  • Fitur fokus memungkinkan bentuk lain dikunci atau disembunyikan saat ingin berkonsentrasi pada bagian tertentu dari kanvas
    • Dapat diperbesar agar fokus pada elemen yang sedang terlihat
  • Semua fitur dapat diakses dengan pintasan keyboard
    • Alat dapat dipilih dengan cepat melalui satu tombol tanpa tombol modifier

Dukungan macOS dan syarat alat baris perintah

  • Monodraw dirancang sebagai aplikasi native untuk macOS, dari mesin tata letak teks hingga antarmukanya
  • Seni teks dapat diekspor dengan cara menyalinnya lalu menempelkannya ke editor teks mana pun yang diinginkan
  • Persyaratan sistem adalah macOS 11 Big Sur atau lebih baru
    • Untuk macOS yang lebih lama, dapat menggunakan Monodraw v1.3 dan memerlukan macOS 10.10 Yosemite atau lebih baru
    • Monodraw v1.5 memerlukan macOS 10.14 Mojave atau lebih baru
  • Antarmuka baris perintah hanya disertakan pada versi unduhan langsung
    • Disertakan pada versi yang diunduh langsung dari situs web dan dibeli dari toko
    • Versi Mac App Store tidak dapat menyertakan alat baris perintah karena batasan App Sandbox
    • Dapat digunakan misalnya dengan memanfaatkan hook version control untuk membuat dokumentasi otomatis saat commit
    • Juga mendukung output JSON sehingga mudah ditangani oleh program
  • Monodraw menyatakan tidak mengumpulkan data apa pun

Bacaan terkait

1 komentar

 
GN⁺ 2024-03-10
Pendapat Hacker News

  • Pada akhirnya selalu kembali ke Monodraw
    Aplikasi lain punya terlalu banyak fitur dan pilihan gaya sehingga sulit fokus pada isi, tetapi Monodraw tidak membuat terdistraksi
    Meski begitu fiturnya tetap cukup untuk membuat cukup banyak hal, dan saya khususnya suka anchor: https://tamasruss.com/articles/monodraw-anchors

    • Agak ironis mengatakan aplikasi lain membuat tidak bisa fokus pada isi, sementara mengutak-atik garis pemisah responsif dan titik anchor di Monodraw dianggap tidak masalah
      Namun tekniknya sendiri memang rapi
    • Kotak UML untuk kelas benar-benar berguna, dan tutorialnya juga bagus

  • Alat ini salah satu aplikasi yang benar-benar saya sukai, dan saya langsung membayarnya saat dirilis
    Saya beberapa kali menggunakannya untuk menulis dokumentasi seperti ini: https://github.com/ivank/potygen/blob/main/packages/potygen/...
    ASCII sangat serbaguna sehingga memungkinkan memasukkan gambar yang enak dilihat di tempat-tempat tak terduga agar lebih mudah dipahami

    • Sudut-sudut itu terlihat seperti karakter blok Unicode
    • Contoh ini adalah ilustrasi bagus yang langsung menunjukkan daya tarik perangkat lunaknya, jadi membuat ingin melihatnya sendiri
    • Diagram "With Expression" di baris 656 terlihat baik-baik saja di emacs, tetapi saat tautan aslinya dibuka di chrome, seluruh sisi kanannya terlihat berantakan
      Karakternya normal, tetapi pilihan font github sepertinya tidak menangani “spasi bermakna” pada bagian yang diperluas dengan baik
    • Akan lebih baik memilih baris yang ingin ditampilkan lalu menautkan langsung ke posisi itu

  • Saya mengelola daftar alat teks-ke-diagram berbasis web: https://xosh.org/text-to-diagram/
    Alternatif web untuk alat gambar ASCII seperti ini antara lain https://fsymbols.com/draw/, https://textik.com/, https://asciiflow.com/#/, https://web.archive.org/web/20210503172024/https://fatiherik..., https://app.monosketch.io, dan lain-lain

    • Pikchr juga layak dipertimbangkan untuk dimasukkan ke daftar
      Ini alat yang dibuat oleh pembuat SQLite: https://pikchr.org/home/doc/trunk/doc/userman.md
    • Berdasarkan diagram yang baru-baru ini saya buat dengan tangan, alat-alat dalam daftar ini belum memiliki semua fitur yang saya inginkan
      Dari daftar itu, sepertinya hanya https://textik.com/ yang menangani garis diagonal, dan itu pun tampaknya tidak punya fitur pengisian
      Diagram yang ingin saya gambar bentuknya seperti ini: https://pastebin.com/NPXFS1Fi
      Di textik.com saya bisa membuat kotak dan segitiga, tetapi harus memperbaiki beberapa sudut secara manual dan mengisi bagian dalamnya sendiri
      Meski Monodraw hanya 10 dolar, karena ini aplikasi native khusus Mac, saya tidak yakin akan membayarnya
      Saya banyak bekerja di web dan memakai beberapa perangkat, sementara diagram hanya saya buat beberapa kali setahun, jadi yang berbasis web atau plugin VSCode tampaknya lebih baik
    • Daftar di https://fmhy.net juga layak dicek
      Mungkin ada alat yang menarik
    • Ada juga https://mbarkhau.github.io/asciigrid sebagai alat yang layak dimasukkan ke daftar
    • Beberapa tahun lalu saya membuat alat sederhana, dan masih di-host di https://letterbrush.com

  • Saya sangat suka alat ini
    Saya menggunakannya untuk membuat diagram Mapless: https://sebastianconcept.github.io/Mapless/guides/2024/01/28...
    Dan juga untuk mendokumentasikan konfigurasi builder Pharo VM Plugin: https://github.com/sebastianconcept/PharoPluginBuilder

    • Jadi Anda membuat diagram teks dengan alat gambar ASCII, lalu mengambil screenshot-nya dan mengunggahnya ke situs web?
      Untuk menggambar beberapa persegi panjang, itu terasa terlalu berputar-putar; apakah tidak ada cara yang lebih mudah?
    • Saya menggunakannya untuk dokumentasi kode sumber, dan sangat bagus karena bisa memvisualisasikan layout buffer atau struct di dalam kode

  • Akan sangat bagus jika ini lintas platform
    Saya ingin memakainya juga di Linux
    Saya paham kerja keras yang dibutuhkan untuk membuat aplikasi yang matang, tetapi saya berharap alat aplikasi desktop lebih baik menargetkan Linux, Windows, dan Mac
    Mungkin ini juga salah satu alasan besar aplikasi berbasis web makin banyak

    • Agak mengejutkan bahwa Qt tidak lebih banyak dipakai untuk aplikasi desktop
      Qt benar-benar cocok untuk aplikasi semacam ini

  • Alat yang keren
    Sebagai alternatif versi web, ada https://github.com/tuanchauict/MonoSketch yang dibuat teman saya dengan Kotlin
    Saya juga membuat versi yang belum terlalu selesai dengan Rust: https://github.com/huytd/ascii-d

  • Terlihat bagus
    https://asciiflow.com/ adalah alternatif berbasis web, dan merupakan alat yang terutama saya pakai selama 10 tahun terakhir

    • Saya selalu memakai ASCIIFlow
      Namun saya masih belum tahu cara membuat browser merender font monospace dengan benar
      Lihat saja contoh diagram di halaman ini: http://uggly.bytester.net/#how-it-works
    • Teks dalam diagram seperti ini tampaknya tidak bisa dibaca oleh screen reader

  • Alat ini termasuk jenis aplikasi yang, meski hanya dipakai sesekali, tetap akan dibeli dan disimpan terus

    • Saya penasaran apakah Anda sudah memakainya sejak lama, atau hanya menduga ini jenis software yang bakal Anda sukai
      Kalau sudah pernah memakainya langsung, saya juga ingin tahu bagaimana Anda memanfaatkan diagram yang dibuat
      Screenshot diagramnya bisa saya bayangkan, tetapi teks aslinya sepertinya terlalu besar untuk dimasukkan ke tempat seperti terminal
    • Desain situs webnya juga rapi

  • Aplikasi ini masuk ke mode pemeliharaan pada 2018; apakah ada yang berubah sejak itu? https://blog.helftone.com/monodraw-maintenance-mode/

    • Saya developer Monodraw
      Terima kasih atas respons positif terhadap aplikasi ini
      Karena waktu sangat terbatas, saya belum bisa merilis lebih banyak pembaruan
      Saya sedang mengerjakan beberapa fitur yang banyak diminta, tetapi tidak bisa menjanjikan kapan akan dirilis
      Biasanya saya membuat sedikit kemajuan saat liburan
      Meski begitu, saya akan terus memperbaiki kerusakan akibat upgrade OS dan berniat menjaga agar produk ini tetap berfungsi
    • Melihat https://x.com/Monodraw, sepertinya memang ada pembaruan
    • Jawaban di bagian bawah FAQ agak aneh
      Alasannya adalah memelihara proyek open source merupakan beban besar, dan jika produk jadi dirilis sebagai open source, clone bisa dijual kepada pelanggan yang tidak tahu
      Namun jika dirilis sebagai open source, kontributor bisa mengambil sebagian pekerjaan, dan lisensi tertentu bisa mencegah penjualan clone semacam itu

  • Saya pernah mencobanya dulu dan bagus
    Seingat saya, satu keluhan saya adalah untuk mempertahankan fitur bagus seperti anchor atau kotak yang bisa diubah ukurannya, harus memakai format file bawaan sendiri
    Menunjuk langsung ke gambar ASCII di dalam dokumen Markdown tidak otomatis membuat semua fitur itu muncul
    Kalau benar-benar diinginkan, rasanya ini bisa diatasi sampai batas tertentu dengan algoritma cerdas dan LLM; saya sendiri cukup sering memakai LLM untuk menyusun draf diagram ASCII dengan hasil yang lumayan
    Namun saya belum menemukan keseimbangan yang baik antara maintainability—yakni sifat bahwa kotak tetap diperlakukan sebagai kotak dan saat dipindahkan garis penghubung ikut mengikuti—dan portabilitas—yakni sifat bahwa semuanya berupa teks murni
    Kalau Monodraw versi terbaru berbeda, atau ada alat lain yang memecahkan ini, saya sangat ingin tahu
    Setidaknya Monodraw lebih cocok untuk saya daripada artist mode di Emacs

    • Sudut pandang yang menarik
      Saya penasaran apakah ada banyak diagram lama yang ingin Anda kelola
      Kalau membuat dari awal, keberadaan format file abstrak seperti ini justru terasa diharapkan, dan saya ingin melihatnya seperti hubungan antara file sumber semacam PSD dan hasil render semacam PNG
      Atau mirip juga dengan hubungan antara source code dan binary
      Menurut saya, mem-parsing kembali output menjadi bentuk abstrak yang bermakna sulit dilakukan secara sempurna