Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

first draft

  • Loading branch information...
commit 8b222cc2343f93a455225d9609e75797cd3ca480 1 parent 08f5690
Christopher Klein authored
Showing with 371 additions and 632 deletions.
  1. +5 −287 README.md
  2. +33 −8 css/impress-demo.css
  3. BIN  fonts/03aPdn7fFF3H6ngCgAlQzBsxEYwM7FgeyaSgU71cLG0.woff
  4. BIN  fonts/0XxGQsSc1g4rdRdjJKZrNBsxEYwM7FgeyaSgU71cLG0.woff
  5. BIN  fonts/Foydq9xJp--nfYIx2TBz9QFhaRv2pGgT5Kf0An0s4MM.woff
  6. BIN  fonts/LKf8nhXsWg5ybwEGXk8UBQ.woff
  7. BIN  fonts/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff
  8. BIN  fonts/PIPMHY90P7jtyjpXuZ2cLD8E0i7KZn-EPnyo3HZu7kw.woff
  9. BIN  fonts/PRmiXeptR36kaC0GEAetxn5HxGBcBvicCpTp6spHfNo.woff
  10. BIN  fonts/QABk9IxT-LFTJ_dQzv7xpIbN6UDyHWBl620a-IRfuBk.woff
  11. BIN  fonts/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff
  12. +72 −0 fonts/fonts.css
  13. BIN  fonts/lILlYDvubYemzYzN7GbLkHhCUOGz7vYGh680lGh-uXM.woff
  14. BIN  fonts/sDRi4fY9bOiJUbgq53yZCfesZW2xOQ-xsNqO47m55DA.woff
  15. BIN  fonts/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff
  16. BIN  img/affe.jpg
  17. BIN  img/domainviewer.png
  18. BIN  img/eclipse-generator-dialog.png
  19. BIN  img/forum-app-example.png
  20. BIN  img/fpa.png
  21. BIN  img/mocking.png
  22. BIN  img/nachdenkliche-seerobbe.png
  23. BIN  img/outlining.png
  24. BIN  img/quickfix-change-datatype-result.png
  25. BIN  img/quickfix-change-datatype.png
  26. BIN  img/quickfix-create-domain-result.png
  27. BIN  img/quickfix-create-domain.png
  28. BIN  img/quickfix-cruds-result.png
  29. BIN  img/quickfix-cruds.png
  30. BIN  img/quickfix-introduce-assoc-table-result.png
  31. BIN  img/quickfix-introduce-assoc-table.png
  32. BIN  img/rapid-xtext.png
  33. BIN  img/sample-dsl.png
  34. BIN  img/validation-duplicate-attribute-name.png
  35. +261 −337 index.html
View
292 README.md
@@ -1,294 +1,12 @@
-impress.js
-============
-
-It's a presentation framework based on the power of CSS3 transforms and
-transitions in modern browsers and inspired by the idea behind prezi.com.
-
-**WARNING**
-
-impress.js may not help you if you have nothing interesting to say ;)
-
-
-ABOUT THE NAME
-----------------
-
-impress.js name in [courtesy of @skuzniak](http://twitter.com/skuzniak/status/143627215165333504).
-
-It's an (un)fortunate coincidence that a Open/LibreOffice presentation tool is called Impress ;)
-
-
-VERSION HISTORY
------------------
-
-### 0.5.3 ([browse](http://github.com/bartaz/impress.js/tree/0.5.3), [zip](http://github.com/bartaz/impress.js/zipball/0.5.3), [tar](http://github.com/bartaz/impress.js/tarball/0.5.3))
-
-#### BUGFIX RELEASE
-
-Version 0.5 introduced events including `impress:stepenter`, but this event was not triggered properly in some
-specific transition types (for example when only scale was changing between steps). It was caused by the fact that
-in such cases expected `transitionend` event was not triggered.
-
-This version fixes this issue. Unfortunately modern `transitionend` event is no longer used to detect when the
-transition has finished, but old school (and more reliable) `setTimeout` is used.
-
-
-### 0.5.2 ([browse](http://github.com/bartaz/impress.js/tree/0.5.2), [zip](http://github.com/bartaz/impress.js/zipball/0.5.2), [tar](http://github.com/bartaz/impress.js/tarball/0.5.2))
-
-#### DOCUMENTATION RELEASE
-
-More descriptive comments added to demo CSS and impress.js source file, so now not only `index.html` is worth reading ;)
-
-
-### 0.5.1 ([browse](http://github.com/bartaz/impress.js/tree/0.5.1), [zip](http://github.com/bartaz/impress.js/zipball/0.5.1), [tar](http://github.com/bartaz/impress.js/tarball/0.5.1))
-
-#### BUGFIX RELEASE
-
-Changes in version 0.5 introduced a bug (#126) that was preventing clicks on links (or any clickable elements) on
-currently active step. This release fixes this issue.
-
-
-
-### 0.5 ([browse](http://github.com/bartaz/impress.js/tree/0.5), [zip](http://github.com/bartaz/impress.js/zipball/0.5), [tar](http://github.com/bartaz/impress.js/tarball/0.5))
-
-#### CHANGELOG
-
-* API changed, so that `impress()` function no longer automatically initialize presentation; new method called `init`
- was added to API and it should be used to start the presentation
-* event `impress:init` is triggered on root presentation element (`#impress` by default) when presentation is initialized
-* new CSS classes were added: `impress-disabled` is added to body element by the impress.js script and it's changed to
- `impress-enabled` when `init()` function is called
-* events added when step is entered and left - custom `impress:stepenter` and `impress:stepleave` events are triggered
- on step elements and can be handled like any other DOM events (with `addEventListener`)
-* additional `past`, `present` and `future` classes are added to step elements
- - `future` class appears on steps that were not yet visited
- - `present` class appears on currently visible step - it's different from `active` class as `present` class
- is added when transition finishes (step is entered)
- - `past` class is added to already visited steps (when the step is left)
-* and good news, `goto()` API method is back! it seems that `goto` **was** a future reserved word but isn't anymore,
- so we can use this short and pretty name instead of camelCassy `stepTo` - and yes, that means API changed again...
-* additionally `goto()` method now supports new types of parameters:
- - you can give it a number of step you want to go to: `impress().goto(7)`
- - or its id: `impress().goto("the-best-slide-ever")`
- - of course DOM element is still acceptable: `impress().goto( document.getElementById("overview") )`
-* and if it's not enough, `goto()` also accepts second parameter to define the transition duration in ms, for example
- `impress().goto("make-it-quick", 300)` or `impress().goto("now", 0)`
-
-#### UPGRADING FROM PREVIOUS VERSIONS
-
-In current version calling `impress()` doesn't automatically initialize the presentation. You need to call `init()`
-function from the API. So in a place were you called `impress()` to initialize impress.js simply change this call
-to `impress().init()`.
-
-Version 0.4 changed `goto` API method into `stepTo`. It turned out that `goto` is not a reserved word anymore, so it
-can be used in JavaScript. That's why version 0.5 brings it back and removes `stepTo`.
-
-So if you have been using version 0.4 and have any reference to `stepTo` API method make sure to change it to `goto`.
-
-
-
-### 0.4.1 ([browse](http://github.com/bartaz/impress.js/tree/0.4.1), [zip](http://github.com/bartaz/impress.js/zipball/0.4.1), [tar](http://github.com/bartaz/impress.js/tarball/0.4.1))
-
-#### BUGFIX RELEASE
-
-Changes is version 0.4 introduced a bug causing JavaScript errors being thrown all over the place in fallback mode.
-This release fixes this issue.
-
-It also adds a flag `impress.supported` that can be used in JavaScript to check if impress.js is supported in the browser.
-
-
-
-### 0.4 ([browse](http://github.com/bartaz/impress.js/tree/0.4), [zip](http://github.com/bartaz/impress.js/zipball/0.4), [tar](http://github.com/bartaz/impress.js/tarball/0.4))
-
-#### CHANGELOG
-
-* configuration options on `#impress` element: `data-perspective` (in px, defaults so 1000),
- `data-transition-duration` (in ms, defaults to 1000)
-* automatic scaling to fit window size, with configuration options: `data-width` (in px, defaults to 1024),
- `data-height` (in px, defaults to 768), `max-scale` (defaults to 1), `min-scale` (defaults to 0)
-* `goto` API function was renamed to `stepTo` because `goto` is a future reserved work in JavaScript,
- so **please make sure to update your code**
-* fallback `impress-not-supported` class is now set on `body` element instead of `#impress` element and it's
- replaced with `impress-supported` when browser supports all required features
-* classes `step-ID` used to indicate progress of the presentation are now renamed to `impress-on-ID` and are
- set on `body` element, so **please make sure to update your code**
-* basic validation of configuration options
-* couple of typos and bugs fixed
-* favicon added ;)
-
-
-#### UPGRADING FROM PREVIOUS VERSIONS
-
-If in your custom JavaScript code you were using `goto()` function from impress.js API make sure to change it
-to `stepTo()`.
-
-If in your CSS you were using classes based on currently active step with `step-` prefix, such as `step-bored`
-(where `bored` is the id of the step element) make sure to change it to `impress-on-` prefix
-(for example `impress-on-bored`). Also in previous versions these classes were assigned to `#impress` element
-and now they are added to `body` element, so if your CSS code depends on this, it also should be updated.
-
-Same happened to `impress-not-supported` class name - it was moved from `#impress` element to `body`, so update
-your CSS if it's needed.
-
-#### NOTE ON BLACKBERRY PLAYBOOK
-
-Changes and fixes added in this version have broken the experience on Blackberry Playbook with OS in version 1.0.
-It happened due to a bug in the Playbook browser in this version. Fortunately in version 2.0 of Playbook OS this
-bug was fixed and impress.js works fine.
-
-So currently impress.js work only on Blackberry Playbook with latest OS. Fortunately, [it seems that most of the
-users](http://twitter.com/n_adam_stanley/status/178188611827679233) [are quite quick with updating their devices]
-(http://twitter.com/brcewane/status/178230406196379648)
-
-
-
-### 0.3 ([browse](http://github.com/bartaz/impress.js/tree/0.3), [zip](http://github.com/bartaz/impress.js/zipball/0.3), [tar](http://github.com/bartaz/impress.js/tarball/0.3))
-
-#### CHANGELOG
-
-* minor CSS 3D fixes
-* basic API to control the presentation flow from JavaScript
-* touch event support
-* basic support for iPad (iOS 5 and iOS 4 with polyfills) and Blackberry Playbook
-
-#### UPGRADING FROM PREVIOUS VERSIONS
-
-Because API was introduced the way impress.js script is initialized was changed a bit. You not only has to include
-`impress.js` script file, but also call `impress()` function.
-
-See the source of `index.html` for example and more details.
-
-
-### 0.2 ([browse](http://github.com/bartaz/impress.js/tree/0.2), [zip](http://github.com/bartaz/impress.js/zipball/0.2), [tar](http://github.com/bartaz/impress.js/tarball/0.2))
-
-* tutorial/documentation added to `index.html` source file
-* being even more strict with strict mode
-* code clean-up
-* couple of small bug-fixes
-
-
-### 0.1 ([browse](http://github.com/bartaz/impress.js/tree/0.1), [zip](http://github.com/bartaz/impress.js/zipball/0.1), [tar](http://github.com/bartaz/impress.js/tarball/0.1))
-
-First release.
-
-Contains basic functionality for step placement and transitions between them
-with simple fallback for non-supporting browsers.
-
-
-
-HOW TO USE IT
----------------
-
-[Use the source](http://github.com/bartaz/impress.js/blob/master/index.html), Luke ;)
-
-If you have no idea what I mean by that, or you just clicked that link above and got
-very confused by all these strange characters that got displayed on your screen,
-it's a sign, that impress.js is not for you.
-
-Sorry.
-
-Fortunately there are some guys on GitHub that got quite excited with the idea of building
-editing tool for impress.js. Let's hope they will manage to do it.
-
-
-EXAMPLES AND DEMOS
---------------------
-
-### Official demo
-
-[impress.js demo](http://bartaz.github.com/impress.js) by [@bartaz](http://twitter.com/bartaz)
-
-### Other examples
-
-More examples and demos can be found on [Examples and demos wiki page](http://github.com/bartaz/impress.js/wiki/Examples-and-demos).
-
-Feel free to add your own example presentations (or websites) there.
-
-
-
-WANT TO CONTRIBUTE?
----------------------
-
-If you've found a bug or have a great idea for new feature let me know by [adding your suggestion]
-(http://github.com/bartaz/impress.js/issues/new) to [issues list](https://github.com/bartaz/impress.js/issues).
-
-If you have fixed a bug or implemented a feature that you'd like to share, send your pull request against [dev branch]
-(http://github.com/bartaz/impress.js/tree/dev). But remember that I only accept code that fits my vision of impress.js
-and my coding standards - so make sure you are open for discussion :)
-
-
-
-BROWSER SUPPORT
------------------
-
-### TL;DR;
-
-Currently impress.js works fine in latest Chrome/Chromium browser, Safari 5.1 and Firefox 10.
-With addition of some HTML5 polyfills (see below for details) it should work in Internet Explorer 10
-(currently available as Developers Preview).
-It doesn't work in Opera, as it doesn't support CSS 3D transforms.
-
-As a presentation tool it was not developed with mobile browsers in mind, but some tablets are good
-enough to run it, so it should work quite well on iPad (iOS 5, or iOS 4 with HTML5 polyfills) and
-Blackberry Playbook.
-
-### Still interested? Read more...
-
-Additionally for the animations to run smoothly it's required to have hardware
-acceleration support in your browser. This depends on the browser, your operating
-system and even kind of graphic hardware you have in your machine.
-
-For browsers not supporting CSS3 3D transforms impress.js adds `impress-not-supported`
-class on `#impress` element, so fallback styles can be applied to make all the content accessible.
-
-
-### Even more explanation and technical stuff
-
-Let's put this straight -- wide browser support was (and is) not on top of my priority list for
-impress.js. It's built on top of fresh technologies that just start to appear in the browsers
-and I'd like to rather look forward and develop for the future than being slowed down by the past.
-
-But it's not "hard-coded" for any particular browser or engine. If any browser in future will
-support features required to run impress.js, it will just begin to work there without changes in
-the code.
-
-From technical point of view all the positioning of presentation elements in 3D requires CSS 3D
-transforms support. Transitions between presentation steps are based on CSS transitions.
-So these two features are required by impress.js to display presentation correctly.
-
-Unfortunately the support for CSS 3D transforms and transitions is not enough for animations to
-run smoothly. If the browser doesn't support hardware acceleration or the graphic card is not
-good enough the transitions will be laggy.
-
-Additionally the code of impress.js relies on APIs proposed in HTML5 specification, including
-`classList` and `dataset` APIs. If they are not available in the browser, impress.js will not work.
-
-Fortunately, as these are JavaScript APIs there are polyfill libraries that patch older browsers
-with these APIs.
-
-For example IE10 is said to support CSS 3D transforms and transitions, but it doesn't have `classList`
-not `dataset` APIs implemented at the moment. So including polyfill libraries *should* help IE10
-with running impress.js.
-
-
-### And few more details about mobile support
-
-Mobile browsers are currently not supported. Even Android browsers that support CSS 3D transforms are
-forced into fallback view at this point.
-
-Fortunately some tablets seem to have good enough hardware support and browsers to handle it.
-Currently impress.js presentations should work on iPad and Blackberry Playbook.
-
-In theory iPhone should also be able to run it (as it runs the same software as iPad), but I haven't
-found a good way to handle it's small screen.
-
-Also note that iOS supports `classList` and `dataset` APIs starting with version 5, so iOS 4.X and older
-requires polyfills to work.
+Presentation about my bachelor thesis
+=====================================
+This is my Bachelor thesis about "Integrating Xtext in an existing software development process".
+I am using impress.js because it seems interesting. And I am not a good layouter or designer.
LICENSE
---------
-
-Copyright 2011-2012 Bartek Szopka
+Copyright 2013 Christopher Klein
Released under the MIT and GPL Licenses.
View
41 css/impress-demo.css
@@ -57,9 +57,8 @@ footer, header, hgroup, menu, nav, section {
body {
line-height: 1;
}
-ol, ul {
- list-style: none;
-}
+
+
blockquote, q {
quotes: none;
}
@@ -178,6 +177,7 @@ a:focus {
font-family: 'PT Serif', georgia, serif;
font-size: 48px;
line-height: 1.5;
+ text-align: center;
}
/*
@@ -208,7 +208,6 @@ a:focus {
*/
.slide {
display: block;
-
width: 900px;
height: 700px;
padding: 40px 60px;
@@ -221,17 +220,26 @@ a:focus {
color: rgb(102, 102, 102);
text-shadow: 0 2px 2px rgba(0, 0, 0, .1);
- font-family: 'Open Sans', Arial, sans-serif;
+ font-family: 'PT Serif', georgia, serif;
font-size: 30px;
line-height: 36px;
letter-spacing: -1px;
}
+.slide ol, ul {
+ padding-left: 40px;
+}
+
+.slide li {
+ font-size: 40px;
+ line-height: 2;
+ text-align: left;
+}
+
.slide q {
display: block;
font-size: 50px;
line-height: 72px;
-
margin-top: 100px;
}
@@ -239,6 +247,20 @@ a:focus {
white-space: nowrap;
}
+img {
+border:1px solid #;
+-webkit-border-radius: 20px;
+-moz-border-radius: 20px;
+border-radius: 20px;
+background-color: white;
+padding: 40px;
+}
+
+.slide h1 {
+ font-size: 70px;
+ padding-bottom: 70px;
+}
+
/*
And now we start to style each step separately.
@@ -268,7 +290,8 @@ a:focus {
}
#title h1 {
- font-size: 190px;
+ font-size: 80px;
+ text-align: center;
-webkit-transform: translateZ(50px);
-moz-transform: translateZ(50px);
@@ -278,7 +301,9 @@ a:focus {
}
#title .footnote {
- font-size: 32px;
+ font-size: 40px;
+ padding-top: 30px;
+ text-align: right;
}
/*
View
BIN  fonts/03aPdn7fFF3H6ngCgAlQzBsxEYwM7FgeyaSgU71cLG0.woff
Binary file not shown
View
BIN  fonts/0XxGQsSc1g4rdRdjJKZrNBsxEYwM7FgeyaSgU71cLG0.woff
Binary file not shown
View
BIN  fonts/Foydq9xJp--nfYIx2TBz9QFhaRv2pGgT5Kf0An0s4MM.woff
Binary file not shown
View
BIN  fonts/LKf8nhXsWg5ybwEGXk8UBQ.woff
Binary file not shown
View
BIN  fonts/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff
Binary file not shown
View
BIN  fonts/PIPMHY90P7jtyjpXuZ2cLD8E0i7KZn-EPnyo3HZu7kw.woff
Binary file not shown
View
BIN  fonts/PRmiXeptR36kaC0GEAetxn5HxGBcBvicCpTp6spHfNo.woff
Binary file not shown
View
BIN  fonts/QABk9IxT-LFTJ_dQzv7xpIbN6UDyHWBl620a-IRfuBk.woff
Binary file not shown
View
BIN  fonts/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff
Binary file not shown
View
72 fonts/fonts.css
@@ -0,0 +1,72 @@
+@font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Open Sans'), local('OpenSans'), url(fonts/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
+}
+@font-face {
+ font-family: 'Open Sans';
+ font-style: normal;
+ font-weight: 600;
+ src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(fonts/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
+}
+@font-face {
+ font-family: 'Open Sans';
+ font-style: italic;
+ font-weight: 400;
+ src: local('Open Sans Italic'), local('OpenSans-Italic'), url(fonts/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff) format('woff');
+}
+@font-face {
+ font-family: 'Open Sans';
+ font-style: italic;
+ font-weight: 600;
+ src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(fonts/PRmiXeptR36kaC0GEAetxn5HxGBcBvicCpTp6spHfNo.woff) format('woff');
+}
+@font-face {
+ font-family: 'PT Sans';
+ font-style: normal;
+ font-weight: 400;
+ src: local('PT Sans'), local('PTSans-Regular'), url(fonts/LKf8nhXsWg5ybwEGXk8UBQ.woff) format('woff');
+}
+@font-face {
+ font-family: 'PT Sans';
+ font-style: normal;
+ font-weight: 700;
+ src: local('PT Sans Bold'), local('PTSans-Bold'), url(fonts/0XxGQsSc1g4rdRdjJKZrNBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
+}
+@font-face {
+ font-family: 'PT Sans';
+ font-style: italic;
+ font-weight: 400;
+ src: local('PT Sans Italic'), local('PTSans-Italic'), url(fonts/PIPMHY90P7jtyjpXuZ2cLD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
+}
+@font-face {
+ font-family: 'PT Sans';
+ font-style: italic;
+ font-weight: 700;
+ src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'), url(fonts/lILlYDvubYemzYzN7GbLkHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
+}
+@font-face {
+ font-family: 'PT Serif';
+ font-style: normal;
+ font-weight: 400;
+ src: local('PT Serif'), local('PTSerif-Regular'), url(fonts/sDRi4fY9bOiJUbgq53yZCfesZW2xOQ-xsNqO47m55DA.woff) format('woff');
+}
+@font-face {
+ font-family: 'PT Serif';
+ font-style: normal;
+ font-weight: 700;
+ src: local('PT Serif Bold'), local('PTSerif-Bold'), url(fonts/QABk9IxT-LFTJ_dQzv7xpIbN6UDyHWBl620a-IRfuBk.woff) format('woff');
+}
+@font-face {
+ font-family: 'PT Serif';
+ font-style: italic;
+ font-weight: 400;
+ src: local('PT Serif Italic'), local('PTSerif-Italic'), url(fonts/03aPdn7fFF3H6ngCgAlQzBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
+}
+@font-face {
+ font-family: 'PT Serif';
+ font-style: italic;
+ font-weight: 700;
+ src: local('PT Serif Bold Italic'), local('PTSerif-BoldItalic'), url(fonts/Foydq9xJp--nfYIx2TBz9QFhaRv2pGgT5Kf0An0s4MM.woff) format('woff');
+}
View
BIN  fonts/lILlYDvubYemzYzN7GbLkHhCUOGz7vYGh680lGh-uXM.woff
Binary file not shown
View
BIN  fonts/sDRi4fY9bOiJUbgq53yZCfesZW2xOQ-xsNqO47m55DA.woff
Binary file not shown
View
BIN  fonts/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff
Binary file not shown
View
BIN  img/affe.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  img/domainviewer.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  img/eclipse-generator-dialog.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  img/forum-app-example.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  img/fpa.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  img/mocking.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  img/nachdenkliche-seerobbe.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  img/outlining.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  img/quickfix-change-datatype-result.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  img/quickfix-change-datatype.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  img/quickfix-create-domain-result.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  img/quickfix-create-domain.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  img/quickfix-cruds-result.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  img/quickfix-cruds.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  img/quickfix-introduce-assoc-table-result.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  img/quickfix-introduce-assoc-table.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  img/rapid-xtext.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  img/sample-dsl.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  img/validation-duplicate-attribute-name.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
598 index.html
@@ -1,119 +1,20 @@
-<!doctype html>
-
-<!--
-
- Welcome to the light side of the source, young padawan.
-
- One step closer to learn something interesting you are...
-
- ____
- _.' : `._
- .-.'`. ; .'`.-.
- __ / : ___\ ; /___ ; \ __
- ,'_ ""=-.:__;".-.";: :".-.":__;.-="" _`,
- :' `.t""=-.. '<@.`;_ ',@:` ..-=""j.' `;
- `:-.._J '-.-'L__ `-.-' L_..-;'
- "-.__ ; .-" "-. : __.-"
- L ' /.======.\ ' J
- "-. "__" .-"
- __.l"-:_JL_;-";.__
- .-j/'.; ;"""" / .'\"-.
- .' /:`. "-.: .-" .'; `.
- .-" / ; "-. "-..-" .-" : "-.
- .+"-. : : "-.__.-" ;-._ \
- ; \ `.; ; : : "+. ;
- : ; ; ; : ; : \:
- ; : ; : ;: ; :
- : \ ; : ; : ; / ::
- ; ; : ; : ; : ;:
- : : ; : ; : : ; : ;
- ;\ : ; : ; ; ; ;
- : `."-; : ; : ; / ;
- ; -: ; : ; : .-" :
- :\ \ : ; : \.-" :
- ;`. \ ; : ;.'_..-= / ;
- : "-. "-: ; :/." .' :
- \ \ : ;/ __ :
- \ .-`.\ /t-"" ":-+. :
- `. .-" `l __/ /`. : ; ; \ ;
- \ .-" .-"-.-" .' .'j \ / ;/
- \ / .-" /. .'.' ;_:' ;
- :-""-.`./-.' / `.___.'
- \ `t ._ /
- "-.t-._:'
-
--->
-
-<!--
-
- So you'd like to know how to use impress.js?
-
- You've made the first, very important step - you're reading the source code.
- And that's how impress.js presentations are built - with HTML and CSS code.
-
- Believe me, you need quite decent HTML and CSS skills to be able to use impress.js effectively.
- And what is even more important, you need to be a designer, too, because there are no default
- styles for impress.js presentations, there is no default or automatic layout for them.
-
- You need to design and build it by hand.
-
- So...
-
- Would you still like to know how to use impress.js?
-
--->
-
+<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=1024" />
<meta name="apple-mobile-web-app-capable" content="yes" />
- <title>impress.js | presentation tool based on the power of CSS3 transforms and transitions in modern browsers | by Bartek Szopka @bartaz</title>
+ <title>Bachelor Thesis "Integration von Xtext in eine bestehenden Softwareentwicklungsprozess"</title>
- <meta name="description" content="impress.js is a presentation tool based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com." />
- <meta name="author" content="Bartek Szopka" />
-
- <link href="http://fonts.googleapis.com/css?family=Open+Sans:regular,semibold,italic,italicsemibold|PT+Sans:400,700,400italic,700italic|PT+Serif:400,700,400italic,700italic" rel="stylesheet" />
-
- <!--
-
- Impress.js doesn't depend on any external stylesheet. Script adds all styles it needs for
- presentation to work.
-
- This style below contains styles only for demo presentation. Browse it to see how impress.js
- classes are used to style presentation steps, or how to apply fallback styles, but I don't want
- you to use them directly in your presentation.
-
- Be creative, build your own. We don't really want all impress.js presentations to look the same,
- do we?
-
- When creating your own presentation get rid of this file. Start from scratch, it's fun!
-
- -->
+ <meta name="description" content="Bachelor Thesis über Integration von Xtext in einen bestehenden Softwareentwicklungsprozess" />
+ <meta name="author" content="Christopher Klein" />
+ <link href="fonts/fonts.css" rel="stylesheet" />
<link href="css/impress-demo.css" rel="stylesheet" />
<link rel="shortcut icon" href="favicon.png" />
<link rel="apple-touch-icon" href="apple-touch-icon.png" />
</head>
-<!--
-
- Body element is used by impress.js to set some useful class names, that will allow you to detect
- the support and state of the presentation in CSS or other scripts.
-
- First very useful class name is `impress-not-supported`. This class means, that browser doesn't
- support features required by impress.js, so you should apply some fallback styles in your CSS.
- It's not necessary to add it manually on this element. If the script detects that browser is not
- good enough it will add this class, but keeping it in HTML means that users without JavaScript
- will also get fallback styles.
-
- When impress.js script detects that browser supports all required features, this class name will
- be removed.
-
- The class name on body element also depends on currently active presentation step. More details about
- it can be found later, when `hint` element is being described.
-
--->
<body class="impress-not-supported">
<!--
@@ -146,7 +47,11 @@
-->
<div id="impress">
-
+ <div id="title" class="step" data-x="0" data-y="0" data-scale="1">
+ <h1>Integration von Xtext in einen bestehenden Softwareentwicklungsprozess</h1>
+ <span class="footnote">Christopher Klein, NeosIT</span>
+ </div>
+
<!--
Here is where interesting thing start to happen.
@@ -164,178 +69,284 @@
It will not be rotated or scaled.
-->
- <div id="bored" class="step slide" data-x="-1000" data-y="-1500">
- <q>Aren't you just <b>bored</b> with all those slides-based presentations?</q>
+ <div id="inhalt" class="step slide" data-x="0" data-y="1000" data-transition-duration="0">
+ <h1>Inhalt</h1>
+ <ul>
+ <li>Ausgangssituation</li>
+ <li>Idee</li>
+ <li>Implementierung einer Plug-in Architektur
+ <li>Generatoren</li>
+ <li>Anpassung Entwicklungsumgebung</li>
+ <li>Ergebnis und Fazit</li>
+ </ul>
</div>
- <!--
-
- The `id` attribute of the step element is used to identify it in the URL, but it's optional.
- If it is not defined, it will get a default value of `step-N` where N is a number of slide.
-
- So in the example below it'll be `step-2`.
-
- The hash part of the url when this step is active will be `#/step-2`.
-
- You can also use `#step-2` in a link, to point directly to this particular step.
-
- Please note, that while `#/step-2` (with slash) would also work in a link it's not recommended.
- Using classic `id`-based links like `#step-2` makes these links usable also in fallback mode.
-
- -->
- <div class="step slide" data-x="0" data-y="-1500">
- <q>Don't you think that presentations given <strong>in modern browsers</strong> shouldn't <strong>copy the limits</strong> of 'classic' slide decks?</q>
+ <div class="step slide" data-x="-2500" data-y="-1500">
+ <ul>
+ <li>Software-Projekte bei NeosIT ähneln sich
+ <ul>
+ <li>Thematik</li>
+ <li>Architektur</li>
+ </ul>
+ </li>
+ <li>Programmiersprache ist unterschiedlich</li>
+ </ul>
</div>
- <div class="step slide" data-x="1000" data-y="-1500">
- <q>Would you like to <strong>impress your audience</strong> with <strong>stunning visualization</strong> of your talk?</q>
+ <div class="step" data-x="-1500" data-y="-1500">
+ <p>Warum die Gemeinsamkeiten nicht abstrahieren?</p>
+ <img src="img/affe.jpg" width="500" />
</div>
- <!--
-
- This is an example of step element being scaled.
-
- Again, we use a `data-` attribute, this time it's `data-scale="4"`, so it means that this
- element will be 4 times larger than the others.
- From presentation and transitions point of view it means, that it will have to be scaled
- down (4 times) to make it back to it's correct size.
-
- -->
- <div id="title" class="step" data-x="0" data-y="0" data-scale="4">
- <span class="try">then you should try</span>
- <h1>impress.js<sup>*</sup></h1>
- <span class="footnote"><sup>*</sup> no rhyme intended</span>
+ <div class="step" data-x="0" data-y="-1500">
+ <b>Erste Erfahrungen in Code-Generierung mit Xtext</b>
+ </div>
+
+ <div class="step" data-x="1000" data-y="-1500">
+ <p>Generierung von <strong>Datenbankzugriffsschicht</strong> und <strong>Entitäten</strong> in C#</p>
</div>
+
+ <div class="step slide" data-x="2000" data-y="-1500">
+ <img src="img/sample-dsl.png" width="500" />
+ </div>
- <!--
-
- This element introduces rotation.
-
- Notation shouldn't be a surprise. We use `data-rotate="90"` attribute, meaning that this
- element should be rotated by 90 degrees clockwise.
-
- -->
- <div id="its" class="step" data-x="850" data-y="3000" data-rotate="90" data-scale="5">
- <p>It's a <strong>presentation tool</strong> <br/>
- inspired by the idea behind <a href="http://prezi.com">prezi.com</a> <br/>
- and based on the <strong>power of CSS3 transforms and transitions</strong> in modern browsers.</p>
+
+ <div class="step" data-x="-2500" data-y="500" data-rotate="300" data-scale="1">
+ <b>Die Anforderungen</b>
</div>
- <div id="big" class="step" data-x="3500" data-y="2100" data-rotate="180" data-scale="6">
- <p>visualize your <b>big</b> <span class="thoughts">thoughts</span></p>
+ <div class="step" data-x="-2000" data-y="1325" data-rotate="300" data-scale="1">
+ <b>Eine DSL für beliebige Programmiersprachen/Artefakte</b>
</div>
- <!--
-
- And now it gets really exciting! We move into third dimension!
-
- Along with `data-x` and `data-y`, you can define the position on third (Z) axis, with
- `data-z`. In the example below we use `data-z="-3000"` meaning that element should be
- positioned far away from us (by 3000px).
-
- -->
- <div id="tiny" class="step" data-x="2825" data-y="2325" data-z="-3000" data-rotate="300" data-scale="1">
- <p>and <b>tiny</b> ideas</p>
+ <div class="step" data-x="-1800" data-y="1325" data-rotate="300" data-scale="1">
+ <b>Abbilden von Prozesse und Transitionen</b>
+ </div>
+
+ <div class="step" data-x="-1600" data-y="1325" data-rotate="300" data-scale="1">
+ <b>Einfache Bedienung für den Anwender</b>
</div>
- <!--
-
- This step here doesn't introduce anything new when it comes to data attributes, but you
- should notice in the demo that some words of this text are being animated.
- It's a very basic CSS transition that is applied to the elements when this step element is
- reached.
-
- At the very beginning of the presentation all step elements are given the class of `future`.
- It means that they haven't been visited yet.
-
- When the presentation moves to given step `future` is changed to `present` class name.
- That's how animation on this step works - text moves when the step has `present` class.
-
- Finally when the step is left the `present` class is removed from the element and `past`
- class is added.
-
- So basically every step element has one of three classes: `future`, `present` and `past`.
- Only one current step has the `present` class.
-
- -->
- <div id="ing" class="step" data-x="3500" data-y="-850" data-rotate="270" data-scale="6">
- <p>by <b class="positioning">positioning</b>, <b class="rotating">rotating</b> and <b class="scaling">scaling</b> them on an infinite canvas</p>
+ <div class="step" data-x="-1400" data-y="1325" data-rotate="300" data-scale="1">
+ <b>Aufbau von Wissen als Dienstleistung?</b>
</div>
- <div id="imagination" class="step" data-x="6700" data-y="-300" data-scale="6">
- <p>the only <b>limit</b> is your <b class="imagination">imagination</b></p>
+ <div class="step" data-x="1000" data-y="0" data-rotate="300" data-scale="1">
+ <b>Spezifizierung der DSL</b>
</div>
- <div id="source" class="step" data-x="6300" data-y="2000" data-rotate="20" data-scale="4">
- <p>want to know more?</p>
- <q><a href="http://github.com/bartaz/impress.js">use the source</a>, Luke!</q>
+ <div class="step" data-x="1500" data-y="0" data-rotate="300" data-scale="1">
+ <b>Welche Sprachkonzepte sind dem Anwender bekannt?</b>
+ </div>
+
+ <div class="step" data-x="1700" data-y="0" data-rotate="300" data-scale="1">
+ <b>Welche Sprachkonzepte fühlen sich <em>richtig</em> an?</b>
+ </div>
+
+ <div class="step" data-x="2500" data-y="0" data-scale="1">
+ <img src="img/nachdenkliche-seerobbe.png" />
</div>
- <div id="one-more-thing" class="step" data-x="6000" data-y="4000" data-scale="2">
- <p>one more thing...</p>
+ <div class="step" data-x="1000" data-y="1000" data-scale="1">
+ <b>Definition der DSL in Xtext</b>
</div>
- <!--
-
- And the last one shows full power and flexibility of impress.js.
-
- You can not only position element in 3D, but also rotate it around any axis.
- So this one here will get rotated by -40 degrees (40 degrees anticlockwise) around X axis and
- 10 degrees (clockwise) around Y axis.
-
- You can of course rotate it around Z axis with `data-rotate-z` - it has exactly the same effect
- as `data-rotate` (these two are basically aliases).
-
- -->
- <div id="its-in-3d" class="step" data-x="6200" data-y="4300" data-z="-100" data-rotate-x="-40" data-rotate-y="10" data-scale="2">
- <p><span class="have">have</span> <span class="you">you</span> <span class="noticed">noticed</span> <span class="its">it's</span> <span class="in">in</span> <b>3D<sup>*</sup></b>?</p>
- <span class="footnote">* beat that, prezi ;)</span>
+ <div class="step" data-x="2000" data-y="1000" data-scale="1">
+ <img src="img/rapid-xtext.png" width="800" />
</div>
- <!--
-
- So to make a summary of all the possible attributes used to position presentation steps, we have:
-
- * `data-x`, `data-y`, `data-z` - they define the position of **the center** of step element on
- the canvas in pixels; their default value is 0;
- * `data-rotate-x`, `data-rotate-y`, 'data-rotate-z`, `data-rotate` - they define the rotation of
- the element around given axis in degrees; their default value is 0; `data-rotate` and `data-rotate-z`
- are exactly the same;
- * `data-scale` - defines the scale of step element; default value is 1
-
- These values are used by impress.js in CSS transformation functions, so for more information consult
- CSS transfrom docs: https://developer.mozilla.org/en/CSS/transform
-
- -->
- <div id="overview" class="step" data-x="3000" data-y="1500" data-scale="10">
+ <div class="step" data-x="3000" data-y="1000" data-scale="1">
+ <b>Praktisches Einsetzen von Rapid</b>
</div>
-</div>
+ <div class="step" data-x="4000" data-y="1000" data-scale="1">
+ <img src="img/forum-app-example.png" width="800"/>
+ </div>
-<!--
-
- Hint is not related to impress.js in any way.
-
- But it can show you how to use impress.js features in creative way.
-
- When the presentation step is shown (selected) its element gets the class of "active" and the body element
- gets the class based on active step id `impress-on-ID` (where ID is the step's id)... It may not be
- so clear because of all these "ids" in previous sentence, so for example when the first step (the one with
- the id of `bored`) is active, body element gets a class of `impress-on-bored`.
-
- This class is used by this hint below. Check CSS file to see how it's shown with delayed CSS animation when
- the first step of presentation is visible for a couple of seconds.
-
- ...
-
- And when it comes to this piece of JavaScript below ... kids, don't do this at home ;)
- It's just a quick and dirty workaround to get different hint text for touch devices.
- In a real world it should be at least placed in separate JS file ... and the touch content should be
- probably just hidden somewhere in HTML - not hard-coded in the script.
-
- Just sayin' ;)
+ <div class="step" data-x="-2500" data-y="2500" data-scale="1">
+ <b>Support für mehrere Generatoren</b>
+ </div>
+
+ <div class="step" data-x="-1500" data-y="2500" data-scale="1">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:se="http://svg-edit.googlecode.com" width="100%" height="480" preserveAspectRatio="xMidYMin meet">
+ <!-- Created with SVG-edit - http://svg-edit.googlecode.com/ -->
+ <defs>
+ <marker refY="50" refX="50" markerHeight="5" markerWidth="5" viewBox="0 0 100 100" se_type="rightarrow" orient="auto" markerUnits="strokeWidth" id="se_marker_end_svg_18">
+ <path stroke-width="10" stroke="#000000" fill="#000000" d="m100,50l-100,40l30,-40l-30,-40z"/>
+ </marker>
+ <marker refY="50" refX="50" markerHeight="5" markerWidth="5" viewBox="0 0 100 100" se_type="rightarrow" orient="auto" markerUnits="strokeWidth" id="se_marker_end_svg_19">
+ <path stroke-width="10" stroke="#000000" fill="#000000" d="m100,50l-100,40l30,-40l-30,-40z"/>
+ </marker>
+ <marker refY="50" refX="50" markerHeight="5" markerWidth="5" viewBox="0 0 100 100" se_type="rightarrow" orient="auto" markerUnits="strokeWidth" id="se_marker_end_svg_20">
+ <path stroke-width="10" stroke="#000000" fill="#000000" d="m100,50l-100,40l30,-40l-30,-40z"/>
+ </marker>
+ <marker refY="50" refX="50" markerHeight="5" markerWidth="5" viewBox="0 0 100 100" se_type="rightarrow" orient="auto" markerUnits="strokeWidth" id="se_marker_end_svg_21">
+ <path stroke-width="10" stroke="#000000" fill="#000000" d="m100,50l-100,40l30,-40l-30,-40z"/>
+ </marker>
+ </defs>
+ <g transform="scale(1.4, 1.4)">
+ <title>Layer 1</title>
+ <polyline marker-end="url(#se_marker_end_svg_21)" se:connector="svg_6 svg_11" fill="none" stroke-width="2" stroke="#000000" points="302.93 127 302.537 205.5 302.145 284" id="svg_21"/>
+ <polyline marker-end="url(#se_marker_end_svg_20)" se:connector="svg_5 svg_7" fill="none" stroke-width="2" stroke="#000000" points="353.122 137 381.591 151.5 410.061 166" id="svg_20"/>
+ <polyline marker-end="url(#se_marker_end_svg_19)" se:connector="svg_2 svg_5" fill="none" stroke-width="2" stroke="#000000" points="305.655 59.5 305.734 71.75 305.813 84" id="svg_19"/>
+ <polyline marker-end="url(#se_marker_end_svg_18)" se:connector="svg_5 svg_8" fill="none" stroke-width="2" stroke="#000000" points="264.593 137 231.813 156 199.033 175" id="svg_18"/>
+ <g id="svg_13">
+ <rect id="svg_7" height="47" width="229" y="171.5" x="352.5" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke="#000000" fill="#bfbfbf"/>
+ <text xml:space="preserve" text-anchor="middle" font-family="serif" font-size="24" id="svg_9" y="202" x="463" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="0" stroke="#000000" fill="#000000">Mocking</text>
+ </g>
+ <g id="svg_14">
+ <rect stroke="#000000" id="svg_8" height="47" width="245.00001" y="180.5" x="26.5" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" fill="#bfbfbf"/>
+ <text xml:space="preserve" text-anchor="middle" font-family="serif" font-size="24" id="svg_10" y="211" x="151" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="0" stroke="#000000" fill="#000000">Function Point-Analyse</text>
+ </g>
+ <g id="svg_15">
+ <rect id="svg_11" height="47" width="229" y="289.5" x="187.5" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke="#000000" fill="#bfbfbf"/>
+ <text xml:space="preserve" text-anchor="middle" font-family="serif" font-size="24" id="svg_12" y="320" x="299" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="0" stroke="#000000" fill="#000000">C# &amp; ASP.NET</text>
+ </g>
+ <g id="svg_16">
+ <rect id="svg_5" height="47" width="229" y="89.5" x="191.5" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke="#000000" fill="#bfbfbf"/>
+ <text id="svg_6" xml:space="preserve" text-anchor="middle" font-family="serif" font-size="24" y="120.5" x="303" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="0" stroke="#000000" fill="#000000">Generator</text>
+ </g>
+ <g id="svg_17">
+ <rect id="svg_2" height="47" width="229" y="12" x="191" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke="#000000" fill="#c4c4c4"/>
+ <text xml:space="preserve" text-anchor="middle" font-family="serif" font-size="24" id="svg_4" y="42" x="303" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="0" stroke="#000000" fill="#000000">DSL</text>
+ </g>
+ </g>
+</svg>
+ </div>
--->
+ <div class="step slide" data-x="0" data-y="2500" data-scale="1">
+ <ul>
+ <li>Bereitstellung eines Extension Points</li>
+ <li>Ändern des BuilderParticipant von Xtext</li>
+ <li>Einstellungen zum Aktivieren/Deaktivieren in Eclipse GUI</li>
+ </ul>
+ </div>
+
+ <div class="step" data-x="1000" data-y="2500" data-scale="1">
+ <img src="img/eclipse-generator-dialog.png" width="700"/>
+ </div>
+
+ <div class="step" data-x="-2500" data-y="3500" data-scale="1">
+ <b>Generatoren</b>
+ </div>
+
+ <div class="step" data-x="-2500" data-y="3500" data-scale="1">
+ <b>Mocking</b>
+ </div>
+
+ <div class="step" data-x="-1500" data-y="3500" data-scale="1">
+ <img src="img/mocking.png" width="850"/>
+ </div>
+
+ <div class="step" data-x="0" data-y="3500" data-scale="1">
+ <b>Function Point-Analyse</b>
+ </div>
+
+ <div class="step" data-x="1000" data-y="3500" data-scale="1">
+ <img src="img/fpa.png" width="800"/>
+ </div>
+
+ <div class="step" data-x="-2500" data-y="4500" data-scale="1">
+ <b>Anpassung der Entwicklungsumgebung</b>
+ </div>
+
+ <div class="step" data-x="-1500" data-y="4500" data-scale="1">
+ <b>Validierung</b>
+ </div>
+
+ <div class="step" data-x="0" data-y="4500" data-scale="1">
+ <img src="img/validation-duplicate-attribute-name.png" width="850"/>
+ </div>
+
+
+ <div class="step" data-x="1000" data-y="4500" data-scale="1">
+ <b>Outlining</b>
+ </div>
+
+ <div class="step" data-x="2000" data-y="4500" data-scale="1">
+ <img src="img/outlining.png" width="400"/>
+ </div>
+
+ <div class="step" data-x="3000" data-y="4500" data-scale="1">
+ <b>Formatting</b>
+ </div>
+
+ <div class="step" data-x="-2500" data-y="5500" data-scale="1">
+ <b>Quickfixes</b>
+ </div>
+
+ <div class="step" data-x="-1500" data-y="5500" data-scale="1">
+ <p>Automatisches Erstellen von Prozessen</p>
+ <img src="img/quickfix-cruds.png" />
+ </div>
+
+ <div class="step" data-x="-1500" data-y="5500" data-z="-1500" data-scale="1">
+ <img src="img/quickfix-cruds-result.png" width="600"/>
+ </div>
+
+
+ <div class="step" data-x="0" data-y="5500" data-scale="1">
+ <p>Erstellen von fehlenden Entitäten</p>
+ <img src="img/quickfix-create-domain.png" width="800" />
+ </div>
+
+ <div class="step" data-x="0" data-y="5500" data-z="-1500" data-scale="1">
+ <img src="img/quickfix-create-domain-result.png" width="600"/>
+ <p>Domäne <em>Thread</em> wurde hinzugefügt</p>
+ </div>
+
+ <div class="step" data-x="1000" data-y="5500" data-scale="1">
+ <p>Hinzufügen von neuen Datentypen</p>
+ <img src="img/quickfix-change-datatype.png" width="800" />
+ </div>
+
+ <div class="step" data-x="1000" data-y="5500" data-z="-1500" data-scale="1">
+ <img src="img/quickfix-change-datatype-result.png" width="600"/>
+ <p>Datentyp <em>Guid</em> wurde hinzugefügt</p>
+ </div>
+
+ <div class="step" data-x="2000" data-y="5500" data-scale="1">
+ <p>Einführen einer Assoziationsdomäne</p>
+ <img src="img/quickfix-introduce-assoc-table.png" width="900"/>
+ </div>
+
+ <div class="step" data-x="2000" data-y="5500" data-z="-1500" data-scale="1">
+ <img src="img/quickfix-introduce-assoc-table-result.png" width="800"/>
+ <p>Assoziationsdomäne wurde generiert</p>
+ </div>
+
+ <div class="step slide" data-x="3000" data-y="6500" data-scale="1">
+ <h1>Weitere Features</h1>
+ <ul>
+ <li>Assistenten zum Generieren von eigenen Generatoren</li>
+ <li>Support für Annotationen zur Erweiterung der Sprache</li>
+ <li>Experimenteller Graph-Viewer zum Visualieren der Beziehungen</li>
+ </ul>
+ </div>
+
+ <div class="step slide" data-x="-1500" data-y="6500" data-scale="1">
+ <h1>Trivia</h1>
+ <ul>
+ <li>Survey-DSL</li>
+ <li>FPA-Vergleich als Entscheidungsgrundlage</li>
+ <li>Maven Tycho &amp; Xtext implementiert und dokumentiert</li>
+ </ul>
+ </div>
+
+ <div class="step slide" data-x="0" data-y="6500" data-z="1000" data-scale="1">
+ <h1>Ergebnis</h1>
+ <ul>
+ <li>Implementierung einer Xtext-basierten DSL</li>
+ <li>Einfache Erweiterung durch zusätzliche Generatoren</li>
+ <li>Ökosystem um Rapid ist bereits enstanden</li>
+ <li>Rapid wird erfolgreich produktiv eingesetzt</li>
+ </ul>
+ </div>
+
+ <div id="overview" class="step" data-x="3000" data-y="1500" data-scale="10">
+ </div>
+</div>
+<!--
<div class="hint">
<p>Use a spacebar or arrow keys to navigate</p>
</div>
@@ -344,95 +355,8 @@
document.querySelector(".hint").innerHTML = "<p>Tap on the left or right to navigate</p>";
}
</script>
-
-<!--
-
- Last, but not least.
-
- To make all described above really work, you need to include impress.js in the page.
- I strongly encourage to minify it first.
-
- In here I just include full source of the script to make it more readable.
-
- You also need to call a `impress().init()` function to initialize impress.js presentation.
- And you should do it in the end of your document. Not only because it's a good practice, but also
- because it should be done when the whole document is ready.
- Of course you can wrap it in any kind of "DOM ready" event, but I was too lazy to do so ;)
-
-->
<script src="js/impress.js"></script>
<script>impress().init();</script>
-
-<!--
-
- The `impress()` function also gives you access to the API that controls the presentation.
-
- Just store the result of the call:
-
- var api = impress();
-
- and you will get three functions you can call:
-
- `api.init()` - initializes the presentation,
- `api.next()` - moves to next step of the presentation,
- `api.prev()` - moves to previous step of the presentation,
- `api.goto( idx | id | element, [duration] )` - moves the presentation to the step given by its index number
- id or the DOM element; second parameter can be used to define duration of the transition in ms,
- but it's optional - if not provided default transition duration for the presentation will be used.
-
- You can also simply call `impress()` again to get the API, so `impress().next()` is also allowed.
- Don't worry, it wont initialize the presentation again.
-
- For some example uses of this API check the last part of the source of impress.js where the API
- is used in event handlers.
-
--->
-
</body>
-</html>
-
-<!--
-
- Now you know more or less everything you need to build your first impress.js presentation, but before
- you start...
-
- Oh, you've already cloned the code from GitHub?
-
- You have it open in text editor?
-
- Stop right there!
-
- That's not how you create awesome presentations. This is only a code. Implementation of the idea that
- first needs to grow in your mind.
-
- So if you want to build great presentation take a pencil and piece of paper. And turn off the computer.
-
- Sketch, draw and write. Brainstorm your ideas on a paper. Try to build a mind-map of what you'd like
- to present. It will get you closer and closer to the layout you'll build later with impress.js.
-
- Get back to the code only when you have your presentation ready on a paper. It doesn't make sense to do
- it earlier, because you'll only waste your time fighting with positioning of useless points.
-
- If you think I'm crazy, please put your hands on a book called "Presentation Zen". It's all about
- creating awesome and engaging presentations.
-
- Think about it. 'Cause impress.js may not help you, if you have nothing interesting to say.
-
--->
-
-<!--
-
- Are you still reading this?
-
- For real?
-
- I'm impressed! Feel free to let me know that you got that far (I'm @bartaz on Twitter), 'cause I'd like
- to congratulate you personally :)
-
- But you don't have to do it now. Take my advice and take some time off. Make yourself a cup of coffee, tea,
- or anything you like to drink. And raise a glass for me ;)
-
- Cheers!
-
--->
-
+</html>
Please sign in to comment.
Something went wrong with that request. Please try again.