Project Design Using Ruby on Rails1) The browser will send request to the

controller. 2) The Controller will fetch data from the model

layer.3) The Model layer will fetch data from the

RDBMS4) Based on the business data logic an ORM

will be created by the model layer.5) The Controller will receive data as objects

and do some processing.6) The Controller will send a response back to

the view layer.7) The view layer will present that data to the

browser and render the data by using HTML CSS and javascript.

Front End Approach

• Use Frontend Technologies• HTML, • CSS, • JAVASCRIPT • AJAX

Ajax Engine

User Interface

Browser Client

Javascript CallHtml + CSS

Web Server

RDBMS

HTTP Request JSON Data

Backend Approach (Restful Approach)

Controller

RDBMS

Model (ORM)

HTTP Request(Get, Post, Put, Delete)

HTTP ResponseWith JSON Data or No Data

CRUD (Create, Read, Update, Delete)

Store, Update, Delete OperationsRetrieve Data Operation

SASS

• Fully CSS3-compatible• Language extensions such as variables, nesting, and mixins.• Many useful functions for manipulating colors and other values.• Advanced features like control directives for libraries.• Well-formatted, customizable output.• Firebug integration.

JQuery

• Less lines of code to achieve the same feature in comparison.• JQuery enables you to perform many functions in comparison to

other Javascript libraries. • Ajax support

JQuery lets you develop Ajax templates with ease, Ajax enables a sleeker interface where actions can be performed on pages without requiring the entire page to be reloaded.