This week mainly consisted of finalizing step 10 and 11, and working on my final report.

This week consisted of finishing step 9 implementation, writing more of my Final Report, and working on Step 10.

Step 9 Continued

Fix:

• Updated Button class:

  class Button extends React.Component{
  state = {
    hover: false
  }
  clickHandler(gridOutput){
    changeGrid(gridOutput)
  }
  render(){
    return(
      <View>
        <VrButton
          style = {this.state.hover ? styles.hover : styles.button}
          onEnter = {() => this.setState({hover: true})}
          onExit = {() => this.setState({hover: false})}
          onClick = {() => this.clickHandler(this.props.gridOutput)}>
          <Text
            style = {styles.code_display}
            >
              {this.props.code}
          </Text>
        </VrButton>
      </View>
    );
  }
  }
  

  Step 10: Update memory panel to be in sync with snippets

  How do I connect the buttons from CodePanel to the GridPanel’s grid?

This week consisted of finishing step 8, starting on step 9, and preparing my final report for a brief evaluation by Professor Anderson.

This week consisted of working on step 8 and answering questions to consider for possible article citations.

This week consisted of mainly writing/testing code that will implement step 8, and attempting to add a magnifying glass 3d object into Simr, so that it reveals the ASCII code of the output of mainExample when held over the gridPanel.

This week consisted of combining research on step 6 and step 7 and completing step 6. In order to correctly show the right output of the program at the selected line in codePanel, the gridPanel must be able to interact with the codePanel accordingly.

This week mostly consisted of finding and annotating some of the articles to use for my final report, completing sections 5 & 6 of the AJC course, and focusing on populating the memory of the program into the stack grid efficiently. Unfortunately, I was unable to finalize my work on step 6, and will complete it next week.

Focusing on the project, I decided to put the courses on the back-burner. With my previously gained information and google searches, I was able to complete steps 4 & 5.

With the help of the two Udemy courses and additional google searches, I was able to complete steps 1 - 3 of Simr Project Development; during this time, I came across several errors and frustrations.

This week consisted of re-familiarizing myself with Javascript and learning React 360; I purchased corresponding courses on Udemy to assist me with this. I learned several concepts such as global execution context, hoisting, lexical environment, inline caching, hidden classes, creating 360 environments and more.