Spaces:
Sleeping
Sleeping
Update templates/proposed-GUI.html
Browse files- templates/proposed-GUI.html +234 -32
templates/proposed-GUI.html
CHANGED
|
@@ -406,36 +406,63 @@
|
|
| 406 |
Any markup that you deem unnecessary in the pdf can be removed. After deleting any markup, the console will notify you with a message asking whether you would like to delete it from legend or not and the legend will be updated accordingly.
|
| 407 |
</div>
|
| 408 |
<br>
|
| 409 |
-
|
| 410 |
-
|
| 411 |
-
<div style="margin-left: 40px;">
|
| 412 |
-
To open the Google sheet with the created legend, first click the button labeled "Legend and Data created." Names of each shape should go in the first column of the sheet labeled ‘Guess’.
|
| 413 |
-
<br>Ex. GB-1.
|
| 414 |
-
<br> Then, return to this page, the ADR Console, to finish entering the remaining data after you have finished entering the guessed names in the legend.
|
| 415 |
-
<br> Three dropdown menus and three text boxes are present.
|
| 416 |
-
|
| 417 |
-
|
| 418 |
-
<li style="list-style-type:square;"> You can select the type of the shape from the first dropdown: <!--by selecting either: -->
|
| 419 |
-
<br>    e.g. (1.0 Substructure) Ground Beam or Pile Cap. Refer to the relevant section for more details.
|
| 420 |
-
<!-- <br>    b. (3.2 Floor Finishes) Floor or Wall -->
|
| 421 |
-
</li>
|
| 422 |
-
<li style="list-style-type:square;"> In the second dropdown, you will find a list of MC-T Names. Choose Accordingly.</li>
|
| 423 |
-
<li style="list-style-type:square;"> The third dropdown menu has the unit of the MC-T Name you have chosen.</li>
|
| 424 |
-
<br> Note: If the unit was (m), choose whether you wish to extract perimeter or length data from the third selection.
|
| 425 |
-
<br><br><label style="font-style: italic;"> Regarding the MC-T naming process: </label>
|
| 426 |
-
Then add the relevant detail and depth to the rows underneath the dropdowns.
|
| 427 |
-
You can add/ subtract rows by using the + and - button.
|
| 428 |
-
|
| 429 |
<br>
|
| 430 |
-
|
| 431 |
-
|
| 432 |
-
|
| 433 |
-
|
| 434 |
-
|
| 435 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 436 |
</div>
|
| 437 |
<div id="1_0textUserGuide" hidden class="othesectionsuserguide">
|
| 438 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 439 |
|
| 440 |
</div>
|
| 441 |
<div id="2_1textUserGuide" hidden class="othesectionsuserguide">
|
|
@@ -451,16 +478,191 @@
|
|
| 451 |
|
| 452 |
</div>
|
| 453 |
<div id="2_8textUserGuide" hidden class="othesectionsuserguide">
|
| 454 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 455 |
|
| 456 |
</div>
|
| 457 |
<div id="3_2textUserGuide" hidden class="othesectionsuserguide">
|
| 458 |
-
|
| 459 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 460 |
</div>
|
| 461 |
<div id="3_3textUserGuide" hidden class="othesectionsuserguide">
|
| 462 |
-
|
| 463 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 464 |
</div>
|
| 465 |
</div>
|
| 466 |
</div>
|
|
|
|
| 406 |
Any markup that you deem unnecessary in the pdf can be removed. After deleting any markup, the console will notify you with a message asking whether you would like to delete it from legend or not and the legend will be updated accordingly.
|
| 407 |
</div>
|
| 408 |
<br>
|
| 409 |
+
<i class="fa fa-circle" aria-hidden="true"> </i>
|
| 410 |
+
<label id="userguideheadings"> Second Part </label>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 411 |
<br>
|
| 412 |
+
<div style="margin-left: 40px;">
|
| 413 |
+
To open the Google sheet with the created legend, first click the button labeled "Legend and Data created." Names of each shape should go in the first column of the sheet labeled ‘Guess’.
|
| 414 |
+
<br>Ex. GB-1.
|
| 415 |
+
<br>Then, return to this page, the ADR Console, to finish entering the remaining data after you have finished entering the guessed names in the legend.
|
| 416 |
+
<br>Three dropdown menus are present.
|
| 417 |
+
|
| 418 |
+
<li>
|
| 419 |
+
You can select the type of the shape from the first dropdown:
|
| 420 |
+
<br>    e.g. (1.0 Substructure) Ground Beam or Pile Cap. Refer to the relevant section for more details.
|
| 421 |
+
</li>
|
| 422 |
+
<li >
|
| 423 |
+
In the second dropdown, you will find a list of MC-T Names. Choose Accordingly.
|
| 424 |
+
</li>
|
| 425 |
+
<li>
|
| 426 |
+
The third dropdown menu has the unit of the MC-T Name you have chosen.
|
| 427 |
+
</li>
|
| 428 |
+
|
| 429 |
+
<br><b>Note:</b> If the unit was (m), choose whether you wish to extract perimeter or length data from the third selection.
|
| 430 |
+
<br>The following row contains a dropdown and two text boxes:
|
| 431 |
+
<br><b>First field:</b> A dropdown that allows you to choose a guessed name from the ones you wrote in the Google sheet legend (first column)
|
| 432 |
+
<br><b>Second field:</b> Text field: Enter Specification
|
| 433 |
+
<br><b>Third field:</b> Text field: Enter depth
|
| 434 |
+
<br><br>You can add/ subtract rows by using the + and - button.
|
| 435 |
+
|
| 436 |
+
<br><label style="font-style: italic;">Notes - Regarding the MC-T naming process:</label>
|
| 437 |
+
<br>Entries within the same block correspond to the chosen MC-T name.
|
| 438 |
+
<br>You can add another block and repeat the process for another item by clicking the button next to "Measure using ADR".
|
| 439 |
+
<br>Rows in the same block having the same depth will be grouped together. (E.g. Guessed_Name_1 + Guessed_Name_2 , Specification, Depth)
|
| 440 |
+
</div>
|
| 441 |
</div>
|
| 442 |
<div id="1_0textUserGuide" hidden class="othesectionsuserguide">
|
| 443 |
+
<i class="fa fa-circle" aria-hidden="true"></i>
|
| 444 |
+
<label id="userguideheadings"> Inputs </label>
|
| 445 |
+
<br><br>
|
| 446 |
+
<div style="margin-left: 40px;">
|
| 447 |
+
Please measure both the <b>area</b> and <b>perimeter</b> accurately for this section, as the system relies on both values.
|
| 448 |
+
<br>
|
| 449 |
+
You can measure multiple levels independently using the checkbox labeled <b>"Leveled plan"</b> under the <b>"Scale document"</b> heading.
|
| 450 |
+
|
| 451 |
+
<br><u><b>How to Use It:</b></u>
|
| 452 |
+
|
| 453 |
+
<li>Check the <b>"Leveled plan"</b> checkbox. This will open a new tab displaying a preview image of the selected PDF.</li>
|
| 454 |
+
<li>Draw any irregular shape (linear only) around the items you want to define as a separate level. Click to add points and outline the shape.</li>
|
| 455 |
+
<li>You can change the drawing color using the color palette located below the image.</li>
|
| 456 |
+
<li>Click the <b>"Draw New Shape"</b> button to start drawing a new shape.</li>
|
| 457 |
+
<li>Use the <b>"Undo"</b> button to remove the last line or shape you drew.</li>
|
| 458 |
+
<li>All shapes drawn in the same color indicate that the items inside belong to the same level. Different colors represent different levels.</li>
|
| 459 |
+
<li>Leave the checkbox unchecked if you want to measure the entire plan. Check it only if you want to measure specific areas or if the plan is divided into levels.</li>
|
| 460 |
+
<li>When you're done, click the <b>Save</b> button at the bottom of the page to save your drawing with the defined levels.</li>
|
| 461 |
+
|
| 462 |
+
|
| 463 |
+
<br>Return to the console and click the green <b>"Measure using ADR"</b> button.
|
| 464 |
+
</div>
|
| 465 |
+
|
| 466 |
|
| 467 |
</div>
|
| 468 |
<div id="2_1textUserGuide" hidden class="othesectionsuserguide">
|
|
|
|
| 478 |
|
| 479 |
</div>
|
| 480 |
<div id="2_8textUserGuide" hidden class="othesectionsuserguide">
|
| 481 |
+
<i class="fa fa-circle" aria-hidden="true"></i>
|
| 482 |
+
<label id="userguideheadings"> Overview </label>
|
| 483 |
+
<br><br>
|
| 484 |
+
<div style="margin-left: 40px;">
|
| 485 |
+
This algorithm is designed to retrieve door information from schedule files and map it onto the corresponding plan. The extracted data includes:
|
| 486 |
+
<ul class="custom-ul" style="list-style-type:decimal;">
|
| 487 |
+
<li>Door ID/Number</li>
|
| 488 |
+
<li>Door Type</li>
|
| 489 |
+
<li>Structural Opening (Width × Height)</li>
|
| 490 |
+
</ul>
|
| 491 |
+
</div>
|
| 492 |
+
|
| 493 |
+
<i class="fa fa-circle" aria-hidden="true"></i>
|
| 494 |
+
<label id="userguideheadings"> Features </label>
|
| 495 |
+
<br><br>
|
| 496 |
+
<div style="margin-left: 40px;">
|
| 497 |
+
This version of the algorithm offers the following capabilities:
|
| 498 |
+
<ol>
|
| 499 |
+
<li>
|
| 500 |
+
<b>Grouping Similar Door Types</b>
|
| 501 |
+
<ul class="custom-ul" style="list-style-type:lower-alpha;">
|
| 502 |
+
<li>Identifies and groups similar door types.</li>
|
| 503 |
+
<li>Assigns a unique color to each group for better visualization.</li>
|
| 504 |
+
<li>Exports grouped doors to Bluebeam as count-type annotations.</li>
|
| 505 |
+
</ul>
|
| 506 |
+
</li>
|
| 507 |
+
<li>
|
| 508 |
+
<b>Adding Annotations to Bluebeam’s Author Column</b><br>
|
| 509 |
+
Automatically fills Bluebeam’s Author column with the width and height in the format:<br>
|
| 510 |
+
<i>"X mm wide × Y mm high"</i> (e.g., 900 mm wide × 2100 mm high).
|
| 511 |
+
</li>
|
| 512 |
+
<li>
|
| 513 |
+
<b>Detecting Repeated Door IDs</b><br>
|
| 514 |
+
Reports any duplicate Door IDs found in the schedule.
|
| 515 |
+
</li>
|
| 516 |
+
<li>
|
| 517 |
+
<b>Verifying Door Presence on the Plan</b><br>
|
| 518 |
+
Reports doors listed in the schedule but not found on the plan.
|
| 519 |
+
</li>
|
| 520 |
+
</ol>
|
| 521 |
+
</div>
|
| 522 |
+
|
| 523 |
+
<br>
|
| 524 |
+
|
| 525 |
+
<i class="fa fa-circle" aria-hidden="true"></i>
|
| 526 |
+
<label id="userguideheadings"> Usage Instructions </label>
|
| 527 |
+
<br><br>
|
| 528 |
+
<div style="margin-left: 40px;">
|
| 529 |
+
<ol>
|
| 530 |
+
<li>
|
| 531 |
+
<b>Input the Plan File</b>
|
| 532 |
+
<ul class="custom-ul" style="list-style-type:lower-alpha;">
|
| 533 |
+
<li>Project</li>
|
| 534 |
+
<li>Project Parts</li>
|
| 535 |
+
<li>Sections</li>
|
| 536 |
+
<li>Document to Measure</li>
|
| 537 |
+
</ul>
|
| 538 |
+
</li>
|
| 539 |
+
<li>
|
| 540 |
+
<b>Load the Schedule File</b><br>
|
| 541 |
+
Select the schedule file from <i>"Other Relevant Documents"</i>.
|
| 542 |
+
</li>
|
| 543 |
+
<li>
|
| 544 |
+
<b>Add Key Information</b><br>
|
| 545 |
+
Enter the desired column names in the following order:
|
| 546 |
+
<ul class="custom-ul" style="list-style-type:lower-alpha;">
|
| 547 |
+
<li>Door ID</li>
|
| 548 |
+
<li>Door Type</li>
|
| 549 |
+
<li>
|
| 550 |
+
Structural Opening
|
| 551 |
+
<ul class="custom-ul" style="list-style-type:lower-roman;">
|
| 552 |
+
<li>If the structural opening is in a single column, enter the full column name.</li>
|
| 553 |
+
<li>If it's split into two sub-columns, enter them separately:
|
| 554 |
+
<ul class="custom-ul" style="list-style-type:decimal;">
|
| 555 |
+
<li>Width</li>
|
| 556 |
+
<li>Height</li>
|
| 557 |
+
</ul>
|
| 558 |
+
</li>
|
| 559 |
+
</ul>
|
| 560 |
+
</li>
|
| 561 |
+
</ul>
|
| 562 |
+
</li>
|
| 563 |
+
<li><b>Run the Algorithm</b><br>Click the <b>"Measure Using ADR"</b> button to begin execution.</li>
|
| 564 |
+
<li><b>Review the Output</b><br>A preview of the output will appear on the same page.</li>
|
| 565 |
+
<li><b>Export Results</b><br>Download the output PDF.</li>
|
| 566 |
+
</ol>
|
| 567 |
+
</div>
|
| 568 |
+
|
| 569 |
+
<br>
|
| 570 |
+
|
| 571 |
+
<label id="userguideheadings">
|
| 572 |
+
<a href="https://docs.google.com/document/d/1UWWduUQd9niLu97oJekJnU3c1qqccWvwJ8eZpdJFTcQ/edit?tab=t.0" target="_blank" style="text-decoration: none; color: inherit;">
|
| 573 |
+
<label style="font-style: italic; color:blue; cursor: pointerS;"><u>Reference and Examples </u> </label>
|
| 574 |
+
</a>
|
| 575 |
+
</label>
|
| 576 |
+
|
| 577 |
|
| 578 |
</div>
|
| 579 |
<div id="3_2textUserGuide" hidden class="othesectionsuserguide">
|
| 580 |
+
<i class="fa fa-circle" aria-hidden="true"></i>
|
| 581 |
+
<label id="userguideheadings"> Floor Finishes Measurement </label>
|
| 582 |
+
<br>
|
| 583 |
+
<div style="margin-left: 40px;">
|
| 584 |
+
<p>
|
| 585 |
+
This algorithm is designed to measure floor finishes on floor plans by detecting each shape individually and calculating its area and perimeter.
|
| 586 |
+
</p>
|
| 587 |
+
|
| 588 |
+
<b>Steps to Use:</b>
|
| 589 |
+
<ol class="custom-ul">
|
| 590 |
+
<li>Open AutoCAD and import the PDF that was automatically downloaded when you checked the <i>"Document to be measured"</i> checkbox.</li>
|
| 591 |
+
<li>
|
| 592 |
+
When the pop-up window appears in AutoCAD, make sure the following options are selected:
|
| 593 |
+
<ul class="custom-ul">
|
| 594 |
+
<li><b>PDF Data to Import:</b></li>
|
| 595 |
+
<ul class="custom-ul">
|
| 596 |
+
<li>Vector geometry (Solid Fills)</li>
|
| 597 |
+
<li>TrueType text</li>
|
| 598 |
+
</ul>
|
| 599 |
+
<li><b>Layers:</b> Use PDF Layers</li>
|
| 600 |
+
<li><b>Import Options:</b></li>
|
| 601 |
+
<ul class="custom-ul">
|
| 602 |
+
<li>Convert solid fills to hatches</li>
|
| 603 |
+
<li>Apply line weight properties</li>
|
| 604 |
+
</ul>
|
| 605 |
+
</ul>
|
| 606 |
+
</li>
|
| 607 |
+
<li>Upload the generated DXF file to the console.</li>
|
| 608 |
+
<li>Input only the measured perimeter. Area is not required in this section.</li>
|
| 609 |
+
</ol>
|
| 610 |
+
|
| 611 |
+
<b>Output Notes</b>
|
| 612 |
+
<ul class="custom-ul">
|
| 613 |
+
<li>Download the output PDF file using the blue download icon located below the image preview.</li>
|
| 614 |
+
<li>Open the downloaded PDF in Bluebeam.</li>
|
| 615 |
+
<li>Set the scale in Bluebeam by navigating to <b>Tools → Measure → Set Scale</b>.</li>
|
| 616 |
+
<li>Once the scale is set, all annotations will appear and automatically update in the measurement column, along with their corresponding labels.</li>
|
| 617 |
+
<li><b>Important:</b> This section only works properly if the PDF was originally created in AutoCAD.</li>
|
| 618 |
+
<li>Double-check that all required options are selected in AutoCAD’s import pop-up. If something is missing, markups may appear as X shapes.</li>
|
| 619 |
+
</ul>
|
| 620 |
+
</div>
|
| 621 |
</div>
|
| 622 |
<div id="3_3textUserGuide" hidden class="othesectionsuserguide">
|
| 623 |
+
<i class="fa fa-circle" aria-hidden="true"></i>
|
| 624 |
+
<label id="userguideheadings"> Ceiling Finishes Measurement </label>
|
| 625 |
+
<br>
|
| 626 |
+
<div style="margin-left: 40px;">
|
| 627 |
+
<p>
|
| 628 |
+
This algorithm is designed to measure ceiling finishes in ceiling plans by detecting each shape individually and calculating its area and perimeter.
|
| 629 |
+
</p>
|
| 630 |
+
|
| 631 |
+
<b>Steps to Use:</b>
|
| 632 |
+
<ol class="custom-ul">
|
| 633 |
+
<li>Open AutoCAD and import the PDF that was automatically downloaded when the <i>"Document to be measured"</i> checkbox was selected.</li>
|
| 634 |
+
<li>
|
| 635 |
+
When the pop-up window appears in AutoCAD, ensure the following options are selected:
|
| 636 |
+
<ul class="custom-ul">
|
| 637 |
+
<li><b>PDF Data to Import:</b></li>
|
| 638 |
+
<ul class="custom-ul">
|
| 639 |
+
<li>Vector geometry (Solid Fills)</li>
|
| 640 |
+
<li>TrueType text</li>
|
| 641 |
+
</ul>
|
| 642 |
+
<li><b>Layers:</b> Use PDF Layers</li>
|
| 643 |
+
<li><b>Import Options:</b></li>
|
| 644 |
+
<ul class="custom-ul">
|
| 645 |
+
<li>Convert solid fills to hatches</li>
|
| 646 |
+
<li>Apply line weight properties</li>
|
| 647 |
+
</ul>
|
| 648 |
+
</ul>
|
| 649 |
+
</li>
|
| 650 |
+
<li>Upload the generated DXF file to the console.</li>
|
| 651 |
+
<li>Enter only the measured perimeter. Area input is not required in this section.</li>
|
| 652 |
+
</ol>
|
| 653 |
+
|
| 654 |
+
<br>
|
| 655 |
+
|
| 656 |
+
<b>Output Notes for Section 3.3 Measurement:</b>
|
| 657 |
+
<ul class="custom-ul">
|
| 658 |
+
<li>Download the output PDF by clicking the blue download icon located below the image preview.</li>
|
| 659 |
+
<li>Open the PDF in Bluebeam.</li>
|
| 660 |
+
<li>Set the scale in Bluebeam by navigating to <b>Tools → Measure → Set Scale</b>.</li>
|
| 661 |
+
<li>Once the scale is set, all annotations will appear and dynamically update in the measurement column along with their corresponding labels.</li>
|
| 662 |
+
<li><b>Important:</b> This section functions correctly only if the original PDF was created in AutoCAD.</li>
|
| 663 |
+
<li>Double-check that all required options are selected in AutoCAD's import pop-up. If anything is missing, markups might appear as X shapes.</li>
|
| 664 |
+
</ul>
|
| 665 |
+
</div>
|
| 666 |
</div>
|
| 667 |
</div>
|
| 668 |
</div>
|