Scribd
Upload
11 views

Presentation 1

Uploaded by

arjunkanna4ak
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
11 views

Presentation 1

Uploaded by

arjunkanna4ak
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 13

Agenda

Roundup Tracker
ClassHelper 1. Intro to Roundup..
The open-source project we are contributing towards.

2. What is ClassHelper?
The contributions we are making for Roundup.
Malav Patel
3. Evolution to Classhelper2.0
The contributions we are making for Roundup.
Bharath Kanama
4. Differences & Enhancements
The key changes of our project on Roundup..
Nikunj Thakkar
5. Demo

github.com/UMB-CS-682-Team-03/tracker 6. Problems & Lessons Learned


Intro to Roundup..
• Simple to use and easy to install issue tracking system.
• It is meant to be easily customized , So you can track issues your way.
• It has built-in support for web, e-mail & Rest-API to integrate with third party Python Bug Tracker
systems.
• An Issue tracking system manages and maintains a list of issues typically used
in a setting in a large collaborative settings.
• Examples..
• It can be used for bug tracking in software projects.
• And also used for ticketing system for call centers.
• Sales lead tracking.
What is ClassHelper?
•ClassHelper is a search tool that allows users to browse,
navigate and search the input field values.
•It provides ease of usage for Roundup tracker.
•This differs from usual auto complete as multiple
selection can be made.
•This also includes searching on more than one input
parameter.
Old ClassHelper
Evolution to Classhelper2.0
•The new classhelper is a web component that
encapsulates the functionality of a search tool.
•This change allows the classhelper to be easily
configured and customized.
•The new version relies upon use of roundup rest-api for
it’s working.
•Frontend testing is done to provide long term feasibility.
•If the new classhelper fails, then it will fall back to using
the previous implementation. New ClassHelper
•Fixed few known bugs.
Differences & Enhancements
•As the new classhelper is web component therefore a custom tag can be now used as native HTML
tag.
•The web component now encapsulates the old template( an anchor tag ) and overrides the previous
classhelper functionality.

The way it was used before

How to use the web component


•Removed the usage of HTML frame set.
•Improved the styling.

Old ClassHelper New ClassHelper


• A new parameter called searchWith on the new
custom tag is able to provide more searching
capabilities.
• The searchWith parameter is a comma
separated values on which searching will be
possible.
• “[]” can be a suffix of the parameters value, this
will change the search input to dropdown, thus
making it more convenient.

TextInput DropDown
• Further more ( +/- ) sign with a name can be part of “[ ]” to
sort the dropdown if required.

Default Descending
order by id order by
name
• The new classhelper will have appropriate
translations, provide that there are
translations added in the tracker.

Translations in German
Demo
Problems & Lessons Learned
• The project used web component which is relatively new browser API, thus we needed time to get
familiar.
• Working on 2 different environments ( Windows & Linux ) by team members had got us in pickle, but
we resolved it by spending time on it.
• Working on CSS and web component is not as seamless as it seems.
• cache invalidation is always a sore point.+
• Setting up headless testing environment for frontend was challenging.
• Always check what code you commit and push to the main branch.
• The project never completes to your imagined expectation.
Thank You

You might also like