View and Edit Revit Models in a Website with No Coding

3 Feb
Front page of my application. Bottom left box has links for walls and rooms.

Front page of my application. Bottom left box has links for walls and rooms.

What if I told you that you can create a website that will allow you to see the data in your Revit model and also edit that data without writing a single line of code?  You can, and I am going to show you how.

The Technology

The application (web page) requires a good amount of code, but you do not need to write it. Using modern development tools, Visual Studio Express 2013 for the web, we can have the code generated for us. The technology behind this are MVC and Entity Framework. MVC is an acronym for Model – View – Controller. The Model is the data, the Revit DB in this case, the controller handles all the manipulation of data and the view is the webpage we will be looking at. Entity Framework is the object relational mapping piece of the project. It allows us to write code against an object instead of knowing what is in the Database. This is not that important for you to understand at this point, because we are not going to write any code. Just know that it sits between our Database and code and handles a lot of the dirty work.

Putting it Together

I am not going to explain all the steps in Visual Studio but will give a brief overview and show the completed application.

First, you must create your application and load the Revit DB with the tables you would like to use. Then, you create a scaffolding (the web pages) by selecting the model and controller that will handle the work. From there, you can edit the HTML to customize your application. The editing of the HTML is the closest thing to code you would need to do, but it can be as easy as editing a document. For my sample application, I loaded the Walls and Rooms tables.

When you click the link for Rooms, you see the entire table.

roomsTable

At the end of each row is and option to edit, delete or view details. If you select details, you will see the page in the image below.

roomdetails

You can edit from this page by selecting edit below.

roomedit

Once you have made your edits, you can go back to the main page and see the changes.

roomeditedcomments

All of these changes can now be brought back in to Revit using the DB Link addin.

I did not write a single line of code for this application to work. All the code for querying and editing the database was done by Visual Studio. I just needed to know how to put all the pieces of technology together and maybe edit the HTML to make the default template mine.

 

Advertisements

6 Responses to “View and Edit Revit Models in a Website with No Coding”

  1. Adam Fingret February 3, 2015 at 5:17 pm #

    Is the 3D model itself viewable and navigable online?

    • paulcrickard February 3, 2015 at 5:50 pm #

      I believe i have a way to do that. I am testing it. If i get it to work it will be posted on the blog.

Trackbacks/Pingbacks

  1. Revit on the Web: Using MVC and Database Views | Architecture and Planning - February 4, 2015

    […] my previous post, I showed how you could use MVC and the Entity Framework to create a webpage that displays and […]

  2. Weekly Roundup – 2015.05 | The BIMsider - February 6, 2015

    […] View and Edit Revit Models in a Website with No Coding […]

  3. View and Edit Revit Models: Add a Filter Using Code | Architecture and Planning - February 17, 2015

    […] have recently shown you how to view and edit Revit models on the web without writing any code. I have also shown you how to filter the views using a very […]

  4. .NET WEB API: REST Endpoints with C# | Architecture and Planning - March 2, 2015

    […] have posted here and here on using MVC 5 to edit a database with no code but as much as I like MVC 5, there are […]

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: