Arcimboldo. A Tool to Support So1ware Engineering. Claude Pe)tpierre h/p://

Transcription

1 Arcimboldo A Tool to Support So1ware Engineering Claude Pe)tpierre h/p:// 1

2 Why is so1ware engineering so complex? of a new tool to help design 2

3 Many Stakeholder Are Involved in a Project The banker thinks of an account belonging to a person The bank customer sees a page The engineer sees code 3

4 1: UML (Unified Modeling Language) SuperClass SomeClass AnotherClass 4

5 1: UML? (Unified Modeling Language) it's difficult to switch back and forth between code and diagrams Automa)c genera)on: mostly skeletons 5

6 2: Wizards (Eclipse/WTP, Ruby on Rails) Wizard? Their "languages" are not easily customizable They do not reflect the customers' view well 6

7 3 : copy, paste and modify? Workflow, GUI, Android, JEE are repe))ve Copy/paste and modify is thus omen used But boring, error-prone, maintenance ill-suited Refactoring painful 7

8 : DSL (Domain Specific Language) program { page UnePage { package pages; ac@on Recep@on; form { javabean Personne; bu]on Envoyer; javabean Personne { package data; string nom; integer nocompte; ac@on recep@on { package ac@ons; person.create(personne); 8

9 : DSL All view are available in the same simple source : Banker's view GUI designer's parameters Engineer's view program { page UnePage { package pages; ac@on Recep@on; form { javabean Personne; bu]on Envoyer; javabean Personne { package data; string nom; integer nocompte; ac@on recep@on { package ac@ons; person.create(personne); 9

10 program { page UnePage { package pages; ac@on Recep@on; form { javabean Personne; bu]on Envoyer; javabean Personne { package data; string nom; integer compte; ac@on recep@on { package ac@ons; person.create(personne); Banker's view 10

11 program { page UnePage { package pages; ac@on Recep@on; form { javabean Personne; bu]on Envoyer; javabean Personne { package data; string nom; integer compte; ac@on recep@on { package ac@ons; person.create(personne); GUI designer's parameters 11

12 Engineer's view program { page UnePage { package pages; ac@on Recep@on; form { javabean Personne; bu]on Envoyer; javabean Personne { package data; string nom; integer compte; ac@on recep@on { package ac@ons; person.create(personne); Java JSP/HTML SQL 12

13 DSL: Domain Specific Language Contains abstrac)ons of all the meaningful components A compiler transforms the source into the applica)on Avoids the copy and past work Makes refactoring easy But how to avoid a lot of work, involving specialists? 13

14 My supported by a new tool, Arcimboldo, based on JSON ARCHItecture Based Applica)on and Language Development 14

15 Arcimboldo? The face is only in the mind of the onlookers. The painter has only drawn fruits and vegetables However, they can understand each other when they speak of the eye. Giuseppe Arcimboldo, almost 500 years ago 15

16 Components of Arcimboldo ( JSON templates + editor/generator ) Templates constant text + named blocks Specifica:on object what to put in the blocks, how many blocks, computa)on of cross-references, Javascript object File descriptors which files to create 16

17 Principle of the JSON Expansion (1) h/p://json.org Expected Result Javascript Object public class Person { String name; public String getname( ) { return name; String key; public String getkey( ) { return key; { id : "Person", bean : [ { string : { attr_id : "name", { string : { attr_id : "passwd" ] 17

18 Principle of the JSON Expansion (2) Template Javascript Object public class {Id { { {.repeated section bean id : "Person", {.section string bean : [ String {attr_id; { string : { public String get{^attr_id( ) { attr_id : "name" return {attr_id;, { string : { {.end attr_id : "passwd" {.repeat end ] No computa)on in the template. Capitalized symbols can be created within the template. 18

19 The Tool Arcimboldo Templates Templates Templates (JSON - Javascript object) Expansion File descriptors Applica@on Applica@on Applica@on JSON javascript objet nota)on 19

20 block : [ { text : {... ], Specifica@on Object (computa)on of imports, composed symbols...) $opts : "block.text.put(jbean[opid].attr[.arelem_id][0])", the expression above is correct even if block is an array (creates a new array) map, filter, reduce opid is looked for in the whole object scope.arelem_id refers to an attribute of attr 20

21 Files descriptors foreach page // where page_id=="secondpage" expand "../Templates/Page.jsptpl" to "WebContent/" + package + "/" + ^page_id +".jsp" 21

22 The Plugin Arcimboldo (template and result, cross-reference highligh)ng) 22

23 The Tool Arcimboldo (Genera)on of a compiler) Templates Templates Templates Source (Xtext parser) Compila@on File descriptors Expansion Specifica@on (JSON - Javascript object) Applica@on Applica@on Applica@on 23

24 Xtext, Xtend Generator An Xtext parser and an Xtend generator and a source can be generated automa)cally The source is close to the object, but checks the validity of the entries A single click on a menu of the descrip)on object creates the compiler into the project of the 5 minutes Xtext tutorial The separa)on of the parser and the generator makes it easy to adapt the DSL syntax, without modifying the generator 24

25 Examples of use Rabbilo, a game available on Android and ios (Swing) An ERP by consultant Aubep (h/p://aubep.ch) A business game for students The Arcimboldo documenta)on pages Several smaller applica)ons (simple mind simulator, the index of a web site,...) 25

26 Conclusions Arcimboldo: a simple and flexible tool Reliable: many applica)ons have been developed with it Requires only a small amount of new knowledge Can be used very early in the development of a new type of applica)on Documenta)on and plug-in available at h/p:// 26