A Simple MVC Framework for Widget Development

Behnam Taraghi, Martin Ebner

TU GRAZ PLE

http://ple.tugraz.at

Mashup of

widgets

Using frameworks

Reduce the code complexity(Semi-)Parallel development

Easier & less time-consuming extensions- New features- New technologies

A design concept reused for a software solution

MVC design architecture

Model as data layer- Application data

View as presentation layer- GUI & response to user events

Controller as logic layer- Bridges the gap between two layers

MVC in JavaScript

JavaScriptMVC concatenation, compression, testing modules, error reporting

TrimJunction clone of Ruby On Rails for JS

PureMVC provides MVC in different languages

SproutCore HTML 5 framework

Why simple MVC framework for widgets?

Target developers student of Informatics

Mostly experienced with server-side programming languages

Know OO paradigm very well

Familiar with MVC frameworks in server-side programming languages

Mostly inexperienced with JS, beginners or less-experiences JS developers

Time constraints for development

The simpler the less time-consuming to get intodevelopment

Simple MVC framework

Module pattern

Singleton paradigm

Support for private data

Implemented in closure functions

Resemblance to OO classes in server-side programming languages

Simple MVC

Extendibility example: View + templates

Some template engines:

JS Templates (JST)PURE JS Template EngineClosure TemplatesjQuery template plugin

Extendibility example: Model + XHR + HTM5 local cache

Separation of modules allows …

Simple development process (resemblance to static classes in server-side programming languages)

Parallel application development

Faster widget development

Reduced complexity

Much easier & less time-consuming to integrate new extensions in existing functionality

Lets the creativity open

SOCIAL LEARNING

http://tugraz.at

http://elearning.tugraz.at

A Simple MVC Framework for Widget Development

Slides available at: http://elearningblog.tugraz.at

b.taraghi(at)tugraz.at