-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
83 lines (74 loc) · 4.68 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<!DOCTYPE html>
<html>
<head>
<title>Dart Designer Documentation</title>
<link rel="stylesheet" type="text/css" href="app/bower_components/bootflat/bootstrap/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="app/bower_components/bootflat/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="app/bower_components/bootflat/css/bootflat.css">
<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript" src="app/bower_components/bootflat/js/html5shiv.js"></script>
<script type="text/javascript" src="app/bower_components/bootflat/js/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="app/bower_components/bootflat/js/jquery.icheck.js"></script>
<script type="text/javascript" src="app/bower_components/bootflat/js/bootstrap.min.js"></script>
<script type="text/javascript" src="app/bower_components/bootflat/js/respond.min.js"></script>
<link rel="shortcut icon" type="image/png" href="/favicon.png"/>
</head>
<body>
<nav class="navbar" role="navigation">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<a class="navbar-brand" href="">Dart Designer Documentation</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<!-- <li><a href="#features">Features</a></li> -->
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container -->
</nav>
<div class="docs-header">
<div class="container">
<div class="row">
<div class="col-md-12">
<img src="images/DartSirius-Word_1000.png" class="logo">
</div>
</div>
<div class="row">
<div class="col-md-12 logo-description">
Advanced tooling based on Eclipse Sirius for the Dart programming language.
</div>
<div class="col-md-3 col-md-offset-3">
<a href="https://github.com/dartdesigner/Dart-Designer/releases" role="button" class="btn btn-primary btn-block btn-lg">Download</a>
</div>
<div class="col-md-3">
<a href="https://github.com/dartdesigner/Dart-Designer" role="button" class="btn btn-default btn-block btn-lg">Github</a>
</div>
</div>
</div>
</div>
<div class="docs-section docs-gettingstarted" id="gettingstarted">
<div class="container">
<div class="row">
<h1>Getting Started</h1>
<div class="col-md-12">
<p>To start a DartDesigner project, use the "File -> New -> Project..." menu to access the New Project wizard. Then in the Dart Designer category, select the Dart Designer Project. Click "Next" and enter the name of your project, for example, DartDesignerProject. The next page of the wizard let you choose to activate or deactivate some viewpoints. For the moment, there is only one viewpoint available, so just click on "Finish".</p>
<img src="images/NewProject.png" class="img-thumbnail">
<p>A popup will appear to let you select the representations that should be created for the initialisation of your project. Keep the representation "<name of your project> Package Diagram" and uncheck "Dart Package Diagram". And now you have your first representation opened. You can now click on the "Add" action in the "Existing Elements" section to add into your diagram the root of your package (Dart Package) that has been created.</p>
<img src="images/Add.png" class="img-thumbnail">
<p>From this diagram with one package, you can use the right click menu to access the navigate menu. In the navigate menu, you can create a new Class diagram. In the Class diagram, just like in any other diagram, you can add new elements using the appropriate tools like "New Class" or "New Library".</p>
<p>Then you just have to test the creation of new diagrams with new elements or existing ones that you can import easily...</p>
</div>
</div>
</div>
</div>
<footer class="docs-footer">
<div class="container">
<p>Designed and build with ❤ by <a href="http://www.twitter.com/sbegaudeau">@sbegaudeau</a>.</p>
<p>Code licensed under <a href="http://www.eclipse.org/legal/epl-v10.html">EPL</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a></p>
<p>Copyright 2014 <a href="http://www.twitter.com/obeo_corp">Obeo</a>. All rights reserved.</p>
</div>
</footer>
</body>
</html>