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

Apr 23, 20151 like1,826 views

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

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

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 users
• Faster innovation cycles
• Web-based tool
• Mobile friendly
http://www.requirements-bazaar.org
5
Continuous Innovation
Continuous Integration
Continuous Delivery
Continuous Deployment

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

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

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

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
– paper-toast
– icons
• Polymer has great demos
11

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

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

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 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)

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

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

This document provides a summary of Gavin Henrick's presentation on Moodle plugins at the Ireland & UK MoodleMoot 2012 conference. The presentation reviewed several popular Moodle plugins, providing the download link and a link to an external review for each. It focused on plugins' ease of use, features, and documentation. The presentation also provided information on Gavin Henrick's background and contact information.

History of the web as a platform from 1996 to 2017Bryan Ollendyke

Slides from my opening talk at Polymer training @ PSU 2017. This talk starts with a brief history of the web from the perspective of everyone trying to figure out how to make it a platform. We end our history on web components, polymer, and what a silly web component looks like, how we use it and then lead off into the day's training. This is partly serious, partly silly as the history starts with Space Jam, Homestarrunner and Zombocom shoutouts and ends with the newly launched youtube.com and some of the futurist work we're doing with HAX for a headless authoring experience as realized via web components.

A different thought AngularJSAmit Thakkar

The document discusses why JavaScript frameworks are needed and provides an overview of AngularJS. It notes that JS frameworks help with form validation, DOM manipulation, templating, and AJAX calls. AngularJS is highlighted because it was developed by Google, is actively maintained, implements MVW and other design patterns, and features two-way data binding. The document concludes with a basic "Hello World" AngularJS program to demonstrate binding an input to real-time text output.

AngularJSHiten Pratap Singh

The document outlines an agenda for a presentation on AngularJS that covers: 1. An introduction to AngularJS and its core features like two-way data binding, templates, and MVC architecture. 2. Explanations and examples of key AngularJS concepts like directives, expressions, forms, services, modules, routing, and scopes. 3. Discussions of AngularJS advantages like fast development and scalability, and disadvantages like complexity. 4. References for further learning and a question/answer session.

SharePoint Saturday Paris 2016 - AngularJS with the Microsoft GraphSébastien Levert

Single page applicationArthur Fung

This document discusses single page applications (SPAs) and provides an overview of what SPAs are and their advantages compared to traditional websites. It defines SPAs as web applications that fit on a single web page and provide a more desktop-like user experience through features like fluid page transitions without reloads. The document outlines how SPAs move more of the application logic to the client, fetch data on demand, and support features like back/forward buttons and offline use. Examples of SPAs include Gmail and merchant locators.

Let your website a ride of AngularJSMike Taylor

The AngularJS wayBoyan Mihaylov

Single-page applications (SPAs) take user interaction with web applications to a new level. This means that more logic will be moved to the web browser and we have to become more familiar with JavaScript. AngularJS is one of the leading JavaScript frameworks when talking about SPAs. In this workshop I will present AngularJS in terms of problems it addresses and how it does this. Together we will develop a single-page application and we will go through how traditional concepts of web applications (data and state management, authentication) can be solved using the framework. Furthermore, we will dive into typical pitfalls when developing applications using AngularJS and will see how we can avoid them.

AngularJSYogesh L

AngularJS is a framework for building client-side web applications. It uses HTML as the template language and extends HTML attributes with directives. AngularJS applications are made up of modules that contain controllers, services, and directives to add dynamic behavior. Data binding in Angular updates the view automatically when the model changes. Key features include directives, two-way data binding, MVC pattern, dependency injection and routing.

Angular jsKnoldus Inc.

Gettings started with the superheroic JavaScript library AngularJSArmin Vieweg

Benefits of developing single page web applications using angular jsHarbinger Systems - HRTech Builder of Choice

How many times have you experienced the agonizing wait as you navigate through a web application? Looking expectantly at the screen, and waiting for the page to load? Frustrating, isn’t it? Using Single Page web application (SPA) technique can give your web application as seamless an experience as a desktop application. So, what is SPA? And how does it enhance the viewer experience? The webinar will take you through a step-by-step introduction to SPA, its building blocks, the design techniques and advantages of SPA. It will also discuss the distinct advantages of using AngularJS for Single Page Applications and feature an application demo. Key Takeaways: Single Page Web Applications [SPA] , Present and Future - Introduction - Why SPA, advantages - SPA- Multiplatform perspective - Future of SPA Architectural considerations for developing SPA - Building blocks of SPA - Main Challenges in Web Application Development Why choose AngularJS for SPA - Walkthrough of Key AngularJS features - Advantages of AngularJS in SPA development Application Demo Who will benefit from this webinar? ISVs who want to make their web applications more fluid and engaging for their users Businesses who don’t want to lose customers because of a slow website - B2C portals - Online Retailers - Travel & Hospitality - Online shopping portals - Healthcare portals Educational & training institutions

AngularJS - What is it & Why is it awesome ? (with demos)Gary Arora

Benefits of developing a Single Page Web Applications using AngularJSKNOWARTH - Software Development Company

AngularJS is well-suited for developing single page applications (SPAs) due to its features like two-way data binding, routing capabilities, and communication with servers. It allows developing SPAs that have multiple views on a single page using different URLs. Development and testing of SPAs is faster with AngularJS as it reduces the lines of code needed and provides object-oriented design. AngularJS also seamlessly integrates with other frameworks and enables easy maintenance of SPAs.

Polymer 101Alea Soluciones, S.L.

Polymer is a library for building custom elements that takes advantage of Web Components and is designed to work across browsers. It was created by Google to make developing custom elements easier and provide fallbacks for browsers that do not yet support the full Web Components specification. Polymer provides features to define custom elements and handle data binding, events, and other functionality that works similarly to standard DOM elements. The Polymer library and tools like the App Toolbox can be used to build complete applications and progressive web apps. Alternatives to Polymer for building custom elements include X-Tag, Bosonic, and SkateJS.

Luna - How to build and maintain a github projectPanayiotis Arvanitis

Luna is a desktop application that manages npm dependencies through a modern UI. The presentation discusses: 1) The motivation for creating Luna to address limitations in existing tools and help other developers. 2) The challenges in building something new that fulfills needs and gains community acceptance. 3) The architecture and technology stack of Electron, React, Redux and RxJS that provides testability, maintainability and scalability. 4) The branching model of GitFlow and project structure that keeps development organized.

Lecture 11 - Web componentsBryan Ollendyke

This document discusses web components and package managers. It provides an overview of popular front-end frameworks and libraries from the past like React, Angular, and VueJS. It explains that web components will replace other forms of web development by providing a standard way for code to be reusable while maintaining compatibility. Package managers like NPM are important tools that developers widely use to manage dependencies. The document advocates that web components create a foundation for significant leaps in development capabilities by solving problems around design systems, templates, and libraries.

Mark Hughes Annual Seminar Presentation on Open Source Tracy Kent

VuFind was chosen as the discovery system to integrate the catalogs of three different library management systems used by the academic libraries in South West Wales. It required overcoming challenges like hosting multiple instances, merging data from different sources and standards, designing a dual language interface, and developing drivers to connect to each library system. Lessons learned include that open source solutions can work well but require significant staff time and resources, and collaboration is key to success. Future plans include sustaining and mainstreaming the system, exploring additional shared services, and investigating other open source library systems like Evergreen.

Optimus XPages: An Explosion of Techniques and Best PracticesTeamstudio

Are you starting a new XPages project, but not sure it’s going to be done right the first time? Do you have an existing application that doesn’t seem to have that “X” Factor? In this webinar, John Jardin demonstrates how XPages developers can apply proven techniques and best practices to take their applications to a game-changing level. You'll learn how to: -Rapidly develop responsive applications, -Improve user experience and response times with background and multi-threaded operations, -Keep your XPages lightweight with code injection, -Create scheduled tasks the XPages way, -And much more.

BATbern54 Build & Run on the same platform, embracing Platform Engineering & ...BATbern

Michele Monforte & Fabian Nicollier, ELCA: Embracing DevOps requires a fundamental shift in team mindset, breaking down silos within the organization. Our Platform Engineering team goes beyond simply providing a platform; we actively support development teams in adopting DevOps principles, encouraging accountability for both the Build and Run phases of their projects. In an organization primarily composed of development teams, leveraging Cloud Provider services has been key factor: New projects can be quickly bootstrapped. Costs are directly allocated to the projects, and charged back accordingly. The underlying infrastructure is robust, removing the need to grasp complex, low-level concepts. There is a wealth of mature technologies available to automate and scale as needed. In this session, we will showcase how we’ve built our platform to offer a self-service portal that enables teams to be operational in less than a day. We will also demonstrate how our Platform Engineering team collaborates with development teams to empower them by fully embracing DevOps practices.

Open Apereo - Web components workshopbtopro

This document outlines an agenda for a Web Components Workshop. It discusses why and what web components are, provides a tutorial on LitElement, compares different web component implementations like HTMLElement, LitElement, and PolymerElement. It also covers the Web Component Factory (WCFactory) for installing and using web components. Other topics include communicating between elements, Shadow DOM, how web components can be shared and adopted, barriers to adoption like tooling and documentation, and upcoming related talks at the event.

[Srijan Wednesday Webinars] Developing Large Scale Applications in AngularJSSrijan Technologies

AngularJS is currently at the forefront of MVC (Model View Controller) frameworks for the web, and it makes it very simple to develop prototypes and web applications in it. But how do we ensure that the large scale applications we develop remain high performance, bug free and fast? In this webinar, our speaker shared his learnings from developing various large scale AngularJS applications. He also shared how to create a maintainable project structure, and cover common performance bottlenecks and best practices to follow. Watch complete webinar recording: http://youtu.be/b92Y77TExiA

Breaking down the barriers to learning technology imoot 2012 keynote Gavin Henrick

April 2012 uPortal Community CallJasig uPortal Project

EDUPUB Tokyo 2014 day2 Paul Belfanti and Markus GyllingJapan Electronic Publishing Association

The document summarizes a presentation about the EDUPUB Alliance and its goals of establishing standards for educational publishing. The EDUPUB Alliance aims to coordinate existing standards organizations to develop a comprehensive model for educational content based on open web standards. Key points of the model include a structured EPUB3 profile, package-level metadata, support for widgets, discrete entities, and annotations. The presenters provide details on draft specifications and outline next steps to gather feedback and further develop and implement the standards.

Create great cncf user base from lessons learned from other open source com...Krishna-Kumar

Angular vs React vs VueHosein Mansouri

This document compares the React, Angular, and Vue JavaScript frameworks. It discusses their histories, key features, benefits, disadvantages, and performance. Angular is a TypeScript framework developed by Google, while React was made by Facebook and uses JSX. Vue takes ideas from both and is easier to learn. The document considers questions about which to choose and recommends Angular for structure, React for flexibility, and Vue for smallest size. It provides an overview of each framework's programming concepts, usage, learning curves, and long-term support.

PoV: How does React compare to Angular in 2024Kenrick Vaz

Ml based detection of users anomaly activities (20th OWASP Night Tokyo, English)Yury Leonychev

IWMW 2005: Publish And Be Damned Re-purposing In The Real WorldIWMW

More Related Content

Viewers also liked (6)

AngularJSYogesh L

Angular jsKnoldus Inc.

Gettings started with the superheroic JavaScript library AngularJSArmin Vieweg

Benefits of developing single page web applications using angular jsHarbinger Systems - HRTech Builder of Choice

AngularJS - What is it & Why is it awesome ? (with demos)Gary Arora

Benefits of developing a Single Page Web Applications using AngularJSKNOWARTH - Software Development Company

AngularJSYogesh L

Angular jsKnoldus Inc.

Gettings started with the superheroic JavaScript library AngularJSArmin Vieweg

Benefits of developing single page web applications using angular jsHarbinger Systems - HRTech Builder of Choice

AngularJS - What is it & Why is it awesome ? (with demos)Gary Arora

Benefits of developing a Single Page Web Applications using AngularJSKNOWARTH - Software Development Company

Similar to Requirements Bazaar powered by AngularJS and Polymer - Talk at Google Developer Group Brussels (20)

Polymer 101Alea Soluciones, S.L.

Luna - How to build and maintain a github projectPanayiotis Arvanitis

Lecture 11 - Web componentsBryan Ollendyke

Mark Hughes Annual Seminar Presentation on Open Source Tracy Kent

Optimus XPages: An Explosion of Techniques and Best PracticesTeamstudio

BATbern54 Build & Run on the same platform, embracing Platform Engineering & ...BATbern

Open Apereo - Web components workshopbtopro

[Srijan Wednesday Webinars] Developing Large Scale Applications in AngularJSSrijan Technologies

Breaking down the barriers to learning technology imoot 2012 keynote Gavin Henrick

April 2012 uPortal Community CallJasig uPortal Project

EDUPUB Tokyo 2014 day2 Paul Belfanti and Markus GyllingJapan Electronic Publishing Association

Create great cncf user base from lessons learned from other open source com...Krishna-Kumar

Angular vs React vs VueHosein Mansouri

PoV: How does React compare to Angular in 2024Kenrick Vaz

Ml based detection of users anomaly activities (20th OWASP Night Tokyo, English)Yury Leonychev

IWMW 2005: Publish And Be Damned Re-purposing In The Real WorldIWMW

Mobile media module part 6 - app development rev-mfMichelle Ferrier

The Mobile Media Module is designed as a two-week, broad-based study on the mobile landscape that can be applied in many courses. The program was implemented at Ohio University’s Scripps College of Communication to support our Scripps Innovation Challenge and to build knowledge of the mobile landscape across our communication curricula. For implementation, we brought in an expert in mobile development to teach in four existing classes over two weeks in Spring 2013. Faculty teaching those classes became the students and built their capacity to teach the material in subsequent semesters. By “hacking the curriculum” using the “module method,” we were able to reach more than 500 students in one semester with new material. For more information, contact Dr. Michelle Ferrier, associate dean for innovation, Scripps College of Communication, [email protected].

Java Community News - September 2015Yolande Poirier

Architecting for Huper Growth and Great Engineering CultureSARCCOM

Architecting for Hyper Growth and Great Engineering Cultureifnu bima

The document discusses architecting for hyper growth and great engineering culture at a software company. It summarizes: 1) The goals are to support hyper growth year over year while fostering innovation and fast iteration through software architecture choices. 2) As a software architect, responsibilities include designing architectures around choices like monoliths vs microservices and databases, picking platforms and libraries, and setting hiring standards. 3) Architectural priorities are speed, performance, scalability, security and code quality to support the goals and customer experiences.

Polymer 101Alea Soluciones, S.L.

Luna - How to build and maintain a github projectPanayiotis Arvanitis

Lecture 11 - Web componentsBryan Ollendyke

Mark Hughes Annual Seminar Presentation on Open Source Tracy Kent

Optimus XPages: An Explosion of Techniques and Best PracticesTeamstudio

BATbern54 Build & Run on the same platform, embracing Platform Engineering & ...BATbern

Open Apereo - Web components workshopbtopro

[Srijan Wednesday Webinars] Developing Large Scale Applications in AngularJSSrijan Technologies

Breaking down the barriers to learning technology imoot 2012 keynote Gavin Henrick

April 2012 uPortal Community CallJasig uPortal Project

EDUPUB Tokyo 2014 day2 Paul Belfanti and Markus GyllingJapan Electronic Publishing Association

Create great cncf user base from lessons learned from other open source com...Krishna-Kumar

Angular vs React vs VueHosein Mansouri

PoV: How does React compare to Angular in 2024Kenrick Vaz

Ml based detection of users anomaly activities (20th OWASP Night Tokyo, English)Yury Leonychev

IWMW 2005: Publish And Be Damned Re-purposing In The Real WorldIWMW

Mobile media module part 6 - app development rev-mfMichelle Ferrier

Java Community News - September 2015Yolande Poirier

Architecting for Huper Growth and Great Engineering CultureSARCCOM

Architecting for Hyper Growth and Great Engineering Cultureifnu bima

More from IstvanKoren (14)

A Link Generator for Increasing the Utility of OpenAPI-to-GraphQL TranslationsIstvanKoren

The document describes an automatic link generator tool for OpenAPI specifications. It summarizes that GraphQL is gaining popularity as an alternative to REST APIs, but migrating existing REST APIs to GraphQL via tools like OpenAPI-to-GraphQL results in GraphQL schemas that lack connections between related resources. The presented link generator analyzes OpenAPI paths to identify hierarchical relationships and adds the missing link definitions to better integrate resources in the generated GraphQL schema. The tool has been tested on over 1500 real-world API specifications and was able to add links for about 34% of them.

Immersive Community Analytics for Wearable Enhanced Learning (HCI Internation...IstvanKoren

Nowadays, we can use immersive interaction and display technologies in collaborative analytical reasoning and decision making scenarios. In order to support heterogeneous professional communities of practice in their digital transformation, it is necessary not only to provide the technologies but to understand the work practices under transformations as well as the security, privacy and other concerns of the communities. Our approach is a comprehensive and evolutionary socio-technological learning analytics and design process leading to a flexible infrastructure where professional communities can co-create their wearable enhanced learning solution. In the core, we present a multi-sensory fusion recorder and player that allows the recordings of multi-actor activity sequences by human activity recognition and the computational support of immersive learning analytics to support training scenarios. Our approach enables cross-domain collaboration by fusing, aggregating and visualizing sensor data coming from wearables and modern production systems. The software is open source and based on the outcomes of several national and international funded projects.

Augmented Reality Lernkontexte - Eine Europäische PerspektiveIstvanKoren

Augmented Reality (AR) ist auf dem Weg, sich in der Wirtschaft und der Lehre zu etablieren. In den letzten Jahren sind durch Forschung und Entwicklung viele neue Technologien, Methoden und Softwareentwicklungswerkzeuge auf den Markt gekommen. Allerdings fehlen sowohl in der Erstellung von Lehrmaterialien, als auch in der Nutzung von AR in der Lehre einheitliche Richtlinien oder gar Standards. Darüber hinaus müssen in der Wirtschaft genügend gut ausgebildete Fachkräfte vorhanden sein, welche die aufgestellten AR-Konzepte umsetzen können, so dass ein Transfer aus der Hochschule in die Wirtschaft notwendig ist. Daher gehen wir in diesem Beitrag sowohl auf Herausforderungen im Lernen mit AR, als auch auf die speziellen Bedürfnisse des Lernens über AR ein. Wir nehmen dazu als Informatiker eine europäische, interdisziplinäre und anwendungsnahe Perspektive ein, da unsere Erfahrungen aus mehreren geförderten europäischen Projekten in diesen Bereichen stammen. Dabei versuchen wir auch, neue Impulse in Lehrkontexten in unserem Rahmenwerk aufzunehmen, wie Gamifizierung, Learning Analytics und Experience Capturing. Zusätzlich weisen wir auf Standardisierungsbemühungen wie IEEE ARLEM hin. Die konzeptuellen und technischen Lösungsansätze stellen wir als Open Content und Open Source zur Verfügung, um einer möglichst schnellen Verbreitung Vorschub zu leisten. Aus diesem Grund laden alle unsere Aktivitäten explizit zur aktiven Teilnahme ein.

The Exploitation of OpenAPI Documents for the Generation of Web FrontendsIstvanKoren

This presentation discusses generating web frontends from OpenAPI API documentation. It introduces OpenAPI and the Interaction Flow Modeling Language (IFML) used to model user interactions. The transformation approach involves parsing the OpenAPI file, designing an IFML model, and generating HTML. A live demo shows an address book application generated this way. Challenges include synchronization across technologies and limitations of the input. The methodology enables automatic frontend creation but future work includes empirical evaluation and additional features.

The BBC micro:bit - discover your inner maker!IstvanKoren

DevOps Gamification Workshop at JTEL Summer School 2015IstvanKoren

Smart Ambient Learning with Physical Artifacts Using Wearable Technologies - ...IstvanKoren

Requirements Bazaar - Meet your Users on the WebIstvanKoren

The document discusses the Requirements Bazaar, an online tool that allows end users to submit ideas and requirements that can then be accessed by open source software developers. It aims to help innovative end-user ideas reach developers by providing a more user-friendly interface compared to traditional requirements engineering tools. The Requirements Bazaar website integrates directly into software development workspaces to streamline the process of gathering and implementing user requirements.

Unpacking the Layers BoxIstvanKoren

Layers box agder dockerIstvanKoren

Requirements Bazaar FOSDEM 2015 Lightning TalkIstvanKoren

In this Lightning Talk we want to present “Requirements Bazaar 2.0” that aims to be a social continuous innovation platform to bring developers and end-users together. In years of research we have developed and actually operated an open innovation platform for gathering requirements for prototypes in large international academic projects. The last version of the current product is available under http://requirements-bazaar.org . End-users can enter their requirements by providing short descriptions including user stories, screenshots and other images. The requirements can then be shared amongst its users. On the other side of the chain, developers may take up ideas and transfer the accepted requirements to an issue system like JIRA. Over the last years it turned out that people want more lightweight and mobile-friendly tools; we found the old monolithic system to be very hard to maintain to add new features. Therefore we are currently redeveloping it from scratch integrating many ideas from our users and incorporating new research findings. We are further driven by a mobile-first approach to support a wide variety of devices. We additionally want to support various social features like sharing on social networks or blogs and allowing discussions and rating amongst end-users and developers. At FOSDEM we would like to encourage open source developers in rethinking the way requirements are currently gathered from the crowd. How do we want to collect new software ideas or simply feature requests from our users. Will it really be through feedback forms in our apps’ “About” menu? Do our users really think in terms of issues like we developers do? How can gamification be used to reward actual end-users of software? We hope Requirements Bazaar can answer these questions and fill the gap!

DireWolf Goes Pack Hunting: A Peer-to-Peer Approach for Secure Low Latency Wi...IstvanKoren

Widget-based Web applications are outperforming monolithic Web applications in terms of distribution of the user interface on many devices and many standard browsers. However, latency of the remote inter-widget communication may be an obstacle for the uptake of Widget-based Web applications in near real-time domains like Web gaming and augmented reality. In this demo paper we show DireWolf 2.0 which is replacing the XMPP server of the DireWolf approach by a client-side relay realized by the means of WebRTC. This is not only decreasing the latency of the distributed interface for any application but also increasing the security by avoiding man-in-the-middle attacks on the XMPP server. This progress is enabling further uptake in Widget-based solutions in advanced Web engineering.

Shared Editing on the Web: A Classification of Developer Support FrameworksIstvanKoren

This document discusses developer support libraries for shared editing on the web. It begins by outlining server-push technologies like Ajax, Comet, and WebSockets that enable real-time collaboration. Consistency algorithms like operational transformation and differential synchronization that power collaborative editing are also introduced. Popular libraries are then surveyed, including Google Drive Realtime API, OpenCoweb, MobWrite, and ShareJS. The document concludes by discussing the ROLE SDK and collaborative tools built with it, along with an outlook on future work.

Informatik-Kolloquium XMPPIstvanKoren

XMPP – The Potential Heartbeat of Global-Scale Pervasive Computing. Dr. Daniel Schuster will give a talk on Thursday, July 18th at 4:30 pm in Informatik-Zentrum, AH I about how XMPP can connect diverse devices and enable new applications like augmented reality gaming, remote robot control via mobile devices, and distributing user interfaces across multiple screens. The ACIS group at RWTH Aachen University also offers student research opportunities in these and other related areas.

A Link Generator for Increasing the Utility of OpenAPI-to-GraphQL TranslationsIstvanKoren

Immersive Community Analytics for Wearable Enhanced Learning (HCI Internation...IstvanKoren

Augmented Reality Lernkontexte - Eine Europäische PerspektiveIstvanKoren

The Exploitation of OpenAPI Documents for the Generation of Web FrontendsIstvanKoren

The BBC micro:bit - discover your inner maker!IstvanKoren

DevOps Gamification Workshop at JTEL Summer School 2015IstvanKoren

Smart Ambient Learning with Physical Artifacts Using Wearable Technologies - ...IstvanKoren

Requirements Bazaar - Meet your Users on the WebIstvanKoren

Unpacking the Layers BoxIstvanKoren

Layers box agder dockerIstvanKoren

Requirements Bazaar FOSDEM 2015 Lightning TalkIstvanKoren

DireWolf Goes Pack Hunting: A Peer-to-Peer Approach for Secure Low Latency Wi...IstvanKoren

Shared Editing on the Web: A Classification of Developer Support FrameworksIstvanKoren

Informatik-Kolloquium XMPPIstvanKoren

Recently uploaded (20)

Douwan Crack 2025 new verson+ License codeaneelaramzan63

Pixologic ZBrush Crack Plus Activation Key [Latest 2025] New Versionsaimabibi60507

Copy & Past Link👉👉 https://dr-up-community.info/ Pixologic ZBrush, now developed by Maxon, is a premier digital sculpting and painting software renowned for its ability to create highly detailed 3D models. Utilizing a unique "pixol" technology, ZBrush stores depth, lighting, and material information for each point on the screen, allowing artists to sculpt and paint with remarkable precision .

Exceptional Behaviors: How Frequently Are They Tested? (AST 2025)Andre Hora

Exceptions allow developers to handle error cases expected to occur infrequently. Ideally, good test suites should test both normal and exceptional behaviors to catch more bugs and avoid regressions. While current research analyzes exceptions that propagate to tests, it does not explore other exceptions that do not reach the tests. In this paper, we provide an empirical study to explore how frequently exceptional behaviors are tested in real-world systems. We consider both exceptions that propagate to tests and the ones that do not reach the tests. For this purpose, we run an instrumented version of test suites, monitor their execution, and collect information about the exceptions raised at runtime. We analyze the test suites of 25 Python systems, covering 5,372 executed methods, 17.9M calls, and 1.4M raised exceptions. We find that 21.4% of the executed methods do raise exceptions at runtime. In methods that raise exceptions, on the median, 1 in 10 calls exercise exceptional behaviors. Close to 80% of the methods that raise exceptions do so infrequently, but about 20% raise exceptions more frequently. Finally, we provide implications for researchers and practitioners. We suggest developing novel tools to support exercising exceptional behaviors and refactoring expensive try/except blocks. We also call attention to the fact that exception-raising behaviors are not necessarily “abnormal” or rare.

Meet the Agents: How AI Is Learning to Think, Plan, and CollaborateMaxim Salnikov

Explaining GitHub Actions Failures with Large Language Models Challenges, In...ssuserb14185

GitHub Actions (GA) has become the de facto tool that developers use to automate software workflows, seamlessly building, testing, and deploying code. Yet when GA fails, it disrupts development, causing delays and driving up costs. Diagnosing failures becomes especially challenging because error logs are often long, complex and unstructured. Given these difficulties, this study explores the potential of large language models (LLMs) to generate correct, clear, concise, and actionable contextual descriptions (or summaries) for GA failures, focusing on developers’ perceptions of their feasibility and usefulness. Our results show that over 80% of developers rated LLM explanations positively in terms of correctness for simpler/small logs. Overall, our findings suggest that LLMs can feasibly assist developers in understanding common GA errors, thus, potentially reducing manual analysis. However, we also found that improved reasoning abilities are needed to support more complex CI/CD scenarios. For instance, less experienced developers tend to be more positive on the described context, while seasoned developers prefer concise summaries. Overall, our work offers key insights for researchers enhancing LLM reasoning, particularly in adapting explanations to user expertise. https://arxiv.org/abs/2501.16495

Solidworks Crack 2025 latest new + license codeaneelaramzan63

Adobe Master Collection CC Crack Advance Version 2025kashifyounis067

🌍📱👉COPY LINK & PASTE ON GOOGLE http://drfiles.net/ 👈🌍 Adobe Master Collection CC (Creative Cloud) is a comprehensive subscription-based package that bundles virtually all of Adobe's creative software applications. It provides access to a wide range of tools for graphic design, video editing, web development, photography, and more. Essentially, it's a one-stop-shop for creatives needing a broad set of professional tools. Key Features and Benefits: All-in-one access: The Master Collection includes apps like Photoshop, Illustrator, InDesign, Premiere Pro, After Effects, Audition, and many others. Subscription-based: You pay a recurring fee for access to the latest versions of all the software, including new features and updates. Comprehensive suite: It offers tools for a wide variety of creative tasks, from photo editing and illustration to video editing and web development. Cloud integration: Creative Cloud provides cloud storage, asset sharing, and collaboration features. Comparison to CS6: While Adobe Creative Suite 6 (CS6) was a one-time purchase version of the software, Adobe Creative Cloud (CC) is a subscription service. CC offers access to the latest versions, regular updates, and cloud integration, while CS6 is no longer updated. Examples of included software: Adobe Photoshop: For image editing and manipulation. Adobe Illustrator: For vector graphics and illustration. Adobe InDesign: For page layout and desktop publishing. Adobe Premiere Pro: For video editing and post-production. Adobe After Effects: For visual effects and motion graphics. Adobe Audition: For audio editing and mixing.

How to Optimize Your AWS Environment for Improved Cloud PerformanceThousandEyes

Kubernetes_101_Zero_to_Platform_Engineer.pptxCloudScouts

Societal challenges of AI: biases, multilinguism and sustainabilityJordi Cabot

TestMigrationsInPy: A Dataset of Test Migrations from Unittest to Pytest (MSR...Andre Hora

Unittest and pytest are the most popular testing frameworks in Python. Overall, pytest provides some advantages, including simpler assertion, reuse of fixtures, and interoperability. Due to such benefits, multiple projects in the Python ecosystem have migrated from unittest to pytest. To facilitate the migration, pytest can also run unittest tests, thus, the migration can happen gradually over time. However, the migration can be timeconsuming and take a long time to conclude. In this context, projects would benefit from automated solutions to support the migration process. In this paper, we propose TestMigrationsInPy, a dataset of test migrations from unittest to pytest. TestMigrationsInPy contains 923 real-world migrations performed by developers. Future research proposing novel solutions to migrate frameworks in Python can rely on TestMigrationsInPy as a ground truth. Moreover, as TestMigrationsInPy includes information about the migration type (e.g., changes in assertions or fixtures), our dataset enables novel solutions to be verified effectively, for instance, from simpler assertion migrations to more complex fixture migrations. TestMigrationsInPy is publicly available at: https://github.com/altinoalvesjunior/TestMigrationsInPy.

WinRAR Crack for Windows (100% Working 2025)sh607827

Adobe Marketo Engage Champion Deep Dive - SFDC CRM Synch V2 & Usage DashboardsBradBedford3

Join Ajay Sarpal and Miray Vu to learn about key Marketo Engage enhancements. Discover improved in-app Salesforce CRM connector statistics for easy monitoring of sync health and throughput. Explore new Salesforce CRM Synch Dashboards providing up-to-date insights into weekly activity usage, thresholds, and limits with drill-down capabilities. Learn about proactive notifications for both Salesforce CRM sync and product usage overages. Get an update on improved Salesforce CRM synch scale and reliability coming in Q2 2025. Key Takeaways: Improved Salesforce CRM User Experience: Learn how self-service visibility enhances satisfaction. Utilize Salesforce CRM Synch Dashboards: Explore real-time weekly activity data. Monitor Performance Against Limits: See threshold limits for each product level. Get Usage Over-Limit Alerts: Receive notifications for exceeding thresholds. Learn About Improved Salesforce CRM Scale: Understand upcoming cloud-based incremental sync.

Exploring Code Comprehension in Scientific Programming: Preliminary Insight...University of Hawai‘i at Mānoa

This presentation explores code comprehension challenges in scientific programming based on a survey of 57 research scientists. It reveals that 57.9% of scientists have no formal training in writing readable code. Key findings highlight a "documentation paradox" where documentation is both the most common readability practice and the biggest challenge scientists face. The study identifies critical issues with naming conventions and code organization, noting that 100% of scientists agree readable code is essential for reproducible research. The research concludes with four key recommendations: expanding programming education for scientists, conducting targeted research on scientific code quality, developing specialized tools, and establishing clearer documentation guidelines for scientific software. Presented at: The 33rd International Conference on Program Comprehension (ICPC '25) Date of Conference: April 2025 Conference Location: Ottawa, Ontario, Canada Preprint: https://arxiv.org/abs/2501.10037

Landscape of Requirements Engineering for/by AI through Literature ReviewHironori Washizaki

EASEUS Partition Master Crack + License Codeaneelaramzan63

How Valletta helped healthcare SaaS to transform QA and compliance to grow wi...Egor Kaleynik

This case study explores how we partnered with a mid-sized U.S. healthcare SaaS provider to help them scale from a successful pilot phase to supporting over 10,000 users—while meeting strict HIPAA compliance requirements. Faced with slow, manual testing cycles, frequent regression bugs, and looming audit risks, their growth was at risk. Their existing QA processes couldn’t keep up with the complexity of real-time biometric data handling, and earlier automation attempts had failed due to unreliable tools and fragmented workflows. We stepped in to deliver a full QA and DevOps transformation. Our team replaced their fragile legacy tests with Testim’s self-healing automation, integrated Postman and OWASP ZAP into Jenkins pipelines for continuous API and security validation, and leveraged AWS Device Farm for real-device, region-specific compliance testing. Custom deployment scripts gave them control over rollouts without relying on heavy CI/CD infrastructure. The result? Test cycle times were reduced from 3 days to just 8 hours, regression bugs dropped by 40%, and they passed their first HIPAA audit without issue—unlocking faster contract signings and enabling them to expand confidently. More than just a technical upgrade, this project embedded compliance into every phase of development, proving that SaaS providers in regulated industries can scale fast and stay secure.

PDF Reader Pro Crack Latest Version FREE Download 2025mu394968

🌍📱👉COPY LINK & PASTE ON GOOGLE https://dr-kain-geera.info/👈🌍 PDF Reader Pro is a software application, often referred to as an AI-powered PDF editor and converter, designed for viewing, editing, annotating, and managing PDF files. It supports various PDF functionalities like merging, splitting, converting, and protecting PDFs. Additionally, it can handle tasks such as creating fillable forms, adding digital signatures, and performing optical character recognition (OCR).

Top 10 Client Portal Software Solutions for 2025.docxPortli

Who Watches the Watchmen (SciFiDevCon 2025)Allon Mureinik

Tests, especially unit tests, are the developers’ superheroes. They allow us to mess around with our code and keep us safe. We often trust them with the safety of our codebase, but how do we know that we should? How do we know that this trust is well-deserved? Enter mutation testing – by intentionally injecting harmful mutations into our code and seeing if they are caught by the tests, we can evaluate the quality of the safety net they provide. By watching the watchmen, we can make sure our tests really protect us, and we aren’t just green-washing our IDEs to a false sense of security. Talk from SciFiDevCon 2025 https://www.scifidevcon.com/courses/2025-scifidevcon/contents/680efa43ae4f5

Douwan Crack 2025 new verson+ License codeaneelaramzan63

Pixologic ZBrush Crack Plus Activation Key [Latest 2025] New Versionsaimabibi60507

Exceptional Behaviors: How Frequently Are They Tested? (AST 2025)Andre Hora

Meet the Agents: How AI Is Learning to Think, Plan, and CollaborateMaxim Salnikov

Explaining GitHub Actions Failures with Large Language Models Challenges, In...ssuserb14185

Solidworks Crack 2025 latest new + license codeaneelaramzan63

Adobe Master Collection CC Crack Advance Version 2025kashifyounis067

How to Optimize Your AWS Environment for Improved Cloud PerformanceThousandEyes

Kubernetes_101_Zero_to_Platform_Engineer.pptxCloudScouts

Societal challenges of AI: biases, multilinguism and sustainabilityJordi Cabot

TestMigrationsInPy: A Dataset of Test Migrations from Unittest to Pytest (MSR...Andre Hora

WinRAR Crack for Windows (100% Working 2025)sh607827

Adobe Marketo Engage Champion Deep Dive - SFDC CRM Synch V2 & Usage DashboardsBradBedford3

Exploring Code Comprehension in Scientific Programming: Preliminary Insight...University of Hawai‘i at Mānoa

Landscape of Requirements Engineering for/by AI through Literature ReviewHironori Washizaki

EASEUS Partition Master Crack + License Codeaneelaramzan63

How Valletta helped healthcare SaaS to transform QA and compliance to grow wi...Egor Kaleynik

PDF Reader Pro Crack Latest Version FREE Download 2025mu394968

Top 10 Client Portal Software Solutions for 2025.docxPortli

Who Watches the Watchmen (SciFiDevCon 2025)Allon Mureinik

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

9. http://Learning-Layers-eu App Architecture 9

10. http://Learning-Layers-eu AngularJS Architecture CreateRequirementCtrl 10

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

14. http://Learning-Layers-eu Polymer 0.8 (alpha) 14

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 [email protected] 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

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

Recommended

More Related Content

Viewers also liked (6)

Similar to Requirements Bazaar powered by AngularJS and Polymer - Talk at Google Developer Group Brussels (20)

More from IstvanKoren (14)

Recently uploaded (20)

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