Design of Emle
Application Stacks
Client
| Event Handlers | Instructions |
| Equipment |
| Lab |
| Load/Transform Lab |
| HTTPRequest | XMLProcessor |
| Javascript |
| Web Browser |
| OS |
| Hardware |
DataStore
| Local File System | Web Server |
| OS |
| Hardware |
Data
- Files
- index HTML.
- CSS.
- JavaScript to load and transform Lab.
- JavaScript Equipment event handlers.
- Lab source XML.
- Equipment source XML.
- Instructons source XML.
- Language message source XML.
- index DOM.
- HTML.
- CSS.
- JavaScript to load and transform Lab.
- Lab source XML DOM.
- Lab transformed document DOM.
- Lab XHTML CSS, text.
- Equipment XHTML input controls, text, SVG.
- Instructions XHTML, text.
- JavaScript Equipment event handlers.
Data Flow Overview
- Load and display index HTML in web browser.
- Load Emle JavaScript code for loading and transforming Lab from XML.
- Load Emle JavaScript code for handling Equipment events.
- User selections Lab/Language.
- Lab loaded via HTTPRequest to DOM XML Lab nodes.
- Lab includes Equipment/Instructions via XMLProcessor from DOM XML Lab nodes.
- Lab/Equipment/Instructions transformed from DOM Lab XML nodes to DOM XHTML, CSS, SVG and Javascript action handlers document nodes.