Rapid RIA development with Netzke

a modular approach

@nomadcoder @rubyshift 2011

@nomadcoder @rubyshift

IntroductionNetzke is...

@nomadcoder @rubyshift

IntroductionNetzke is...

all about...

@nomadcoder @rubyshift

IntroductionNetzke is...

all about...+

front end back end

@nomadcoder @rubyshift

IntroductionNetzke is...

all about...+

front end back end

~ components ~

@nomadcoder @rubyshift

Sencha Ext JS

@nomadcoder @rubyshift

Sencha Ext JS

Awesom

e!

@nomadcoder @rubyshift

CRUD app in 7 minuteshttp://netzke.org => “Start here”

@nomadcoder @rubyshift

DemoYANIT - Yet Another (Netzke) Issue Tracker

nameassignee_idproject_id...

Issue

name...

Project

name...

User

1..n 1..n

Ruby 1.9.2Rails 3.1.1

Ext JS 4.0.2a

yanit.heroku.com

@nomadcoder @rubyshift

Key gems

@nomadcoder @rubyshift

Components

• <Model>Grid

• <Model>Form

• <Model(s)>Explorer

• <Model>Inspector

@nomadcoder @rubyshift

Components: layout

@nomadcoder @rubyshift

Components: layout

IssueGrid

@nomadcoder @rubyshift

Components: layout

@nomadcoder @rubyshift

Components: layout

UserGrid

@nomadcoder @rubyshift

Components: layout

@nomadcoder @rubyshift

Components: layoutUserIssueExplorer

@nomadcoder @rubyshift

Components: layout

@nomadcoder @rubyshift

Components: layout

ProjectInspector

@nomadcoder @rubyshift

Components: layout

@nomadcoder @rubyshift

Components: layout

Workspace

@nomadcoder @rubyshift

Components: layout

@nomadcoder @rubyshift

Components: layout

Navigator

@nomadcoder @rubyshift

Components: layout

@nomadcoder @rubyshift

Components: layoutApilication

@nomadcoder @rubyshift

Components: layout

@nomadcoder @rubyshift

Components: grids

@nomadcoder @rubyshift

Components: forms

@nomadcoder @rubyshift

Components: forms

@nomadcoder @rubyshift

OneToManyExplorer

container

collection

# additionally...

@nomadcoder @rubyshift

Application component

# cut version

# in the view

@nomadcoder @rubyshift

Component testing

@nomadcoder @rubyshift

Component testingexample from netzke_basepack using Cucumber + Pickle

& Capybara

@nomadcoder @rubyshift

TODO

documentation

logoDataMapper

new components

Mongoid

i18n

tutorials

(re)tweets :)

showcases

@nomadcoder @rubyshift

TODO

documentation

logoDataMapper

new components

Mongoid

i18n

~ Contribute! ~

tutorials

(re)tweets :)

showcases

@nomadcoder @rubyshift

Credits

• VisualCube Inc, USA - for sponsoring component development

• Netzke community - for patches and feedback

netzke.org@netzke

@nomadcoder @rubyshift

Thanks

Questions