Presentation on modularization of web applications at Callista Developers Conference 2008

1. The web framework dream team Johan Eltes [email_address] www.callistaenterprise.se

3. Strategic drivers behind reference architecture The web framework dream team , Slide Copyright 2008, Callista Enterprise AB … National IT strategi for healthcare Regional strategi Regional projects IT architecture Portal framework

4. IT Architecture for VGRegion Healthcare Core Healthcare interop infrastructure Legacy EPR 1 Legacy EPR 2 Internal log Internal log … Internal Workflow Internal Workflow Gradual adoption of legacy healthcare systems Unified Information View (portal) EPR My Tasks SOAPlatform Alarming and logging Portal framework People Directory Internal roles database LabProcess Internal roles database Adapters Adapters Workflow Engine YP Legacy Lab System Internal log Internal Workflow Internal roles database Adapters Taxonomy services New business process support (composite apps), utilizing service enabled back-ends Native Services

5. Layered View Back-end enterprise resources Canonical (Enterprise) Services Composite Applications Business Model Workflow Presentation Composite Services Local development. Put together a development framework! SOA Platform COTS and semi-COTS

6. Requirement: “Use-Case-as-service” The web framework dream team , Slide Copyright 2008, Callista Enterprise AB Usecase Process Service Data Service Business Value

7. Requirement: Portability The web framework dream team , Slide Copyright 2008, Callista Enterprise AB Container portability (Java EE) Portability across Web app and Portlet Web-app Portlet

8. Requirement: Web designer friendly templating technology The web framework dream team , Slide Copyright 2008, Callista Enterprise AB NetWeaver Design in DreamWeaver Development in XML editor

11. Major Challenge: Re-use at Use-Case-level The web framework dream team , Slide Copyright 2008, Callista Enterprise AB Usecase Process Service Data Service Business Value

12. How will Use-cases become components? The web framework dream team , Slide Copyright 2008, Callista Enterprise AB Demo

13. Use-cases as Components The web framework dream team , Slide Copyright 2008, Callista Enterprise AB Semantically equivalent to calling modal dialog in Swing! Composite Application «webcomp» :Edit Address Entry «webcomp» :NewCategory «webcomp» :AddressList 1: editAddressEntry(long) :entryId of new Entry 1.1: addNewCategory() :CategoryId 1.2: addNewCategory() :CategoryId

15. Re-use in another composite application The web framework dream team , Slide Copyright 2008, Callista Enterprise AB

17. “ Remove” inherent web programming issues The web framework dream team , Slide Copyright 2008, Callista Enterprise AB public class Game extends Element { private static Random randomNumbers = new Random(); public void processElement() { Template template = getHtmlTemplate(&quot;game&quot;); int answer = 0, guesses = 0, guess = -1; answer = randomNumbers.nextInt(101); while (guess != answer) { print(template); pause(); template.clear(); guess = getParameterInt(&quot;guess&quot;, -1); if (guess < 0 || guess > 100) { template.setBlock(&quot;warning&quot;, &quot;invalid&quot;); continue; } guesses++; if (answer < guess) template.setBlock(&quot;msg&quot;, &quot;lower&quot;); else if (answer > guess) template.setBlock(&quot;msg&quot;, &quot;higher&quot;); } ContinuationContext.getActiveContext().removeContextTree(); template = getHtmlTemplate(&quot;success&quot;); template.setValue(&quot;answer&quot;, answer); template.setValue(&quot;guesses&quot;, guesses); print(template); } } 0. Get a random number between 0 and 100 1. Show the guess-form 2. Repeat until successful guess: 2.1. The user enters a value and submits the form 2.2. Validate the guess. I error (not between 0 and 100), continue at 2. 2.3. Unless successful guess, show whether the guess was under or above the answer. 2.4. Display guess-form. 3.0 Show congratulations screen with number of guesses.

19. The resulting reference architecture The web framework dream team , Slide Copyright 2008, Callista Enterprise AB

20. Systemnivå: Komponenthierarki Web Framework Dream Team, Slide Copyright 2008, Callista Enterprise AB : Entitetskomponent Resursskikt Verksamhetsskikt Komponenttjänst Anslutningsskikt : Entitetskomponent 1 Resursskikt Verksamhetsskikt Komponenttjänst Anslutningsskikt Integrationstjänst Webgränssnitt : Entitetskomponent Resursskikt Verksamhetsskikt Komponenttjänst Anslutningsskikt : Processkomponent 1 Resursskikt Verksamhetsskikt Komponenttjänst Anslutningsskikt Integrationstjänst Webgränssnitt

21. Logisk nivå (system-nivå): Beroenden vid återanvändning av web-dialog Web Framework Dream Team, Slide Copyright 2008, Callista Enterprise AB : Entitetskomponent Resursskikt Verksamhetsskikt Komponenttjänst Anslutningsskikt : Entitetskomponent 1 Resursskikt Verksamhetsskikt Komponenttjänst Anslutningsskikt Integrationstjänst Webgränssnitt : Entitetskomponent Resursskikt Verksamhetsskikt Komponenttjänst Anslutningsskikt : Processkomponent 1 Resursskikt Verksamhetsskikt Komponenttjänst Anslutningsskikt Integrationstjänst Webgränssnitt

22. Design-nivå: Beroenden vid återanvändning av web-komposit The web framework dream team , Slide Copyright 2008, Callista Enterprise AB Hierakiskt beroende i systemmodellen

23. Logisk nivå (system-nivå): Beroenden vid återanvändning av komponenttjänst Web Framework Dream Team, Slide Copyright 2008, Callista Enterprise AB : Entitetskomponent Resursskikt Verksamhetsskikt Komponenttjänst Anslutningsskikt : Entitetskomponent 2 Resursskikt Verksamhetsskikt Komponenttjänst Anslutningsskikt Integrationstjänst Webgränssnitt : Entitetskomponent Resursskikt Verksamhetsskikt Komponenttjänst Anslutningsskikt : Processkomponent 2 Resursskikt Verksamhetsskikt Komponenttjänst Anslutningsskikt Integrationstjänst Webgränssnitt

24. Design-nivå: Beroenden vid återanvändning av service-komposit The web framework dream team , Slide Copyright 2008, Callista Enterprise AB Hierakiskt beroende i systemmodellen

25. Dynamic view (runtime perspective) The web framework dream team , Slide Copyright 2008, Callista Enterprise AB Business Component 1 Business Component 2 Composite Application <webcomp> Address List <webcomp> Add Category <webcomp> Address Entry

27. Anatomy of a web use-case component (web composite) The web framework dream team , Slide Copyright 2008, Callista Enterprise AB Presentation Use-case logic Back-end integration Input / output parameters Context for use-case component instance state «webcomp» :Category

28. Anatomy of a web use-case component (web composite) The web framework dream team , Slide Copyright 2008, Callista Enterprise AB Presentation Use-case logic Back-end integration Input / output parameters Context for use-case component instance state Spring WebFlow: category-flow.xml «webcomp» :Category

29. WebFlow – Sample – AddressEntryComposite Open ESB, Slide Copyright 2007, Callista Enterprise AB «action» getNewOrExistingAddressEntity start «view» editAddressEntry «action» save «subflow» enterNewCategory «action» assignNewCategory exit «flow» «flow» «flow» ok «flow» cancel «flow» «flow» cancel add category

30. Anatomy of a web use-case component (web composite) The web framework dream team , Slide Copyright 2008, Callista Enterprise AB Presentation Use-case logic Back-end integration Input / output parameters Context for use-case component instance state Facelets: Category.xhtml «webcomp» :Category

32. Anatomy of a web use-case component (web composite) The web framework dream team , Slide Copyright 2008, Callista Enterprise AB Presentation Use-case logic Back-end integration Input / output parameters Context for use-case component instance state Java: CategoryFlowSupport.java Façade per use-case component. Additional model beans when required «webcomp» :Category

33. Use-case façade The web framework dream team , Slide Copyright 2008, Callista Enterprise AB

37. Summary Re-usable Use-case Components Delivered! The web framework dream team , Slide Copyright 2008, Callista Enterprise AB Usecase Process Service Data Service Business Value … by the dream team: Spring WebFlow, Facelets, JSF, a reference architecture and some glue

38. Time (?) for Questions! The web framework dream team , Slide Copyright 2008, Callista Enterprise AB