Your First Extension: A tutorial for building Design Studio 1.x and Lumira 2.x Designer extensions
There are many Design Studio SDK articles on this site and this tutorial series does not break new ground in that respect. What it does do, is try to bring a comprehensive, systematic approach to learning how to use the SDK. It runs through 30 individual installments, grouped into 14 “parts”, each covering a general theme.
Notes on Terminology
Dashboard and Application seem to be used interchangeably. If there is any consensus, it might be that “dashboards” are simpler and “applications” are more complex. There is no consensus on when a dashboard has enough complexity to be called an application. For simplicity, since we don’t want to always write “dashboards and applications”, we’ll just call them apps here.
Likewise, “Extension” and “Plugin” are interchangeable. Here, however, we will split hairs and make an arbitrary distinction. An “Extension” means the web content that you’ll want to make available to Design Studio and that icon in the design palette, which the designer will access. “Plugin” refers to the technical plumbing that you’ll need to supply to Design Studio’s Eclipse core; in order to make your extension available to the designer. The designer of an app installs and uses an extension. The developer of an extension makes a plugin.
With each major milestone in the extension creation process, we’ll add a repository to Github. They are referenced individually at the end of each post. In addition, everything (including the final installer) are available on SAP’s open source repository on Github.
Introduction to D3 and Components
Additional Properties Sheet
Advanced Property Types Introduced in 1.6
Advanced Polish: Guide Lines and Arcs
Advanced Polish: Adding an Indicator Needle
Part 9b – Drawing an Indicator Needle in the Component
Advanced Polish: Animations
Advanced Polish: Dynamic Text Callouts
Advanced Polish: Custom Component CSS Styling
Creating an Installer Zip File