Creating a ticketing app with three developers

Lean development allow us to control the app size so we can deliver faster, getting customer feedback and fixing errors as fast as possible. This talk shows the different decisions we had to take when developing a complete ticketing app with three developers.

Transcript

1. Creating a ticketing app with three developers Carlos Coloma - Cloud Engineer at Extrema Sistemas Spring Certified trainer @ccescribano
3. Technologies
4. Server side VS
5. Cloud Platform solutions IaaS PaaS Infrastructure-as-a-Service Platform-as-a-Service Applications Data Runtime Middleware O/S Virtualization Servers Storage Networking Applications Data Runtime Middleware O/S Virtualization Servers Storage Networking Packaged Software Applications Data Runtime Middleware O/S Virtualization Servers Storage Networking You Manage Vendor Managed
6. Time is money
7. DEMO
8. Client side HTML5 CSS3 JS + +
9. Client side Every JS library can be a rotten tomato
10. Google Trends
11. Google Trends
12. Google Trends
13. Client side Google Trends do not give us a solution: - Searching errors - Name is incorrect - Everyone with less than 2-3 years (except JQuery)
14. Are you a betting man?
15. Client side + + Our bet: modularization
16. Backbone.js Advantages: - Models with key-value binding and custom events - Models connects to a RESTful JSON interface transparently - Views with declarative event binding - Routers to manage browser history
17. Backbone.js - Model Creating a model: var UserModel = Backbone.Model.extend({ urlRoot: ‘/users’ }); var user = new UserModel(); Setting attrs: user.set({firstName: ‘Carlos’, lastName: ‘Coloma’}); Do you want to create this user? user.save(); // POST request to ‘/users’ And if you want to update an existing one? user.save({id: 1}); // PUT request to ‘/users/1’ And you can propagate your changes too user.on(‘change:firstName’, function() { console.log(‘First name has change...’); })
18. Backbone.js - View Defining and using a view: var UserView = Backbone.View.extend({ events: { ‘click .my-link’: function() { // whatever } }, initialize: function() { this.listenTo(this.model, ‘change’, this.render); }, render: function() { this.$el.html(this.template(this.model.toJSON())); return this; } }); var userView = new UserView({ model: user }); $(‘.my-view-container’).html(userView.render().$el);
19. Backbone.js - Router Defining a router: var UserRouter = Backbone.Router.extend({ routes: { ‘users/list’: ‘list’, ‘users/:id’: ‘show’ }, list: function() { // show a paged list }, show: function(id) { // retrieve the user with the specified id } }); new UserRouter(); Backbone.history.start();
20. Features Obviously: - Login - Create events - Create performances - Buy tickets - Organizer transferences
21. Features Not so obvious: - Discounts - Invoices - Form fields - Sales notification - Transfer events - Mailing lists - Invitations - Reports - Max tickets per user - Unlisted events - Access control - ...
22. But… we are only 3...
24. Lean development Adapted from Toyota Production System, is a translation of lean manufacturing and lean IT principles and practices to the software development domain, based on 7 principles: 1. Eliminate waste 2. Amplify learning (Try it, test it, fix it) 3. Decide as late as possible 4. Deliver as fast as possible (it is not the biggest that survives) 5. Empower the team 6. Build integrity 7. See the whole Summary: Think big, act small, fail fast, learn rapidly
25. Basics Some basics, that every project should have, are: - TDD - Refactor - Customer feedback All of them allow us to apply lean principles
26. THE RESULT
27. Q? A! Carlos Coloma - Cloud Engineer at Extrema Sistemas Spring Certified trainer @ccescribano