MDriven Designer Features & Settings
No edit summary
No edit summary
 
(3 intermediate revisions by the same user not shown)
Line 18: Line 18:
Next, we have the tool bar, which is situated directly below the main menu bar. The tool bar offers quick access to frequently used tools and commands. Some of the key tools you'll find here include:
Next, we have the tool bar, which is situated directly below the main menu bar. The tool bar offers quick access to frequently used tools and commands. Some of the key tools you'll find here include:


* '''Start Easy Wiki Access:''' Provides easy access within the bottom left pane in the designer interface.
* '''[[Documentation:Start Introduction|Start Wizard]] (Easy Wiki Access):''' Provides easy access within the bottom left pane in the Designer interface.
* '''Prototype and Test Tool:''' Pulls up the system prototyper, which helps the developer further modify their data model.
* '''[[MDrivenStart:MDrivenStart Prototyper|Prototype and Test Tool]]:''' Pulls up the system prototyper, which helps the developer further modify their data model.
* '''Next and Previous Tool:''' Helps the user easily switch between model diagrams.
* '''Next and Previous Tool:''' Helps the user easily switch between model diagrams.
* '''View Model Editor Tool:''' Pulls up the view model editor, which helps the developer organize how the client will view webpages.
* '''Association Mode Tools:''' Helps the user drag out arrows/lines to associate two classes or to find a class and a relation to give the association class
* '''Turnkey Live-Editor Tool:''' Pulls up the view model editor using a Turnkey server as a host, helping the developer make changes quickly on a model running live on a Turnkey server.
* '''Diagram Reference Window:''' (definition)
* '''Styles in Model Tool:''' Pulls up the styles in model, which helps the developer create custom color styles that can be inherited throughout the model globally.
* '''[[Documentation:ViewModel Editor|View Model Editor]]:''' Pulls up the ViewModel Editor, which helps the developer organize how the client will view webpages.
* '''Actions Editor Tool:''' Pulls up the action editor.
* '''[[Documentation:TK Live View|Turnkey Live-Editor]]:''' Pulls up the ViewModel Editor using a Turnkey server as a host, helping the developer make changes quickly on a model running live on a Turnkey server.
* '''Access Group Editor Tool:''' Pulls up Access groups editor that makes it possible to define user groups and what these groups are allowed to see and edit within the developed application.
* '''[[Documentation:StylesInModel|Styles in Model]] Tool:''' Pulls up the styles in the model, which helps the developer create custom color styles that can be inherited throughout the model globally.
* '''[[Documentation:Actions Editor|Actions Editor]]:''' Pulls up the Action Editor.
* '''[[Documentation:Access groups|AccessGroups Editor]]:''' Pulls up AccessGroups Editor that makes it possible to define user groups and what these groups are allowed to see and edit within the developed application.
* '''Model Check and Report Errors Tool:''' Shows all the errors during the process of data model design for the developer to easily catch them.
* '''Model Check and Report Errors Tool:''' Shows all the errors during the process of data model design for the developer to easily catch them.
* '''Enterprise Architect Information Window:''' We'll discuss this in a later and more advanced video.
* '''[[BestPractices:Enterprise architect information|Enterprise Architect Information Window]]:''' (definition)
* '''Cloud Connection Tool:''' We'll also cover this in a later and more advanced video.
* '''[[Documentation:Part 9 MDriven Turnkey, cloud tools and access groups|CloudForm - Cloud Connection Tool]]:''' (definition)
* '''Overview Tool:''' Similar to the Next and Previous Tool, it helps switch between model diagrams.
* '''Overview Tool:''' Similar to the Next and Previous Tool, it helps switch between model diagrams.


Line 39: Line 41:
Finally, on the right side, we have the property inspector. The property inspector displays detailed information about the selected element in your model. Here, you can view and edit properties, such as names, types, and attributes. It's an essential tool for fine-tuning your models and ensuring all elements are correctly configured.
Finally, on the right side, we have the property inspector. The property inspector displays detailed information about the selected element in your model. Here, you can view and edit properties, such as names, types, and attributes. It's an essential tool for fine-tuning your models and ensuring all elements are correctly configured.


==== Try them out ====
==== Test the Tools ====
Now that we've covered the main components of the UI, let's see how to use some of these tools in action. For example, to create a new class, click on the 'New Class' button in the tool bar, then click on the diagram area to place the class. You can then use the property inspector to name the class and define its attributes.
Now that we've covered the main components of the UI, let's see how to use some of these tools in action. For example, to create a new class, click on the 'New Class' button in the tool bar, then click on the diagram area to place the class. You can then use the property inspector to name the class and define its attributes.


Watch this tutorial on navigating the user interface of MDriven Designer.  If you have any questions or need further assistance, please refer to the help menu in the Designer or visit our support page.  
Watch this tutorial on navigating the user interface of MDriven Designer.  If you have any questions or need further assistance, please refer to the help menu in the Designer or visit our support page.  
== Section 1 ==
<span class="col-green">Start!</span> [[Documentation:Start Introduction|Start Introduction]]
Play button
# [[MDrivenStart:MDrivenStart Prototyper|MDrivenStart Prototyper]]
# [[Training:Prototyping|Prototyping]]
Association mode
# [[Documentation:Association|Association]]
#* [[MDrivenStart:MDrivenStart Associations|MDrivenStart Associations]]
#* [[MDrivenStart:MDrivenStart SingleAssociation]]
# [[Training:Association classes|Association classes]]
# [[Documentation:Part 8 Link Objects association classes|Part 8 Link Objects association classes]]
# [[Documentation:Let and Derived associations|Let and Derived associations]]
# [[Documentation:Derived settable associations|Derived settable associations]]
# [[Training:Derived attributes & associations|Derived attributes & associations]]
Generalization mode
- Explanation
Association class connection mode
# [[Training:Association classes|Association classes]]
Diagram is shown in a reference window
# [[Documentation:Diagrams in Diagrams|Diagrams in Diagrams]]
# [[MDrivenStart:MDrivenStart Diagrams|MDrivenStart Diagrams]]
# [[Training:Short introduction to UML– class diagram|Short introduction to UML– class diagram]]
# [[Documentation:Autodiagram|Autodiagram]]
# [[Documentation:Class diagrams|Class diagrams]]
# [[Documentation:State Diagrams|State Diagrams]]
== Section 2 ==
ViewModel Editor 
# [[Documentation:ViewModel Editor|ViewModel Editor]]
Turnkey Live-Editor
# [[Documentation:TK Live View|TK Live View]]
StylesInModel
# [[Documentation:StylesInModel|StylesInModel]]
# [[Documentation:Turnkey Styling|Turnkey Styling]]
Actions Editor
# [[Documentation:Actions|Actions]]
# [[Documentation:Actions Editor|Actions Editor]]
Access Groups Editor
# [[Documentation:Access groups|Access groups]]
# [[Documentation:Part 9 MDriven Turnkey, cloud tools and access groups|Part 9 MDriven Turnkey, cloud tools and access groups]]
# [[Documentation:Turnkey session 5: How to access the logged in user. AccessGroups|Turnkey session 5: How to access the logged in user. AccessGroups]]
# [[Documentation:AccessGroups, InterestGroups and ViewModel-Enable|AccessGroups, InterestGroups and ViewModel-Enable]]
Check model and report errors
- Explanation
Enterprise Architect Information window
# [[BestPractices:Enterprise architect information|Enterprise architect information]]
CloudForm: Cloud connection
# [[Documentation:Part 9 MDriven Turnkey, cloud tools and access groups|Part 9 MDriven Turnkey, cloud tools and access groups]]
== Section 3 ==
ViewModel Tree
[[Category:TOC]]
[[Category:TOC]]

Latest revision as of 05:58, 17 September 2024


The MDriven Designer interface consists of six major components:

  1. Main Menu Bar: Located at the top of the screen.
  2. Tool Bar: Situated directly below the main menu bar.
  3. Diagram Area: Situated directly below the tool bar.
  4. Model Tree: Located to the right of the diagram area, overlapping the tool bar area but not the main menu bar.
  5. Property Inspector: Situated below the model tree.
  6. Start Easy Wiki Access: Collapsible and situated directly below the diagram area.

These components form the backbone of the MDriven Designer interface, providing you with the tools and features you need to efficiently design and manage your models.

The Main Menu Bar

The main menu bar is located at the top of the screen and provides access to all the primary functions of MDriven Designer. Here, you can find options like File, Edit, View, and Help. Each of these menus contains a variety of commands that allow you to create, modify, and manage your models. For example, under 'File,' you can open a new project or save your current work.

Tool Bar

Next, we have the tool bar, which is situated directly below the main menu bar. The tool bar offers quick access to frequently used tools and commands. Some of the key tools you'll find here include:

  • Start Wizard (Easy Wiki Access): Provides easy access within the bottom left pane in the Designer interface.
  • Prototype and Test Tool: Pulls up the system prototyper, which helps the developer further modify their data model.
  • Next and Previous Tool: Helps the user easily switch between model diagrams.
  • Association Mode Tools: Helps the user drag out arrows/lines to associate two classes or to find a class and a relation to give the association class
  • Diagram Reference Window: (definition)
  • View Model Editor: Pulls up the ViewModel Editor, which helps the developer organize how the client will view webpages.
  • Turnkey Live-Editor: Pulls up the ViewModel Editor using a Turnkey server as a host, helping the developer make changes quickly on a model running live on a Turnkey server.
  • Styles in Model Tool: Pulls up the styles in the model, which helps the developer create custom color styles that can be inherited throughout the model globally.
  • Actions Editor: Pulls up the Action Editor.
  • AccessGroups Editor: Pulls up AccessGroups Editor that makes it possible to define user groups and what these groups are allowed to see and edit within the developed application.
  • Model Check and Report Errors Tool: Shows all the errors during the process of data model design for the developer to easily catch them.
  • Enterprise Architect Information Window: (definition)
  • CloudForm - Cloud Connection Tool: (definition)
  • Overview Tool: Similar to the Next and Previous Tool, it helps switch between model diagrams.

These tools enhance your workflow and make it easier to navigate and modify your models efficiently.

Model Tree

On the left side of the interface, you'll see the model tree. The model tree is a hierarchical view of all the elements in your project. It provides a structured way to navigate through your classes, diagrams, and other model elements. By expanding and collapsing the nodes, you can easily locate and select the components you need to work on.

Property Inspector

Finally, on the right side, we have the property inspector. The property inspector displays detailed information about the selected element in your model. Here, you can view and edit properties, such as names, types, and attributes. It's an essential tool for fine-tuning your models and ensuring all elements are correctly configured.

Test the Tools

Now that we've covered the main components of the UI, let's see how to use some of these tools in action. For example, to create a new class, click on the 'New Class' button in the tool bar, then click on the diagram area to place the class. You can then use the property inspector to name the class and define its attributes.

Watch this tutorial on navigating the user interface of MDriven Designer. If you have any questions or need further assistance, please refer to the help menu in the Designer or visit our support page.

This page was edited 3 days ago on 09/17/2024. What links here