User Tools

Site Tools


start

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
start [2014/04/25 21:06]
roehner
start [2019/08/04 10:20] (current)
roehner [Edit menu]
Line 1: Line 1:
-Languages: English - [[de:​Java-Editor|Deutsch]] +=====Java-Editor=====
-=====Integrated Development Environment=====+
  
 Integrated Java development environments set high requirements on the computer equipment. These requirements are not always met in schools. If the students shall work at home with these development systems, only freely available systems come into question. There are hardly any systems left which actually can be used for teaching. This was the reason for me to develop the Java-Editor which is described below. Integrated Java development environments set high requirements on the computer equipment. These requirements are not always met in schools. If the students shall work at home with these development systems, only freely available systems come into question. There are hardly any systems left which actually can be used for teaching. This was the reason for me to develop the Java-Editor which is described below.
Line 6: Line 5:
 In the screenshot you see the main windows of the Java-Editor with the menu bar, toolbars and some registers with help for program development. The equipment is aimed in the needs of the school. Hence there is the register programme, like  from which you can choose templates for console or GUI applications and for applets, and the register control structures with easy access to the Java control structures. In the screenshot you see the main windows of the Java-Editor with the menu bar, toolbars and some registers with help for program development. The equipment is aimed in the needs of the school. Hence there is the register programme, like  from which you can choose templates for console or GUI applications and for applets, and the register control structures with easy access to the Java control structures.
  
-{{:​editoren.png}}+{{:en:​editoren.png}}
  
 =====Class Modeler===== =====Class Modeler=====
Line 12: Line 11:
 With class modeler you can create new classes and edit existing classes. It reads java source files and displays them as classes with attributes and methods. Changes in the class modeler are transferred accordingly to the java source files. The class modeler is an easy to use tool for modelling classes. With class modeler you can create new classes and edit existing classes. It reads java source files and displays them as classes with attributes and methods. Changes in the class modeler are transferred accordingly to the java source files. The class modeler is an easy to use tool for modelling classes.
  
-{{:​classdesigneren.png}}+{{:en:​classdesigneren.png}}
  
 The order of attributes and methods in the structure tree can be changed by drag&​drop. The order of attributes and methods in the structure tree can be changed by drag&​drop.
  
-You call the class modeler with the Symbol {{:​symbolclass.png}} from your editor window or by doubleclick on a class in the uml window.+You call the class modeler with the Symbol {{:en:​symbolclass.png}} from your editor window or by doubleclick on a class in the uml window.
  
 =====UML Window===== =====UML Window=====
Line 25: Line 24:
 The interactive creating of objects is oriented at the according BlueJ functionality. No //main// method is necessary, modeled classes can be tested interactively. The interactive creating of objects is oriented at the according BlueJ functionality. No //main// method is necessary, modeled classes can be tested interactively.
  
-{{:​umlen.png}}+{{:en:​umlen.png}}
  
 =====GUI Designer===== =====GUI Designer=====
Line 34: Line 33:
 position on a form. So the gui-designer of the Java-Editor uses absolute positioning with which you can design your layout rather quickly. position on a form. So the gui-designer of the Java-Editor uses absolute positioning with which you can design your layout rather quickly.
  
-{{:​guidesigneren.png}}+{{:en:​guidesigneren.png}}
  
 For creating a gui form you click in the program register on one of the six symbols: Frame, Dialog, Applet, JFrame, JDialog or JApplet. For creating a gui form you click in the program register on one of the six symbols: Frame, Dialog, Applet, JFrame, JDialog or JApplet.
Line 50: Line 49:
 are used.  are used. 
  
-With the symbol {{:​arrange.png}} of a source code window you open and arrange the gui form.+With the symbol {{:en:​arrange.png}} of a source code window you open and arrange the gui form.
  
 The gui form has a context menu for editing the components. The gui form has a context menu for editing the components.
Line 61: Line 60:
 Modelling of control flow with structograms on a programminglanguage independent level plays an important role in informatic courses. Manual sketching of structograms on paper gives no presentable results. With the structogram editor you can easily, quickly and correctly create structograms. Modelling of control flow with structograms on a programminglanguage independent level plays an important role in informatic courses. Manual sketching of structograms on paper gives no presentable results. With the structogram editor you can easily, quickly and correctly create structograms.
  
-{{:​structogramen.png}}+{{:en:​structogramen.png}}
  
-With drag&​drop you insert ​the left structogram elements in an existing structogram. Click on an empty structogram element to type in the desired text. For later editing you doubleclick on the text. You can cut and copy a selected structogram element to the clipboard. With the left paste-symbol you insert it per drag&​drop. ​The green J creates as far as possible a java-program from the structogram. In the configuration you can edit the used texts.+With drag&​drop you insert structogram elements in an existing ​structogram or pull them out of a structogram. From the left toolbar you can pull structogram elements in the window. Delete structogram elements by pulling them back to the toolbar. Click on an empty structogram element to type in the desired text. Doubleclick to edit structogramm ​text. 
 + 
 +The green J creates as far as possible a java program ​or method ​from the structogram. In the configuration you can edit the used texts
 + 
 +==== Puzzle mode ==== 
 +The puzzle mode allows you to create interactive structogram puzzles, in which the students create a complete structogram from puzzle pieces. To create a structogram puzzle, start with the solution, which must consist of a single algorithm-structogram. To do this, call up the puzzle mode in the context menu of the structogram. 
 + 
 +Extract the structogram elements from the complete structogram,​ leaving the original space as an empty placeholder. 
 + 
 +{{:​en:​puzzleeasy.png}} 
 + 
 +The puzzle elements retain the original shape in width and height. When puzzleed together puzzle pieces fit only if they are the right size. Save the structogram puzzle in this version. It will then appear three more puzzles and distinguished by //easy//, //medium//, //hard// and //very hard//. You can still rework them. 
 + 
 +In medium mode, the height of the puzzle pieces is reduced to the standard height. 
 + 
 +{{:​en:​puzzlemedium.png}} 
 + 
 +You can push puzzle pieces into empty structogram elements or place them between existing structogram elements. It is no longer the height, but only the width controlled. Only if this fits the insertion point, a puzzle piece can be inserted there. One can increase the difficulty by removing some structogram elements in sequences of empty structogram elements.  
 + 
 +In //hard// mode, in addition to the height, the width of the structogram elements is also reduced to the standard size. 
 + 
 +{{:​en:​puzzlehard.png}} 
 + 
 +Puzzle pieces can now be inserted at any position, neither width nor height must fit.  
 +In //very hard// mode, as far as possible, empty structogram elements are also removed. 
 + 
 +The students can choose a suitable puzzle variant in the classroom. If they have created a solution, they can independently check it by clicking the puzzle button {{:​en:​puzzlebutton.png}} . The Java-Editor tells if the solution is found or something needs to be changed. 
 + 
 +When switching to puzzle mode, the complete solution must be in a single structogram. From this solution, the Java-Editor remembers a text representation and compares it with the text representation of the student solution. 
 + 
 +If sequence order does not matter in two successive instructions,​ a solution with a reversed order is also correct in terms of content. This can not be controlled by the Java-Editor. Therefore, one should not take apart the two puzzle pieces in such cases. 
 + 
 + 
 +===== Sequence Diagram ===== 
 + 
 +The Sequence Diagram tool lets you interactively create a sequence diagram. Lifelines exist in two forms, as an actor and with a named head. They are inserted using the toolbar. To create a connection between lifelines, use  //connect to// from the context menu of a lifeline. To change texts call the text editor with a double-click. 
 + 
 +{{:​de:​sequenzdiagramm.png}} 
 + 
 +You can display a debugger session as a sequence diagram via the // Test / Create Sequence Diagram // menu. 
 +The same applies to work without or with debugger in a UML window.
  
 ===== Menu System ===== ===== Menu System =====
Line 72: Line 111:
 ====Edit menu==== ====Edit menu====
 The editor supports the use of the windows clipboard and undo, redo, search and replace operations. ​ The editor supports the use of the windows clipboard and undo, redo, search and replace operations. ​
-Selected text can be copied in different formats. Search and replace supports multiple files and regular expressions. You can indent (Ctrl+Shift+I),​ unindent (Ctrl+Shift+U),​ comment or uncomment (Ctrl+K) selected text. For easy console output Ctrl+U inserts //​System.out.println()//​ into the source code, Ctrl+Y deletes a line. You can set up to ten bookmarks with the mouse or the keyboard (Ctrl+Shift+#​) and go to a bookmark (Ctrl+#). Every edit command has a shortcut and a symbol on the toolbar. The Editor is based on the [[http://synedit.sourceforge.net/|SynEdit component]]+Selected text can be copied in different formats. Search and replace supports multiple files and regular expressions. You can indent (Ctrl+Shift+I),​ unindent (Ctrl+Shift+U),​ comment or uncomment (Ctrl+K) selected text. For easy console output Ctrl+U inserts //​System.out.println()//​ into the source code, Ctrl+Y deletes a line. You can set up to ten bookmarks with the mouse or the keyboard (Ctrl+Shift+#​) and go to a bookmark (Ctrl+#). Every edit command has a shortcut and a symbol on the toolbar. The Editor is based on the [[https://github.com/SynEdit/SynEdit|SynEdit component]]
  
 ====Start menu==== ====Start menu====
Line 101: Line 140:
  
 ==== Tools menu==== ==== Tools menu====
-The tools menu supports the //​Checkstyle//​ plug-in which checks the style of a source file against a given coding standard and the //Jalopy// plug-in which formats a source file according to a coding standard. The compare tool compares two sources files, shows new, modified and deleted lines and allows to edit the modifications. If you install the [[Configuration#​subverison|subversion tool]] the tools menu gets an additional menu for subversion.+The tools menu supports the //​Checkstyle//​ plug-in which checks the style of a source file against a  
 +given coding standard and the //Jalopy// plug-in which formats a source file according to a coding ​ 
 +standard. The compare tool compares two sources files, shows new, modified and deleted lines and  
 +allows to edit the modifications. If you install ​[[en:​Configuration#​git|Git]] or the [[en:Configuration#​subversion|subversion tool]] the tools menu gets an additional menu for git respectively ​subversion. If you install [[en:​Configuration#​junit|JUnit]] the tools menu gets an additional menu for JUnit.
  
-{{:​compareen.png}}+{{:en:​compareen.png}}
  
 ====Window menu==== ====Window menu====
Line 119: Line 161:
 ===Linux=== ===Linux===
  
-The Java-Editor operates under Linux with the //wine// extension. You find installation hints on the [[http://​appdb.winehq.org/​objectManager.php?​sClass=version&iId=29838| WineHQ page]]. The font Monospace ist recommendend. Some fonts don't really work in the editor.+The Java-Editor operates under Linux with the //wine// extension. You find installation hints on the [[https://​appdb.winehq.org/​objectManager.php?​sClass=application&iId=6582| WineHQ page]]. The font Monospace ist recommendend. Some fonts don't really work in the editor.
  
 ===Mac=== ===Mac===
Line 126: Line 168:
  
 =====Accessibility===== =====Accessibility=====
-The Java-Editor has special support for visually impaired or blind persons. In the [[Configuration#Options|options menu]] you can set the font size for the component menu. The font size of the editor and other windows are set with the font symbol or the font menu.+The Java-Editor has special support for visually impaired or blind persons. In the [[en:​configuration#options|options menu]] you can set the font size for the component menu. The font size of the editor and other windows are set with the font symbol or the font menu.
  
 If you can not use a mouse hide the toolbars and activate the option "Show component menu" in the options menu. With the component menu one can create GUI forms with help of menus. If you can not use a mouse hide the toolbars and activate the option "Show component menu" in the options menu. With the component menu one can create GUI forms with help of menus.
Line 133: Line 175:
  
 Your are free to send bug reports and feature requests by e-mail to <​groehner@t-online.de>​ Your are free to send bug reports and feature requests by e-mail to <​groehner@t-online.de>​
 +
 +<​html><​img src="​http://​vg08.met.vgwort.de/​na/​c9f095940ac64f408c4817f52cc1e6c7"​ width="​1"​ height="​1"​ alt=""></​html>​
 +
  
start.1398452774.txt.gz · Last modified: 2014/04/25 21:06 by roehner