Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
http://Learning-Layers-euhttp://Learning-Layers-eu
Learning Layers
Scaling up Technologies for Informal Learning in SME Cl...
http://Learning-Layers-eu
User Feedback Today –
Android Bug Tracker
2
http://Learning-Layers-eu
User Feedback Today –
JIRA Create Issue
3
http://Learning-Layers-eu
User Feedback Today –
Google Play Store
4
http://Learning-Layers-eu
Continuous Innovation
• Involve end users in the development
• Allow developers to talk with end...
http://Learning-Layers-eu
Why AngularJS?
• Widely-used, modern framework
• Model-View-Whatever pattern
– Better code reada...
http://Learning-Layers-eu
Why Polymer?
• Attractive for users and mobile usable
 Material Design
• Web Components are the...
http://Learning-Layers-eu
Why AngularJS & Polymer
together? 
• AngularJS moves into the direction of
Web Components
• Com...
http://Learning-Layers-eu
App Architecture
9
http://Learning-Layers-eu
AngularJS Architecture
CreateRequirementCtrl
10
http://Learning-Layers-eu
Used Polymer Components
• Polymer elements
– core-scaffold
– core-collapse
– paper-action-dialog...
http://Learning-Layers-eu
Combining AngularJS and
Polymer
• 1-way data binding
• For 2-way binding
– OS library for basic ...
http://Learning-Layers-eu
Experiences & Recommendations
• The bad
– AngularJS refactoring
– Getting stuck is usual
– Perfo...
http://Learning-Layers-eu
Polymer 0.8 (alpha)
14
http://Learning-Layers-eu
What will change with
AngularJS 2.0?
• Change of philosophy – Web components
– NO BACKWARD COMPA...
http://Learning-Layers-eu
What will keep us busy…
• Libraries for HTML5, WebView for Android
• Plugins for WordPress
• Gam...
http://Learning-Layers-eu
Thank you!
Find these and other ReqBaz slides on SlideShare.
István Koren, Kristjan Liiva, Ádám ...
Upcoming SlideShare
Loading in …5
×

of

Requirements Bazaar powered by AngularJS and Polymer - Talk at Google Developer Group Brussels Slide 1 Requirements Bazaar powered by AngularJS and Polymer - Talk at Google Developer Group Brussels Slide 2 Requirements Bazaar powered by AngularJS and Polymer - Talk at Google Developer Group Brussels Slide 3 Requirements Bazaar powered by AngularJS and Polymer - Talk at Google Developer Group Brussels Slide 4 Requirements Bazaar powered by AngularJS and Polymer - Talk at Google Developer Group Brussels Slide 5 Requirements Bazaar powered by AngularJS and Polymer - Talk at Google Developer Group Brussels Slide 6 Requirements Bazaar powered by AngularJS and Polymer - Talk at Google Developer Group Brussels Slide 7 Requirements Bazaar powered by AngularJS and Polymer - Talk at Google Developer Group Brussels Slide 8 Requirements Bazaar powered by AngularJS and Polymer - Talk at Google Developer Group Brussels Slide 9 Requirements Bazaar powered by AngularJS and Polymer - Talk at Google Developer Group Brussels Slide 10 Requirements Bazaar powered by AngularJS and Polymer - Talk at Google Developer Group Brussels Slide 11 Requirements Bazaar powered by AngularJS and Polymer - Talk at Google Developer Group Brussels Slide 12 Requirements Bazaar powered by AngularJS and Polymer - Talk at Google Developer Group Brussels Slide 13 Requirements Bazaar powered by AngularJS and Polymer - Talk at Google Developer Group Brussels Slide 14 Requirements Bazaar powered by AngularJS and Polymer - Talk at Google Developer Group Brussels Slide 15 Requirements Bazaar powered by AngularJS and Polymer - Talk at Google Developer Group Brussels Slide 16 Requirements Bazaar powered by AngularJS and Polymer - Talk at Google Developer Group Brussels Slide 17
Upcoming SlideShare
A different thought AngularJS
Next
Download to read offline and view in fullscreen.

1 Like

Share

Download to read offline

Requirements Bazaar powered by AngularJS and Polymer - Talk at Google Developer Group Brussels

Download to read offline

In this talk that we gave on April 21st, 2015 at the GDG Brussels, we presented the Requirements Bazaar with a special focus on its front end that is built with AngularJS and Polymer.
http://www.requirements-bazaar.org

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all

Requirements Bazaar powered by AngularJS and Polymer - Talk at Google Developer Group Brussels

  1. 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. 2. http://Learning-Layers-eu User Feedback Today – Android Bug Tracker 2
  3. 3. http://Learning-Layers-eu User Feedback Today – JIRA Create Issue 3
  4. 4. http://Learning-Layers-eu User Feedback Today – Google Play Store 4
  5. 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. 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. 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. 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
  9. 9. http://Learning-Layers-eu App Architecture 9
  10. 10. http://Learning-Layers-eu AngularJS Architecture CreateRequirementCtrl 10
  11. 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. 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. 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
  14. 14. http://Learning-Layers-eu Polymer 0.8 (alpha) 14
  15. 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. 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. 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
  • klamma

    Apr. 24, 2015

In this talk that we gave on April 21st, 2015 at the GDG Brussels, we presented the Requirements Bazaar with a special focus on its front end that is built with AngularJS and Polymer. http://www.requirements-bazaar.org

Views

Total views

1,768

On Slideshare

0

From embeds

0

Number of embeds

488

Actions

Downloads

3

Shares

0

Comments

0

Likes

1

×