Weeks of Contribution- WebExtension Session7

Date : 29th August 2017

Time: 8:30 – 9:30

IRC channel: #MozillaTN

This is our first series of the WebExtension webseries. The main agenda of the program is to get started with Mozilla community and discuss the syllabus we will be learning in this series.

In our previous session we get learned about executeScript API, where we built a small youtube controller.

In the seventh session we are going to learn about building a context menu.

Agenda

  • Introduction about Add-ons Contest
  • Context Menu Video

Problem Statement

When we select some text, we get a suggestion to search with our default search engine when we do right click.
So instead of having only one search engine, our idea is to have more than one search engine listed so users can use their required search engine to searching the text.

MozillaIN Contest

Mozilla India community has declared a contest on developing Add-ons which should be working on Firefox 57 properly (means WebExtension). Best Extensions will be choosen and the winners will be getting the Limited edition AMO Pendrive. Last date is end of October 2017.

You can get started with building the context menu from the following video and this video is contributed by Trishul.

All the code samples discussed in the above video is available in the github and the detailed blog post on this particular API is shared before. Link of post

Attendees

Name / Twitter handle

  1. Fahima Zulfath A/ @FahimaZulfath
  2. Balaji B / @balaji2198
  3. Mainak R. Chowdhury / @rcmainak
  4. Viswaprasath / @iamvp7

Etherpad of the session. Link is here

Advertisements

Weeks of Contribution- WebExtension Session6

Date : 22nd August 2017

Time: 8:30 – 9:30

IRC channel: #MozillaTN

This is our first series of the WebExtension webseries. The main agenda of the program is to get started with Mozilla community and discuss the syllabus we will be learning in this series.

In our previous session we get started learning what are omni box API and have built keyboard based quick multi-search engine.

In the sixth session we are going to build a small youtube controller.

Todays Problem statement

Controlling the youtube player from any tab without visiting actual tab where youtube is running.

Agenda

Controlling Youtube Playlist without Changing tab

  • Learn about Message sending between JS file and background JS, MDN docs
  • Learn about executeScript API. MDN docs

You can get started with youtube controller code flow from the following video.

All the code samples discussed in the above video is available in the github and the detailed blog post on this particular API is shared before. Link of post

Problem

In the above built Add-on one of the problem is when youtube is in many tabs, it will be detected in all the tabs and code is exectued in all tabs. We had a very interesting discussion around this and we have got some suggestions to work on this.

Can you have a way to detect which tab has the playlist open? If I have two tabs with two different playlists which one will be affected by the addon actions?
ya you found the problem rcmainak .. it will affect all the tabs. becoze we are querying all the tabs and iterating all the tabs. it will be awesome if any one of us work on this, like showing the list of tabs (by title of song) and execute script on the required tab

One of the contributor send feedback to share the PDF of the presentation. Google drive PDF link

Attendees

Name / Twitter handle

  • Selva Makilan/ @selva_makilan
  • Mainak R. Chowdhury / @rcmainak
  • Baranitharan/ @baranicool
  • Kaviya D/@kaviya99
  • Kaverinathan/@sudhannathan
  • Balaji / @balaji2198
  • Viswaprasath / @iamvp7

Etherpad of the session. Link is here

Weeks of Contribution- WebExtension Session5

Date : 4th August 2017

Time: 9:00 – 10:00

IRC channel: #MozillaTN

This is our first series of the WebExtension webseries. The main agenda of the program is to get started with Mozilla community and discuss the syllabus we will be learning in this series.

In our previous session we get started learning what are tabs API. There are lot of cases where we have used Tabs API and published add-ons on it. We will slowly cover tabs API one by one along with Different API.

In the fifth session we are going to learn one of the use case of omnibox using Tabs.create API.

Todays Problem statement

In the address of Firefox / Google Chrome what happens is when we enter some words we will be getting the results from default search engine. but we will some times require to search on different site. say you know my handle in twitter is @iamvp7 so there are two ways goto twitter.com and search my handle (or) goto search engine search my handle with twitter keyword.. so it sometime gets bored. so we will build a small add-on which will
be helpful for us.

Agenda

Building simple Multi Search Add-on

You can get started with omnibox API & Tabs.Create API from the following video.

All the code samples discussed in the above video is available in the github and the detailed blog post on this particular API is shared before. Link of post

Google drive PDF link

Attendees

Name / Twitter handle

  • Baranitharan / @baranicool
  • Fahima Zulfath A / @Fahimazulfath
  • Subhrajyoti Sen/ @iamsubhrajyoti
  • Seshadri/ @Seshadriii
  • Viswaprasath / @iamvp7

Etherpad of the session. Link is here

Weeks of Contribution- WebExtension Session3

Date : 28th July 2017

Time: 8:30 – 9:30

IRC channel: #MozillaTN

This is our first series of the WebExtension webseries. The main agenda of the program is to get started with Mozilla community and discuss the syllabus we will be learning in this series.

In our previous session we have learned about what are the different areas of contribution available in Mozilla community. If you are interested please read through the previous post.

In our second session we have learned basics of git. Thanks to Dhinesh for sharing the amazing playlist by freecodecamp at youtube.

In our third session we get started learning what are Browser Extension. What is so important of it and how it is going to keep web safe and help developers to maintain code easier. You can learn by checking my previous blog.

Running our Browser Extension

You can learn about running Browser extension from the previous post

Running a simple Chrome Override Extension.

A very simple Extension is developed where whenever we open a new tab we get a beautiful page. The source code is available in github
. It will be great if you explore the code and send the Pull Request of your screenshot. You can learn code flow from the below video.

Task 1

Thanks to all the attendees participated in the live session. Google drive PDF Link

Attendees

Name / Twitter handle / Github profile

  • Fahima Zulfath A / @FahimaZulfath / @FahimaZulfath
  • Balaji / @balaji2198 / Balaji2198
  • Seshadri/ @Seshadriii/ sesha-3
  • Surentharan / @surentharan7 / surentharan
  • Sailesh / @sailesh2796 / Sailesh

Etherpad of the session. Link is here

Mozcafe at Salem startup space

Recently on June 25th Black corporation founder & CEO introduced Salem startup space. He had a very good aim of bring knowledge on different domains and skills to Salem community. It was really an exciting day and an amazing day to get started for Salem folks.

I also attended event with aim for learning about people who are in my native. It was really amazing to see lot of ideas related to IoT and software startups jumped in. It was nice to see young amazing entrepreneur at that space from Salem.

I have shared this news about meeting to the trainers  who are in #MozillaTNwoc16 are around Salem. At first three told they will be joining, so I thought  I can discuss about the improvement and taking the community to next level, but on that day only 2 trainers turned Bhuvana meenakshi and Ashley rose, paarilovely had some issues so he was not able to come to meet on time.  And those 2 people have brought in around 8 other young students who willing to learn amazing things.

On that day I was introducing people about what are all contribution I get started and where I am landing now, what’s my future aims for contribution to all the audience. Then at the end of the meet up, I personally called both the trainers and sharing what’s our aim of weeks of contribution, what we planning to achieve and how we can build our community. And was discussing how we can try to use this space for doing events related to Mozilla. 

I was very happy to meet another 2 trainers in the list. I was very happy to share my knowledge and get feedback from people in building our community. 

One of our plan was to host all the events in weeks of contributions at the Salem and specifically we are planning for 1 day specifically  hackathon session related to web extensions during August 15th. 

Mozcoffee with Makilan

In previous post  I shared about #MozillaTNWoc16 after that I wanted to meet all the trainers and mentors who are participating. It will be very helpful to talk in detail for an hour in person and learn more what they think about Weeks of contribution and in general contribution to Mozilla.

It was actually sunny day on 20th June at Chennai, Makilan has came to Chennai to do his project work a week before our meeting. He was about to leave Chennai and told he would like to meet me in person, seriously I have not meet many Mozillains in tamilnadu who are currently active. I was very happy to know he wanted to meet me. Since I will be working at office he told he would like to come and meet there, thanks to him since I use to concentrate more on code in the evenings, he didn’t make any changes to my schedule. He reached around 4:30. Then I took him to nearby restaurant (A2B) pretty decent one in Tamilnadu. We ordered some foods and then started talking about contributions. Rain started all of sudden and we were enjoying our talk and food.

He was asking review about social media channel he is maintaining and about sharing birthday wishes to our region contributors, it’s seriously an amazing idea he brought which is making many contributors to engage more with our social media channels. Then he was talking in general where he can focus more and what are plans for weeks of contribution. Then I was enquiring about his project he done at Chennai. His project was very exciting one[ will get his post and update soon].  He was one of the different background person, and as very little number of contributors think he used to think different and wanted to take internet and contribution awareness to remote places and wanted to train people who are willing to learn and give back.  He was also discussing about extending weeks of contribution program structure to build community in his college.

It was really an exciting day, and he is first trainer of #MozillaTNWoc16 I have met. Was very happy to know about him and meet in person, his goals are very amazing to learn and get enriched.

Weeks of Contribution 2016

WOC

 

So last year myself along with other contributors started Weeks of Contribution Program for contributors around MozillaTN . The first version went fine, by I had lot of learning in teaching new contributors and encouraging them to contribute.  At end of 2015 Weeks of contribution we saw 15 new contributors, detailed report is available in one of my previous post

This year again our MozillaTN community is doing Weeks of Contribution. We are making some serious changes to take care of new contributors and yes we are setting some goals in the 4 contribution areas Localization, Support Mozilla, Quality Assurance and Add-ons.

This year I am going to handle Add-ons development along with some bug fixing, planning to help young developers  and bring around 25+ add-ons from developers around Tamilnadu. Khaleel will be taking care of the Localization where he made a target of 5000 strings converted by end of 2 months, he has also planned 2 offline events. Karthick has planned to share his knowledge with respect to Support Mozilla, his target is to achieve 40 KB articles translated. Adam and Prashanth are planning to host Firefox test days. So for next 2 months our community members will be busy with learning.

Why these 4 areas alone

There are large number of pathways in which we can contribute to Mozilla Community.  For very long time in our community we saw the number of contributors in Localization and SUMO is decreasing and it is very important to have browser in Tamil and support articles in Tamil so we are doing these 2. Quality assurance is very important in software development life cycle, many students who have technical knowledge can contribute to automation testing those without coding knowledge can contribute to Manual testing. And Firefox Addons are moving WebExtensions model, so it is right time to learn about it port old add-ons to this model, develop new add-ons.

Trainers are our Game Changing Contributor of 2016

Last year we had session in Google hangouts on Air that too in English, many contributors know to speak Tamil well and prefer to learn in Tamil than in English. And since it was not closed call, we are not able to track actively what contributors are doing. So this year we have introduced a concept of Trainers. Trainers are amazing people who are active and having willingness to share what they learned and train maximum of 7 people in focused manner. We had Google form so people can fill who have interest. Around 40 people showed interest.  But keeping in mind that it is going to be difficult to monitor 40 people and all the contributors who they teach (say appx 450 ppl) we have cut shorted to 20 Trainers. So this year we are having only 20 Trainers.  As of now on avg each and every Trainer has planned to teach around 5 new contributors.

What will be my role this year

  • I will be one of the contributor (along with karthick and Khaleel) who is monitoring the activities of each and every Trainers. Will be helping them when they are finding any difficulty.
  • Will be working with Social Media Team ( Selva Makilan & Gowtham Venkat) in posting updates at Facebook and Twitter then with Design member (Nirmal) to find out posters for all our blog posts.
  • Hosting offline event at Salem(Khaleel & Adam is doing at Villupuram, Karthick is doing at Vellore, Dinesh & Gauthamraj at F-infotech Erode, Ammar at   Madurai)

 

What’s my expectation at end of this weeks of contribution

One of my main goal is to spotlight contributors who are doing great job around Tamilnadu. Previously I have got chance to participate in amazing events like community India meetup (2014& 2015) and Mozilla All hands at Orlando. These meetup are really great place to learn many things. One of sad thing for me during this 3 events was number of contributors from Tamilnadu region is very low. Many contributors here do amazing contributors but due to low visibility and some guidance they are not getting proper recognition. One of my main aim is to bring amazing contributors and help them communicating with other mozillians in community, then they can easily find the path to improve themselves. I have faith, Surely with the amazing trainers we have got we will be doing well.

My main aim to join open source communities is to contribute to code base and share awareness to other benefits of using open source softwares. One of my main aim is to bring like minded contributors share their work with others through blog post social media and other possible channels.

Some of ways I can contribute is by teaching addons development, community building and helping people to get started with first step of contribution.