| <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> |
| |
| <html> |
| |
| <head> |
| <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> |
| <title>Prepared example projects</title> |
| <link href="../book.css" rel="Stylesheet" type="text/css"> |
| <link href="../code.css" rel="Stylesheet" type="text/css"> |
| </head> |
| |
| <body> |
| |
| <h1>Prepared Example Project</h1> |
| <p>There is one prepared example project containing the sources for this tutorial. |
| It shows more or less the <b>resulting project</b>, which you should have <b>at |
| the end of this tutorial</b>.</p> |
| <p class="Note">Note: it can happen that the code snippets in the tutorial are different |
| from the code in the example project. This means that the example project is outdated. |
| In such a case please tell us, and we will update the example project immediately.</p> |
| <h2>The Example Project</h2> |
| <p><em>org.eclipse.graphiti.examples.tutorial</em></p> |
| <p>This plug-in contains the complete sources for the graphics framework tutorial.</p> |
| <h2>Installation Of the Example Project</h2> |
| <p>Ensure that plug-ins<em> org.eclipse.graphiti.examples.tutorial</em> and<em> |
| org.eclipse.graphiti.examples.common</em> are installed in your IDE. The latter |
| includes inter alia wizards for project and diagram creation, and a tree.</p> |
| <h2>Test: Open the Empty Diagram Editor</h2> |
| <p>It should at least be possible to create and open a diagram.</p> |
| <p>For this first test perform the following steps:</p> |
| <ol> |
| <li>Run your target platform.</li> |
| <li>Open the project explorer (e.g. activate Resource perspective)</li> |
| </ol> |
| <p> </p> |
| <p><img alt="" height="205" src="visio/file-new-project.png" width="571"></p> |
| <p><strong>Figure: Start the "New" → "Project..."-wizard</strong></p> |
| <p> </p> |
| <p><img alt="" height="500" src="visio/new-graphiti-project.png" width="525"></p> |
| <p><strong>Figure: Select "Graphiti Sample Project" as project type</strong></p> |
| <p> </p> |
| <p><img alt="" height="499" src="visio/new-graphiti-project-2.png" width="525"></p> |
| <p><strong>Figure: Insert a name for your project and hit "Finish" button</strong></p> |
| <p> </p> |
| <p><img alt="" height="388" src="visio/project-explorer.png" width="267"></p> |
| <p><strong>Figure: The newly created project</strong></p> |
| <p> </p> |
| <p><img alt="" height="400" src="visio/new-other.png" width="576"></p> |
| <p><strong>Figure: On the selected project open context menu: "New" → "Other..."</strong></p> |
| <p> </p> |
| <p><img alt="" height="509" src="visio/new-diagram.png" width="532"></p> |
| <p><strong>Figure: From the list of wizards select "Graphiti Diagram</strong>"</p> |
| <p> </p> |
| <p><img alt="" height="440" src="visio/diagram-type-mytutorial.png" width="536"></p> |
| <p><strong>Figure: Specify diagram type: "mytutorial" and hit "Next" button</strong></p> |
| <p> </p> |
| <p><img alt="" height="511" src="visio/diagram-name.png" width="533"></p> |
| <p><strong>Figure: Specify the diagram name and hit "Finish" button</strong></p> |
| <p> </p> |
| <p>Diagram is opened automatically with your editor. Result is shown in the image |
| below.</p> |
| <p> </p> |
| <p><img alt="" height="644" src="visio/project-explorer-editor.png" width="794"></p> |
| <p><strong>Figure: Empty diagram is opened in editor</strong></p> |
| <p> </p> |
| <p>Depending on the functionality already provided in your editor, you can continue |
| to test further functionality.</p> |
| <p> </p> |
| |
| </body> |
| |
| </html> |
