Membuat Diagram tanpa Visio ? Pakai draw.io

Mengapa judulnya membuat diagram tanpa  visio? Yaa karena kebanyakan user di Indonesia menggunakan visio ketika membuat diagram, dan di laptop kantor saya tidak terinstal microsoft office, adanya Open Office.

Lalu yang akan saya share disini? sebuah aplikasi web bernama draw.io yang tidak sengaja saya temukan ketika ingin membuat diagram dalam rangka riset tentang imlementasi payment gateway di Indonesia. (Sebagian riset tentang payment gateway akan saya post pada artikel selanjutnya).

Seperti yang kita tahu ada beberapa diagram yang bisa dibuat dalam visio2007. Mulai dari flowchart, general, engineering, dll.  Nah kalau di draw.io memang tidak selengkap pada Visio, apalagi jika dibandingkan dengan ms.office Visio 2013 😐 .

Perkenalan draw.io

Informasi tentang Draw.io :

Fitur dari draw.io :

  • unlimited diagram
  • google drive integration : integrasi dengan google drive sehingga memudahkan dalam menyimpan diagram ke dalam akun google drive anda.
  • export to jpg/png/xml/svg
  • real time collaboration
  • etc

Nah yang unik adalah pricing dari layanan draw.io ini karena kita harus membayar $0 alias free untuk tiap paketnya 😀

pricing

Tampilan

Tampilan dari draw.io seperti google apps pada umumnya (google docs, google spreadsheet, dll) , berikut ini penjelasannya :

penjelasan draw.io

penjelasan draw.io

.

Ada beberapa elemen yaitu :

  • menu : berisi menu2 aplikasi secara umum untuk view, undo, redo, save, save as, print, dll
  • tools : tool yang bisa digunakan untuk membuat diagram
  • diagram type : macam-macam shape untuk membentuk diagram, dikelompokkan berdasarkan tipe diagramny. misal diagram flowchart, BPMN (business process modelling notation), UML (Unified Modelling Language), dll
  • add diagram type : menambahkan tipe diagram yang belum ada pada diagram type
  • page navigation : untuk memudahkan navigasi ke area yang dituju apabila diagramnya melebar /memanjang
  • editor : area ini digunakan untuk membuat/mengubah diagram
  • connect with google drive :  koneksi untuk  login dan logout menggunakan akun gogle anda.

Contoh apabila anda mengklik salah satu tipe diagram, misal diagram BPMN, maka akan ditunjukkan notasi2 diagramnya :

bpmn diagram

bpmn diagram

Contoh Diagram menggunakan BPMN

Diagram berikut ini menggambarkan alur integrasi Finpay (perusahaan penyedia payment gateway) pada merchant

finpay integration process

finpay integration process

Diagram berikut ini menggambarkan alur integrasi Veritrans (perusahaan penyedia payment gateway) pada merchant

veritrans

veritrans

Selamat mencoba 🙂

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: