Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Implementation of gui framework part1

590 views

Published on

Published in: Engineering, Technology, Education
  • Login to see the comments

  • Be the first to like this

Implementation of gui framework part1

  1. 1. Implementation of GUI Framework Masahiro Okubo @ HDE
  2. 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. 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. 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. 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. 6. The results Please look at those pictures. How is it ? Do not you think that it is verl cool ? :-P
  7. 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 :-)

×