Tools Online untuk Menggambar Berbagai Diagram

Computers
- Apple Mac
  - iMac
  - Mac Pro
  - MacBook
- Notebooks
- PC
Entertainment
- Movies
- Music
General
Graphic Design
News
Sports
WordPress

Tools Online untuk Menggambar Berbagai Diagram

- - Crowdy 0 komentar

Membuat diagram seperti Flowchart, Use Case dan Diagram Jaringan menggunakan software seperti Visio memang mudah. Namun apa jadinya jika di komputer yang Anda gunakan tidak terinstall program tersebut? Mau menginstallnya tapi males karena ga punya bajakannya, padahal dipakenya jarang-jarang? Jangan khawatir, sekarang ada banyak situs yang menyediakan fasilitas untuk menggambar berbagai bentuk diagram secara online. Jadi tidak perlu menginstall, langsung buka situsnya, gambarkan diagramnya dan simpan (download) hasilnya. Inilah 5 diantara sekian banyak Online Diagram Tools.

#1. Gliffy

Situs ini banyak menyediakan template diagram dan berbagai variasi bentuk diagram. Penggunaannya juga cukup mudah. Jika ingin mencobanya, juga tidak perlu mendaftar. Namun jika kita ingin menyimpan diagram kita untuk keperluan mendatang, kita harus mendaftar terlebih dahulu. Pendaftaran gratis namun hanya diperbolehkan menyimpan maksimal 5 diagram saja.
Gliffy saat ini menyediakan 9 kategori diagram yaitu Website / Software UI Design, Venn Diagrams, Organization Charts, SWOT Analysis, Flowcharts, Network Diagrams, Software Design / UML, Floor Plan dan Bussiness Process

<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Berikut ini contoh hasilnya </span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/>
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

</div></div></div></div>

#2. Lovely Charts

Situs ini merupakan situs online untuk menggambar berbagai bentuk diagram yang sangat mudah digunakan. Semboyannya “you think, we draw”. Diagram seperti Flowchart, Sitemaps, Wireframes, Org. Charts dan Network Diagram dalam hitungan menit dapat kita buat. Tools dan pilihan yang tersedia cukup banyak. Walaupun dengan kapasitas terbatas, kita masih diperkenankan untuk mendaftar dengan gratis. Pendaftarannya pun sederhana, hanya cukup memasukkan nama, alamat email dan password kita.

<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Berikut ini contoh flowchart yang dibuat dengan situs ini </span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/>
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

</div></div></div></div>

#3. Draw Anywhere

Situs ini memiliki tampilan yang mudah dan user-friendly. Situs yang dibuat dengan teknologi flash (Adobe Flex) ini menawarkan tools yang lengkap untuk membuat berbagai diagram secara online. Cukup login dari mana saja dan pilih jenis diagram yang kita inginkan. Situs ini mendukung jenis diagram dalam kategori Basic Shapes, Flowchart Shape, Workflow Diagram, Network Object, Office Layout, Sign and Symbols dan Cliparts. Situs ini juga mengijinkan penggunanya untuk mengupload imagenya sendiri.

<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Berikut ini contoh diagram jaringan yang dibuat dengan situs ini </span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/>
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

</div></div></div></div>

#4. Creately

Creately merupakan situs online yang menawarkan solusi komprehensif dalam pembuatan diagram tanpa terbatas ruang dan waktu. Hanya membutuhkan waktu 3 menit-an untuk membuat suatu diagram, kita dapat mencobanya gratis. Sama seperti program lainnya, situs ini juga menawarkan berbagai jenis diagram mulai dari Flowchart diagram hingga SWOT Analysis.

<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Berikut ini contoh analisa SWOT yang dibuat dengan tools online ini </span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/>
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

</div></div></div></div>

#5. DRAW

Project ini sebenarnya belum begitu sempurna, masih dalam tahap pengembangan. Namun demikian kita dapat memanfaatkannya untuk membuat diagram sederhana. Jenis shape yang tersedia antara lain rectacle, circle, polygon dan sebagainya.

Semoga bermanfaat