https://github.com/yuantsai1115/bimu-safety-education

A web-based BIM viewer for safety training on construction site. The viewer is powered by bimU Viewer APIs.
https://github.com/yuantsai1115/bimu-safety-education

3d-models bim bimu material-ui react safety-training web-model-viewer

Last synced: about 2 months ago
JSON representation

A web-based BIM viewer for safety training on construction site. The viewer is powered by bimU Viewer APIs.

• Host: GitHub
• URL: https://github.com/yuantsai1115/bimu-safety-education
• Owner: yuantsai1115
• License: mit
• Created: 2023-02-10T07:37:19.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-02-11T04:03:46.000Z (almost 2 years ago)
• Last Synced: 2023-09-17T01:41:50.224Z (over 1 year ago)
• Topics: 3d-models, bim, bimu, material-ui, react, safety-training, web-model-viewer
• Language: JavaScript
• Homepage:
• Size: 18.7 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


# 3D Construction Safety Training

A web-based building information model (BIM) viewer for safety training on construction site. The viewer is powered by bimU Viewer APIs.

[Safety Training.mp4](https://user-images.githubusercontent.com/119405090/218034217-39391de8-3ff6-430e-85fa-f850ab60ead1.mp4)

## Features

- Easily switch to your own BIM models

- Provide images and specification for each critical area

- Highlight BIM elements with animation for each critical area

## Live Demo

Main branch is deployed to https://safety-education.netlify.app/.

## Project Setup

### Rules for Element Properties

1. 4 custom fields for all elements in BIM models including 勞安_法規內容, 勞安_法規編號, 勞安_法規圖片, 勞安_法規影片.

2. Seperate by '@' for multiple rules in the same element (applied to all fields).

![模型元件填入資料說明](https://user-images.githubusercontent.com/119405090/218041642-e19c1a92-b64b-4db2-adf9-91e41863ae35.png)

### Prerequisites

- Node.js v16 and above

- BIM model uploaded to [bimU Viewer](https://viewer.bimu.io)

- `model id` from bimU Viewer

### Setup

- clone this repository

- install dependencies: `npm install`

- run server: `npm start`

- go to http://localhost:3000

    - add url parameter `modelId` to specify your own model

    - add url parameter `imgFolder` for the name of image folder accommdated the training materials (same as the name in the public folder of repo)

Enjoy :metal: