Welcome to the AIMMS WebUI Dev Tutorial Series. Through this series we will show you how you can extend the AIMMS WebUI to create your own widgets.
To get you up-and-running with minimal effort, in the first few tutorials will try to minimize background information and only explain the essentials. Later tutorials will then provide means of explaining the underlying design decisions.
It is important that you have done some of the End-user and App-dev tutorials prior to starting these tutorials. Or, that you have otherwise familiarized yourself with the AIMMS WebUI. You are also required to have some experience in HTML5 (i.e. Javascript, CSS, HTML, ...).
In this tutorial we will show you how easy it is to create and add your own widget to AIMMS WebUI. It will give you a very rudimentary overview of what is involved in order to get a static widget on your page.
This tutorial continues where the previous tutorial stopped. We will extend our static custom widget with some simple dynamic contents. We will be using the AIMMS WebUI Option Mechanism to interact with the widget during its lifecycle.
Now that we have been introduced to the AIMMS WebUI Option Mechanism, we are ready to learn how to connect our widget to data from AIMMS.
In this tutorial we will create a widget that is able to display multi-dimensional data from AIMMS. Important topics that are involved with multi-dimensional data display, like pivoting and asynchronous data retrieval will be explained in this tutorial.
This tutorial builds upon the previous one and extends the multi-dimensional table widget that has been created in the previous tutorial with edit support: the user will be able to change values that are communicated back to the AIMMS mode. In addition, some basic error handling related to data changes will be discussed.