A Simple MVC Framework for Widget Development <ul><li>Behnam Taraghi,  Martin Ebner </li></ul>
TU GRAZ PLE
http://ple.tugraz.at Mashup of widgets
Using frameworks Reduce the  code   complexity (Semi-) Parallel   development Easier  &  less time-consuming  extensions -...
MVC design architecture Model  as data layer - Application data View  as presentation layer - GUI & response to user event...
MVC in JavaScript  JavaScriptMVC  concatenation, compression, testing modules, error reporting TrimJunction  clone of Ruby...
Why simple MVC framework for widgets?  Target developers  student of Informatics Mostly  experienced  with server-side pro...
Simple MVC framework Module  pattern Singleton  paradigm Support for  private data Implemented in  closure functions Resem...
Simple MVC
Extendibility example: View + templates  Some template engines: JS Templates (JST) PURE JS Template Engine Closure Templat...
Extendibility example: Model  + XHR + HTM5 local cache
Separation of modules allows … Simple development process (resemblance to static classes in server-side programming langua...
SOCIAL LEARNING http://tugraz.at http:// elearning .tugraz.at A Simple MVC Framework for Widget Development Slides availab...
Upcoming SlideShare
Loading in...5
×

A Simple MVC Framework for Widget Development

1,835

Published on

Presentation of Behnam Taraghi at ECTEL 2010 conference / Workshop Muppel 10

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,835
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
17
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

A Simple MVC Framework for Widget Development

  1. 1. A Simple MVC Framework for Widget Development <ul><li>Behnam Taraghi, Martin Ebner </li></ul>
  2. 2. TU GRAZ PLE
  3. 3. http://ple.tugraz.at Mashup of widgets
  4. 4. 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
  5. 5. 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
  6. 6. 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
  7. 7. 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 into development
  8. 8. Simple MVC framework Module pattern Singleton paradigm Support for private data Implemented in closure functions Resemblance to OO classes in server-side programming languages
  9. 9. Simple MVC
  10. 10. Extendibility example: View + templates Some template engines: JS Templates (JST) PURE JS Template Engine Closure Templates jQuery template plugin
  11. 11. Extendibility example: Model + XHR + HTM5 local cache
  12. 12. 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
  13. 13. 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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×