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.
What is HTML5?<br />New Features<br />What is MVC?<br />Implementations of MVC <br />Implementations of MVC with HTML5 <br...
HTML5?<br />What is HTML5?<br />HTML5 is a language for structuring and presenting content for the World Wide Web<br />Cor...
HTML5?<br />~<br /> <br />
New Features<br />HTML5?<br />Structural Elements<br />New Form Controls<br />Audio and Video<br />Client Storage<br />Can...
What is MVC?<br />Model–view–controller (MVC) is a software architecture<br />Architectural pattern used in software engin...
Implementations of MVC <br />GUI frameworks<br />Web frameworks<br /><ul><li>Smalltalk
AppFlower
Xpages
Cocoa
GNUstep
GTK+, etc…
PureMVC (Actionscript)
CppCMS(C++)
Upcoming SlideShare
Loading in …5
×

Combining HTML5 with MVC framework to simplify realtime collaboration for web devlopment

17,184 views

Published on

Published in: Technology, Education
  • Be the first to comment

Combining HTML5 with MVC framework to simplify realtime collaboration for web devlopment

  1. 1.
  2. 2. What is HTML5?<br />New Features<br />What is MVC?<br />Implementations of MVC <br />Implementations of MVC with HTML5 <br />Implementation of RTWCS<br />
  3. 3. HTML5?<br />What is HTML5?<br />HTML5 is a language for structuring and presenting content for the World Wide Web<br />Core of Internet<br />5th revision<br />Still Under Development<br />
  4. 4. HTML5?<br />~<br /> <br />
  5. 5. New Features<br />HTML5?<br />Structural Elements<br />New Form Controls<br />Audio and Video<br />Client Storage<br />Canvas APIs<br />Offline App Cache<br />Drag and Drop APIs<br />Etc…<br />
  6. 6. What is MVC?<br />Model–view–controller (MVC) is a software architecture<br />Architectural pattern used in software engineering<br />Isolates "domain logic“ from user interface<br />Independent development, testing and maintenance<br />
  7. 7.
  8. 8.
  9. 9.
  10. 10. Implementations of MVC <br />GUI frameworks<br />Web frameworks<br /><ul><li>Smalltalk
  11. 11. AppFlower
  12. 12. Xpages
  13. 13. Cocoa
  14. 14. GNUstep
  15. 15. GTK+, etc…
  16. 16. PureMVC (Actionscript)
  17. 17. CppCMS(C++)
  18. 18. Cairngrom(Flex)
  19. 19. Griffon(Java)
  20. 20. YUI3(Javascript)
  21. 21. CakePHP(PHP), etc…</li></li></ul><li>Implementations of MVC with HTML5 <br />Double-Model MVC Architecture<br />
  22. 22. Local MVC<br />Shared Model<br />Main Controller<br /><ul><li>Interaction Concentrated in </li></ul>- Perform an initialization to a shared stage<br />- Make synchronization to shared point <br /><ul><li>Initialize an update to shared stage
  23. 23. Execute a query to related state
  24. 24. Responsibility
  25. 25. Present state of Collaboration
  26. 26. Provides interface to access or modify state
  27. 27. Manage user’s permission
  28. 28. Register as a publisher for Server-sent event.
  29. 29. Shared Point
  30. 30. Shared Stage
  31. 31. Standard MVC pattern
  32. 32. Provides interface for query or update states
  33. 33. Two kind of messages</li></ul>- Server-sent event<br />- Web sockets<br /><ul><li>Real Time Web Collaboration Client(RTWCC)</li></li></ul><li>Implementation of RTWCS<br />
  34. 34. S<br />Discussions<br />Limitations<br />Development Process<br />Summary<br /><ul><li>double-model architecture for real-time web collaboration
  35. 35. RTWCC JavaScript library</li></li></ul><li>References<br />

×