Omnigraffle – Network Diagramming

by Earl on September 5, 2006

in Apple Mac, Reviews, Software

There are often times when you need to draw, diagram, or flowchart a process or complicated series of events or objects in order to clearly define and make order of the whole picture, and the relationship of each part.

I recently had one of those moments after having completed a home network project. I wanted to not only record the basic layout of the components and computers in my home network but also to record some sensitive ID information and be able to turn it on or off at will. Of course I also wanted it to look nice.

200806062024.jpg

I tackled this project using OmniGraffle Professional 4 from The Omni Group. You might have heard of one of their other applications, OmniOutliner, which I’ve mentioned before. OmniGraffle is a object oriented drawing or diagramming program. I’m not going to try and give you a complete review of the program but just share how I created my home network diagram (below) in less then two hours.

200609041858

My initial vision for this network diagram was to have the ability to display as much or as little information on the diagram as needed depending upon the immediate use at the time. In order to do this I used the layers function of OmniGraffle. I created four basic layers:

1. Devices – this layer contains the network devices, computers and wiring with no text or descriptions. It’s the bare network only.
2. Names – this layer contains the name and brief description of each device and computer that was diagrammed in Layer 1.
3. Locations – this layer contains the physical location descriptions (Living Rm, West End, Main Office, etc.) display over-layed on Layer 1 & 2 information.
4. Addresses – this layer contains System Names, SSID’s, IP Address, MAC Address, and other technical information. This layer is not displayed in the diagram above due to security and privacy concerns.

OmniGraffle gives you the ability to “turn on” each of these layers independently of the other layers. You can also lock each layer to prevent accidental changing of a layer. This is especially helpful when you are still viewing one layer but working in another.

The devices and network equipment in the network diagram came from Stencils in OmniGraffle. OmniGraffle comes with several stencils and there are more that can be downloaded from The Omni Group site. These stencils made quick work of adding the devices. They also make the finished product look professional. There are in fact many different stencils for a wide variety of subjects, from flow charting, floor plan layouts, gardening, and many others.

OmniGraffle allows grouping, un-grouping, snap to grid, connectors to objects, and moving objects forward or backward in the drawing. These function make quick work of assembling your diagram to the way you want it.

As I said these tools made it possible for me to turn out the above diagram in a little less then two hours. Some could probably do it quicker, but I was well pleased by the results and the ease of using OmniGraffle. There were many features that I didn’t use so I know this application is much more capable then what I’ve relayed here.

Highly Recommended: [rate 5]

{ 6 comments… read them below or add one }

1 Jeremy Alexander June 6, 2008 at 7:13 pm

How did you make the OmniGraffle stencil for wireless router objects in your network diagram?

[ Reply to this comment ]

2 Earl Moore June 6, 2008 at 8:18 pm

From the OG network stencil, I took the switch object, added two vertical lines for antenna, drew the wireless waves, duplicated and placed them above each antenna, grouped everything together…”wireless router” :-)

[ Reply to this comment ]

3 John Arundel October 11, 2008 at 12:11 pm

How did you get the ‘Ethernet bus’ appearance with several things connected to the same point? This is something from Visio that I miss in OmniGraffle. Or have you just got several connecting lines overlying each other?

[ Reply to this comment ]

4 Earl October 11, 2008 at 8:46 pm

@John: With the current OmniGraffle Prof. 5.1 you can have multiple objects/things connected (locked) to the same point. However, with the diagram in this post I may have overlaid the lines.

[ Reply to this comment ]

5 Jason May 14, 2009 at 6:13 pm

Earl,

Is it possible to make a .graffle file available with your locations and addresses containing bogus information? Did you use OmniGraffle’s data key/value system, or something else entirely?

I currently have all my devices in a spreadsheet with information such as MAC & IP address, connection type, etc., but I think a diagram conveys the information in a much better manner.

[ Reply to this comment ]

6 Earl Moore May 14, 2009 at 7:48 pm

@Jason,
I originally used a spreadsheet. I’ve love to have all that detailed information in OmniGraffle but haven’t tackled that process yet.

[ Reply to this comment ]

Leave a Comment

You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>