Autodesk Platform Services Basic Viewer and Javascript

Name: Autodesk Platform Services Basic Viewer and Javascript
Rating: 4.2 (24 reviews)

Unlocking Potential: An In-Depth Look at Integration of Javascript for Enhanced Viewing in Autodesk Platform Service

Created byEnrique Galicia, Gabriel Pérez Kohler

Last updated 7/2023

English

English [Auto],

What you'll learn

Learn basic structure of Autodesk Platform Services
Compose a basic viewer using APS and nodejs
Learn basic structures used on Javascript to add variables and make changes in code
Implement a single viewer on a web page ready to be shared

Course content

5 sections • 18 lectures • 2h 11m total length

Introduction1:33
Explore how cloud and web services enable interconnected BIM with Autodesk platform services. Build a simple JavaScript viewer to load a model, call objects by properties, and upload to AWS.
Installation Requirements2:47
Install Visual Studio Code and set up an Autodesk platform services account for JavaScript, HTML, and CSS. Load Revit and Navisworks files, control the viewer, and prepare AWS sharing.
Resources

Application Setup5:50
Initialize a node project for Autodesk platform services, run npm init -y, install express and forge APIs, and set up start.js, config.js, plus a public folder.
StartConfig6:12
Configure the start and config files for a Forge-based app, set ports, read Forge credentials from config, and enable model derivative API and data management APIs through Express routes.
Routes3:46
Create a routes folder with common and specific files, wiring express with Forge APIs to serve model derivative data, 2D and SBF files, using an internal token and config.
Javascript Fundamentals7:09
Explore javascript fundamentals for Autodesk platform services, managing S3 buckets and files with the Forge tree, and visualize items with the Forge viewer using urns and access tokens.

Basic Concepts on the HTML8:05
Create a basic HTML page with a head and body, load jQuery, Bootstrap, JS three, and Autodesk Forge viewer, and set up a container with panels and an upload form.
Basic Concepts on the CSS1:48
Explore the basics of cascading style sheets by examining html and body sizing, a class field, a bootstrap container, and how css configurations shape the Forge viewer layout.
Testing Template9:07
Test the template by fixing npm dependencies and installing express, configure router and buckets, run the server, upload a file to the viewer, and prepare publishing for a test environment.

Adding Objects from HTML8:33
Modify the viewer in real time by editing the index and HTML assets, adjust the bucket column distribution to 3 and 9, and save with ctrl+s to preview changes.
CSS Config and General Objects9:54
Explore CSS config and general objects for the forge project and template in the Autodesk platform viewer, using div containers, flex layouts, and absolute positioning, with guidance toward AWS deployment.
Interacting with html objects8:41
Learn to interact with HTML objects using JavaScript by wiring a button to update a label, manipulating innerHTML, and organizing scripts for proper loading and simple visibility toggles.
Adding an Extension on the Viewer13:21
Define a HandleSelectionExtension class that extends Autodesk Viewing.Extension and integrate it into the viewer toolbar to handle onClick events and manage selection state.
Running Extension on Viewer12:28
Finalize the handle selection extension in the Autodesk viewer by registering it, wiring UI buttons, and adjusting CSS for clean icons, while reading external IDs with JavaScript.

Create an Account and settings for the Instance7:04
Deploy an AWS server and Ubuntu EC2 instance, configure GitHub repositories and git ignore, and set secure inbound rules (ports 22, 3000, 80) for Autodesk platform services.
Configure the settings on the Server13:41
Configure the server by updating the system, installing nodejs, setting git credentials, cloning the project, using a personal access token, installing dependencies, and running the node server on port 3000.
Run on the Background11:06
Run the Autodesk Platform Services app in the background, monitor port activity with lsof, and keep the server alive on port 80 with sudo node start.js after updating node.

Requirements

Basic understanding of building design processes and principles: The course assumes that learners have a general understanding of building design and construction processes.
A computer with the required software: Learners will need a computer with Autodesk Revit installed, as well as a development environment for javascript.
Willignes for the unknown APS goes deeper on multiple frameworks and issues to be tackle so this course requires that you aim for problem solving

Description

Embracing the Cloud: Your Essential Guide to Interconnected BIM"

The advent of cloud and web services has irrevocably transformed the way we approach Building Information Modeling (BIM). Their implementation has become a critical requisite for the interconnected BIM paradigm. As such, this course aims to demystify and simplify the Autodesk Platform Services (Forge) Viewer, serving as a stepping stone into the world of these integral services.

Aimed at beginners, this course sets a pace that makes learning accessible and enjoyable, even for those new to Javascript. We'll guide you step by step to create your Single Viewer, capable of loading a variety of model formats (RVT, NWD, NWC), calling objects via their properties, and deploying on an AWS server. This process equips you with the skills to readily deploy any development with ease.

While no prior knowledge is mandatory to undertake this course, any foundational understanding of related concepts will undoubtedly enhance the flow of your learning journey.

There are countless resources available on creating the Forge Viewer. This course, however, stands out with its unique focus on breaking down complexities and presenting the process in an easy-to-grasp manner.

This curriculum serves as a launchpad for endless creativity and workflow efficiencies. Its inherent flexibility is designed to empower you to tailor technology to meet your specific needs, thus transforming your BIM skills and expanding the horizon of possibilities.

Please help fast-track the release of subsequent training agendas by recommending, reviewing, and purchasing this content. Together, we can bring these capabilities to life and revolutionize the BIM landscape.

Rest assured, my primary aim is to provide content that can meaningfully enhance your work and create a lasting positive impact. Join me on this exciting journey to reshape the way we use technology in the world of BIM.

Who this course is for:

Building design professionals who wants to spreed model use to other users with web services.
Students and professionals who have a basic understanding of Autodesk Revit and believe on opening interactions with web services
Architects, engineers, and construction professionals who want to expand their skill set in building design technology.
Anyone who is interested in learning about the intersection of technology and building design, on web applications

Autodesk Platform Services Basic Viewer and Javascript

What you'll learn

Explore related topics

Course content

Introduction3 lectures • 4min

Setting the Autodesk Platform Services4 lectures • 23min

Setting Changes on the HTML3 lectures • 19min

Viewer Modifications5 lectures • 53min

AWS Deployment3 lectures • 32min

Requirements

Description

Who this course is for: