1. Playframework
Twitter Boostrap
kevingo @ 07/26

2. Java Web Framework

4. Traditional Java Web Framework

5. 很多時候會讓人挫敗

6. Over Architecture …
 Want standard page?
 Let's define JSP/JSTL (JSR-53)
 And let apache implement Jakata, Taglibs
 Want web components?
 Let define Java Server Face (JSR-127)
 And let communities implement MyFace …
 Want restful?
 Let define JAX-RS (JSR-311)
 And let communities implement RESTEasy,
Jersey …

8. History
 2007, created by Guillaume Bort working
at Zenexity

9. Resource

10. Full Java
RESTful Pure Java
Stack
Clean
Nice
Fast template
debugging
system
Embedded
JPA Handy
testing
Persistence modules
framework

11. Full Java Stack
 Bundles compiler
 Embedded server
 Hibernate
 Logger
 Test runner
 Groovy template
engine
 ……

12. RESTful and SEO friendly

13. Fix the bug and hit Reload

14. Stateless
 Share nothing between each request
 No session in server side
 Play session are store in client using
cookie mechanism ( ~4KB )
 Easy scalable

15. Request life cycle

16. Play application architect

18. app/model
 Annotate with @Entity
 extends Model
 auto ID
 Full JPA support
 Native SQL
 select * from …
 JPQL also supported

19. Where is the database?
 conf/application.conf

21. app/controller
 extends Controller
 communicate with model
 render to view
 passing object

22. render to view

24. app/views
 html + groovy

25. conf/route

30. Deployment
 Application Server support
 JBoss
 Glashfish
 Tomcat
 Jetty
 Websphere
 Resin
 Cloud hosting
 Heroku
 GAE
 Cloud Foundry
 CloudBees

31. Twitter Bootstrap

33. Developer
為什麼要用
UI Framework ?

34. Web 開發
html+js+
css + img + icon

35. Web 開發-Developer
html+js+
css + img + icon

36. Web 開發-
Designer
html+js+
css + img + icon

37. Web 開發-
UI Framework
html+js+
css + img + icon

38. Twitter Bootstrap
 Grid System
 12 column grid with responsive design

39. Twitter Bootstrap
 Responsive Design

40. Tablet View
iPhone View

43. Small application
• 博物館案
• 18度C巧克力

44. 18度C巧克力

47. 博物館案(http://museum-platform.herokuapp.com/)

48. 謝謝大家