Skip to content

Execution Trace Team Work

Jump to bottomEditNew page
David Gonzalez edited this page Apr 5, 2016 · 14 revisions

Issue 64

Order of Operation (March 26, 2016)

  1. Generate Execution Trace from example code (Han)

  2. Searchbox will be used to match user input in executiontrace (Dana)

  3. Collect search resuts in an array. (Dana)

  4. Present the results in a static table (actual UI) for the user. (Dana)

  5. Make the table dynamic with the Combo box different number of columns (jQuery) (Dana and Han)

  6. Refine the combo box options (Han)

  7. Import jlinq and jQuery for Aurelia (David)

  8. Integrate with Ace Editor (Dana and Han)

  9. Integrate with Aurelia (Working with David)

Sprint #4 Work Collaboration (March 22nd - April 6th)

1) (David) Issue #60 - Change onEventChange() names to more meaningful terms (David)
2) (Dana) Issue #64 - Add an interactive UI with a search and combo box for filtering execution trace
3) (Venkat) Issue #65 - Build visualization to execute program history
4) (Han) Issue #63 - Trace Service API example. And trying to get it working inside Aurelia.

Sprint #3 Work Collaboration (March 1st - March 22nd)

Based on our meeting after sprint 2 wrap-up on March 1st, we will create a stateless trace service being the execution trace feature team and provide code values and other pieces of the trace to the pastebin team
through a service class. We have a few items to be completed for sprint 3 and to make everyone's job easier
and team collaboration more organized for our feature team, here is my proposal for the task assignment
1) traceService.js class - David, since you have been working on integrating this class into Aurelia towards the end
of spring 2, I think it would be a good idea for you to continue defining the interface to make it all work for the visualization team. 2) traceHelper.js class - (Han) Since I have been working on the getLineValues(lineNumber) and getValues(rangeValues)
functions in the sample ExecutionTraceInterface.js, I will work on defining them traceHelper.js as we've discussed
so we can use them in traceService.js
3) traceSearch.js Class - Dana, as you have been assigned the work for creating a trace table and query through the
values for sprint 3, you should continue look into this area of the design. Since I have mostly implemented the two methods we currently need for traceHelepr.js I (Han) will also help you look into it and we can hold a pair
programming session as needed.
4) infinite loop solution - Venkat, as you have been working on infinite loop and implementing timeout functions for
each loop in the code I would like you to discuss this with David as he has implemented a different way of solving
this issue with global timeout.

Everyone should try to focus on the piece they have been assigned to before getting involved into another member's task so we can ensure there's no duplication work and all work gets completed before spring #3 is due. Please let me know if have any concerns regarding this assignment.

#Team Management

Team Meeting Notes with Professor LaToza (02-24-16)

  1. Discussion about trace table format

  2. How to divide up the work among the team for collaboration

  3. What is expected for the upcoming sprint?

Get from other's branch

git branch "your own branch" git pull origin "someone's branch"

Workflow

 issue 11 Find loops (AST) -->
issue 16 Stack trace (Instrumentation)--> End Sprint 1.
issue 20 Type trace --> issue 17 Location trace -->
issue 18 Trace search. End Sprint 2.

Communication Policy

We must acknowledge every Slack message.

##Development Policies ###Nightly commits for personal branches.

###Weekly commits (Mondays 9PM) for team branch.

###Closing Issues Stage 1: Peer review (your partner test cases passed)

Stage 2: Team review (pull request on ExecutionTrace)

Stage 3: Professor Review (pull request on master)

#Delegation Sprint 2:

Integration (David in charge of Execution Trace branch).

Team Scheduling(Slack meetups Dana, commits Han).

Code Reviews (David and Dana, Han and Venkat).

Repository WorkFlow

##Initial Setup Clone the project's repository in your Cloud9 workspace. [How To](dana's wiki).

List of GitHub Commands Create your branch.

 git branch branch_name

##Pull Before Pushing

Get up to date with the team branch.

 git pull origin ExecutionTrace
git push origin your_branch

Pull a request to push your work

Do some work.

###Commit your work.

 git add --all
git commit --all (git commit -m "my commit message")
git push --all origin your_branch

###Using the repository's Github page.

 Add a pull request from your branch to the team branch. Explain your changes.
Commit to team branch by merge the pull request.

#Sprint 2 To-do list

 traverse tree [done]
find types [done]
instrument code [done]
add data to stack trace [done]
collect stack trace
search by type, identifier, line
Add a custom footer
Add a custom sidebar

Clone this wiki locally

, 'i'); if (__m === '*' || __re.test(location.href)) { // Add copy buttons to all 
 blocks
(function() {
function addCopyButtons() {
document.querySelectorAll('pre code').forEach(function(codeBlock) {
if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;
codeBlock.parentElement.setAttribute('data-copy-added', 'true');
var btn = document.createElement('button');
btn.textContent = 'Copy';
btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';
btn.onmouseover = function() { this.style.opacity = '1'; };
btn.onmouseout = function() { this.style.opacity = '0.7'; };
btn.onclick = function() {
navigator.clipboard.writeText(codeBlock.textContent).then(function() {
btn.textContent = 'Copied!';
setTimeout(function() { btn.textContent = 'Copy'; }, 1500);
});
};
codeBlock.parentElement.style.position = 'relative';
codeBlock.parentElement.appendChild(btn);
});
}
addCopyButtons();
// Re-run on dynamic content
var observer = new MutationObserver(addCopyButtons);
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '
Execution Trace Team Work · devuxd/SeeCodeRun Wiki · GitHub
Skip to content
Execution Trace Team Work
Jump to bottomEditNew page

David Gonzalez edited this page Apr 5, 2016
·
14 revisions
Issue 64
Order of Operation (March 26, 2016)
  1.  Generate Execution Trace from example code (Han)
  2.  Searchbox will be used to match user input in executiontrace (Dana)
  3.  Collect search resuts in an array. (Dana)
  4.  Present the results in a static table (actual UI) for the user. (Dana)
  5.  Make the table dynamic with the Combo box different number of columns (jQuery) (Dana and Han)
  6.  Refine the combo box options (Han)
  7.  Import jlinq and jQuery for Aurelia (David)
  8.  Integrate with Ace Editor (Dana and Han)
  9.  Integrate with Aurelia (Working with David)
Sprint #4 Work Collaboration (March 22nd - April 6th)
1) (David) Issue #60 - Change onEventChange() names to more meaningful terms (David)
2) (Dana) Issue #64 - Add an interactive UI with a search and combo box for filtering execution trace
3) (Venkat) Issue #65 - Build visualization to execute program history
4) (Han) Issue #63 - Trace Service API example. And trying to get it working inside Aurelia.

Sprint #3 Work Collaboration (March 1st - March 22nd)
Based on our meeting after sprint 2 wrap-up on March 1st, we will create a stateless trace service being the execution trace feature team and provide code values and other pieces of the trace to the pastebin team
through a service class. We have a few items to be completed for sprint 3 and to make everyone's job easier
and team collaboration more organized for our feature team, here is my proposal for the task assignment
1) traceService.js class - David, since you have been working on integrating this class into Aurelia towards the end
of spring 2, I think it would be a good idea for you to continue defining the interface to make it all work for the visualization team. 2) traceHelper.js class - (Han) Since I have been working on the getLineValues(lineNumber) and getValues(rangeValues)
functions in the sample ExecutionTraceInterface.js, I will work on defining them traceHelper.js as we've discussed
so we can use them in traceService.js
3) traceSearch.js Class - Dana, as you have been assigned the work for creating a trace table and query through the
values for sprint 3, you should continue look into this area of the design. Since I have mostly implemented the two methods we currently need for traceHelepr.js I (Han) will also help you look into it and we can hold a pair
programming session as needed.
4) infinite loop solution - Venkat, as you have been working on infinite loop and implementing timeout functions for
each loop in the code I would like you to discuss this with David as he has implemented a different way of solving
this issue with global timeout.

Everyone should try to focus on the piece they have been assigned to before getting involved into another member's task so we can ensure there's no duplication work and all work gets completed before spring #3 is due. Please let me know if have any concerns regarding this assignment.
#Team Management
Team Meeting Notes with Professor LaToza (02-24-16)
  1. Discussion about trace table format
  2. How to divide up the work among the team for collaboration
  3. What is expected for the upcoming sprint?
Get from other's branch
git branch "your own branch"
git pull origin "someone's branch"
Workflow
 issue 11 Find loops (AST) -->
issue 16 Stack trace (Instrumentation)--> End Sprint 1.
issue 20 Type trace --> issue 17 Location trace -->
issue 18 Trace search. End Sprint 2.

Communication Policy
We must acknowledge every Slack message.
##Development Policies
###Nightly commits for personal branches.
###Weekly commits (Mondays 9PM) for team branch.
###Closing Issues
Stage 1: Peer review (your partner test cases passed)
Stage 2: Team review (pull request on ExecutionTrace)
Stage 3: Professor Review (pull request on master)
#Delegation
Sprint 2:
Integration (David in charge of Execution Trace branch).
Team Scheduling(Slack meetups Dana, commits Han).
Code Reviews (David and Dana, Han and Venkat).
Repository WorkFlow
##Initial Setup
Clone the project's repository in your Cloud9 workspace. [How To](dana's wiki).
List of GitHub Commands
Create your branch.
 git branch branch_name

##Pull Before Pushing
Get up to date with the team branch.
 git pull origin ExecutionTrace
git push origin your_branch

Pull a request to push your work
Do some work.
###Commit your work.
 git add --all
git commit --all (git commit -m "my commit message")
git push --all origin your_branch 
###Using the repository's Github page.
 Add a pull request from your branch to the team branch. Explain your changes.
Commit to team branch by merge the pull request.

#Sprint 2 To-do list
 traverse tree [done]
find types [done]
instrument code [done]
add data to stack trace [done]
collect stack trace
search by type, identifier, line

 Add a custom footer

 Add a custom sidebar

Clone this wiki locally

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Force GitHub README to respect dark mode
(function() {
var style = document.createElement('style');
style.textContent = '
.markdown-body {
color-scheme: dark light;
}
.markdown-body pre { background: #161b22 !important; }
.markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }
.markdown-body table th, .markdown-body table td { border-color: #30363d !important; }
.markdown-body img { background: #0d1117; }
.markdown-body blockquote { border-left-color: #8b949e; }
.markdown-body hr { border-color: #30363d; }
';
document.head.appendChild(style);
})();
}
} catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
Execution Trace Team Work · devuxd/SeeCodeRun Wiki · GitHub
Skip to content
Execution Trace Team Work
Jump to bottomEditNew page

David Gonzalez edited this page Apr 5, 2016
·
14 revisions
Issue 64
Order of Operation (March 26, 2016)
  1.  Generate Execution Trace from example code (Han)
  2.  Searchbox will be used to match user input in executiontrace (Dana)
  3.  Collect search resuts in an array. (Dana)
  4.  Present the results in a static table (actual UI) for the user. (Dana)
  5.  Make the table dynamic with the Combo box different number of columns (jQuery) (Dana and Han)
  6.  Refine the combo box options (Han)
  7.  Import jlinq and jQuery for Aurelia (David)
  8.  Integrate with Ace Editor (Dana and Han)
  9.  Integrate with Aurelia (Working with David)
Sprint #4 Work Collaboration (March 22nd - April 6th)
1) (David) Issue #60 - Change onEventChange() names to more meaningful terms (David)
2) (Dana) Issue #64 - Add an interactive UI with a search and combo box for filtering execution trace
3) (Venkat) Issue #65 - Build visualization to execute program history
4) (Han) Issue #63 - Trace Service API example. And trying to get it working inside Aurelia.

Sprint #3 Work Collaboration (March 1st - March 22nd)
Based on our meeting after sprint 2 wrap-up on March 1st, we will create a stateless trace service being the execution trace feature team and provide code values and other pieces of the trace to the pastebin team
through a service class. We have a few items to be completed for sprint 3 and to make everyone's job easier
and team collaboration more organized for our feature team, here is my proposal for the task assignment
1) traceService.js class - David, since you have been working on integrating this class into Aurelia towards the end
of spring 2, I think it would be a good idea for you to continue defining the interface to make it all work for the visualization team. 2) traceHelper.js class - (Han) Since I have been working on the getLineValues(lineNumber) and getValues(rangeValues)
functions in the sample ExecutionTraceInterface.js, I will work on defining them traceHelper.js as we've discussed
so we can use them in traceService.js
3) traceSearch.js Class - Dana, as you have been assigned the work for creating a trace table and query through the
values for sprint 3, you should continue look into this area of the design. Since I have mostly implemented the two methods we currently need for traceHelepr.js I (Han) will also help you look into it and we can hold a pair
programming session as needed.
4) infinite loop solution - Venkat, as you have been working on infinite loop and implementing timeout functions for
each loop in the code I would like you to discuss this with David as he has implemented a different way of solving
this issue with global timeout.

Everyone should try to focus on the piece they have been assigned to before getting involved into another member's task so we can ensure there's no duplication work and all work gets completed before spring #3 is due. Please let me know if have any concerns regarding this assignment.
#Team Management
Team Meeting Notes with Professor LaToza (02-24-16)
  1. Discussion about trace table format
  2. How to divide up the work among the team for collaboration
  3. What is expected for the upcoming sprint?
Get from other's branch
git branch "your own branch"
git pull origin "someone's branch"
Workflow
 issue 11 Find loops (AST) -->
issue 16 Stack trace (Instrumentation)--> End Sprint 1.
issue 20 Type trace --> issue 17 Location trace -->
issue 18 Trace search. End Sprint 2.

Communication Policy
We must acknowledge every Slack message.
##Development Policies
###Nightly commits for personal branches.
###Weekly commits (Mondays 9PM) for team branch.
###Closing Issues
Stage 1: Peer review (your partner test cases passed)
Stage 2: Team review (pull request on ExecutionTrace)
Stage 3: Professor Review (pull request on master)
#Delegation
Sprint 2:
Integration (David in charge of Execution Trace branch).
Team Scheduling(Slack meetups Dana, commits Han).
Code Reviews (David and Dana, Han and Venkat).
Repository WorkFlow
##Initial Setup
Clone the project's repository in your Cloud9 workspace. [How To](dana's wiki).
List of GitHub Commands
Create your branch.
 git branch branch_name

##Pull Before Pushing
Get up to date with the team branch.
 git pull origin ExecutionTrace
git push origin your_branch

Pull a request to push your work
Do some work.
###Commit your work.
 git add --all
git commit --all (git commit -m "my commit message")
git push --all origin your_branch 
###Using the repository's Github page.
 Add a pull request from your branch to the team branch. Explain your changes.
Commit to team branch by merge the pull request.

#Sprint 2 To-do list
 traverse tree [done]
find types [done]
instrument code [done]
add data to stack trace [done]
collect stack trace
search by type, identifier, line

 Add a custom footer

 Add a custom sidebar

Clone this wiki locally

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Highlight search terms from Google/DuckDuckGo/Bing referrer
(function() {
var ref = document.referrer;
var terms = [];
if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {
var url = new URL(ref);
var q = url.searchParams.get('q') || url.searchParams.get('p');
if (q) {
terms = q.split(/\s+/).filter(function(t) { return t.length > 2; });
}
}
if (terms.length === 0) return;
var style = document.createElement('style');
style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';
document.head.appendChild(style);
function highlight(node) {
if (node.nodeType === 3) { // text node
var text = node.textContent;
var found = false;
terms.forEach(function(term) {
var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\]\\]/g, '\\') + ')', 'gi');
if (regex.test(text)) {
found = true;
var frag = document.createDocumentFragment();
var parts = text.split(regex);
parts.forEach(function(part, i) {
if (i % 2 === 0) {
frag.appendChild(document.createTextNode(part));
} else {
var span = document.createElement('span');
span.className = 'userscript-highlight';
span.textContent = part;
frag.appendChild(span);
}
});
node.parentNode.replaceChild(frag, node);
}
});
} else if (node.nodeType === 1 && node.childNodes) { // element
var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];
if (!skipTags.includes(node.tagName)) {
Array.from(node.childNodes).forEach(highlight);
}
}
}
highlight(document.body);
// Re-highlight on dynamic content
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(m) {
m.addedNodes.forEach(function(node) {
if (node.nodeType === 1 || node.nodeType === 3) highlight(node);
});
});
});
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
Execution Trace Team Work · devuxd/SeeCodeRun Wiki · GitHub
Skip to content
Execution Trace Team Work
Jump to bottomEditNew page

David Gonzalez edited this page Apr 5, 2016
·
14 revisions
Issue 64
Order of Operation (March 26, 2016)
  1.  Generate Execution Trace from example code (Han)
  2.  Searchbox will be used to match user input in executiontrace (Dana)
  3.  Collect search resuts in an array. (Dana)
  4.  Present the results in a static table (actual UI) for the user. (Dana)
  5.  Make the table dynamic with the Combo box different number of columns (jQuery) (Dana and Han)
  6.  Refine the combo box options (Han)
  7.  Import jlinq and jQuery for Aurelia (David)
  8.  Integrate with Ace Editor (Dana and Han)
  9.  Integrate with Aurelia (Working with David)
Sprint #4 Work Collaboration (March 22nd - April 6th)
1) (David) Issue #60 - Change onEventChange() names to more meaningful terms (David)
2) (Dana) Issue #64 - Add an interactive UI with a search and combo box for filtering execution trace
3) (Venkat) Issue #65 - Build visualization to execute program history
4) (Han) Issue #63 - Trace Service API example. And trying to get it working inside Aurelia.

Sprint #3 Work Collaboration (March 1st - March 22nd)
Based on our meeting after sprint 2 wrap-up on March 1st, we will create a stateless trace service being the execution trace feature team and provide code values and other pieces of the trace to the pastebin team
through a service class. We have a few items to be completed for sprint 3 and to make everyone's job easier
and team collaboration more organized for our feature team, here is my proposal for the task assignment
1) traceService.js class - David, since you have been working on integrating this class into Aurelia towards the end
of spring 2, I think it would be a good idea for you to continue defining the interface to make it all work for the visualization team. 2) traceHelper.js class - (Han) Since I have been working on the getLineValues(lineNumber) and getValues(rangeValues)
functions in the sample ExecutionTraceInterface.js, I will work on defining them traceHelper.js as we've discussed
so we can use them in traceService.js
3) traceSearch.js Class - Dana, as you have been assigned the work for creating a trace table and query through the
values for sprint 3, you should continue look into this area of the design. Since I have mostly implemented the two methods we currently need for traceHelepr.js I (Han) will also help you look into it and we can hold a pair
programming session as needed.
4) infinite loop solution - Venkat, as you have been working on infinite loop and implementing timeout functions for
each loop in the code I would like you to discuss this with David as he has implemented a different way of solving
this issue with global timeout.

Everyone should try to focus on the piece they have been assigned to before getting involved into another member's task so we can ensure there's no duplication work and all work gets completed before spring #3 is due. Please let me know if have any concerns regarding this assignment.
#Team Management
Team Meeting Notes with Professor LaToza (02-24-16)
  1. Discussion about trace table format
  2. How to divide up the work among the team for collaboration
  3. What is expected for the upcoming sprint?
Get from other's branch
git branch "your own branch"
git pull origin "someone's branch"
Workflow
 issue 11 Find loops (AST) -->
issue 16 Stack trace (Instrumentation)--> End Sprint 1.
issue 20 Type trace --> issue 17 Location trace -->
issue 18 Trace search. End Sprint 2.

Communication Policy
We must acknowledge every Slack message.
##Development Policies
###Nightly commits for personal branches.
###Weekly commits (Mondays 9PM) for team branch.
###Closing Issues
Stage 1: Peer review (your partner test cases passed)
Stage 2: Team review (pull request on ExecutionTrace)
Stage 3: Professor Review (pull request on master)
#Delegation
Sprint 2:
Integration (David in charge of Execution Trace branch).
Team Scheduling(Slack meetups Dana, commits Han).
Code Reviews (David and Dana, Han and Venkat).
Repository WorkFlow
##Initial Setup
Clone the project's repository in your Cloud9 workspace. [How To](dana's wiki).
List of GitHub Commands
Create your branch.
 git branch branch_name

##Pull Before Pushing
Get up to date with the team branch.
 git pull origin ExecutionTrace
git push origin your_branch

Pull a request to push your work
Do some work.
###Commit your work.
 git add --all
git commit --all (git commit -m "my commit message")
git push --all origin your_branch 
###Using the repository's Github page.
 Add a pull request from your branch to the team branch. Explain your changes.
Commit to team branch by merge the pull request.

#Sprint 2 To-do list
 traverse tree [done]
find types [done]
instrument code [done]
add data to stack trace [done]
collect stack trace
search by type, identifier, line

 Add a custom footer

 Add a custom sidebar

Clone this wiki locally

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Strip utm_, fbclid, gclid, etc. from all links on page
(function() {
var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',
'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',
'ref', 'ref_src', 'source', 'medium', 'campaign'];
function cleanUrl(url) {
try {
var u = new URL(url, window.location.origin);
var changed = false;
trackingParams.forEach(function(p) {
if (u.searchParams.has(p)) {
u.searchParams.delete(p);
changed = true;
}
});
return changed ? u.toString() : url;
} catch (e) {
return url;
}
}
function cleanLinks() {
document.querySelectorAll('a[href]').forEach(function(a) {
var clean = cleanUrl(a.href);
if (clean !== a.href) a.href = clean;
});
}
cleanLinks();
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(m) {
m.addedNodes.forEach(function(node) {
if (node.nodeType === 1) {
if (node.tagName === 'A') cleanLinks();
node.querySelectorAll('a[href]').forEach(function(a) {
var clean = cleanUrl(a.href);
if (clean !== a.href) a.href = clean;
});
}
});
});
});
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); }
})();
(function(){
try {
var __m = "youtube.com";
var __re = new RegExp('^' + "youtube\\.com" + '
Execution Trace Team Work · devuxd/SeeCodeRun Wiki · GitHub
Skip to content
Execution Trace Team Work
Jump to bottomEditNew page

David Gonzalez edited this page Apr 5, 2016
·
14 revisions
Issue 64
Order of Operation (March 26, 2016)
  1.  Generate Execution Trace from example code (Han)
  2.  Searchbox will be used to match user input in executiontrace (Dana)
  3.  Collect search resuts in an array. (Dana)
  4.  Present the results in a static table (actual UI) for the user. (Dana)
  5.  Make the table dynamic with the Combo box different number of columns (jQuery) (Dana and Han)
  6.  Refine the combo box options (Han)
  7.  Import jlinq and jQuery for Aurelia (David)
  8.  Integrate with Ace Editor (Dana and Han)
  9.  Integrate with Aurelia (Working with David)
Sprint #4 Work Collaboration (March 22nd - April 6th)
1) (David) Issue #60 - Change onEventChange() names to more meaningful terms (David)
2) (Dana) Issue #64 - Add an interactive UI with a search and combo box for filtering execution trace
3) (Venkat) Issue #65 - Build visualization to execute program history
4) (Han) Issue #63 - Trace Service API example. And trying to get it working inside Aurelia.

Sprint #3 Work Collaboration (March 1st - March 22nd)
Based on our meeting after sprint 2 wrap-up on March 1st, we will create a stateless trace service being the execution trace feature team and provide code values and other pieces of the trace to the pastebin team
through a service class. We have a few items to be completed for sprint 3 and to make everyone's job easier
and team collaboration more organized for our feature team, here is my proposal for the task assignment
1) traceService.js class - David, since you have been working on integrating this class into Aurelia towards the end
of spring 2, I think it would be a good idea for you to continue defining the interface to make it all work for the visualization team. 2) traceHelper.js class - (Han) Since I have been working on the getLineValues(lineNumber) and getValues(rangeValues)
functions in the sample ExecutionTraceInterface.js, I will work on defining them traceHelper.js as we've discussed
so we can use them in traceService.js
3) traceSearch.js Class - Dana, as you have been assigned the work for creating a trace table and query through the
values for sprint 3, you should continue look into this area of the design. Since I have mostly implemented the two methods we currently need for traceHelepr.js I (Han) will also help you look into it and we can hold a pair
programming session as needed.
4) infinite loop solution - Venkat, as you have been working on infinite loop and implementing timeout functions for
each loop in the code I would like you to discuss this with David as he has implemented a different way of solving
this issue with global timeout.

Everyone should try to focus on the piece they have been assigned to before getting involved into another member's task so we can ensure there's no duplication work and all work gets completed before spring #3 is due. Please let me know if have any concerns regarding this assignment.
#Team Management
Team Meeting Notes with Professor LaToza (02-24-16)
  1. Discussion about trace table format
  2. How to divide up the work among the team for collaboration
  3. What is expected for the upcoming sprint?
Get from other's branch
git branch "your own branch"
git pull origin "someone's branch"
Workflow
 issue 11 Find loops (AST) -->
issue 16 Stack trace (Instrumentation)--> End Sprint 1.
issue 20 Type trace --> issue 17 Location trace -->
issue 18 Trace search. End Sprint 2.

Communication Policy
We must acknowledge every Slack message.
##Development Policies
###Nightly commits for personal branches.
###Weekly commits (Mondays 9PM) for team branch.
###Closing Issues
Stage 1: Peer review (your partner test cases passed)
Stage 2: Team review (pull request on ExecutionTrace)
Stage 3: Professor Review (pull request on master)
#Delegation
Sprint 2:
Integration (David in charge of Execution Trace branch).
Team Scheduling(Slack meetups Dana, commits Han).
Code Reviews (David and Dana, Han and Venkat).
Repository WorkFlow
##Initial Setup
Clone the project's repository in your Cloud9 workspace. [How To](dana's wiki).
List of GitHub Commands
Create your branch.
 git branch branch_name

##Pull Before Pushing
Get up to date with the team branch.
 git pull origin ExecutionTrace
git push origin your_branch

Pull a request to push your work
Do some work.
###Commit your work.
 git add --all
git commit --all (git commit -m "my commit message")
git push --all origin your_branch 
###Using the repository's Github page.
 Add a pull request from your branch to the team branch. Explain your changes.
Commit to team branch by merge the pull request.

#Sprint 2 To-do list
 traverse tree [done]
find types [done]
instrument code [done]
add data to stack trace [done]
collect stack trace
search by type, identifier, line

 Add a custom footer

 Add a custom sidebar

Clone this wiki locally

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Auto-enable theater mode on YouTube
(function() {
function tryTheater() {
var btn = document.querySelector('button[aria-label="Theater mode"], ytd-player #player button[title="Theater mode"]');
if (btn && !btn.classList.contains('activated')) {
btn.click();
}
}
// Try immediately
tryTheater();
// Try after navigation (SPA)
var lastUrl = location.href;
setInterval(function() {
if (location.href !== lastUrl) {
lastUrl = location.href;
setTimeout(tryTheater, 500);
}
}, 1000);
// Also try on player load
var observer = new MutationObserver(tryTheater);
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
Execution Trace Team Work · devuxd/SeeCodeRun Wiki · GitHub
Skip to content
Execution Trace Team Work
Jump to bottomEditNew page

David Gonzalez edited this page Apr 5, 2016
·
14 revisions
Issue 64
Order of Operation (March 26, 2016)
  1.  Generate Execution Trace from example code (Han)
  2.  Searchbox will be used to match user input in executiontrace (Dana)
  3.  Collect search resuts in an array. (Dana)
  4.  Present the results in a static table (actual UI) for the user. (Dana)
  5.  Make the table dynamic with the Combo box different number of columns (jQuery) (Dana and Han)
  6.  Refine the combo box options (Han)
  7.  Import jlinq and jQuery for Aurelia (David)
  8.  Integrate with Ace Editor (Dana and Han)
  9.  Integrate with Aurelia (Working with David)
Sprint #4 Work Collaboration (March 22nd - April 6th)
1) (David) Issue #60 - Change onEventChange() names to more meaningful terms (David)
2) (Dana) Issue #64 - Add an interactive UI with a search and combo box for filtering execution trace
3) (Venkat) Issue #65 - Build visualization to execute program history
4) (Han) Issue #63 - Trace Service API example. And trying to get it working inside Aurelia.

Sprint #3 Work Collaboration (March 1st - March 22nd)
Based on our meeting after sprint 2 wrap-up on March 1st, we will create a stateless trace service being the execution trace feature team and provide code values and other pieces of the trace to the pastebin team
through a service class. We have a few items to be completed for sprint 3 and to make everyone's job easier
and team collaboration more organized for our feature team, here is my proposal for the task assignment
1) traceService.js class - David, since you have been working on integrating this class into Aurelia towards the end
of spring 2, I think it would be a good idea for you to continue defining the interface to make it all work for the visualization team. 2) traceHelper.js class - (Han) Since I have been working on the getLineValues(lineNumber) and getValues(rangeValues)
functions in the sample ExecutionTraceInterface.js, I will work on defining them traceHelper.js as we've discussed
so we can use them in traceService.js
3) traceSearch.js Class - Dana, as you have been assigned the work for creating a trace table and query through the
values for sprint 3, you should continue look into this area of the design. Since I have mostly implemented the two methods we currently need for traceHelepr.js I (Han) will also help you look into it and we can hold a pair
programming session as needed.
4) infinite loop solution - Venkat, as you have been working on infinite loop and implementing timeout functions for
each loop in the code I would like you to discuss this with David as he has implemented a different way of solving
this issue with global timeout.

Everyone should try to focus on the piece they have been assigned to before getting involved into another member's task so we can ensure there's no duplication work and all work gets completed before spring #3 is due. Please let me know if have any concerns regarding this assignment.
#Team Management
Team Meeting Notes with Professor LaToza (02-24-16)
  1. Discussion about trace table format
  2. How to divide up the work among the team for collaboration
  3. What is expected for the upcoming sprint?
Get from other's branch
git branch "your own branch"
git pull origin "someone's branch"
Workflow
 issue 11 Find loops (AST) -->
issue 16 Stack trace (Instrumentation)--> End Sprint 1.
issue 20 Type trace --> issue 17 Location trace -->
issue 18 Trace search. End Sprint 2.

Communication Policy
We must acknowledge every Slack message.
##Development Policies
###Nightly commits for personal branches.
###Weekly commits (Mondays 9PM) for team branch.
###Closing Issues
Stage 1: Peer review (your partner test cases passed)
Stage 2: Team review (pull request on ExecutionTrace)
Stage 3: Professor Review (pull request on master)
#Delegation
Sprint 2:
Integration (David in charge of Execution Trace branch).
Team Scheduling(Slack meetups Dana, commits Han).
Code Reviews (David and Dana, Han and Venkat).
Repository WorkFlow
##Initial Setup
Clone the project's repository in your Cloud9 workspace. [How To](dana's wiki).
List of GitHub Commands
Create your branch.
 git branch branch_name

##Pull Before Pushing
Get up to date with the team branch.
 git pull origin ExecutionTrace
git push origin your_branch

Pull a request to push your work
Do some work.
###Commit your work.
 git add --all
git commit --all (git commit -m "my commit message")
git push --all origin your_branch 
###Using the repository's Github page.
 Add a pull request from your branch to the team branch. Explain your changes.
Commit to team branch by merge the pull request.

#Sprint 2 To-do list
 traverse tree [done]
find types [done]
instrument code [done]
add data to stack trace [done]
collect stack trace
search by type, identifier, line

 Add a custom footer

 Add a custom sidebar

Clone this wiki locally

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Remove or un-stick sticky/fixed headers that block content
(function() {
function unstick() {
document.querySelectorAll('header, nav, [role="banner"], .header, .navbar, .sticky, .fixed-top, [style*="position: fixed"], [style*="position:sticky"]').forEach(function(el) {
if (el.style.position === 'fixed' || el.style.position === 'sticky' || getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {
el.style.position = 'static';
el.style.top = 'auto';
el.style.zIndex = 'auto';
}
});
}
unstick();
var observer = new MutationObserver(unstick);
observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });
})();
}
} catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
Execution Trace Team Work · devuxd/SeeCodeRun Wiki · GitHub
Skip to content
Execution Trace Team Work
Jump to bottomEditNew page

David Gonzalez edited this page Apr 5, 2016
·
14 revisions
Issue 64
Order of Operation (March 26, 2016)
  1.  Generate Execution Trace from example code (Han)
  2.  Searchbox will be used to match user input in executiontrace (Dana)
  3.  Collect search resuts in an array. (Dana)
  4.  Present the results in a static table (actual UI) for the user. (Dana)
  5.  Make the table dynamic with the Combo box different number of columns (jQuery) (Dana and Han)
  6.  Refine the combo box options (Han)
  7.  Import jlinq and jQuery for Aurelia (David)
  8.  Integrate with Ace Editor (Dana and Han)
  9.  Integrate with Aurelia (Working with David)
Sprint #4 Work Collaboration (March 22nd - April 6th)
1) (David) Issue #60 - Change onEventChange() names to more meaningful terms (David)
2) (Dana) Issue #64 - Add an interactive UI with a search and combo box for filtering execution trace
3) (Venkat) Issue #65 - Build visualization to execute program history
4) (Han) Issue #63 - Trace Service API example. And trying to get it working inside Aurelia.

Sprint #3 Work Collaboration (March 1st - March 22nd)
Based on our meeting after sprint 2 wrap-up on March 1st, we will create a stateless trace service being the execution trace feature team and provide code values and other pieces of the trace to the pastebin team
through a service class. We have a few items to be completed for sprint 3 and to make everyone's job easier
and team collaboration more organized for our feature team, here is my proposal for the task assignment
1) traceService.js class - David, since you have been working on integrating this class into Aurelia towards the end
of spring 2, I think it would be a good idea for you to continue defining the interface to make it all work for the visualization team. 2) traceHelper.js class - (Han) Since I have been working on the getLineValues(lineNumber) and getValues(rangeValues)
functions in the sample ExecutionTraceInterface.js, I will work on defining them traceHelper.js as we've discussed
so we can use them in traceService.js
3) traceSearch.js Class - Dana, as you have been assigned the work for creating a trace table and query through the
values for sprint 3, you should continue look into this area of the design. Since I have mostly implemented the two methods we currently need for traceHelepr.js I (Han) will also help you look into it and we can hold a pair
programming session as needed.
4) infinite loop solution - Venkat, as you have been working on infinite loop and implementing timeout functions for
each loop in the code I would like you to discuss this with David as he has implemented a different way of solving
this issue with global timeout.

Everyone should try to focus on the piece they have been assigned to before getting involved into another member's task so we can ensure there's no duplication work and all work gets completed before spring #3 is due. Please let me know if have any concerns regarding this assignment.
#Team Management
Team Meeting Notes with Professor LaToza (02-24-16)
  1. Discussion about trace table format
  2. How to divide up the work among the team for collaboration
  3. What is expected for the upcoming sprint?
Get from other's branch
git branch "your own branch"
git pull origin "someone's branch"
Workflow
 issue 11 Find loops (AST) -->
issue 16 Stack trace (Instrumentation)--> End Sprint 1.
issue 20 Type trace --> issue 17 Location trace -->
issue 18 Trace search. End Sprint 2.

Communication Policy
We must acknowledge every Slack message.
##Development Policies
###Nightly commits for personal branches.
###Weekly commits (Mondays 9PM) for team branch.
###Closing Issues
Stage 1: Peer review (your partner test cases passed)
Stage 2: Team review (pull request on ExecutionTrace)
Stage 3: Professor Review (pull request on master)
#Delegation
Sprint 2:
Integration (David in charge of Execution Trace branch).
Team Scheduling(Slack meetups Dana, commits Han).
Code Reviews (David and Dana, Han and Venkat).
Repository WorkFlow
##Initial Setup
Clone the project's repository in your Cloud9 workspace. [How To](dana's wiki).
List of GitHub Commands
Create your branch.
 git branch branch_name

##Pull Before Pushing
Get up to date with the team branch.
 git pull origin ExecutionTrace
git push origin your_branch

Pull a request to push your work
Do some work.
###Commit your work.
 git add --all
git commit --all (git commit -m "my commit message")
git push --all origin your_branch 
###Using the repository's Github page.
 Add a pull request from your branch to the team branch. Explain your changes.
Commit to team branch by merge the pull request.

#Sprint 2 To-do list
 traverse tree [done]
find types [done]
instrument code [done]
add data to stack trace [done]
collect stack trace
search by type, identifier, line

 Add a custom footer

 Add a custom sidebar

Clone this wiki locally

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Universal Dark Mode - works on any site
(function() {
var enabled = true;
function applyDarkMode() {
if (!enabled) return;
// Create style element if it doesn't exist
var style = document.getElementById('universal-dark-mode-style');
if (!style) {
style = document.createElement('style');
style.id = 'universal-dark-mode-style';
document.head.appendChild(style);
}
// Dark mode CSS - inverts colors but preserves images/video
style.textContent = '
/* Invert everything except media */
html {
filter: invert(1) hue-rotate(180deg) !important;
background: #1a1a2e !important;
}
/* Restore images, videos, iframes, canvas */
img, video, iframe, canvas, svg, picture, [style*="background-image"] {
filter: invert(1) hue-rotate(180deg) !important;
}
/* Preserve specific elements that should not be inverted */
.no-dark-mode, .no-dark-mode *,
[data-theme="light"], [data-theme="light"],
.ace_editor, .ace_editor *,
.CodeMirror, .CodeMirror *,
.monaco-editor, .monaco-editor *,
.markdown-body pre, .markdown-body pre *,
.highlight, .highlight *,
pre code, pre code * {
filter: none !important;
}
/* Fix common UI elements */
.modal, .popup, .dropdown-menu, .tooltip, .popover {
filter: invert(1) hue-rotate(180deg) !important;
background: #2d2d44 !important;
border-color: #444 !important;
}
/* Scrollbars */
::-webkit-scrollbar { background: #1a1a2e !important; }
::-webkit-scrollbar-thumb { background: #444 !important; }
::-webkit-scrollbar-thumb:hover { background: #555 !important; }
/* Selection */
::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }
::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }
';
}
function removeDarkMode() {
var style = document.getElementById('universal-dark-mode-style');
if (style) style.remove();
}
// Toggle with Alt+Shift+D
document.addEventListener('keydown', function(e) {
if (e.altKey && e.shiftKey && e.key === 'D') {
e.preventDefault();
enabled = !enabled;
if (enabled) {
applyDarkMode();
console.log('[Universal Dark Mode] Enabled');
} else {
removeDarkMode();
console.log('[Universal Dark Mode] Disabled');
}
}
});
// Apply on load
applyDarkMode();
// Re-apply on dynamic content
var observer = new MutationObserver(function(mutations) {
if (enabled && !document.getElementById('universal-dark-mode-style')) {
applyDarkMode();
}
});
observer.observe(document.head, { childList: true });
console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');
})();
}
} catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); }
})();
})();
Execution Trace Team Work · devuxd/SeeCodeRun Wiki · GitHub
Skip to content
Execution Trace Team Work
Jump to bottomEditNew page

David Gonzalez edited this page Apr 5, 2016
·
14 revisions
Issue 64
Order of Operation (March 26, 2016)
  1.  Generate Execution Trace from example code (Han)
  2.  Searchbox will be used to match user input in executiontrace (Dana)
  3.  Collect search resuts in an array. (Dana)
  4.  Present the results in a static table (actual UI) for the user. (Dana)
  5.  Make the table dynamic with the Combo box different number of columns (jQuery) (Dana and Han)
  6.  Refine the combo box options (Han)
  7.  Import jlinq and jQuery for Aurelia (David)
  8.  Integrate with Ace Editor (Dana and Han)
  9.  Integrate with Aurelia (Working with David)
Sprint #4 Work Collaboration (March 22nd - April 6th)
1) (David) Issue #60 - Change onEventChange() names to more meaningful terms (David)
2) (Dana) Issue #64 - Add an interactive UI with a search and combo box for filtering execution trace
3) (Venkat) Issue #65 - Build visualization to execute program history
4) (Han) Issue #63 - Trace Service API example. And trying to get it working inside Aurelia.

Sprint #3 Work Collaboration (March 1st - March 22nd)
Based on our meeting after sprint 2 wrap-up on March 1st, we will create a stateless trace service being the execution trace feature team and provide code values and other pieces of the trace to the pastebin team
through a service class. We have a few items to be completed for sprint 3 and to make everyone's job easier
and team collaboration more organized for our feature team, here is my proposal for the task assignment
1) traceService.js class - David, since you have been working on integrating this class into Aurelia towards the end
of spring 2, I think it would be a good idea for you to continue defining the interface to make it all work for the visualization team. 2) traceHelper.js class - (Han) Since I have been working on the getLineValues(lineNumber) and getValues(rangeValues)
functions in the sample ExecutionTraceInterface.js, I will work on defining them traceHelper.js as we've discussed
so we can use them in traceService.js
3) traceSearch.js Class - Dana, as you have been assigned the work for creating a trace table and query through the
values for sprint 3, you should continue look into this area of the design. Since I have mostly implemented the two methods we currently need for traceHelepr.js I (Han) will also help you look into it and we can hold a pair
programming session as needed.
4) infinite loop solution - Venkat, as you have been working on infinite loop and implementing timeout functions for
each loop in the code I would like you to discuss this with David as he has implemented a different way of solving
this issue with global timeout.

Everyone should try to focus on the piece they have been assigned to before getting involved into another member's task so we can ensure there's no duplication work and all work gets completed before spring #3 is due. Please let me know if have any concerns regarding this assignment.
#Team Management
Team Meeting Notes with Professor LaToza (02-24-16)
  1. Discussion about trace table format
  2. How to divide up the work among the team for collaboration
  3. What is expected for the upcoming sprint?
Get from other's branch
git branch "your own branch"
git pull origin "someone's branch"
Workflow
 issue 11 Find loops (AST) -->
issue 16 Stack trace (Instrumentation)--> End Sprint 1.
issue 20 Type trace --> issue 17 Location trace -->
issue 18 Trace search. End Sprint 2.

Communication Policy
We must acknowledge every Slack message.
##Development Policies
###Nightly commits for personal branches.
###Weekly commits (Mondays 9PM) for team branch.
###Closing Issues
Stage 1: Peer review (your partner test cases passed)
Stage 2: Team review (pull request on ExecutionTrace)
Stage 3: Professor Review (pull request on master)
#Delegation
Sprint 2:
Integration (David in charge of Execution Trace branch).
Team Scheduling(Slack meetups Dana, commits Han).
Code Reviews (David and Dana, Han and Venkat).
Repository WorkFlow
##Initial Setup
Clone the project's repository in your Cloud9 workspace. [How To](dana's wiki).
List of GitHub Commands
Create your branch.
 git branch branch_name

##Pull Before Pushing
Get up to date with the team branch.
 git pull origin ExecutionTrace
git push origin your_branch

Pull a request to push your work
Do some work.
###Commit your work.
 git add --all
git commit --all (git commit -m "my commit message")
git push --all origin your_branch 
###Using the repository's Github page.
 Add a pull request from your branch to the team branch. Explain your changes.
Commit to team branch by merge the pull request.

#Sprint 2 To-do list
 traverse tree [done]
find types [done]
instrument code [done]
add data to stack trace [done]
collect stack trace
search by type, identifier, line

 Add a custom footer

 Add a custom sidebar

Clone this wiki locally