a simple mvc framework for widget development
DESCRIPTION
Presentation of Behnam Taraghi at ECTEL 2010 conference / Workshop Muppel 10TRANSCRIPT
![Page 1: A Simple MVC Framework for Widget Development](https://reader036.vdocuments.mx/reader036/viewer/2022062405/554e97dfb4c90573338b518b/html5/thumbnails/1.jpg)
A Simple MVC Framework for Widget Development
Behnam Taraghi, Martin Ebner
![Page 2: A Simple MVC Framework for Widget Development](https://reader036.vdocuments.mx/reader036/viewer/2022062405/554e97dfb4c90573338b518b/html5/thumbnails/2.jpg)
TU GRAZ PLE
![Page 3: A Simple MVC Framework for Widget Development](https://reader036.vdocuments.mx/reader036/viewer/2022062405/554e97dfb4c90573338b518b/html5/thumbnails/3.jpg)
http://ple.tugraz.at
Mashup of
widgets
![Page 4: A Simple MVC Framework for Widget Development](https://reader036.vdocuments.mx/reader036/viewer/2022062405/554e97dfb4c90573338b518b/html5/thumbnails/4.jpg)
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
![Page 5: A Simple MVC Framework for Widget Development](https://reader036.vdocuments.mx/reader036/viewer/2022062405/554e97dfb4c90573338b518b/html5/thumbnails/5.jpg)
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
![Page 6: A Simple MVC Framework for Widget Development](https://reader036.vdocuments.mx/reader036/viewer/2022062405/554e97dfb4c90573338b518b/html5/thumbnails/6.jpg)
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
![Page 7: A Simple MVC Framework for Widget Development](https://reader036.vdocuments.mx/reader036/viewer/2022062405/554e97dfb4c90573338b518b/html5/thumbnails/7.jpg)
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
![Page 8: A Simple MVC Framework for Widget Development](https://reader036.vdocuments.mx/reader036/viewer/2022062405/554e97dfb4c90573338b518b/html5/thumbnails/8.jpg)
Simple MVC framework
Module pattern
Singleton paradigm
Support for private data
Implemented in closure functions
Resemblance to OO classes in server-side programming languages
![Page 9: A Simple MVC Framework for Widget Development](https://reader036.vdocuments.mx/reader036/viewer/2022062405/554e97dfb4c90573338b518b/html5/thumbnails/9.jpg)
Simple MVC
![Page 10: A Simple MVC Framework for Widget Development](https://reader036.vdocuments.mx/reader036/viewer/2022062405/554e97dfb4c90573338b518b/html5/thumbnails/10.jpg)
Extendibility example: View + templates
Some template engines:
JS Templates (JST)PURE JS Template EngineClosure TemplatesjQuery template plugin
![Page 11: A Simple MVC Framework for Widget Development](https://reader036.vdocuments.mx/reader036/viewer/2022062405/554e97dfb4c90573338b518b/html5/thumbnails/11.jpg)
Extendibility example: Model + XHR + HTM5 local cache
![Page 12: A Simple MVC Framework for Widget Development](https://reader036.vdocuments.mx/reader036/viewer/2022062405/554e97dfb4c90573338b518b/html5/thumbnails/12.jpg)
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
![Page 13: A Simple MVC Framework for Widget Development](https://reader036.vdocuments.mx/reader036/viewer/2022062405/554e97dfb4c90573338b518b/html5/thumbnails/13.jpg)
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