Profile

Name: Gopa Vasanth
Email: gopavasanth1999@gmail.com
IRC Username: Gopa
Mediawiki Username: Gopavasanth
Blog: gopavasanth.wordpress.com
Gerrit: gopavasanth
Github Username: gopavasanth
Time zone : UTC +5:30 (IST- India)
Location: Kerala, India
Mentors: @Prtksxna, @matmarex
Working Hours (in IST): Weekdays - 17:00 to 23:30 and Weekends- 09:00 to 21:00

Synopsis:

The project deals with changing mw-ui to OOUI, which has multiple new widgets, icons, and layouts. This has to be implemented in MediaWiki extension WikiLove, MultimediaViewer, and MassMessage to make them more user-friendly. This allows users to alter its properties and select objects more easily. The main theme of OOUI is to represent user data and other information in a graphical way.

Deliverables :

Enhancing WikiMassMessage extension :

• The feature buttons “Send” and “Preview” in Mediawiki Mass message are in HTML and CSS styling using mw-ui (as shown in the screenshot below). This needs to be switched to OOUI.
  
  
  

[Fig: 1] Currently, mass message buttons and Input boxes are using mw-ui to be converted into OOUI.

Some Files that need to be modified:

• ext.MassMessage.special.css
• SpecialMassMessage.php
• en.json
• qqq.json

new OOUI\getDisplayFormate(
    new OOUI\ButtonInputWidget( [
        'name' => 'preview',
        'label' => 'Preview',
        'type' => 'submit',
        'flags' => [ 'primary', 'progressive' ],
    ] ),
        [
          'label' => Preview,
        'align' => 'right',
          ]
        )        ),
protected function getDisplayFormat() {
    return 'ooui';
}

->To Change the Preview button from mw-ui to OOUI

• Currently, MassMessage gives warnings in bullet points. This has to be modified by adding a warning widget (OOUI library widgets) as shown below:

Before :

After:

Enhancing MultimediaViewer extension:

• The Sidebar Buttons of MultimediaViewer uses common wiki buttons that should be switched into OOUI phase.

Before :

After :

• Multimedia Input Textbox, “Browse” and “Upload file” Buttons should be converted into OOUI styling.
  
  
  

[Fig: 6] Buttons, Input boxes and layout has to be converted into OOUI

Enhancing WikiLove extension:

• Currently in WikiLove, all the buttons and input boxes on the sidebar tools are are using wiki UI. This should be switched into OOUI by using OOUI library tools.

• In “Make your own” menu, all the input boxes, buttons and width spaces has to be modified so that they use OOUI instead of mw-ui.

Tentative Timeline :

About me :

I am Gopa Vasanth, a freshman in Computer Science and Engineering from Amrita University, India. I am an active member of the Open Source student club of my University FOSS@Amrita. I also contribute to Free and Open Source software projects and have been actively contributing Mediawiki for the past two months.

I found a couple of interesting projects like changing the UI of Wikilove, MultimedaViewier and MassMessage.

I got introduced to Open Source through Hacktoberfest 2017. Where I learned how to use version control system and how it works, My first pull request is towards the FOSS@Amrita webpage.

After Hacktoberfest I started my journey with Mediawiki, in which I am working and I also will be working, I am very inspired while contributing to MediaWiki, The mentors were really great and I’m very thankful, they are encouraging and answering to all our questions.

Experience with Mediawiki:

I have worked on the following skins and extensions in Mediawiki:

• Vector Skin
• Refreshed Skin
• Liquidthreads
• Poem
• ContentTranslation
• Special page:PrefixIndex

I frequently take part in problem-solving, I completed CS50 till week-4 and also solved few questions in codeforces[0] as well as Hackerrank[1].

I solved a couple of issues and bugs in the above extensions, skins and I have my commits here[2]. While working with the wiki I found some bugs and I reported in phabricator[3].

[0] http://codeforces.com/profile/GopaVasanth
[1] https://www.hackerrank.com/gopavasanth1999
[2] https://gerrit.wikimedia.org/r/#/q/Gopavasanth
[3.a] -> https://phabricator.wikimedia.org/T189372
[3.b] -> https://phabricator.wikimedia.org/T189421