No edit summary |
No edit summary |
||
| Line 37: | Line 37: | ||
3. You can now make model updates and evolve your system from MDrivenDesigner | 3. You can now make model updates and evolve your system from MDrivenDesigner | ||
===Video tutorial=== | |||
<html> | |||
</br> | |||
<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 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> | |||
<style type="text/css"> | |||
p { | |||
opacity: 0.7; | |||
text-align: justify; | |||
width: 90% | |||
} | |||
</style> | |||
</p> | |||
<style> | |||
#video12 { | |||
position: relative; | |||
height: 500px; | |||
width:560px; | |||
padding-bottom: 10px; | |||
} | |||
#video12 iframe { | |||
position: absolute; | |||
min-height: auto; | |||
min-width: auto; | |||
} | |||
#video12 div { | |||
position: absolute; | |||
top: 0; | |||
left:760px; | |||
width: 260px; | |||
height: 100%; | |||
padding-left: 10px; | |||
overflow-y: auto; | |||
} | |||
span { | |||
font-size: 18; | |||
display:block; | |||
padding: 2px 10px 0.5px 10px; | |||
padding-bottom: 0.5; | |||
padding-top: 0.5; | |||
opacity: 0.7; | |||
} | |||
span:hover { | |||
color: #0000FF; | |||
cursor: pointer; | |||
} | |||
span:focus { | |||
color: blue; | |||
</style> | |||
</br> | |||
<div id="video12"> | |||
<iframe width="740" height="500" src="https://www.youtube.com/embed/EOozaKVGuqQ?rel=0&autoplay=0" frameborder="0" allowfullscreen></iframe> | |||
<div> | |||
<span data-video="EOozaKVGuqQ" data-start="17" tabindex="0"> creating site </span> | |||
<span data-video="EOozaKVGuqQ" data-start="115" tabindex="0"> Installing the MDriven server software </span> | |||
<span data-video="EOozaKVGuqQ" data-start="153" tabindex="0"> Pouring in information for IIS </span> | |||
<span data-video="EOozaKVGuqQ" data-start="242" tabindex="0"> Checking MDriven server </span> | |||
<span data-video="EOozaKVGuqQ" data-start="305" tabindex="0"> Adding a certificate</span> | |||
<span data-video="EOozaKVGuqQ" data-start="428" tabindex="0"> Register a user </span> | |||
<span data-video="EOozaKVGuqQ" data-start="575" tabindex="0"> Set up Turnkey Settings</span> | |||
<span data-video="EOozaKVGuqQ" data-start="763" tabindex="0"> Uploading the Model</span> | |||
<ul> <span data-video="EOozaKVGuqQ" data-start="822" tabindex="0"> Creating Index ViewModel </span> | |||
<span data-video="EOozaKVGuqQ" data-start="900" tabindex="0"> ASPNETIdentity Snippets </span></ul> | |||
</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 = '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> | |||
Revision as of 22:03, 12 February 2017
Introduction
All the components needed to run MDriven Turnkey is available from the download page.
You can run MDriven Turnkey on your own IIS or on your own Azure account. To setup IIS see Installing MDriven Server
First
1. Create your site “YourSite” as webapplication
2. Create another webapplication under “YourSite” called “__MDrivenServer” (double underscore) so that it ends up like this: “YourSite/__MDrivenServer”
3. In “YourSite/__MDrivenServer” you install the MDriven Server zip from the download page
4. In “YourSite” you install the MDriven Turnkey zip from the download page
That is all as far installation requirements – the rest is configuration
Second
1. Make sure your MDrivenServer works
2. Set up the YourSite/App_Data/TurnkeySettings.xml by looking in the one already there called “TurnkeySettings – NotInEffect.xml”
3. You can now use your “a” account and pwd from MDrivenDesigner cloud dialog to upload a model to the MDrivenServer
4. After this you can run the prototyper against MDrivenServer
Third
1. You need a ViewModel named Index and one named About, If you have those you should see them showing up as index page and as https://<yoursite>/MDriven/About
2. You may however want to override these with your own styled static pages. Create Index.cshtml and About.cshtml in <YourSite>\Views\EXT_OverridePages\ The file content can make use of the data in your ViewModels if needed – if so these pages are strictly MVC5 and not AngularJS
3. Other ViewModels you add will be defaulted to AngularJS. If you instead want MVC5 for a specific page you set a tagged value on the ViewModel : “MVC=True”
Fourth
1. You can now run the ”YourApp” as AngularJS app
2. You can run the WPF-Fat-client against the “YourSite” url
3. You can now make model updates and evolve your system from MDrivenDesigner
Video tutorial
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.
- Creating Index ViewModel
ASPNETIdentity Snippets