WSO2 Trainings

1. WSO2 Presentation Layer
- Nuwan Bandara

2. What is the presentation layer ?
● The place where data becomes information
● Where all underneath complexities are given
a meaning
● The place where a first impressions in built

3. What it means to be the presentation
layer of a middleware platform
● A lot of data
● A lot of data formats
● Plenty of apis in various formats

4. JSP & Servlets
● Is the common choice is java based
platforms
● Provides a solid platform to build UIs
● Have a rich toolset

5. Carbon UI
● In combination provides the UI for the
underlying services layer
● Modular
● Separates the concerns
● Plugable

6. Limitations of the current
presentation platform
● The pluggable UI components are in .jar
archives
● Not flexible for change
● Have a strict convention and is limited to the
management console UIs

7. Solution & Alternatives
● Use a light weight frontend
● No deployment hassle
● Simply vi in the source
● PHP ? Python ? JavaScript ?

8. Advantages of Javascript
● One language across the board
● Wide developer community adoption
● A rich data format
● Plenty of rich libraries for front end
development

9. Javascript in the server
● No mismatches of data back and forth
● One language at the client and at the server
● Share libraries between the client and the
server
● Any javascript developer can complete the
entire job

10. ● A runtime that process javascript at the
server
● easy of application development deployment
lifecycle
● A useful tool set perform basic server side
functionalities
● An extendable platform

11. How its been built
● Based on Mozilla Rhino
● Deployed as same as an exploded .war file

12. Hello World in Jaggery
/helloworld.jag
<%
print('Hello World');
%>

13. Additional Helpers
● Log
● Require
● <%= %>
● get/post/put/del
● Include
● File
● Database
● etc

14. JSON
/person.json
{
"person":{
"name":"nuwan",
"tg":"development"
}
}

15. How JSON makes it all easy
/data.jag
<%
var person = {"name":"nuwan", "company":"wso2"};
print(person);
%>
/display.html
<script>
$.get('data.jag', function(data) {
alert('The name is : ' + data.name);
});
</script>

16. Jaggery and APIs
● Content negociation
○ Can send the page or the data based on the requested content
type
● Natively support JSON (who's writing XML based apis
anymore ;) )
● For this reason these APIs are inherently mobile friendly
● No extra effort to write the API and then the application

17. Jaggery Editor
● For now only support IntelliJ Idea
● Full fledge web based IDE - Coming Soon with UES
● Developer Studio Based IDE - Coming Soon

18. Jaggery Debugger

19. Questions ?
Answers are at - http://jaggeryjs.org/documentation.jag
:)