Line 88: |
Line 88: |
| |- | | |- |
| | '''April 26-May 2 (Pre-Program week)''' || | | | '''April 26-May 2 (Pre-Program week)''' || |
− | Discussing the core functionalities and features of Abacus JS, Spirolateral JS and Turtle Confusion JS with my mentor <br>Walter Sir. Conclude the expected feature. | + | Discussing the core functionalities and features of Abacus JS, Spirolateral JS and Turtle Confusion JS with my mentor <br>Walter Sir. Conclude the expected feature. Design the workflow of these three activities. Document a brief report on UI enhancements required if any. |
− | Design the workflow of these three activities. | |
− | Document a brief report on UI enhancements required if any. | |
| | | |
| |- | | |- |
− | | Example || Example | + | | '''May 3- May 10''' || Start working on Abacus JS.<br><br> |
| + | |
| + | 1. Design the background layout of Abacus JS.<br> |
| + | 2. Put up the toolbar buttons from the previous Python version.<br> |
| + | 3. Design the main frame, rods and beads for Decimal, Suanpan, Soroban and other abacuses. Setting up the bead value changes with corresponding movement.<br> |
| + | 4. Add custom Abacus support and custom abacus frame setup(including beads values calculations).<br> |
| + | 5. Enable the toolbar buttons(‘reset’,’copy/paste’).<br> |
| + | 7. Wrap Up the design and code. Send the final code to Walter sir for review and bug fixes. <br> |
| + | 8. Document the instructions of Abacus JS on wiki page.<br> |
| |- | | |- |
− | | Example || Example | + | | '''May 11''' || |
| + | Designing the basic UI of both Spirolateral and Turtle Flag JS. Get approval of Walter sir. |
| + | |
| |- | | |- |
− | | Example || Example | + | | '''May 12-May 26''' || Start working on Spirolateral JS.<br><br> |
| + | |
| + | 1. Create the background layout of Spirolateral and add the existing tool buttons from Python version.<br> |
| + | 2. Splitting the display area co-ordinates into Target view and Current view.<br> |
| + | 3. Setting up the 5-digits input box and enabling the 5-number frames for each box when clicked.<br> |
| + | 4. Programming the turtle movements, based on the fetched inputs. Printing up the patter in Current view pane.<br> |
| + | 5. Enabling the speed controller bar of the turtle and other ‘Play/Pause’ buttons.<br> |
| + | 6. Designing the pattern challenges and importing the existing challenges from previous version.<br> |
| + | 7. Wrapping up the design and other bug fixes.<br> |
| |- | | |- |
− | | Example || Example | + | | '''May 27''' || Check for code optimization wherever possible and submit the final code to Walter sir for any further additional enhancements if requires.<br> |
| + | Document the instructions of Spirolateral JS on wiki page.<br> |
| |- | | |- |
− | | Example || Example | + | | '''May 28''' || I would like to take a day off, if allowed. |
| |- | | |- |
− | | Example || Example | + | | '''May 29''' || |
| + | Start working on Turtle Confusion JS.<br> |
| + | Discuss the workflow of Turtle Confusion JS and setup the background layout.<br> Import the artwork from the previous Python version and add additional artwork to improve the UI. |
| + | |
| |- | | |- |
| | Example || Example | | | Example || Example |