Design Programming

Course Instructor: Prof. Dennis Shelden
Single Member: Kiran Golla

The course offered a comprehensive introduction to computer programming focused on graphics, 3D, and CAD/BIM applications by providing an accelerated introduction to prevalent programming languages and constructs, graphics libraries, and development environments.
In the process, two main programming paradigms were explored:
• 2D graphics and animation using Processing.
• Web application development using Javascript and 3D on the web using the 3.js library.

The final project was to create a web-based application.

Furniture Layout: A Placemaker Tool

Sketch of Initial Idea

Sketch of Initial Idea

The main objective is to create an Interior room layout from a given/know floor plan and iterate various options of their choice using the furniture/objects from a library on a created space/floor plan and subsequently visualize it three-dimensionally. Once done, the data file could be saved for later.

“Big Idea is to create floor plan assistance software that aims at the design process to have a better feedback loop of various design attributes like circulation spaces and carpet area, etc., within the scope of furniture layout design.

Interior Design Icon

Application Functionality:
• 2D & 3D View:
- Split View option,
- 2D View only option,
- 3D View only option.
• App canvas layout: Tabular content.
• Furniture Object library Section:
- Add Image as button
- Show object information.
• Scroll-able divs; both the Object Library and Object Properties.`

• Building Elements Section:
- Image icon buttons for Architecture elements,
like a wall, slab, column, and Space,
- Dropdown menu for the Floor Levels,
- Dropdown menu to open saved files,
- Form to submit to save the file.
• Wall thickness.

UI Layout

UI_Layout+%28Dummy+Image%29.jpg

UI Elements

UI_Elements+%28Dummy+Image%29.jpg

Interactive Web Application

The final application is then hosted on Heroku (PaaS). This interactive application is shown below.

 <iframe src="https://placemaker-app-node-deploy.herokuapp.com/draw" title="Placemaker Layout_app by Kiran_Golla" width="100%" height="1000"></iframe>

 <iframe src="https://placemaker-app-node-deploy.herokuapp.com/draw" title="Placemaker Layout_app by Kiran_Golla" width="100%" height="1000"></iframe>


Previous
Previous

Building Systems & Data

Next
Next

Media & Modeling