Тёмный

Draw.io (aka diagrams.net) Basics 

Abdullah
Подписаться 8 тыс.
Просмотров 257 тыс.
50% 1

Опубликовано:

 

15 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 146   
@253637zero2
@253637zero2 Год назад
Although this tutorial is 3 years old, nothing in this video is outdated. Very useful.
@BarryCraft
@BarryCraft 4 года назад
WOW! You REALLY know this program! I did quite a bit of research to find a free online mind map / flow chart tool that had features I was looking for. When I found this tool, it looked a little intimidating, but you have really covered the basics extremely well I will be referring to this video again for sure! Thank you for taking the time to share this.
@Abdullah-mg5zl
@Abdullah-mg5zl 4 года назад
You're very welcome! You can't go wrong with choosing this tool! It has a lot more cooler/advanced features that I didn't even cover, in case you need them in the future. I think the program does a very good job of being relatively easy to use, but having advanced features if you need them.
@darren6202
@darren6202 2 года назад
@@Abdullah-mg5zl Its not a compliment - Barry is extracting the urine. This video didnt solve the question I had over connectors. How do you make a connector cross ontop of or underneath another connector using a loop for example?
@zabiullat4584
@zabiullat4584 2 года назад
Its very informative video and made my life easy. As I was searching for this tool for long time.
@Abdullah-mg5zl
@Abdullah-mg5zl 2 года назад
Glad it helped! Thanks for watching
@faisalrahman327
@faisalrahman327 3 месяца назад
Thanks you for explaining this with all the micro details.
@HansvanDam1944
@HansvanDam1944 3 года назад
Very good basic explanation. Thanks a lot.
@Abdullah-mg5zl
@Abdullah-mg5zl 3 года назад
no problem!
@pvk3103
@pvk3103 3 года назад
Awesome. Excellent. Made my life is easy.
@Abdullah-mg5zl
@Abdullah-mg5zl 3 года назад
Thanks!
@nabis2424
@nabis2424 Год назад
Thank you! Just discovered this today!
@Abdullah-mg5zl
@Abdullah-mg5zl Год назад
Not a problem! Thanks for watching :)
@Spidz2k
@Spidz2k 4 года назад
This was incredibly helpful, thank you!
@Abdullah-mg5zl
@Abdullah-mg5zl 4 года назад
You're very welcome!
@PurplePixi77
@PurplePixi77 2 года назад
Great video. It's so helpful for my school assignment. Thanks
@jonlbs7
@jonlbs7 3 года назад
Absolute EXCELLENT tutorial. Thank you and Lord bless you
@Abdullah-mg5zl
@Abdullah-mg5zl 3 года назад
Not a problem, thank you
@ChandraShekhar-by3cd
@ChandraShekhar-by3cd 3 года назад
Nice tutorial. Thanks it made it easy to use this tool
@Abdullah-mg5zl
@Abdullah-mg5zl 3 года назад
Glad it helped!
@333tuberob
@333tuberob 4 года назад
Very useful - saved me a lot of time
@Abdullah-mg5zl
@Abdullah-mg5zl 4 года назад
Very glad to hear that!
@metime2406
@metime2406 3 года назад
Thank you so much Abdullah. Your video saved me a lot of time, very helpful!
@Abdullah-mg5zl
@Abdullah-mg5zl 3 года назад
You're very welcome!
@bivek_shiwakoti
@bivek_shiwakoti 2 месяца назад
Loved this tutorial my man🎉
@nathaliestruve1742
@nathaliestruve1742 3 года назад
You helped me a lot with this tutorial. Thanks a lot!
@Abdullah-mg5zl
@Abdullah-mg5zl 3 года назад
you are very welcome
@sechabamotaung8552
@sechabamotaung8552 3 года назад
Thank you, great simple video.
@jfarr206
@jfarr206 3 года назад
Fantastic- thank you!
@gumballdarwin6572
@gumballdarwin6572 2 года назад
Thanks for simple explanation. 👍
@Abdullah-mg5zl
@Abdullah-mg5zl 2 года назад
No problem!
@RKGraves
@RKGraves 2 года назад
Thank You! Great Tutorial - I appreciate you took the time to make it.
@Abdullah-mg5zl
@Abdullah-mg5zl 2 года назад
You're very welcome!
@zachthomas3908
@zachthomas3908 4 года назад
this is a fabulous tutorial! thanks!
@Abdullah-mg5zl
@Abdullah-mg5zl 4 года назад
You are very welcome!!
@talktoAB
@talktoAB 2 месяца назад
Cool. Nice tutorial.
@aletheagallacher4265
@aletheagallacher4265 3 года назад
Very helpful indeed! Thanks.
@Abdullah-mg5zl
@Abdullah-mg5zl 3 года назад
Not a problem!
@SohangLal
@SohangLal 4 года назад
Excellent Intro
@Abdullah-mg5zl
@Abdullah-mg5zl 4 года назад
Thank you!
@princepcn6909
@princepcn6909 Год назад
it was worth the time. Thanks for the video
@Abdullah-mg5zl
@Abdullah-mg5zl Год назад
No problem!!
@amumpairejane4436
@amumpairejane4436 Год назад
Very useful video thanks❤
@hymapolimera1622
@hymapolimera1622 4 года назад
very useful video. Thanks a lot
@Abdullah-mg5zl
@Abdullah-mg5zl 4 года назад
Not a problem! Thanks for watching and have a great weekend!
@atuljain9887
@atuljain9887 2 года назад
very clear description
@vamicagarg7118
@vamicagarg7118 4 года назад
amazing video,was really helpful
@Abdullah-mg5zl
@Abdullah-mg5zl 4 года назад
Thank you! I'm glad you found it helpful! Have a great weekend!
@Julian-tf8nj
@Julian-tf8nj 4 года назад
Super helpful - thanks!!
@Abdullah-mg5zl
@Abdullah-mg5zl 4 года назад
Not a problem!
@shinsuo9943
@shinsuo9943 3 года назад
Well explained my friend
@Abdullah-mg5zl
@Abdullah-mg5zl 3 года назад
Thank you
@blushandrush9584
@blushandrush9584 2 года назад
thanks a lot for this great intro to draw io. It helps a lot :)
@Abdullah-mg5zl
@Abdullah-mg5zl 2 года назад
You're very welcome! Thanks for watching!
@sonunitjsr223
@sonunitjsr223 4 года назад
This is helpful. Thank you for the video
@Abdullah-mg5zl
@Abdullah-mg5zl 4 года назад
Not a problem!!
@akshaynm
@akshaynm 3 года назад
Hello Abdullah, Many thanks for the comprehensive tutorial. Just having one question. How can we add animated shapes in to the drawings? For example. Hiding un-hiding any objects or lines on clicks ?
@Abdullah-mg5zl
@Abdullah-mg5zl 3 года назад
Hey Akshay! I think you meant "interactive" shapes. You can do that by using what is called "actions". Every shape that you draw in draw.io has an associated id. Every shape also has a "link". The link can be to a webpage, or it can be an "action". An "action" can be things like showing/hiding another shape! That's the concept. This page walks you through how to actually do it: www.diagrams.net/doc/faq/custom-links Be sure to read the last sentence in that page, as it gives you a tool to make creating actions much easier.
@akshaynm
@akshaynm 3 года назад
@@Abdullah-mg5zl Thanks a lot Abdullah. I will surely try that and will get back on the results. Many thanks again...!
@Abdullah-mg5zl
@Abdullah-mg5zl 3 года назад
@@akshaynm not a problem!
@benjamjohn9690
@benjamjohn9690 4 года назад
Hi Abdullah great content. I learn a lot. I have one question. Quite often When I click the background a text box is created automatically. Is there a way to disable it.?
@Abdullah-mg5zl
@Abdullah-mg5zl 4 года назад
Hello! You should have to *double* click to create a text box, not single click. This behavior isn't too annoying to me, and I don't know of a way to turn it off unfortunately.
@LearningToCodeAndDesign
@LearningToCodeAndDesign 2 года назад
This was very helpful. Thank you so much!
@Abdullah-mg5zl
@Abdullah-mg5zl 2 года назад
You're very welcome! Super glad it helped ya
@zincfive
@zincfive 2 года назад
Nice video, very helpful, thanks!
@hammarahma3218
@hammarahma3218 4 года назад
hello,i made a use case diagram and wanted to export it as pdf but because of these waypoint lignes my diagram was on 18 pages instaid of one, how can i remove the waypoint or how can i adjust my diagram to fit into only one page
@sherinadauz8810
@sherinadauz8810 4 года назад
This is exactly my problem please answer this please
@required.
@required. Год назад
thank for the awesome video
@Abdullah-mg5zl
@Abdullah-mg5zl Год назад
No problem! Glad you found it helpful
@user-pr4jg3sn2j
@user-pr4jg3sn2j 4 года назад
Thanks a lot!
@Abdullah-mg5zl
@Abdullah-mg5zl 4 года назад
You're welcome!
@cliffmathew
@cliffmathew Год назад
Thank you. Very useful
@Malpekar-mo4wb
@Malpekar-mo4wb 4 месяца назад
Nice one
@penriquez99
@penriquez99 3 года назад
hi, I created a file but there are 3 pages ( 2 of them empty) - I did not know how to erase them . When I converted to pdf the empty pages are there... please help. This is a great tool Thanks for your guidance.
@Abdullah-mg5zl
@Abdullah-mg5zl 3 года назад
Hello! 1) Try to enable "page view" (check the checkbox on the right). And then make sure all ur drawings are on one page 2) Did you export via File->Export As->PDF or some other way? Usually if you have multiple pages, it's because you have some invisible object in some other pages or something like that. Try to copy your shapes to another instance of draw.io and see if that helps.
@mnchester
@mnchester 2 года назад
great video!
@Abdullah-mg5zl
@Abdullah-mg5zl 2 года назад
Thank you!!
@kevinjoshi96
@kevinjoshi96 2 года назад
nice ....very helpful
@Abdullah-mg5zl
@Abdullah-mg5zl 2 года назад
Thank you!
@aykutyldz1538
@aykutyldz1538 4 года назад
thank you very much it was so useful
@Abdullah-mg5zl
@Abdullah-mg5zl 4 года назад
You're very welcome!!
@SIDCRZ
@SIDCRZ 4 года назад
i have one question, i can't find the widht and height setting. can you tell me?, because when i export it, the result cropped
@Abdullah-mg5zl
@Abdullah-mg5zl 4 года назад
It shouldn't be cropped..., you can put in a "border" value when you export, try that.
@SIDCRZ
@SIDCRZ 4 года назад
@@Abdullah-mg5zl ok, thank you man
@user-du4tx2mb7x
@user-du4tx2mb7x 6 месяцев назад
Abdullah can you help me please? I cant seem to export to a 1 page pdf. My download is spread across 6 pages. thanks
@sardorabdirayimov
@sardorabdirayimov Год назад
Great tutorial. Subscribed
@Abdullah-mg5zl
@Abdullah-mg5zl Год назад
Thank you very much!
@aunmanoi
@aunmanoi 2 года назад
Can we add text on both end of line? , Such as we have 2 connectted cable and want to mark up port name on both side.
@jackli9837
@jackli9837 3 года назад
谢谢你的视频,帮助很大
@Abdullah-mg5zl
@Abdullah-mg5zl 3 года назад
不客气
@dlsgl407
@dlsgl407 3 года назад
Thank you this was very helpful.
@Abdullah-mg5zl
@Abdullah-mg5zl 3 года назад
You're welcome!
@daniahmohammad6101
@daniahmohammad6101 2 года назад
Man, you are just amazing
@Abdullah-mg5zl
@Abdullah-mg5zl 2 года назад
You are very welcome!
@ameerm7894
@ameerm7894 2 года назад
Superb
@Abdullah-mg5zl
@Abdullah-mg5zl 2 года назад
Thanks!
@nehamarothiya4073
@nehamarothiya4073 3 года назад
Thank you so much ✌🏻
@Abdullah-mg5zl
@Abdullah-mg5zl 3 года назад
Not a problem
@AhmedEzzat-si5ri
@AhmedEzzat-si5ri 3 года назад
Thank a million :)
@danieluwira4990
@danieluwira4990 3 года назад
Great tutorial. Thank you!
@Abdullah-mg5zl
@Abdullah-mg5zl 3 года назад
No problem!
@zenganow
@zenganow 2 года назад
great video. dow do you number the shapes?
@Abdullah-mg5zl
@Abdullah-mg5zl 2 года назад
Can't you double click them and set the text to a number? Or am I misunderstanding your question?
@whynotorwhy
@whynotorwhy 3 года назад
Thank You
@Abdullah-mg5zl
@Abdullah-mg5zl 3 года назад
You're welcome
@ravingagunawardana178
@ravingagunawardana178 3 года назад
Thanks!
@Abdullah-mg5zl
@Abdullah-mg5zl 3 года назад
No problem!
@yedlapalliphani4631
@yedlapalliphani4631 4 года назад
How can I wraw bell shaped curve(Normal curve ) by using Draw.IO
@Abdullah-mg5zl
@Abdullah-mg5zl 4 года назад
I don't think you can do that, it's not a plotting (graphing) library. You can use a Computer Algebra System like sympy (python module) or wolfram alpha to plot symbolic equations. You can use tools like excel, etc if you just want to plot some x,y points. Then you can just screenshot the plot into draw.io :)
@bassinguilly
@bassinguilly 3 года назад
Can you have a multiple page diagram/flowchart?
@Abdullah-mg5zl
@Abdullah-mg5zl 3 года назад
Yes, you can. New pages are added automatically to fit your drawing. Also, look on the bottom, you have multiple "tabs". You can create new tabs for new drawings, in the same document.
@Esem854
@Esem854 4 года назад
Hi Abdullah, Thank you for this great video, helped alot. However, i have a question please. How do you connect the diagram using a double connected arrow, the ones listed are too wide for my diagram, i need a slim one but cant seem to find it. I will appreciate it if you could help please. Thank you again
@Abdullah-mg5zl
@Abdullah-mg5zl 4 года назад
Hello! Thank you! First create a regular arrow, then select it, then on the right panel there are two drop downs which control the start and end of the line. The end should by default be an arrowhead. Click the start one and select an arrow head for the start as well :)
@Esem854
@Esem854 4 года назад
@@Abdullah-mg5zl You are awesome, you just solved a problem in seconds i have spent hours trying to figure out. Thank you so much Abdullah, it really worked.
@Abdullah-mg5zl
@Abdullah-mg5zl 4 года назад
@@Esem854 You are very welcome! Thanks so much for the kind words, I appreciate it! I hope you have a fantastic week!
@user-jp4bj8xe4f
@user-jp4bj8xe4f 3 года назад
Can I add pictures?
@Abdullah-mg5zl
@Abdullah-mg5zl 3 года назад
Yes! Just drag the picture in. Or you can copy/paste it in.
@anarosmanov2200
@anarosmanov2200 3 года назад
Can we show data types in table? Like varchar,nvarchar
@manuthada9392
@manuthada9392 3 года назад
Thanks for this helpful video but I wonder how to download the edited version diagram from this dash board?
@Abdullah-mg5zl
@Abdullah-mg5zl 3 года назад
When you export to PNG, there is an option to keep an editable version of the diagram INSIDE the PNG. In other words, you can use Draw.IO to open the same PNG and edit the diagram.
@gemmaclarke9463
@gemmaclarke9463 2 года назад
I'm trying to create a swim lane diagram but I'm not sure how I should represent an activity that two teams (lanes) both do together? What is the correct way to show that?
@Abdullah-mg5zl
@Abdullah-mg5zl 2 года назад
Unfortunately, I'm not familiar with that diagram! Sorry!
@gemmaclarke9463
@gemmaclarke9463 2 года назад
@@Abdullah-mg5zl no worries, in the end I just placed the output across the swimlane line with the flow arrows from both lanes pointing to it.
@blessyponnachen9528
@blessyponnachen9528 2 года назад
What to do if I want to change the shape of already inserted shape ?
@Abdullah-mg5zl
@Abdullah-mg5zl 2 года назад
Copy your old text, delete the shape, insert new shape, paste new text onto shape :)
@sathishshetty9371
@sathishshetty9371 3 года назад
When I double click text , in the box text was written in by default I can't change that . Please help me
@Abdullah-mg5zl
@Abdullah-mg5zl 3 года назад
Select the text and start typing. Does that work?
@sathishshetty9371
@sathishshetty9371 3 года назад
@@Abdullah-mg5zl yes that works but before what we typing "text" is written there
@zaheemschemnad5377
@zaheemschemnad5377 3 года назад
1 parent box and 5 child box, how to do it?
@geangelai8052
@geangelai8052 3 года назад
I Hope this can be link also in Google sheet
@zahrasiddiqui1313
@zahrasiddiqui1313 3 года назад
Thank you for the very helpful video. Does anyone know if draw.io can sync up with referencing software like endnote/zotero?
@Abdullah-mg5zl
@Abdullah-mg5zl 3 года назад
No problem. And unfortunately, I don't have an answer for your question, maybe someone else can chime in
@sonu1patel
@sonu1patel 3 года назад
How do you get arrow with yes /no text
@Abdullah-mg5zl
@Abdullah-mg5zl 3 года назад
Any shape can have text added to it by double clicking the drawn shape and then typing. So first draw an arrow shape (select it from the shapes library on the left), then double click it and type yes/no.
@explain_in_urdu
@explain_in_urdu 3 года назад
show loading
@imnot4chriss
@imnot4chriss 4 года назад
ITS CALLED DRAW.IO NOT SHAPE.IO IM HERE TO "DRAWWWW"
@Abdullah-mg5zl
@Abdullah-mg5zl 4 года назад
Easy there buddy
@mikeswinxx
@mikeswinxx Год назад
Play around with it a few minutes and theres no need to watch a 20min tut...
@Christobanistan
@Christobanistan 2 года назад
Buy a mic
@andl645
@andl645 2 года назад
Thanks a lot!
@Abdullah-mg5zl
@Abdullah-mg5zl 2 года назад
You're very welcome!
Далее
Creating Component Diagrams with Draw.IO
41:58
Просмотров 52 тыс.
УГОСТИЛ БЕЛКУ МОРОЖЕНЫМ#cat #cats
00:14
Doors Harpy Hare (Doors 2 Animation)
00:16
Просмотров 702 тыс.
UML Diagrams Full Course (Unified Modeling Language)
1:41:31
Creating Entity Relationship Diagrams using Draw.io
11:36
Was I unfair to FreeCAD?
17:31
Просмотров 138 тыс.
Here's The Secret How To Create These Animated Diagrams
11:12
УГОСТИЛ БЕЛКУ МОРОЖЕНЫМ#cat #cats
00:14