Main Page: Difference between revisions

Latest revision as of 15:47, 26 March 2024

MDriven Learn

Learn. Model. Build.

Visualize and design your ideas. Discover more with MDriven documentation, hands-on training, and ready-made models to get the most from MDriven's tools and services.

Documentation

Find technical documentation

Gain understanding through in-depth explanations of the concepts behind the MDriven tools.

Read Documentation

Training

Learn by doing

Practical training and tutorials on MDriven designed to educate and inspire you to model your ideas.

Take Training

Q&A

Ask questions and get help

Write to us your MDriven-related questions and receive quality answers and feedback.

Explore Q&A

Model Examples

Try model samples

Use our unique, pre-built models to build your ideas and achieve your goals.

Browse samples

Best Practices

Explore effective solutions

Our suggestions on how you can maximize the benefits of the MDriven tools to realize business solutions.

Try these Best Practices

@@ Line 1: / Line 1: @@
-== MDriven KnowledgeBase ==
+<html>
-* Clients
+<style>
-** [[TurnKey web client]] using AngularJS and Bootstrap
+#flexContainer >*:first-child {
-*** Applying a [[theme and style]]
+   display: none;
-** TurnKey thin client using Windows MVC
+}
-** [[Windows WPF client]]
-* [[Installing MDriven Server]] (if you want to run your own)
-* [[Installing TurnKey as an Azure WebApp]]
-[[About ViewModels]]
+#mainContent {
+  padding: 0px !important;
+  max-width: unset !important;
+}
-[[WPFMahappAndGantt|WPF MahappAndGantt]]
+.mw-parser-output > *:first-child {
+  display: none;
+}
-[[Custom controls in ViewModel aided Views]]
-[[A Trello like Board In MDrivenTurnkey]]
+    @media (max-width: 767px) {
+        .content {
+            max-width: none;
+        }
+        .heading {
+            font-size: 1.5em;
+        }
+        .sub-heading {
+            font-size: 1em;
+        }
+        .description {
+            font-size: 0.875em;
+        }
+        .input-container {
+            max-width: none;
+            height: auto;
+        }
+        .search-icon {
+            margin-left: 1em;
+        }
+        .search-input {
+            padding-left: 1em;
+            padding-right: 1em;
+        }
+.image-container {
+            display: none;
+        }
+    }
+ @media screen and (max-width: 1100px) {
+  .image-container {
+      display: none;
+  }
+}
-[[ Main concepts definition ]]
+.mainpage-card:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+    cursor: pointer;
+}
-[[Little used OCL syntax that can be handy]]
-[[Using the model debugger to change the model itself]]
-[[Actions Overhaul]]
-= [[ MDriven Designer Overview Sessions ]] =
-The MDriven designer overview sessions were created to provide the answers to all the questions that you might have during the operation process of our service. This step-by-step guide will assist you in MDriven designer effective application.
-=== [[MDriven designer overview Part 1 |Part 1 Introduction to the MDriven Designer]] ===
+</style>
-=== [[Part 2 OCL Editor, system prototyper and ViewModel]] ===
+<div style="background: linear-gradient(93deg, #E2F5FA 14.35%, #F7FAFC 56.13%, #FCFBFA 97.91%); display: flex; justify-content: space-between; align-items: center; position: relative;">
+  <div class="content" style="padding: 5em; max-width: 589px; width: 100%; display: flex; flex-direction: column; gap: 10px; box-sizing: border-box;">
+    <div class="heading" style="color: #182933; font-size: 2.25em;  font-weight: 700; text-transform: uppercase; word-wrap: break-word;">MDriven Learn</div>
+    <div class="sub-heading" style="color: #182933; font-size: 1.25em; font-weight: 500; letter-spacing: 0.40px; word-wrap: break-word;">Learn. Model. Build.</div>
+    <div class="description" style="color: black; font-size: 1em; font-weight: 400; word-wrap: break-word;">Visualize and design your ideas. Discover more with MDriven documentation, hands-on training, and ready-made models to get the most from MDriven's tools and services.</div>
+    <div class="input-container" style="width: 100%; height: 2.25em; position: relative; display: flex; align-items: center; background: white; border-radius: 4px; border: 1px #E3E8EE solid;">
+        <div class="search-icon" style="margin-left: 10px;">
+            <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
+                <path d="M13 13L9 9L13 13ZM10.3333 5.66667C10.3333 8.244 8.244 10.3333 5.66667 10.3333C3.08934 10.3333 1 8.244 1 5.66667C1 3.08934 3.08934 1 5.66667 1C8.244 1 10.3333 3.08934 10.3333 5.66667Z" stroke="#999B9E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+            </svg>
+        </div>
+     <form id="bs-extendedsearch-box" class="form-inline " action="/index.php" method="GET" role="search" style="width:100%;">
+        <input class="search-input" type="search" placeholder="Search MDriven Learn" style="flex-grow: 1; border: none; outline: none; padding-left: 10px;" name="raw_term" >
+    <div id="suggestion-container"></div>
+        <input type="hidden" name="title" value="Special:SearchCenter">
+            <input type="hidden" name="fulltext" value="1">
+        </form>
+    </div>
+  </div>
+ <div class="image-container" style="flex-shrink: 0; position: absolute; right: 0; top: 3%; z-index: 1;">
+    <img src="/images/mainpage.svg" alt="Image" style="max-width: 100%; height: 430px; padding-right: 8em;">
+  </div>
+  </div>
+</div>
-=== [[MDriven Designer Overview part 3|Part 3 WECPOF protoryper application]] ===
-=== [[MDriven designer overview Part 4|Part 4 Modal View Model and more]] ===
-=== [[MDriven designer overview Part 5|Part 5 Searching in databases]] ===
+<style>
+    @media (max-width: 767px) {
+    .grid-container {
+        grid-template-columns: 1fr !important;
+        padding-left: 0 !important;
+        padding-right: 0 !important;
+        justify-items: center; /* This centers the items in the grid */
+    }
+    .card {
+        margin: 0 auto !important; /* This centers the card and gives equal margins on both sides */
+    }
+}
+</style>
-=== [[MDriven designer overview Part 6|Part 6 openDocument reports]] ===
+<div style="display: grid; padding: 5em; grid-template-columns: repeat(3, 1fr); gap: 20px; grid-auto-rows: minmax(100px, auto);" class="grid-container">
+</html>
-=== [[MDriven designer overview Part 7|Part 7 Files and images in reports and UI]] ===
+{{#widget:Card|heading=Documentation|display=block|imageIcon=/images/main2.svg|subheading=Find technical documentation|text=Gain understanding through in-depth explanations of the concepts behind the MDriven tools.|link=/index.php/Documentation:Documentation|linktext=Read Documentation}}
+{{#widget:Card|heading=Training|display=block|imageIcon=/images/main1.svg|subheading=Learn by doing|text=Practical training and tutorials on MDriven designed to educate and inspire you to model your ideas.|link=/index.php/Training:Training|linktext=Take Training}}
-=== [[MDriven designer overview Part 8|Part 8 Link Objects association classes]] ===
+{{#widget:Card|heading=Q&A|display=block|imageIcon=/images/main1.svg|subheading=Ask questions and get help|text=Write to us your MDriven-related questions and receive quality answers and feedback.|link=/index.php/Documentation:Q_and_A|linktext=Explore Q&A}}
+{{#widget:Card|heading=Model Examples|display=block|imageIcon=/images/main3.svg|subheading=Try model samples|text=Use our unique, pre-built models to build your ideas and achieve your goals.|link=/index.php/Documentation:Model_Examples|linktext=Browse samples}}
-=== [[MDriven designer overview Part 9|Part 9 MDriven Turnkey, cloud tools and access groups]] ===
+{{#widget:Card|heading=Best Practices|display=block|imageIcon=/images/main4.svg|subheading=Explore effective solutions|text=Our suggestions on how you can maximize the benefits of the MDriven tools to realize business solutions.|link=/index.php/BestPractices:Best_Practices|linktext=Try these Best Practices}}
+<html>
-=== [[Actions And Viewmodels, MDriven Designer]] ===
+</div>
+</html>
-=== [[ Part 10 MDriven Designer Overview. Actions and navigation ]] ===
+{{Edited|July|12|2024}}
+{{Class|scroll}}
-=== [[ Part 11 ViewModel Designer Updates ]] ===
-= [[MDriven Turnkey Sessions]] =
-MDriven Turnkey is a '''new way''' to develop internet applications. It is based on proven technologies like JQuery, Bootstrap, AngularJS, MDriven Framework, Azure and SQLServer.
-Below you will find several short tutorial videos – following these thru will give you insights in how you will be able to build and maintain detailed business support systems using few man hours and get high quality results.
-=== [[MDriven Turnkey Architecture explained ]] ===
-=== [[Starting with MDriven Turnkey]] ===
-=== [[Types, images, value stores, pick lists ]] ===
-=== [[Turnkey session 3: Opting out actions]] ===
-=== [[Turnkey session 4: ViewModel validation]] ===
-=== [[Turnkey session 5: How to access the logged in user. AccessGroups]] ===
-=== [[Turnkey session 6: SocialLogin ]] ===
-=== [[Turnkey session 7: Expressions ]] ===
-=== [[Turnkey session 8: CSS]] ===
-=== [[Turnkey session 9: View Override ]] ===
-=== [[Turnkey session 10: Report ]] ===
-=== [[Development in Visual Studio ]] ===
-= OCL Expressions =
-An introduction to OCL - the object constraint language - by example of a simple model and some expressions working on it for different purposes. The videos make use of the new OCL editor that has been updated to support code-completion better. It also show case the OCL-debugger that makes it easy to update and navigate data with OCL while you keep on modeling.
-=== [[Part 1|Part 1 OCL Common Expressions]] ===
-=== [[Part 2 OCL: Derivation. Associations|Part 2 OCL: Operators]] ===
-=== [[Part 3 OCL: Derivation properties|Part 3 Derivation properties]] ===
-= [[Rest Services In MDriven]] =
-__NEWSECTIONLINK__