combining html5 with mvc framework to simplify realtime collaboration for web devlopment

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