Tutorials

Tutorials on different topics I have learned. The best way to know if you have learned something is when you can explain it to others, so this is what I do. If you enjoy these tutorial you can give your thanks by buying me a beer (or a hamburger, or whatever you like) – using the donation button on your right. Thanks!

• Creating an EMF and GEF based OPM Editor: the tutorial shows, step by step, how to create a graphical editor based on the Eclipse Modeling Framework (EMF) and the Graphical Modeling Framework (GEF).
  1. Creating a GEF editor – Part 1: Defining the Model
  2. Creating a GEF Editor – Part 2: EMF Code Generation
  3. Creating a GEF Editor – Part 3: Basic GEF Editor
  4. Creating a GEF Editor – Part 4: Showing the Model on the Editor
  5. Creating a GEF Editor – Part 5: Loading the Model from an EMF File
  6. Creating a GEF Editor – Part 6: Model Refactoring and Editing Diagram Entities
  7. Creating a GEF Editor – Part 7: Moving Elements and Direct Editing
  8. Creating a GEF Editor – Part 8: Delete, Undo and Redo
  9. Creating a GEF Editor – Part 9: Connections
  10. Creating a GEF Editor – Part 10: Deleting Connections and Fixing of Thing Delete Command
  11. Creating a GEF Editor – Part 11: Creating Link Bendpoints
  12. Creating a GEF Editor – Part 12: Enable Save Action on the Editor
  13. Creating an OPM GEF Editor – Part 13: Adding Procedural Links
  14. Creating an OPM GEF Editor – Part 14: Refactoring, Refactoring and More Refactoring
  15. Creating an OPM GEF Editor – Part 15: Adding Structural Link
  16. Creating an OPM GEF Editor – Part 16: Displaying EMF Properties in a GEF Editor
  17. Creating an OPM GEF Editor – Part 17: How to Define Container Edit Parts
  18. Creating an OPM GEF Editor – Part 18: Snapping to Grid and to Geometry
  19. Creating an OPM GEF Editor – Part 19: Displaying Tooltips
  20. Creating an OPM GEF Editor – Part 20: Creating a Context Menu and Adding Custom Actions
  21. Creating an OPM GEF Editor – Part 21: Adding Keyboard Shortcuts
  22. Enabling Select-All Action in a GEF Editor
• Some investigative work on how GEF works.
1. GEF Internals Part 1 – Mouse Interaction and the Selection Tool
2. GEF Internals Part 2 – Mouse Interaction and the Creation Tool
• JGraph Tutorials: some things I learned while testing the java JGraph Graph Visualization and Layout library. Although the framework is simple to use, it lacks good editing capabilities, it is not well documented (codewise). After working with it a few days I decided to try the GEF framework instead.
  1. JGraph – Another Java Graph Framework
  2. Another day with JGraph – Styles and Constrained Children
  3. JGraph Styles
• JUNG: the Java Universal Network/Graph Framework, the first java graph framework I tested. Some things I learned.
  1. Learning JUNG – Java Universal Network/Graph Framework
  2. Learning JUNG (2) – Adding labels
  3. Learning JUNG (3) – Changing the vertex’s shape