Requirements Bazaar powered by AngularJS and Polymer - Talk at Google Developer Group Brussels
1 like1,828 views
The document discusses the integration of AngularJS and Polymer technologies to enhance informal learning within SME clusters. It highlights continuous innovation involving user feedback, faster development cycles, and the importance of web components in app architecture. Recommendations are provided based on experiences with AngularJS and Polymer, including anticipated changes with the introduction of AngularJS 2.0.
Requirements Bazaar powered by AngularJS and Polymer - Talk at Google Developer Group Brussels
- 1. http://Learning-Layers-euhttp://Learning-Layers-eu Learning Layers Scaling up Technologies for Informal Learning in SME Clusters Requirements Bazaar powered by AngularJS & Polymer Talk at Google Developer Group Brussels István Koren, Kristjan Liiva and Ádám Gavronek – RWTH Aachen University 1
- 2. http://Learning-Layers-eu User Feedback Today – Android Bug Tracker 2
- 3. http://Learning-Layers-eu User Feedback Today – JIRA Create Issue 3
- 4. http://Learning-Layers-eu User Feedback Today – Google Play Store 4
- 5. http://Learning-Layers-eu Continuous Innovation • Involve end users in the development • Allow developers to talk with end users • Faster innovation cycles • Web-based tool • Mobile friendly http://www.requirements-bazaar.org 5 Continuous Innovation Continuous Integration Continuous Delivery Continuous Deployment
- 6. http://Learning-Layers-eu Why AngularJS? • Widely-used, modern framework • Model-View-Whatever pattern – Better code readability • Single-page application – Load application resources initially – Lazy-loading data • Two-way data binding – Comfortable • Using existing modules 6
- 7. http://Learning-Layers-eu Why Polymer? • Attractive for users and mobile usable Material Design • Web Components are the next big thing! – Already today many components exist • Responsive – Sidebar – Inputs • Code separation & readability 7
- 8. http://Learning-Layers-eu Why AngularJS & Polymer together? • AngularJS moves into the direction of Web Components • Complement each other – Polymer in the view – AngularJS in the controller Because we can! 8
- 11. http://Learning-Layers-eu Used Polymer Components • Polymer elements – core-scaffold – core-collapse – paper-action-dialog – paper-toast – icons • Polymer has great demos 11
- 12. http://Learning-Layers-eu Combining AngularJS and Polymer • 1-way data binding • For 2-way binding – OS library for basic components – https://github.com/GabiAxel/ng-polymer- elements – Polymer changes – Binding some values, e.g. dialog opened 12
- 13. http://Learning-Layers-eu Experiences & Recommendations • The bad – AngularJS refactoring – Getting stuck is usual – Performance • The good – Amazing progress – Mistakes are easy to find 13 http://goo.gl/eOQDsk
- 15. http://Learning-Layers-eu What will change with AngularJS 2.0? • Change of philosophy – Web components – NO BACKWARD COMPATIBILITY! 15 Angular 1 Angular 2 Pure JavaScript (ES5) Preferably TypeScript (ES6) Controllers Component, Viewport, Decorator Two-way data-binding One-way data-binding $scope Implicit from components ngRoute New router (usable in Angular 1)
- 16. http://Learning-Layers-eu What will keep us busy… • Libraries for HTML5, WebView for Android • Plugins for WordPress • Gamification – Requirements Prioritization – Development • Personalized release notes – ”Your idea has been implemented!“ 16
- 17. http://Learning-Layers-eu Thank you! Find these and other ReqBaz slides on SlideShare. István Koren, Kristjan Liiva, Ádám Gavronek reqbaz@dbis.rwth-aachen.de We‘re on GitHub: https://github.com/rwth-acis/RequirementsBazaar Docker images available: https://registry.hub.docker.com/repos/rwthacis/ http://www.requirements-bazaar.org 17