MDriven Designer Features & Settings
No edit summary
No edit summary
 
(19 intermediate revisions by 2 users not shown)
Line 1: Line 1:
Buttons
<message>Refer to the pages in MDrivenStart. Several pages already contain descriptions of things in the Designer.</message>


# File
The MDriven Designer interface consists of six major components:
# Edit
# Help


<span class="col-green">Start!</span> [[Documentation:Start Introduction|Start Introduction]]
# '''Main Menu Bar:''' Located at the top of the screen.
# '''Tool Bar:''' Situated directly below the main menu bar.
# '''Diagram Area:''' Situated directly below the tool bar.
# '''Model Tree:''' Located to the right of the diagram area, overlapping the tool bar area but not the main menu bar.
# '''Property Inspector:''' Situated below the model tree.
# '''Start Easy Wiki Access:''' Collapsible and situated directly below the diagram area.


Play button
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.


# [[MDrivenStart:MDrivenStart Prototyper|MDrivenStart Prototyper]]
==== The Main Menu Bar ====
# [[Training:Prototyping|Prototyping]]
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.


Left arrow
==== 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:


Right arrow
* '''[[Documentation:Start Introduction|Start Wizard]] (Easy Wiki Access):''' Provides easy access within the bottom left pane in the Designer interface.
* '''[[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.
* '''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)
* '''[[Documentation:ViewModel Editor|View Model Editor]]:''' Pulls up the ViewModel Editor, which helps the developer organize how the client will view webpages.
* '''[[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.
* '''[[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.
* '''[[BestPractices:Enterprise architect information|Enterprise Architect Information Window]]:''' (definition)
* '''[[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.


Drag out new association mode
These tools enhance your workflow and make it easier to navigate and modify your models efficiently.


# [[Documentation:Association|Association]]
==== Model Tree ====
#* [[MDrivenStart:MDrivenStart Associations|MDrivenStart Associations]]
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.
#* [[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]]


Drag out new generalization mode
==== 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.


Drag out new association class connection mode
==== 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.


Diagram is shown in a reference window
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.
 
[[Category:TOC]]
# [[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]]
 
Zoom in  
 
Zoom out
 
ViewModel Editor 
 
Turnkey Live-Editor
 
# [[Documentation:TK Live View|TK Live View]]
 
StylesInModel
 
Actions Editor
 
Access Groups Editor
 
Check model and report errors
 
Enterprise Architect Information window
 
CloudForm: Cloud connection - Portal.mdriven.net and MDriven Server
 
Diagram 1
 
Model Content
 
* ViewModel Tree

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