Rupibox

Components: [Price ~ 80€]

• Raspberry
• Reles board
• Electrical materials:
• Wires
• Conectors

Rupibox: Images

Rupibox: Images

Rupibox: Images

Rupibox: Images

Design: Architecture

Design: Choosing the language, frameworks, databases...

• Ruby, Python, Java
• Sinatra, RoR, Django, Flask, ...
• PostgreSQL, MySQL, Sqlite

Server: Ruby on Rails

Server: Ruby on Rails

                    
$ rails new rupibox
$ cd rupibox
$ rails g scaffold Pin name:string pin_pi:integer value:boolean
                    
                

Server: Routes Map

                  
Prefix Verb         URI Pattern            Controller#Action
pins      GET     /pins(.:format)          pins#index
          POST    /pins(.:format)          pins#create
new_pin   GET     /pins/new(.:format)      pins#new
edit_pin  GET     /pins/:id/edit(.:format) pins#edit
 pin      GET     /pins/:id(.:format)      pins#show
          PATCH   /pins/:id(.:format)      pins#update
          PUT     /pins/:id(.:format)      pins#update
          DELETE  /pins/:id(.:format)      pins#destroy
                   
               

Server: Done!

Frontend: AngularJS

                      
$ mkdir angular; cd angular
$ yo webapp
                      
                  

Frontend: AngularJS

Frontend: AngularJS

                    
app.factory("Pin", function ($resource, ENV) {
  return $resource(ENV.apiEndpoint + "/pins/:id.json", {id: "@id"},
    {
      'create': {method: 'POST'},
      'index': {method: 'GET', isArray: true},
      'show': {method: 'GET', isArray: false},
      'update': {method: 'PUT'},
      'destroy': {method: 'DELETE'}
    }
  );
});
                    
                

                    
// Query all pins
$scope.pins = Pin.query();

// Update value
Pin.update({id: pin.id}, {pin: pin});
                    
                

Frontend: AngularJS

                    
                        $ bower install BOWER_MODULE --save
                    
                

                    
$ bower install bootstrap-switch --save
$ bower install angular-xeditable --save
                    
                

Frontend: Done!

Android client

• Robospice
• Voice recognition ~> Android 4
• Levenshtein

Github repo

Android client: Screenshot

Android client: Video