Documentation:Part 3 OCL: Derivation properties: Difference between revisions

Part 3 OCL: Derivation properties

Revision as of 20:41, 23 August 2018

An introduction to OCL - the object constraints language - by example. The session also introduce the new MDriven debugger and shows how to get instant results of modelling efforts. Learn more about percentage and other useful properties to operate and moderate your model properly.

To make your experience more comfortable, we set the main tags mentioned in the video to the right bar menu of this mini player. Choose the interesting subtitle on the list and immediately get to the exact theme navigation-itemplace in the video. Now you can pick any topic to be instructed without watching the whole video.

This page was edited more than 11 months ago on 02/10/2024. What links here

@@ Line 1: / Line 1: @@
 <html>
-<p>
+<h4>
-An introduction to OCL - the object constraints language - by example. The session also introduce the new MDriven debugger and shows how to get instant results of modelling efforts. Learn more about percentage and other useful properties to operate and moderate your model properly.
+  An introduction to OCL - the object constraints language - by example. The session also introduce the new MDriven debugger
+  and shows how to get instant results of modelling efforts. Learn more about percentage and other useful properties to operate
+  and moderate your model properly.
-</p>
+</h4>
 <p class="warn">
-<em>To make your experience more comfortable, we set the main tags mentioned in the video to the right bar menu of this mini player. Choose the interesting subtitle on the list and immediately get to the exact theme timeplace in the video. Now you can pick any topic to be instructed without watching the whole video.</em> </p>
+  <em>To make your experience more comfortable, we set the main tags mentioned in the video to the right bar menu of this mini
-<style type="text/css">
+    player. Choose the interesting subtitle on the list and immediately get to the exact theme navigation-itemplace in the
- p.warn {
+    video. Now you can pick any topic to be instructed without watching the whole video.</em>
-opacity: 0.7;
+</p>
-text-align: justify;
-width: 90%
-}
-#video12 {
-  position: relative;
-  padding-bottom: 10px;
-}
-#video12::after {
-  content: "";
-  display: table;
-  clear: both;
-}
-#video12 iframe {
-  width: 100%;
-  min-width: 200px;
-  max-width: 740px;
-  height: 500px;
-  float: left;
-}
-@media (max-width: 767px) {
-  #video12 iframe {
-    height: 180px;
-  }
-}
-#video12 div {
-  float: left;
-  padding-left: 10px;
-	overflow-y: auto;
-	height: 500px;
-}
-span.time {
-    display:block;
-  padding: 2px 10px 2px 10px;
-    padding-bottom: 0.5em;
-    padding-top: 0.5em;
-  opacity: 0.7;
-}
-span.time:hover {
-  color: #0000FF;
-  cursor: pointer;
-}
-span.time:focus {
-  color: blue;
-}
-</style>
 <br>
-<div id="video12">
+<div class="video">
- <iframe width="740" height="500" src="https://www.youtube.com/embed/di3GScdWBxA?rel=0&autoplay=0" frameborder="0" allowfullscreen></iframe>
+  <div class="video__wrapper">
-   <div>
+    <iframe src="https://www.youtube.com/embed/di3GScdWBxA?rel=0&autoplay=0" frameborder="0" allowfullscreen></iframe>
-     <span class="time" data-video="di3GScdWBxA" data-start="180" tabindex="0"> derivation properties </span>
+  </div>
-    <ul>
+   <div class="video__navigation">
-     <span class="time" data-video="di3GScdWBxA" data-start="41" tabindex="0"> percentage property </span>
+     <span class="navigation-item" data-video="di3GScdWBxA" data-start="180" tabindex="0"> derivation properties </span>
-     <span class="time" data-video="di3GScdWBxA" data-start="300" tabindex="0"> calculation in ocl </span>
+     <span class="navigation-item" data-video="di3GScdWBxA" data-start="41" tabindex="0"> percentage property </span>
-    </ul>
+     <span class="navigation-item" data-video="di3GScdWBxA" data-start="300" tabindex="0"> calculation in ocl </span>
-     <span class="time" data-video="di3GScdWBxA" data-start="250" tabindex="0"> random operator </span>
+     <span class="navigation-item" data-video="di3GScdWBxA" data-start="250" tabindex="0"> random operator </span>
-     <span class="time" data-video="di3GScdWBxA" data-start="690" tabindex="0"> toDecimal operation </span>
+     <span class="navigation-item" data-video="di3GScdWBxA" data-start="690" tabindex="0"> toDecimal operation </span>
+  </div>
+</div>
-</div>
-</div>
-<script>
-var IMG = document.querySelectorAll('#video12 span'),
-    IFRAME = document.querySelector('#video12 iframe');
-for (var i = 0; i < IMG.length; i++) {
-  IMG[i].onclick = function() {
-    IFRAME.src = 'https://www.youtube.com/embed/' + this.dataset.video + '?rel=0&autoplay=1';
-    if(this.dataset.end) IFRAME.src = IFRAME.src.replace(/([\s\S]*)/g, '$1&end=' + this.dataset.end);
-    if(this.dataset.start) IFRAME.src = IFRAME.src.replace(/([\s\S]*)/g, '$1&start=' + this.dataset.start);
-    this.style.backgroundColor='rgba(0,0,0,.2)';
-  }
-}
-</script>
 </html>
 [[Category:OCL]]