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

Like this? Share it with your network

Share

A Simple MVC Framework for Widget Development

  • 2,222 views
Uploaded on

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

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

More 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

Views

Total Views
2,222
On Slideshare
2,118
From Embeds
104
Number of Embeds
3

Actions

Shares
Downloads
16
Comments
0
Likes
0

Embeds 104

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

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

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