Updating the IRC researchers view

jaye · May 30, 2021, 5:01pm

Hello there,
The current IRC page lacks information about researchers. I hope we could improve the page by adding more information about them. Also, we need to think about sorting criteria for the list as well.
One thing we can do is coming up with a table similar to the SX-2020 page.

@Minuri_Adasuriya, @Rano What would be the additional information we can include on the page?

cc: @Janeth_Fernando @akshika47 @Gimhan_minion @YohanAvishke @Gravewalker

Rano · June 4, 2021, 5:30pm

I think we can show small introduction about researchers as shown in ScholarX page .

Also we can show their area of expertise, university or research lab name ,their research publications(if it’s okay) and the link to see the SEF medium post about them.

jaye · June 5, 2021, 9:43am

Thanks, @Rano !

Is there a doc contains above details?

Rano · June 5, 2021, 3:52pm

No @jaye . Can you give me a two days? I will create the document and share it.

jaye · June 5, 2021, 4:50pm

Sure Rano!
@Minuri_Adasuriya do you have any inputs?

Rano · June 14, 2021, 2:46pm

Sorry for the delay. Here is the doc link https://docs.google.com/spreadsheets/d/1597AkgVWsN__CxX9LyAGgi5Zk6pbKmu_xKd2SHNCK1A/edit#gid=0

Gimhan_minion · June 22, 2021, 3:20pm

Hi all,
As we all discussed in the previous bi-weekly standup, we need to come up with a way to display all the information related to IRC researchers. Due to a large amount of information, we need to create a mockup instead of coding first.

In last week’s call, @jaye suggested we could do something similar thing to Google and Facebook research pages.
Google Research - https://research.google/
Facebook Research - https://research.fb.com/

After the standup, I had a call with @Janeth_Fernando and we discussed how we going to accomplish this. I’ll note down key points we came up with.

First I’ll create the wireframe of this requirement
We thought it’ll be easier if we break the coding into small issues cuz we do have a lot of new contributors.
Janeth will work on creating the issues after I finish the wireframe.
Create a separate branch for this feature.

So basically this thread is regarding the future discussions related to the Researcher’s section on IRC. Feel free to let us know your thoughts

akshika47 · June 22, 2021, 4:06pm

Good job Gimhan! Can’t wait to see this project come to life.

Gimhan_minion · June 30, 2021, 7:41am

This is the basic wireframe I designed. Image 1 will be the replacement for the current researchers’ section.

[image 1]

When the user clicks on a card, it pops a modal similar to image 2.

[image 2]

The red color boxes in the modal display’s social media icons. (Maybe medium, Linkedin?)
This wireframe covers all the details in the above google sheet @Rano mentioned.

Let me know your thought’s

Rano · July 1, 2021, 8:37am

It looks great! @Gimhan_minion

Gimhan_minion · July 6, 2021, 6:31am

As we discussed in the previous dev team standup, instead of using a modal we agreed to use a separate page for researchers. Here’s the wireframe I designed for that. Let me know your thoughts.

akshika47 · July 8, 2021, 4:55am

This looks good. How can we filter researchers? Is that something you are working on as well?

jaye · July 8, 2021, 7:02am

@akshika47 according to this wireframe, researches can be filtered using the areas. I think it would be nice if we could add functionality to search by name.

akshika47 · July 9, 2021, 6:25am

Sorry I missed that! Yes, looks like a good start.

Janeth_Fernando · July 10, 2021, 1:59pm

I have prepared the issues related to this work. There are 5 issues in total. I will create a branch named irc-research for the contributors to send us PRs. When all the issues are fixed we can merge this branch to the main branch. I will also update our pr-preview workflow to create pr-preview links on pull-request for this new branch as well. So we can have a look at these PRs as well.

----ISSUE 01----
IRC PAGE IMPROVEMENT
The research section of the IRC page needs to be revised with a new design. This isssue is regarding a feature of the research section of the IRC page. When you are sending the PR please send the PR to the irc-research branch.

Description of the solution
Please refer to the wireframe of this section.

We need to create the basic design using HTML, CSS and bootstrap according to this wireframe. If we divide this section horizontally in to three sections, the 1st section(left side section) is used to filter the research areas of the researchers. The 2nd section and the 3rd section can be used to create the individual cards of the researchers.

How to develop

Currently the irc.html is on the root of the repository and a new directory called irc needs to be created. Then the irc.html file should be moved into that directory.
When developing this section, use bootstrap grids. This will be usefull to divide the section into 3 sections.
Use the cards which we have used in other pages(have a look on the index.html page Our projects section)
Create an image directory under the irc directory to maintain the images for this section
The functionality is of this section is not expected in this issue. Only the design is needed.
Hard coding the values will be more than enough. No need to worry about data handling