Rapid RIA development
     with Netzke
         a modular approach




    @nomadcoder @rubyshift 2011
Introduction
Netzke is...




                    @nomadcoder @rubyshift
Introduction
Netzke is...
    all about...




                    @nomadcoder @rubyshift
Introduction
Netzke is...
    all about...

     front end
                   +       back end




                       @nomadcoder @rubyshift
Introduction
Netzke is...
    all about...

     front end
                   +       back end

      ~ components ~
                       @nomadcoder @rubyshift
Sencha Ext JS




            @nomadcoder @rubyshift
Sencha Ext JS




                        m e!
              we so
          A
              @nomadcoder @rubyshift
CRUD app in 7 minutes
      http://netzke.org => “Start here”




                                          @nomadcoder @rubyshift
Demo
   YANIT - Yet Another (Netzke) Issue Tracker

                         Issue
                                                 yanit.heroku.com
                    name
                    assignee_id
                    project_id
                    ...
             1..n                 1..n




   Project                                User           Ruby 1.9.2
name                               name                   Rails 3.1.1
...                                ...
                                                        Ext JS 4.0.2a




                                                        @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: layout
         UserIssueExplorer




                        @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: layout
   Apilication




                 @nomadcoder @rubyshift
Components: layout




              @nomadcoder @rubyshift
Components: grids




              @nomadcoder @rubyshift
Components: forms




             @nomadcoder @rubyshift
Components: forms




             @nomadcoder @rubyshift
OneToManyExplorer


                        container
# additionally...


                        collection



                    @nomadcoder @rubyshift
Application component

      # cut version




                      # in the view


                       @nomadcoder @rubyshift
Component testing




             @nomadcoder @rubyshift
Component testing
    example from netzke_basepack using Cucumber + Pickle
                                            & Capybara




                                  @nomadcoder @rubyshift
TODO
               tutorials    showcases
    Mongoid

                     i18n           logo
DataMapper
                 documentation
    new components            (re)tweets :)



                                @nomadcoder @rubyshift
TODO
                tutorials    showcases
    Mongoid

                      i18n            logo
DataMapper
                 documentation
    new components              (re)tweets :)

              ~ Contribute! ~
                                  @nomadcoder @rubyshift
Credits

•      VisualCube Inc, USA - for sponsoring
    component development

•   Netzke community - for patches and feedback



                   netzke.org
                    @netzke

                                     @nomadcoder @rubyshift
Thanks


Questions




            @nomadcoder @rubyshift

Rapid RIA development with Netzke