Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Made modifications to the GUI. #26

Merged
merged 16 commits into from
May 7, 2024
Merged

Conversation

Wang-yuanlu
Copy link

Hi, Mr Tan:
I recently modified the GUI to make it adapt to the window size. However, the "CGRAPannel" located in the top left corner still only adapts to a size of 4x4. I also added scrollbars, but the results were not satisfactory. The rest of the GUI is mostly fine without any apparent issues. I will think of another solution to address the problem in the top left corner.
Thank you!
Have a nice day!

@Wang-yuanlu
Copy link
Author

I realized only when submitting the pull request that the changes I made locally after forking would be included in the submission. Unfortunately, I ignored the details and wrote some comments in Chinese. It seems that those commits may not meet the required standards.

@tancheng
Copy link
Owner

Hi Yuanlu, thanks for the contribution, there is no specific standard. Any contribution is appreciated.
For this PR, can you summarize the modifications/features briefly here please? I saw you also resolve some DISPLAY issues. You can also attach two photos to show how the window size would affect the sub-components' position & size. Thanks!

@Wang-yuanlu
Copy link
Author

Hi, Mr Tan:
I recently finished refining the GUI. Here are the modifications I made:

  1. I divided the entire GUI window into a grid of 6 rows and 6 columns to accommodate six modules: cgrapannel, kernelpannel, mappingpannel, layoutpannel, parampannel, and functionpannel (including testpannel, verilogpannel, and reportpannel sections).
  2. Instead of using "tkinter. Button" to create the Tiles, I used "canvas.create_rectangle" to facilitate the implementation of adaptive behavior in conjunction with the "tkinter. Scrollbar" method for the scrollbar.
  3. To address the issue of the report module overflowing, I modified the layout from three rows and four columns to six rows and two columns. I also redistributed the available space to prevent overflowing to the right.
  4. During the modification process, there was an issue with the "clickShowDFG" button not working. By utilizing the Python debugger and setting breakpoints in the code, I discovered that a trace statement was missing, which resulted in abnormal generation of the "kernel.bc" file. Now the problem has been fixed.
  5. If you need to adjust the size of the model, please modify the length and width parameters in lines 29-33 of the launchUI.py file, as well as the model's row and column parameters in lines 49 and 50.
    GUI bigger
    GUI smaller

@Wang-yuanlu
Copy link
Author

Wang-yuanlu commented Apr 28, 2024 via email

@tancheng
Copy link
Owner

Hi Yuanlu, thanks for the summary.

Using the create_rectangle instead of tkinter. Button for tile causes some issues when select the functional units for the chosen tile, right? Allowing the tile to be selectable is more important. Can we fix this then we can submit this PR afterwards?

Can you briefly explain why the DISPLAY port 12 helps? And why should we use --name=CGRA-Flow-v2 or we it needs to be changed back to --name=CGRA-Flow?

Wang-Yuanlu added 2 commits April 29, 2024 14:31
@Wang-yuanlu
Copy link
Author

Hi, Mr.Tan, I have corrected the issue with "cgrapannel" and reverted to using the Button method. The modification for DISPLAY port 12 was a separate change I made while configuring the environment on the laboratory server. I have now reverted it to its original form.
I further optimized the GUI display size, and although there may still be some aesthetic flaws, it is now functional. I will gradually work on improving the size of the paramPannel and cgraPannel in the future to make the entire interface more visually appealing.
Thanks for your help.
Have a nice day!
bigger
smaller

@tancheng
Copy link
Owner

Thanks Yuanlu, can you try to adjust the entire window size to fit/match the 4x4 CGRA design, and set that size as default entire window size when the UI is launched?

@Wang-yuanlu
Copy link
Author

Hi, Mr.Tan. I have resized the entire window to fit a 4x4 CGRA disign and set an appropriate initial window size.

@Wang-yuanlu
Copy link
Author

Hi, Mr.Tan. I have just made some simple layout modifications to make the interface more visually appealing. For the cgraPannel section, I have set more appropriate initial values. As for the adjustability of the tiles and the use of scrollbars, I will go ahead and think about ways to make the necessary modifications.

@tancheng tancheng merged commit 765de5b into tancheng:master May 7, 2024
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants