Web Browser Based Ladder-Editor
(2014) In CODEN:LUTEDX/TEIE EIE920 20141Industrial Electrical Engineering and Automation
- Abstract
- The goal for this master thesis is the creation of a graphical ladder-editor in JavaScript and HTML5. The editor is made in such a manner that the user inserts blocks by selecting them from a menu. Then the block is inserted simply by them clicking where the block should be inserted. The editor itself should handle the required lines. The editor also contains a menu with custom made buttons which allows the user to easily browse through the different possibilities and options. Most common ladder blocks are included in the editor, and it is easy to add more if desired. Furthermore, the editor described here contains the possibility for the user to delete the blocks added and it also contains undo and redo functionality. Menus have been... (More)
- The goal for this master thesis is the creation of a graphical ladder-editor in JavaScript and HTML5. The editor is made in such a manner that the user inserts blocks by selecting them from a menu. Then the block is inserted simply by them clicking where the block should be inserted. The editor itself should handle the required lines. The editor also contains a menu with custom made buttons which allows the user to easily browse through the different possibilities and options. Most common ladder blocks are included in the editor, and it is easy to add more if desired. Furthermore, the editor described here contains the possibility for the user to delete the blocks added and it also contains undo and redo functionality. Menus have been designed and implemented that allows the user to change the attributes of the contacts, coils and function blocks that he or she has inserted. There is also the possibility to copy a block from one part of the system and insert it somewhere else. The system that the user edits graphically using the editor is described in code using the Json format. This in turn allows the program the user is working on to be saved and loaded. This is also implemented, in this case by establishing communication with B&Rs program Automation Studios which then handles the saving and loading from and to file. (Less)
Please use this url to cite or link to this publication:
http://lup.lub.lu.se/student-papers/record/5159601
- author
- Bengtsson, Fredrik and Flink, Ivan
- supervisor
-
- Gunnar Lindstedt LU
- Ulf Jeppsson LU
- organization
- course
- EIE920 20141
- year
- 2014
- type
- H3 - Professional qualifications (4 Years - )
- subject
- publication/series
- CODEN:LUTEDX/TEIE
- report number
- 5342
- language
- English
- id
- 5159601
- date added to LUP
- 2015-12-11 11:52:07
- date last changed
- 2015-12-11 11:52:07
@misc{5159601,
abstract = {{The goal for this master thesis is the creation of a graphical ladder-editor in JavaScript and HTML5. The editor is made in such a manner that the user inserts blocks by selecting them from a menu. Then the block is inserted simply by them clicking where the block should be inserted. The editor itself should handle the required lines. The editor also contains a menu with custom made buttons which allows the user to easily browse through the different possibilities and options. Most common ladder blocks are included in the editor, and it is easy to add more if desired. Furthermore, the editor described here contains the possibility for the user to delete the blocks added and it also contains undo and redo functionality. Menus have been designed and implemented that allows the user to change the attributes of the contacts, coils and function blocks that he or she has inserted. There is also the possibility to copy a block from one part of the system and insert it somewhere else. The system that the user edits graphically using the editor is described in code using the Json format. This in turn allows the program the user is working on to be saved and loaded. This is also implemented, in this case by establishing communication with B&Rs program Automation Studios which then handles the saving and loading from and to file.}},
author = {{Bengtsson, Fredrik and Flink, Ivan}},
language = {{eng}},
note = {{Student Paper}},
series = {{CODEN:LUTEDX/TEIE}},
title = {{Web Browser Based Ladder-Editor}},
year = {{2014}},
}