VISIO Diagrams

Hi, I wanted to know if there is a way to create a Visio diagram of a WEB application? In practice, through a request on a web page, I should do to create a graph and display it in HTML format.
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

I'm not exactly sure if I understand your question, but I will give it a shot.  Visio does have several templates, including Web Diagram Templates, as seen in the first picture below.  You may be able to use one of these templates to get the result you are looking for; (or perhaps another template might work better for you; you might want to look through several to see which gives you the result you are looking for).  You can find the template options by going to the "File" menu then selecting "New".

As far as displaying in HTML format, there is an option to save as a web page.  This is also in the "File" menu, as shown in the second picture (if you have a Visio diagram open, the option will not be grayed out).  Saving this way will save a copy of your Visio drawing in HTML format.

If this does not help you, please provide some additional information.
Scott HelmersVisio Consultant, Trainer, Author, and DeveloperCommented:
To add to the comment above from boardgirl148: if what you want to do is "reverse engineer" a web site, i.e., create a picture of the structure of the web pages and how they are interconnected, that's what the "Web Site Map" in her screen shot above is designed to do. When you create a diagram from that template it launches a wizard that prompts for the address of the web site (see below).

One other note: the screen shot above appears to be from Visio 2003. If you happen to have Visio 2007, the templates are organized differently -- the web page templates are in a category called "Software and Database".


riccomondoAuthor Commented:
Unfortunately I was not clear. I would like to develop a web application in ASP.NET that can call Visio to produce a flowchart and display it in the browser.
JavaScript Best Practices

Save hours in development time and avoid common mistakes by learning the best practices to use for JavaScript.

Scott HelmersVisio Consultant, Trainer, Author, and DeveloperCommented:
Ah -- that's a bit of a different story!
One option, as you suspected, is to write code that creates the drawing. However, that will create the drawing in Visio. You could then add code to invoke the Save as Web Page function in order to create a web version of that drawing. Both of these things can be done with an invisible instance of Visio, so the user won't be aware that it's going on. If you want to pursue this path:
  • The Visio SDK includes sample code for creating a Visio drawing from external data (if memory serves, it's a flowchart, but you can adapt from there).
  • You might find my answer in this question useful -- it includes two code samples for creating drawings.
  • The SDK also provide descriptions and code samples for the save as web page function; I can provide a simple code sample as well, if you want it.
A second option is to embed the Visio drawing control in your .net application. I haven't used the drawing control myself but it is a time-tested way to bring Visio functions to other apps. Here's a good how-to article that is specifically about using the VDC in .Net.

Let me know whether this is enough to get you started...


riccomondoAuthor Commented:
Thank's Scott, but your solution is for Windows form and not for browser.I would like to develop a web application in ASP.NET; simply put, the user requests the creation of specified flowchart, then the web application accesses to a SQL database and passes the information to VISIO who produces the graphics flowchart in HTML and my application shows the result on browser. All processes are realized inside the IIS structure using an application written in ASP.NET.
Scott HelmersVisio Consultant, Trainer, Author, and DeveloperCommented:
Let me start by saying I know almost nothing about ASP.NET so I can't provide specific advice about that. If the second option above is for a Windows form and not a browser, you should still be able to use the first option. The VB code samples I provided are VBA but you should be able to adapt them for VB.NET.

In addition, the Visio SDK (referenced above) includes code samples for both VB.NET and C#.NET. Relevant samples include
  • Shapes>Shape Drop Master
  • Connections>Dynamic Glue Connections
  • Shapes>Layout and Routing
  • Publishing>Save Drawing as Web
Those four examples will let you 1) drop shapes onto the page using a master; 2) link two shapes with a dynamic connector; 3) use one of the built-in layout styles to arrange the shapes on the page; and 4) save the drawing as a web page to produce the html you need.

riccomondoAuthor Commented:
Thank's Scott. Unfortunately the choice of developing an ASP.NET application is mandatory because it is required to provide the service through the company Intranet.
There is still doubt whether or not there is a way to draw the production of a Visio flowchart from a web application.
Scott HelmersVisio Consultant, Trainer, Author, and DeveloperCommented:
I would suggest that you use the "Request Attention" link at the top of this question thread and ask a moderator to add additional zones to this question. In particular, an expert in the ASP.NET zone may be able to tell you how to create a Visio instance on a user's machine, at which point you could use the code samples above as a guide for creating a Visio drawing. Or someone in another zone might have an entirely different suggestion ..
riccomondoAuthor Commented:
Thank's. I will try to change the zone.

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Microsoft Visio

From novice to tech pro — start learning today.