Saya menghabiskan cukup banyak waktu menggambar diagram arsitektur perangkat lunak yang biasanya terdiri dari variasi pada kotak yang terhubung dengan panah. Sementara diagram ini menyampaikan informasi yang relevan, mereka sering meninggalkan banyak hal yang diinginkan dari perspektif estetika.
Beberapa contoh diagram arsitektur perangkat lunak yang menunjukkan ini:
- http://applicationarchitecture.files.wordpress.com/2011/06/f0039-component-diagram-complete-component-model.png
- http://applicationarchitecture.files.wordpress.com/2010/03/f0022-sample-network-diagram.png
Saya telah menjelajahi ratusan infografis untuk menemukan inspirasi tetapi sebagian besar cenderung terdiri dari elemen-elemen visual yang terpisah yang hanya dihubungkan oleh konsep keseluruhan dan prinsip gestalt. Beberapa yang berisi panah untuk menggambarkan semacam aliran cenderung jauh lebih sederhana daripada kebutuhan saya.
Satu (non-software) contoh yang saya temukan ( http://visual.ly/house-democrats-health-plan-flow-chart ) menderita (mungkin sengaja untuk menunjukkan kompleksitas) dari banyak masalah yang sama seperti di atas ...
Adakah contoh di luar sana dari diagram arsitektur perangkat lunak yang indah secara estetika, atau setidaknya infografis yang menunjukkan aliran proses kompleks yang akan menjadi inspirasi yang berguna?
sumber
Jawaban:
Saya tidak bisa memikirkan diagram arsitektur perangkat lunak apa pun yang sangat bagus yang belum memiliki data yang diperlihatkan sangat disederhanakan dan dikurangi, tetapi kita dapat menemukan beberapa hal yang relevan dengan terlebih dahulu memecah apa itu diagram arsitektur perangkat lunak.
Kemudian, kita akan melihat beberapa contoh desain yang menghadapi tantangan serupa.
Ini adalah jenis diagram alir / diagram proses dengan fokus pada kategori elemen / node. Yang pada gilirannya adalah jenis diagram jaringan node-link, dengan menambahkan directionality: pada dasarnya, node, yang dapat memiliki kategori, dan koneksi, yang dapat memiliki arah.
Apa pun yang didasarkan pada tautan simpul dapat berubah menjadi 'bola rambut' berantakan ketika kompleksitas apa yang dicoba untuk mewakili meningkat. Jika tidak ada yang disarankan di bawah ini berdasarkan pada tautan simpul yang berfungsi - jika hal yang dipermasalahkan terlalu rumit - inilah artikel oleh akademis visualisasi data yang disegani tentang beberapa alternatif konsep "simpul-tautan" sebagai dasar untuk peta jaringan yang divisualisasikan oleh peneliti data telah datang dengan. Jika Anda bisa mengetahui cara mengadaptasi beberapa di antaranya menjadi sesuatu yang ramah pengguna dan terarah, Anda bisa menjadi pemenang. Tapi itu cara yang sangat sulit untuk dilakukan, hanya coba itu jika Anda harus.
Jadi, diagram alir kompleks dan diagram jaringan dengan penekanan pada arah / aliran dan kategori node / elemen. Prinsip dasar pertama:
Pikirkan rasio signal-to-noise (kadang-kadang disebut rasio data-tinta dalam konteks grafik informasi): koneksi adalah panduan visual, bukan data, jadi buatlah mereka sehalus mungkin tanpa membuatnya kurang mudah diikuti. Juga pikirkan figur-ground : data harus menjadi hal yang diperhatikan di latar depan, isyarat visual yang menunjukkan aliran dan kategori harus menjadi latar belakang yang orang sadari tetapi tidak terganggu olehnya.
Contoh pertama, poster diagram alur keputusan tipografi (saya yakin beberapa orang akan tidak setuju dengan konten ...). Hanya menggunakan hitam dan putih, itu membuat diagram kompleks dapat digunakan dengan hierarki yang jelas antara elemen:
Sangat jelas apa yang masing-masing elemen, menggunakan hightlighting yang jelas tapi halus dan variasi yang menambahkan kebisingan minimal. Keseluruhannya kompleks tetapi setiap bagian jelas.
Kemungkinan peningkatan - tidak ada arah keseluruhan, dengan itu bergerak dari tengah keluar - garis bisa memiliki informasi arah tanpa menambahkan suara dengan menjadi chevron bertitik halus yang sangat kecil (seperti >>>>>) alih-alih titik, sehingga Anda bisa mulai dari mana saja dan lihat ke mana harus pergi berikutnya tanpa petunjuk arah itu mengganggu.
Berikut adalah contoh serupa lainnya di mana aliran bergerak melalui hierarki (paling umum> paling spesifik). Ini mengubah banyak kategori menjadi dua jenis simpul: produk, dan jenis, dan ukuran simpul memberi tahu Anda kekhususan jenis tersebut. (Lingkaran lingkaran dan garis penghubung bisa menjadi jauh lebih halus, tetapi mereka tampaknya telah ditimbang untuk melengkapi jenis dan memberikan segalanya kecuali gelas pint pusat tekstur yang lebih merata). Ukuran lingkaran juga berlipat ganda sebagai indikasi posisi dan aliran - Anda beralih dari lingkaran yang lebih besar ke yang lebih kecil, sehingga mereka tidak memerlukan petunjuk visual lain yang menambah kompleksitas seperti panah.
Jenis birnya sangat banyak
Banyak pekerjaan yang dilakukan oleh PopChartLab relevan. Mereka berspesialisasi dalam poster-poster besar yang menunjukkan banyak hal yang saling berhubungan, dan kadang-kadang mereka menulis prosesnya. Berikut ini adalah proyek mereka di mana mereka benar-benar berjuang dengan jumlah hal yang ingin mereka tunjukkan . Saya pribadi tidak terlalu suka hasil akhirnya (mereka bekerja keras untuk menjinakkan bola rambut, tetapi hasil akhirnya masih bola rambut), tetapi membaca apa yang mereka coba dan apa yang berhasil dan apa yang tidak bisa membantu.
Berikut adalah contoh yang memanfaatkan penempatan pada halaman untuk menampilkan kategori dan urutan dalam aliran. Tidak perlu skema warna norak yang mencolok (yang merupakan referensi untuk materi pelajaran, logo Apple yang berwarna pelangi). Menggunakan halaman x dan sumbu y seperti ini berarti dapat menyimpan garis penghubung untuk jenis informasi lainnya.
Akhirnya, seperti yang saya sebutkan di awal, diagram arsitektur perangkat lunak adalah contoh peta jaringan, yang merupakan jenis peta. Jadi, Anda dapat memperoleh ide dari peta biasa (kartografi), yang juga memiliki masalah serupa pada banyak kategori padat, informasi kompleks yang sering memiliki koneksi dan arah - terus-menerus mencoba menghentikan banyak sinyal Anda yang berubah menjadi noise.
Axis Maps menghasilkan peta tipografi yang luar biasa yang memiliki beberapa rasio sinyal-noise terbaik dari grafik informasi apa pun yang pernah saya lihat, dengan hanya menggunakan label mereka sebagai hal-hal yang label label - lalu warnai dan beberapa tikungan tipografi dan spasi yang halus untuk mengindikasikan kategori.
Jika Anda tidak keberatan dengan tipografi yang ekstrim, ini mungkin dapat digunakan untuk menjinakkan bagan alur yang keluar dari kendali. Sepertinya pekerjaan yang melelahkan, tetapi hasilnya luar biasa.
sumber
Ingin diagram arsitektur perangkat lunak yang cantik? Lihatlah proyek open source profil tinggi seperti Eclipse, Aptana, Magento, Android, Fedora, dll.
Ini adalah dokumen fungsional, bukan materi pemasaran, tetapi proyek ini sering dijalankan atau dikontribusikan oleh organisasi yang cukup sadar merek untuk tetap berupaya mendesain dokumentasi teknis mereka.
Perusahaan seperti Apple (mis. Dokumentasi pengembang untuk iOS dan OS X), Google (dokumentasi untuk App Engine dan Android), IBM, Oracle, dan bahkan produsen perangkat keras seperti Intel dan Nvidia harus memiliki diagram perangkat lunak atau arsitektur sistem yang baik yang dapat Anda gunakan untuk mendapatkan inspirasi dari .
Platform web, terutama penyedia PaaS, seperti Heroku, AWS, EngineYard, OpenShift (Redhat), Cloudbees, dll. Juga akan menjadi sumber yang baik untuk diagram arsitektur yang benar-benar tampan, karena sebenarnya mereka sebagian melayani fungsi pemasaran.
sumber
Artikel menarik tentang penggunaan diagram untuk arsitektur perangkat lunak adalah Sketsa Sederhana untuk Diagram Arsitektur Perangkat Lunak Anda dari Simon Brown.
sumber
Ada lebih banyak contoh diagram hebat oleh Lucid Chart di https://www.lucidchart.com/pages/examples/network_diagram_software
sumber