A Simple MVC Framework for Widget Development
Upcoming SlideShare
Loading in...5

Like this? Share it with your network


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



Total Views
Views on SlideShare
Embed Views



3 Embeds 103

http://elearningblog.tugraz.at 100
http://localhost 2
http://ple.tugraz.at 1



Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment

A Simple MVC Framework for Widget Development Presentation Transcript

  • 1. A Simple MVC Framework for Widget Development
    • Behnam Taraghi, Martin Ebner
  • 2. TU GRAZ PLE
  • 3. http://ple.tugraz.at 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://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