University of the West of England Home Page - SEEDS Page
University of the West of England Home Page - SEEDS Page
SEEDS Research Site Map
SEEDS Research Home Page SEEDS Home Page
Text Only Site Map Text Only Site Map
Peter Hale My Home Page
End User Programming - http://www.cems.uwe.ac.uk/~phale/#EndUsertoSoftwareTranslation - End User to Software Translation.
Explanation of Examples - http://www.cems.uwe.ac.uk/amrc/seeds/NewPaper/Explanation.htm.
Flash Interactive Example - http://www.cems.uwe.ac.uk/~phale/Flash/FlashHCI.htm - Flash Example of interactive tree diagram - aerospace information.
Semantic Web Modelling Centre of Excellence - http://www.cems.uwe.ac.uk/~phale/#SemanticWebModellingCentreofExcellence - Semantic Web Modelling.
This example demonstrates the main idea behind my PhD research topic. This idea is that it is possible to enable users to create generic models visually.
This is made possible using the technique of meta-programming. Meta-programming is an interesting and useful research topic. Dmitriev gives a good explanation of why this is useful Dmitriev, S. (2004) Language Oriented Programming: The Next Programming Paradigm.
The model can be constructed using open source ontology builders such as Protege, Jena, and Kaon. An intermediate meta-program performs all the claculations and translates the model into software code for visualisation or further processing. It is then possible to extend the meta-program to output in any language or format.
The Flash presentation below gives a demonstration of this using a simple example. of calculating the area of a rectangle.
Translation demonstration (A Flash Player is required to view this) - RectangleDemo
Simple SVG Example of Rectangle as demonstrated in the Flash Movie - Internet Explorer Version - Requires SVG player - SVG Rectangle Internet Explorer.
Simple SVG Example of Rectangle as demonstrated in the Flash Movie - Mozilla Firefox - SVG Rectangle Mozilla Firefox.
A taxonomy representation is translated into a computer model. Relationships can be conveyed to a software model that evaluates them. Information is translated from the taxonomy and is visualised in tree form in a decision support tool with the example of spar manufacture information. The visualisation of the information of a tree can be further translated into visualisation as an interactive diagram. The representation can be translated into differennt languages, to allow for language independence.
The process is also explained here - User Driven Programming, and here - Translation and Aspect-Oriented Programming, and Translation for De-abstraction.
This is my MSc research that I've based this SVG approach on - MSc Research Summary - The earliest research was into providing a user driven model development example that would enable the kind of user interface and visualisation required for interactive costing.
I'm developing a survey on usability, I don't think it's quite right yet, but I would still welcome anyone using it to leave feedback on my research topic (or about the survey) - Click Here to take part in a usability survey, and support my PhD research, for anyone who does not want to remain anonymous, I would be pleased to take an interest in their research.
The survey compares these interfaces -
Taxonomy - http://www.cems.uwe.ac.uk/~phale/ELearning/ELearningDemonstration1.htm.
Diagrammatic - http://www.cems.uwe.ac.uk/~phale/ELearning/ELearningDemonstration2.htm.
And asks for further advice on end-user programming.
I'm interested in feedback from anyone, whatever their level of IT skills.
My current research approach builds on previous work undertaken for a large aerospace company to allow designers and manufacturers to visualise and share cost information. During this project one task was to automatically produce tree representations of information requested by the user. Information held in a relational database was visualised and exported in structured languages.
The theory behind this is that of showing examples of a program in whatever way most puts across the information in an understandable way. This must illustrate the concept that the information represents. This allows a user to manipulate the information and get immediate feedback on what has changed. This is related to Programming by Example, which is explained below.
In the mid 1970s Smith introduced the technique of Programming by Example with a program called Pygmalion. This demonstrated the need to describe algorithms through concrete examples rather than abstractly. 'Example-based Programming: a pertinent visual approach for learning to program' University of Poitiers explains and expands on Smiths work with an example demonstrating how numbers fail to reveal the concept behind them. The example is a numerical representation of a triangle. This representation is 'fregean' because it does not show the concept of a triangle. Next to this is a diagram of the triangle that does show the concept.
Examples both my own and those of others in this research field and explanations are categorised according to the technology used - SVG (Scalable Vector Graphics) - Flash - Java - XML (eXtensible Markup Language) - web2.0/Ajax.
The examples take the tree representations of a component and according to the properties of each feature of the component, a conversion tree in Vanguard Studio transforms the tree representation e.g this Spar into an SVG interactive diagrammatic representation - Interactive SVG Examples - Wing Components.
Further research undertaken is on defining and visualising interactive diagrams of components based on the Protégé and DecisionPro wing information. This information is represented in the interactive diagram using Scalable Vector Graphics (SVG) and Javascript. An example is shown below, this is based on the wing box bottom skin.
This diagram explains the transformation process.
Figure 1 - Translation Process
These example images show some of the translation steps
Figure 1 - Protégé to Vanguard Conversion
Figure 2 - Web Tree View
Figure 3 - Web Diagram View
Flash and SVG (Scalable Vector Graphics) Article - Visual Editor for SVG? (Scalable Vector Graphics) - Peter Hale - Article from my Blog.
Graph Example - SVG Graph Example.
Models Example Page Examples Page to Demonstrate Semantic Modelling.
State Transition Example - SVG State Transition Diagram.
XML to SVG Transformation Example using XSLT - State Transition Diagram - Manufacturing Process Flow.
Graphical Stylesheets Using XSLT to Generate SVG - Philip A. Mansfield, Darryl W. Fuller.
Koala Publishing Example Internet Explorer Version
Koala Publishing Ltd - SVG Example - Koala Airfield Example, this links to a page at Koala that has their SVG Examples.
Koala Samples
Koala Publishing Ltd - SVG Examples Page - SVG Examples - Airfield, Graphics, Animation Koala SVG Examples Page.
Mozilla Version
Koala Publishing Ltd - SVG Example - Koala Airfield Example, Mozilla Firefox example - Native XML.
Mozilla SVG Link
Mozilla samples project - Mozilla Samples - croczilla.com.
Park M., Fishwick P. A. (2005) Ontology-based Customizable 3D Modeling for Simulation. http://www.cise.ufl.edu/~mhpark/SCS.pdf.
XML.com - SVG Parts catalog - http://www.xml.com/2000/03/22/style/parts-catalog.htm - Interactive Example - Explanation - Explanation of the Parts Catalog example.
Alan Kay, Allen Cypher - Watch What I Do - Programming by Example.
Cypher A. (1993) Watch What I Do: Programming by Demonstration, The MIT Press
Example-based Programming: a pertinent visual approach for learning to program (2004) - University of Poitiers - Nicolas Guibert - Patrick Girard - Laurent Guittet - Proceedings of the working conference on Advanced visual interfaces - Pages: 358 - 361 - ISBN:1-58113-867-9.
Programming by Example - http://web.media.mit.edu/~lieber/PBE/index.html - Massachusetts Institute of Technology - MIT Lab.
Programming by Example Tutorial - http://giove.cnuce.cnr.it/EUD-NET/slides-workshop/PBE-Tutorial2.ppt - Henry Lieberman - MIT Lab - EUD-Net.
Pygmalion: A Computer Program to Model and Stimulate Creative Thought. Stuttgart, Basel - University of Calgary Summary - Smith, D. C. 1977.
Smith, D. C. (1977) A Computer Program to Model and Stimulate Creative Thought. Basel: Birkhauser. 187p.
Teaching and Learning Programming with a Programming by Example System - International Symposium on End User Development - Schloss Birlinghoven, Sankt Augustin (Bonn), Germany - October 6-7, 2003 - Nicolas Guibert, Patrick Girard.
SVG Open 2006 Cancelled Will be SVG Open 2007 - Cancelled will be 2007 - SVG Open 2006 cancelled, SVG Open 2007 under way.
XTech Conference - Building Rich, Encapsulated Widgets Using XBL, XForms and SVG - Mark Birbeck, x-port.net Ltd.
Home Page - My Home Page
This page has been Accessed
times Since August 2006
|
Terms and conditions Privacy policy Accessibility © 2005 University of the West of England, Bristol (except acknowledged extracts from newspapers, journals, etc) |