How to Draw Context Diagram in Staruml
Now that you know what makes upwardly a data menses diagram, allow'due south see how easy it is to make one using our powerful, online tool. We provide a ton of templates to use as a starting point. In this how-to, we're going to create a Level 0 DFD for an online shopping feel. Log in to your account (if you don't have one, sign up to try Lucidchart free for a week) and follow the steps below to make a DFD.
1. Select a data flow diagram template
In the Documents section, click on the orange +Document push button and double-click on the Blank ERD & Data Catamenia diagram.
two. Name the data flow diagram
Click on the Blank ERD & Data Period header in the summit left corner of the screen. A popular-up screen opens, type the name of your diagram in the text box and click OK. The name of your DFD appears in the meridian left corner of the screen.
3. Add an external entity that starts the process
In the left column of the screen, you'll discover a lot of shapes and symbols. We've already created the iv symbols yous'll demand to make a DFD. You can also add images to the diagram. Scroll through the list of symbols until you lot get to the bottom and see the heading Data Flow.
These are all the DFD symbols you demand. (Note: Mouse over each shape to see what they represent: procedure, information stores, data flow, and external entities). Nosotros have symbols for Yourdon and Coad, Yourdon and DeMarco, and Gane and Sarson methods. Click and hold External Entity and drag information technology onto the workspace.
Click the highlighted text in the box and type the name of the external entity. For our example, we're typing "client." You can use the curved arrow in the elevation left corner of the square to rotate the symbol. Delete a symbol past clicking it and pressing delete on your keyboard.
four. Add together a Process to the DFD
Click and agree on a procedure symbol and drag it to where you desire it on the workspace. Blazon the name of the process. Nosotros're calling this procedure "add together product to cart."
five. Add a information store to the diagram
Click and agree on a data store symbol and elevate it to where y'all desire information technology on the workspace. Blazon the information store proper noun. We're naming ours "shopping cart."
6. Continue to add items to the DFD
Elevate-and-drop the appropriate symbols to add together all the external entities, processes, and data stores to your diagram. Move symbols around by clicking and holding on them, and then drag them to a new location. Click on a symbol to resize it, then click and hold the bluish box in one of the corners and drag the corner to make the shape bigger or smaller. Use the background graph as a guide for alignment and sizing.
7. Add data flow to the DFD
Double-click on an entity, process, or information store, and so click and hold one of the orange circles and drag the line to the advisable symbol.
Tip: If you lot adopt to create the data flow process as yous complete the diagram, click on an entity, process, or information store and and so click and hold ane of the orange circles and elevate the line to describe an arrow. Release the mouse push button and a box with DFD symbols volition announced. Click on the shape you want to add and information technology volition automatically be created.
eight. Proper name the data period
Add together a name to describe the data flow past double-clicking on the arrow line. An option to type text will appear, blazon the information catamenia name.
9. Customize the DFD with colors and fonts
In one case yous have the bones pattern of your diagram, you tin can add colors to symbols, alter fonts, and adjust arrows. Here'due south how to:
- Add together colors to symbols: Click on a symbol on the diagram and then click the color-fill icon and cull a color.
Tip: To make multiple symbols the aforementioned colour, click the get-go item and so concord the shift cardinal and click the remaining shapes. Adjacent, click the color-make full icon and cull a color.
- Change the font: Choose Select All from the Edit pick in the bill of fare. Click the font box, choose a new font, and click information technology. All text in the diagram will be updated. You can employ the other shortcuts (font colour, size, assuming, italic, underline, and alignment) to customize the font fifty-fifty more.
- Adjust arrow style: Click an arrow to select it. Next, click the pointer icon in the carte du jour bar and choose one of the ix other styles.
Tip: To change the style of all the arrows, choose Select All from the Edit menu.
10. Add a title and share your data flow diagram
At the top of the symbols cavalcade, yous'll run across a big alphabetic character T. Click it and elevate it to where y'all want to add a title to the diagram. Type the title, and if you'd like to, adjust the font and type size using the shortcut keys at the top of the screen.
You can easily share your DFD with others either via email, link, social media (Facebook, Twitter, Google+, and LinkedIn), or embed it on a website. Click the blue Share button in the peak right corner of the screen and a popular-up will appear. Cull how you lot'd similar to share the DFD and enter the appropriate information.
When y'all add a collaborator by sending a link to the DFD via email, you can piece of work on the data flow diagram simultaneously and use the chat feature (the yellow quote icon in the top right corner of the screen) to have discussions.
How to Draw Context Diagram in Staruml
Source: https://www.lucidchart.com/pages/data-flow-diagram/how-to-make-a-dfd
0 Response to "How to Draw Context Diagram in Staruml"
Post a Comment