A frame-based editor is a specific kind of structure editor, typically used as a source code editor for the manipulation of computer programs. Program elements are represented by frames, which form the standard atomic unit of manipulation in the editor.

Frame-based editor
Frame-based code sample

Frames in the editor represent nodes in the underlying syntax tree of the language being written, such as simple statements, control structures, or methods, and are manipulated as single entities in the user interface.

The representation of frame-based programs on screen makes use of graphical and textual elements. Most fundamentally, scope is presented by graphical boxes (the "frames" that give these editors their name), but other graphical elements, including color and graphical presentation, are also employed. Manipulation of frames in frame-based editors is typically supported equally via mouse-based gestures and keyboard manipulation.

Origin

edit

The concept of Frame-based editing was developed at King's College London as a combination of features of standard text editors and block-based editing systems, such as Blockly and Scratch.[1] The concept attempts to merge beneficial aspects of block and text programming in a single system.[2]

Relation to block-based editors and text editors

edit

Frame-based editors are technically hybrid structure/text editors which support editing at the higher level of the syntax tree in structure mode, while allowing expression edits in text mode.[3] They copy a number of concepts from block-based editors, such as the graphical representation of statements, which are manipulated as atomic units, presented graphically with distinct colouring, can be dragged-and-dropped with mouse gestures, and the provision of statement palettes from which statements may be chosen.

Other elements are modelled on traditional text editors, such as display of the program as linear text, keyboard-driven editing, and free-form editing at the expression level.

An academic study has compared effectiveness of frame-based editors to text editors for beginning programmers.[4]

Application

edit

Currently, frame-based editors are used in educational systems to facilitate entry into programming for novice programmers, or to support the transition for learners from educational block-based systems, such as App Inventor, Scratch, Snap!, or Alice, to professional, text based programming environments.[5]

Theoretically, these types of editors can be used for manipulation of any structured text, including computer programs, web pages, and XML files. The editor benefits especially non-professional users, such as novices or casual programmers, due to its support for discoverability of statements and reduction of syntax errors.

Examples

edit

Two examples of frame-based editors are the BlueJ and Greenfoot educational development environments. Both support frame-based editing for the Stride programming language.[6]

References

edit
  1. ^ Kölling, Michael; Brown, Neil C. C.; Altadmri, Amjad (July 2017). "Kölling, Brown & Altadmri: Frame-Based Editing". Journal of Visual Languages and Sentient Systems. 3: 40–67. doi:10.18293/VLSS2017-009. Retrieved 2019-01-27.
  2. ^ Brown, Neil Cc C.; Altadmri, Amjad; Kölling, Michael (31 March 2016). "Frame-Based Editing: Combining the Best of Blocks and Text Programming". 2016 International Conference on Learning and Teaching in Computing and Engineering (LaTICE). pp. 47–53. doi:10.1109/LaTiCE.2016.16. ISBN 978-1-5090-2504-6. S2CID 18128297.
  3. ^ "Frame-Based Editing (web site)".
  4. ^ Price, Thomas W.; Brown, Neil C.C.; Lipovac, Dragan; Barnes, Tiffany; Kölling, Michael (25 August 2016). "Evaluation of a Frame-based Programming Editor" (PDF). Proceedings of the 2016 ACM Conference on International Computing Education Research (PDF). pp. 33–42. doi:10.1145/2960310.2960319. ISBN 9781450344494. S2CID 3690159. Retrieved 14 November 2022.
  5. ^ Kölling, Michael; Brown, Neil Christopher Charles (9 November 2015). "Frame-Based Editing: Easing the Transition from Blocks to Text-Based Programming". The 10th Workshop in Primary and Secondary Computing Education (Wipsce 2015). doi:10.1145/2818314.2818331. S2CID 15209878.
  6. ^ "The Stride Programming Language". Retrieved 2019-01-27.