Your SlideShare is downloading. ×
  • Like
A Simple MVC Framework for Widget Development
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.


Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

A Simple MVC Framework for Widget Development


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

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

Published in Education
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads


Total Views
On SlideShare
From Embeds
Number of Embeds



Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

    No notes for slide


  • 1. A Simple MVC Framework for Widget Development
    • Behnam Taraghi, Martin Ebner
  • 2. TU GRAZ PLE
  • 3. Mashup of widgets
  • 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. 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. 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. 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. 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. Simple MVC
  • 10. Extendibility example: View + templates Some template engines: JS Templates (JST) PURE JS Template Engine Closure Templates jQuery template plugin
  • 11. Extendibility example: Model + XHR + HTM5 local cache
  • 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. SOCIAL LEARNING http:// elearning A Simple MVC Framework for Widget Development Slides available at: b.taraghi(at)