Post on 22-May-2015
What is HTML5?New FeaturesWhat is MVC?
Implementations of MVC
Implementations of MVC with HTML5
Implementation of RTWCS
HTML5?
HTML5 is a language for structuring and presenting content for the World Wide Web
Core of Internet 5th revision
Still Under Development
What is HTML5?
HTML5?
HTML CSS JS HTML5
HTML5?New FeaturesStructural Elements
New Form Controls
Audio and Video
Drag and Drop APIs
Offline App Cache
Client Storage
Canvas APIs
Etc…
Model–view–controller (MVC) is a software architecture
Architectural pattern used in software engineering Isolates "domain logic“ from user interface
Independent development, testing and maintenance
What is MVC?
View uses model to generate interface
Controller selects the necessary view
Model retrieves data from database
Controller manipulates the model
Controller handles input from view
User Interacts with view
Implementations of MVC
GUI frameworks Web frameworks
• Smalltalk• AppFlower• Xpages• Cocoa• GNUstep• GTK+, etc…
• PureMVC (Actionscript)• CppCMS(C++)• Cairngrom(Flex)• Griffon(Java)• YUI3(Javascript)• CakePHP(PHP), etc…
Implementations of MVC with HTML5
Double-Model MVC Architecture
• Standard MVC pattern• Provides interface for query or
update states• Two kind of messages
- Server-sent event- Web sockets
• Real Time Web Collaboration Client(RTWCC)
Local MVC
• Responsibility - Present state of Collaboration- Provides interface to access or
modify state- Manage user’s permission- Register as a publisher for
Server-sent event.• Shared Point• Shared Stage
• Interaction Concentrated in - Perform an initialization to a
shared stage- Make synchronization to shared
point - Initialize an update to shared
stage- Execute a query to related state
Shared Model Main Controller
Implementation of RTWCS
S
Limitations
Development Process
Discussions
• double-model architecture for real-time web collaboration• RTWCC JavaScript library
Summary
References