آموزشیوبويژه

ترسیم فلوچارت، دیاگرام و نقشه ذهنی با Draw.io

مدتی بود به دنبال ابزار آنلاینی جهت ترسیم نقشه ذهنی بودم که بتوانم بدون نیاز به نصب در هر کجا طرح و دیاگرام مورد نظر خودم را ایجاد کنم

در این مدت با برنامه و وب‌سایت‌های مختلفی آشنا شدم، قبل از این هم از نرم افزار Visio از شرکت مایکروسافت جهت ترسیم نقشه شبکه و جانمایی دوربین مداربسته در ضمینه کاری استفاده می‌کردمب

برنامه‌های دیسکتاپ Concept draw , iMindMap , Xmind را هم برای نقشه ذهنی تست کردم

هدم من یافتن وب سایتی بود که رایگان باشد، کمترین محدودیت‌ را داشته باشد، بصورت ابری بتواند فای را دخیره کند، از نوشته‌های فارسی پشتیبانی کند ، کار با آن راحت باشد با این مشخصه ها ابزار آنلاین زیادی هست اما اکثر پولی است و خدمات رایگان دهد دو با سه فایل ارائه میکنند .

برای مثال وب سایت mindmeister برای نقشه ذهنی بسیار عالی است ولی فقط ایمکان ایجاد ۳ فایل و پروژه برای پلن رایگان دارد ، بعد از آن وب سایت wisemapping را تست کردم که رایگان است ولی پشتیبانی خوبی از زبان فارسی ندارد

ترسیم فلوچارت، دیاگرام و نقشه ذهنی با Draw.io

در نهایت به وب سایت draw.io رسیدم که تقریبا همان چیزی بود که دنبالش بودم

خدمات این  وب سایت رایگان و متن باز است، و ابزار عالی برای طراحی و ساخت نمودار، فلوچارت، دیاگرام ، روند‌های سازماندهی، UML، ER و نمودار شبکه و نقشه دهنی است، با کمی کار با این وب سایت متوجه شدم که اکثر امکانات و قابلیت‌های برنامه‌های معروف و خدمات غیر رایگان را به سادگی در اختیار کاربر قرار میدهد

امکانات و ویژگی‌ها:

  • رایگان و متن باز
  • بدون نیاز به ثبت نام
  • امکان ذخیره سازی پروژه در محل‌های مختلف ( مرورگر، درایو سیستم خودتان، فضای ابری )
  • پشتیبانی از فضای ابری گوگل درایو ،One Drive، Dropbox، گیت‌هاب ، Trello
  • امکان اشتراک‌گذاری فایل‌ها با کنترل دسترسی
  • امکان تهیه خروجی‌های مخنلف با فرمت‌های Jpeg -png -SVG -PDF -HDML-XML
  • امکان تعیین فون‌های مورد نظر کاربر
  • امکان بارگذاری تصاویر و فروم‌ها
  • امکان بارگذاری از افیس مایکروسافت و گوگل
  • داری محیط مانند نرم‌افزار‌های دیسکتاپ مانند آفیس
  • امکان استفاده از تم‌های مختلف مانند تم تاریک
  • پشتیبانی از کلید‌های مایانبر
  • داری برنامه جداگانه برای دانلود و آستفاده آفلاین ( نسخه دیسکتاپ)
  • امکان استفاده در کلیه مرورگر‌ها و دیوایس‌ها مانند تلفن همراه
  • قابلیت ذخیره خودکار
  • انواع نمونه‌ها و اشکلاک طبقه بندی شده در ضمینه برق، شبکه،رک ، نقشه ، سازمانی، و …
  • سرعت و عملکرد عالی
  • و …

 

ابتدا با محیط این وب‌سایت آشنا شویم

بعد از ورود به سایت با پنجره‌ای مانند تصویر زیر روبه رو میشود که می‌توانید اکانت‌های گوگل درایو ، OneDrive و یا یکی از پوشه‌های رایانه خود را جهت ایجاد و ذخیره فایل انتخاب کنید و یا گزینه Decide later را برای تصمیم گیری بعدی کلیک کنید

ترسیم فلوچارت، دیاگرام و نقشه ذهنی با Draw.io

بعد از این مرحله یک صفحه ظراحی خالی برای شما در محیط برناه باز می‌شود

منوی بالای برنامه جهت استفاده معمول و گزینه‌های فایل و نمایش و … در اختیار شماست

ترسیم فلوچارت، دیاگرام و نقشه ذهنی با Draw.io

در سمت چپ محیط برنامه شما می‌توانید انواع شکل‌ها جهت ایجاد فولاجات و دیاگرام‌های خود را بصورت طبقه‌بندی شده و با امکان جستجو به محیط اضافه کنید

ترسیم فلوچارت، دیاگرام و نقشه ذهنی با Draw.io

در سمت راست از برگه style رنگ ، نوع خط ، شفافیت و .. را انتخاب و یا این استایل را بع شکل دیگی کپی یا ویرایش کنید

ترسیم فلوچارت، دیاگرام و نقشه ذهنی با Draw.io

دربرگهTextنیزمیتوانیدبرای تنظیمات نوشته ومتن را انتخاب کنید

یکی از قابلیت‌های جالب این ابزار امکان انتخاب فونت سفارشی می‌باشد برای مثال من از فوت b Homa را در قسمت فونت سفارشی وراد کردم و گون این فونت در سیستم من هست متن‌ها با آن فونت نمایش داده می‌شود

ترسیم فلوچارت، دیاگرام و نقشه ذهنی با Draw.io

در برگه Arrange هم نحوه و ترتیب نمایش عناصر را میتوانید تغییر دهید برای مثال متن را بر روی تصویر بیاورید و یا اندازه را بصورت دقیق  تنظیم کنید

ترسیم فلوچارت، دیاگرام و نقشه ذهنی با Draw.io

در پایین صفحه هم امکان صفحه بندی مانند برنامه اکسل قابل انتخاب است

ترسیم فلوچارت، دیاگرام و نقشه ذهنی با Draw.io

 

شما می‌توانید از منوی File و New را انتخاب کنید و از نمونه و تمپلیت های موجود که طبقه بندی نیز شده است یکی را انتخاب کنید برای مثال در تصویر زیر بخش شبکه را می‌بینید

ترسیم فلوچارت، دیاگرام و نقشه ذهنی با Draw.io

طراحی بسیار ساده است تصویر زیر را ببنید

ترسیم فلوچارت، دیاگرام و نقشه ذهنی با Draw.io

حتما به بخش More Shapes… سری بزنید و گزینه‌ها و شکل‌های بیشتری را ببنید، طبقه بندی و اشکل جالب میابید

ترسیم فلوچارت، دیاگرام و نقشه ذهنی با Draw.io                          ترسیم فلوچارت، دیاگرام و نقشه ذهنی با Draw.io

 

 

 

نقشه ذهنی

نقشه ذهنی یا مایند مپ نموداری درختی است که برای بیان کردن کلمات، ایده‌ها، فعالیت‌ها یا موارد دیگر مربوط به یک کلید واژه یا ایده مورد استفاده قرار می‌گیرد. این نمودار برای تولید، سازماندهی و ساختار دهی ایده‌ها و افکار به کار بسته می‌شود و در حل مسئله، فرایند تصمیم‌گیری و نوشتن می‌تواند مورد استفاده قرار بگیرد.
عناصر یک نقشه ذهنی به صورت ادراکی و بر اساس اهمیت مطالب در قالب گروه‌ها، شاخه‌ها و قسمت‌های متفاوت قرار می‌گیرند. نقشه‌های ذهنی را می‌توان برای مرور حافظه نیز به کار بست.

برای مثال من با draw.io یک نقشه ذهنی برای شبکه کامپیوتری ایجاد کردن

ترسیم فلوچارت، دیاگرام و نقشه ذهنی با Draw.io
برای بزرگنمایی بر روی تصویر کلیک کنید

همچنین لینک اشتراک از گوگل درایو را از اینجا ببیند

یک نقشه ساده دوربین مدار بسته:

ترسیم فلوچارت، دیاگرام و نقشه ذهنی با Draw.io

 

ترسیم فلوچارت، دیاگرام و نقشه ذهنی با Draw.io
ترسیم فلوچارت، دیاگرام و نقشه ذهنی با Draw.io د
ترسیم فلوچارت، دیاگرام و نقشه ذهنی با Draw.io
ترسیم فلوچارت، دیاگرام و نقشه ذهنی با Draw.io
ترسیم فلوچارت، دیاگرام و نقشه ذهنی با Draw.io
ترسیم فلوچارت، دیاگرام و نقشه ذهنی با Draw.io

     

    موفق باشید و خندان

    امیر فدائیان

    عاشق تکنولوژی هستم،مشغول برنامه نویسی و همچنین پشتیبانی و نصب سیستم های نظارتی و حفاظتی هست، در اين وبلاگ علاوه بر اينكه دفترچه ياداشتي براي خودم هست ،تجربیات و دانسته‌هام در حوزه نرم‌افزار ،اينترنت ،تلفن همراه و ... را منتشر ميكنم. Programming languages: Delphi, Kotlin, Python, SQL Server

    نوشته های مشابه

    دیدگاهتان را بنویسید

    نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

    دکمه بازگشت به بالا