|
|
| (35 intermediate revisions by 5 users not shown) |
| Line 1: |
Line 1: |
| <html> | | <html> |
| <style> | | <p class="video-warn"> |
| #video12 {
| | <em>To make your experience smooth, we set the main tags mentioned in the video to the right bar menu of this mini-player. Choose an interesting subtitle on the list and immediately get to the exact theme navigation item place in the video. Now you can pick any topic to be instructed on without watching the whole video.</em> </p> |
| position: relative;
| |
| padding-bottom: 75%;
| |
| }
| |
| #video12 iframe {
| |
| position: absolute;
| |
| width: calc(100% - 300px);
| |
| height: calc(100% - 300px);
| |
| }
| |
| #video12 div {
| |
| position: absolute;
| |
| top: 0;
| |
| right: 0;
| |
| width: 270px;
| |
| height: 60%;
| |
| padding: 10px;
| |
| overflow-y: auto;
| |
| }
| |
| #video12 span {
| |
| font-size: 18;
| |
| display:block;
| |
| padding: 2px 10px 2px 10px;
| |
| padding-bottom: 0.5;
| |
| padding-top: 0.5;
| |
| opacity: 0.7;
| |
| }
| |
| #video12 span:hover {
| |
| color: #0000FF;
| |
| cursor: pointer;
| |
| }
| |
| #video12 span:focus {
| |
| color: blue;
| |
| </style> | |
|
| |
|
| <p> <strong> Review on the WECPOF prototyper application and continue on prototyping with actions and viewmodels. </strong> </p> | | <div class="video"> |
| <p>
| | <div class=" video__wrapper"> |
| <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>
| | <iframe src="https://www.youtube.com/embed/it0ZD7gtjnE?rel=0&autoplay=0"frameborder="0" allowfullscreen></iframe> |
| <style type="text/css">
| | </div> |
| p {
| | <div class="video__navigation"> |
| text-align: justify;
| | <span class="navigation-item" data-video="it0ZD7gtjnE" data-start="41" tabindex="0"> Running prototyper application</span> |
| width: 90%
| | <span class="navigation-item" data-video="it0ZD7gtjnE" data-start="1620" tabindex="0"> More on WECPOF</span> |
| }
| | <span class="navigation-item" data-video="it0ZD7gtjnE" data-start="118" tabindex="0"> Action Definitions editor</span> |
| </style>
| | <span class="navigation-item" data-video="it0ZD7gtjnE" data-start="123" tabindex="0"> • Global actions</span> |
| </p>
| | <span class="navigation-item" data-video="it0ZD7gtjnE" data-start="213" tabindex="0"> Bring Up a View Model</span> |
| | | <span class="navigation-item" data-video="it0ZD7gtjnE" data-start="549" tabindex="0"> • ViewModel root object</span> |
| <div id="video12"> | | <span class="navigation-item" data-video="it0ZD7gtjnE" data-start="691" tabindex="0"> • Menu groups </span> |
| <iframe width="560" height="300" src="https://www.youtube.com/embed/Tnlk5nENWQc?rel=0&autoplay=1" frameborder="0" allowfullscreen></iframe> | | <span class="navigation-item" data-video="it0ZD7gtjnE" data-start="804" tabindex="0"> • Create/Init standart actions </span> |
| | | <span class="navigation-item" data-video="it0ZD7gtjnE" data-start="844" tabindex="0"> • Framework actions</span> |
| <span data-video="Tnlk5nENWQc" tabindex="0" data-start="36">Running prototyper application</span> | | <span class="navigation-item" data-video="it0ZD7gtjnE" data-start="1771" tabindex="0"> Nested ViewModel class </span> |
| <span data-video="Tnlk5nENWQc" tabindex="0" data-start="1615"> More on WECPOF</span> | | <span class="navigation-item" data-video="it0ZD7gtjnE" data-start="1928" tabindex="0"> • Grid options</span> |
| <span data-video="Tnlk5nENWQc" tabindex="0" data-start="113">Action Definitions editor</span> | | <span class="navigation-item" data-video="it0ZD7gtjnE" data-start="2058" tabindex="0"> • Expressions </span> |
| <span data-video="Tnlk5nENWQc" tabindex="0" data-start="118"> • Global actions</span> | | <span class="navigation-item" data-video="it0ZD7gtjnE" data-start="2234" tabindex="0"> • Global Action for Create/Global Action for show </span> |
| <span data-video="Tnlk5nENWQc" tabindex="0" data-start="208">Bring Up a View Model</span> | | <span class="navigation-item" data-video="it0ZD7gtjnE" data-start="2443" tabindex="0"> ViewModel action</span> |
| <span data-video="Tnlk5nENWQc" tabindex="0" data-start="544"> • ViewModel root object</span> | | <span class="navigation-item" data-video="it0ZD7gtjnE" data-start="3233" tabindex="0"> Class action </span> |
| <span data-video="Tnlk5nENWQc" tabindex="0" data-start="686"> • Menu groups </span> | | <span class="navigation-item" data-video="it0ZD7gtjnE" data-start="3694" tabindex="0"> Navigating Actions </span> |
| <span data-video="Tnlk5nENWQc" tabindex="0" data-start="799"> • Create/Init standart actions </span> | | <span class="navigation-item" data-video="it0ZD7gtjnE" data-start="3725" tabindex="0"> 3d rendering </span> |
| <span data-video="Tnlk5nENWQc" tabindex="0" data-start="839"> • Framework actions</span> | |
| <span data-video="Tnlk5nENWQc" tabindex="0" data-start="1766">Nested ViewModel class </span> | |
| <span data-video="Tnlk5nENWQc" tabindex="0" data-start="1923"> • Grid options</span> | |
| <span data-video="Tnlk5nENWQc" tabindex="0" data-start="2053"> • Expressions </span> | |
| <span data-video="Tnlk5nENWQc" tabindex="0" data-start="2229"> • Global Action for Create/Global Action for show </span> | |
| <span data-video="Tnlk5nENWQc" tabindex="0" data-start="2438">ViewModel action</span> | |
| <span data-video="Tnlk5nENWQc" tabindex="0" data-start="3228"> Class action </span> | |
| <span data-video="Tnlk5nENWQc" tabindex="0" data-start="3689"> Navigating Actions </span> | |
| <span data-video="Tnlk5nENWQc" tabindex="0" data-start="3720"> 3d rendering </span> | |
| </div> | | </div> |
|
| |
| <p> To outset the guidance, we need to google for “MDriven”. As it takes us to the Capable Object site, on the “Downloads” tag head to “BuildServers”. By reaching the Build Servers, where we update all the builds daily, you will be able to find also the MDriven designer. Here we can find that required “MDriven Designer use the ClickOnce” tool. So, Click Once is the distribution technology from Microsoft. It updates every time there's a need, otherwise the application stays in your internet cache, so that's a good way to execute the application. For the Chrome or Firefox users you may need a “Click Once” plugin. ( In order to make the browser know what to do with the “Click once” extension).
| |
| Once you’ve downloaded all the needed extensions and the browser is able to recognise them, you can safely launch the “MDriven Designer use the ClickOnce” link, as you already signed in. Then it started with the “Default” or starting model. You may prefer to work on a “Default model”, but we start from the beginning, to bring you the full exercise by choosing the new one.
| |
| Following up on the benefits of the MDriven designer, here you can define your model and lots of things, regarding your application. We argue that you could create complete software systems using nothing, but modelling with the help of MDriven designer. Inasmuch as you might not believe, so will have to follow this guidance to get to that conclusion yourself.
| |
| Back onto the next step, what we see first - is the overview screen and it shows, what diagrams there are. In our case as an example, we use only one diagram - "Diagram one". There is also a repository tree, where you also can create and see diagram structure. So, if we were to set up another diagram, by choosing '’Add Class diagram",' it would pop up on both overview screen and repository tree as "Diagram2".
| |
|
| |
| </p>
| |
|
| |
| </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 = 'http://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> | | </html> |
| | [[Category:WECPOF]] |
| | [[Category:View Model]] |
| | [[Category:Actions]] |
| | [[Category:MDriven Designer]] |
| | [[Category:MDriven Designer Sessions]] |
| | {{Edited|July|12|2024}} |
