2. Good evening everyone !
I am Masa.
The session of today, I will speak in English.
In order to develop an administrator screen
of our web application, we have
implemented the GUI framework.
I will describe its implementation.
My puppet. Please call me Masa-san
( Powered by google translate)
3. Table of Contents
Part1 : Overview of the GUI framework (Today’s session)
Part2 : How to use Bootstrap3
Part3 : Introduction of GUI Components using JavaScript
Part4 : Communitation with the server using Ajax and JSON
Part5 : How to convert a POJO (Plain Old Java Object) JSON
Part6 : Web application architecture on the server side
This is the table of contents.
I’ll do a Part1 today.
4. GUI Framework Architecture
This is the Graphical User Interface framework architecture.
We have implemented the part of the yellow. Blue is open source
products and Green is operating environment.
But … I think this is very complex ;-)
Modern Web Browsers (Ex. IE9,Firedox,Chome)
jQuery
Custom JavaScript Library (GUI Components)
Bootstrap3
Custom CSS
Application program
Apache Tomcat
JSONIC Apache Click
Service Framework
Data Access Framework
RDB
Client Side Server Side
5. Why did I make such a framework?
Web application development have to use various technology,
such as HTML, CSS, JavaScript, Ajax, Java, Servlet, and so on.
therefore that is essentially complex. But, Complexity cause a
bug.
We need the method of development. it hide complexity and
supply simple and unified programming interface.
Another, We want to be able to implement the Graphical User
Interface very cool.
Therefore, the goal of this framework is as follows.
1. Simple and unified programming interface.
2. Able to handle the data easily. (JSON <> POJO)
3. Able to make the cool GUI easily.
We have developed our product by using this framework.
6. The results
Please look at those pictures.
How is it ? Do not you think that it is verl cool ? :-P
7. Next
Part1 : Overview of the GUI framework (Today’s session)
Part2 : How to use Bootstrap3 (July)
Part3 : Introduction of GUI Components using JavaScript
Part4 : Communitation with the server using Ajax and JSON
Part5 : How to convert a POJO (Plain Old Java Object) JSON
Part6 : Web application architecture on the server side
Thank you for your attention.
Next month, I am going to describe Part2. This is how to make
the GUI very cool using Bootstrap3.
See you again :-)