Mozilla Club Noida Orientation Program

An introductory session was organised by Mozilla Club Noida team at NIET, Greater Noida for new students on 22 July 2017. This event was an orientation program cum introductory event for new students who are unaware of Mozilla Campus Club’s presence in their college. The main motive was to introduce Mozilla, its mission, campus club program and to discuss ways to contribute to open source and contribution areas in Mozilla. 16 interested students were recruited as volunteers for Mozilla Club Noida. Mozilla Club Noida team also shared their experience being a part of campus club program and described their happy journey of around 2.5 years.

The event got kick started with lamp lighting by the institute officials and me. Ms. Kavya (core member) explained the gist of the Mozilla Campus Club and why should one join the club while Mr. Samriddha (core member) explained students the real meaning of contributions and where they adds up in our career. Along with this, he also discussed the perks of being a Mozillian and a contributor. Here are some of the points covered in the discussion :

  • Community is important than code
  • Contribution is the way to make things better
  • Contribution always repays
  • You should contribute to show your love to community
  • Mozilla Campus Clubs are the best way and place to learn and grow
  • The best thing which happens to you is you enjoy the community
  • Experience is all you need and earn

Apart from this one of the club members, Mr. Surya shared his views on being a part of the club and how far has his journey being till now. The session went smoothly and pupil were taking more and more deeper look into our activities and were excited enough to start the contribution by joining the club to which I added that they should start the contributions the right way. The event came to an end by 1:00 PM as scheduled and students were really excited and engaged during the session which could be concluded by the perplexed faces of some students.

Advertisements

WebVR Hackathon and Nightly Talk

 dav

I am writing this blog post about an event which was organised by Mozilla Noida Community on 4th June 2017 at Greater Noida. It was primarily focused on learning virtual reality development using A-Frame and then followed by a talk on Firefox Nightly web browser. A-Frame is an Open Source WebVR framework developed by Mozilla VR team for creating virtual reality contents and scenes. According to Mozilla VR team, Having more developers and content creators playing with WebVR is important for the future of virtual reality to help build towards a free and open virtual reality platform not owned by any individual entity. Moreover, Having more contributors know A-Frame will give them a chance to get involved in one of the most exciting revolutions in the field of technology.

We, as an open source technical community, believe that we need to keep ourselves updated in the technical world that is moving with a very fast pace where technologies are changing with the blink of eyes. To ensure the same, we (Mozilla Community) took initiative to organise a workshop on Virtual Reality which is an emerging technology and the next big thing in the market. It’s is going to add further cap in students’ academics and resume as well because there are very few developers of VR in market and it’s demand is going to increase tremendously in the future.

IMG_0748

On the event day, we started with the basic concepts of A-Frame and talked about Mozilla VR Community. I started my session by implementing few primitives and basic concepts. Participants started building their own scenes simultaneously. They found developing VR scenes very interesting and unique. Then I moved to some advanced concepts and explained the ECS pattern by giving real life examples. After this, we all had our delicious lunch in one hour break. The break got over and we started a contest in which participants have to build scenes in groups and those who created creative scenes were awarded with VR devices and goodies. Participants developed their VR scenes with different ideas and their creativity. After this contest, some of the participants joined our talk on Firefox Nightly. Most of the participants were not aware of the Nightly version of Firefox. We started with installing Nightly on our systems. After installation, I introduced various cool and unique features of Firefox Nightly and how we can use them. Then we moved our discussion on reporting bugs to Mozilla and initial steps of getting started with QA. After this productive discussion, participants were excited and happy after getting Nightly stickers. The event ended with taking feedback from the participants.

Mozilla Club Noida Meeting

A meeting was organised by Mozilla Noida Community on 11th April, 2017 to discuss the restructuring process of community and discussing strategies and plans to support Mozilla’s current focus initiative “Activate Mozilla“. It was chaired by Shubham Jain (Community Member & Club Captain).

IMG_20170411_132924397

One random glimpse after the meeting

Our current focus is to mobilize technical contributors and students in our region to contribute to WebVR and Rust. A lot of community members have been contributing to WebVR development using A-Frame and we left imprints of our success by organising a very successful event named “A Day of Virtual Reality” in the month of November,2016. We discussed about an event which we are going to organise in the month of May, 2017 that would be supporting MozActivate campaign. We also talked about how we can expand our community to reach desired goals. Every member stated how he or she can help in making the community better, supporting the open web and what can be the challenges in front of them. We also shared our thoughts on how we can educate other students by conducting technical events and advocate emerging technologies like Virtual Reality, Rust by conducting workshops. We looked back at individual contributions of members in the Mozilla Community and finally we discussed on takeaways, review and follow-up plans.

Activity URL : https://reps.mozilla.org/e/mozilla-club-noida-meeting/

My experience of testing Mozilla Firefox

qmo

Well ! I am writing this blog after a long time.  Usually, we all get busy sometimes in our personal or professional life. Something like this happened to me also. I got busy with some personal schedules and couldn’t make it to share my experience of testing the Mozilla Firefox browser and as a contributor in the quality assurance team of Mozilla India Community. Doesn’t it sound good ? Yes, it does. Without having testing background and knowledge of testing, I got the opportunity to test Firefox browser. I believe that we have to start from the very beginning if we want to learn something properly. Nobody can get expertise on a skill or domain instantly.

I found the testing process very interesting and I really enjoyed it for the first time and that too, testing the most secured browser “Mozilla Firefox”. I tested the 50.0b3 (Firefox 50 Beta 3) version first time in the month of September, 2016. I have tested other versions as well and I also test it currently. Testing of any application and product can be automated but before trying your hands on automation tools like UFT(previous versions are named as QTP), Selenium, LoadRunner etc., you should have deep and strong knowledge of manual testing and its concepts. As I am sharing my testing experience, I need to tell “ What is Testing ?

What is Testing ?
In very simple words, Testing defines a set of activities that are performed to verify if the application under test (AUT) satisfies the end user requirements.

What is the purpose of testing ?
Testing is performed for a lot of purposes. Some of the purposes are :

  • To verify that all the requirements (both functional and non-functional) are implemented completely and correctly
  • To identify and fix defects before software deployment
  • To make the software predictable in behavior
  • To assess and improve the quality and so on …

Really, testing is an amazing and great domain to work for. After testing the Firefox, it developed a curiosity in me and interest in testing. Honestly,  I am looking forward to work in testing domain as an professional. A software testing professional plays a vital role in software development cycle. What I often think in my mind and motivates me is that, any software/product cannot be released or delivered in the market (to the end users) until and unless it has been tested by the QA team. QA team ensures the quality of product and checks its ability to satisfy the requirements specified by end user.

firefox_Vibhanshu Chaudhary

In Firefox 50.0b3 version, I tested a lot of functionalities like Pointer Lock API, WebM EME support for Widevine etc. I am providing a few videos in this post which I recorded during testing the functionalities of Firefox. I hope these videos can give you rough idea of how manual testing is performed. Unfortunately, I forgot to record my voice along with the actions that are performed in these videos. But you can get mostly everything if you go through videos carefully and attentively. For videos, click here.

vibhanshu_chaudhary_mozilla_QMO

Got recognized on QMO first time

It was really a good experience of testing an application for the first time. I would like to encourage you to dive into testing at least once. You would really love it. If you want to join Mozilla India QA team as a contributor and want to have hands on experience of testing the Firefox, you are most welcome and feel free to ping me at @vibhanshuchaudhary (Telegram Handle) .

A Day of Virtual Reality

ban-1

Here comes the blog post of an event named “A Day of Virtual Reality” which was organized by Mozilla Club Noida at NIET, Greater Noida on 7th November, 2016 under the “Activate Mozilla” campaign driven by WebVR India Team. The objective of the event was to learn and teach the development of virtual reality experiences using A-Frame. A-Frame is an Open Source WebVR framework developed by Mozilla VR team for creating virtual reality contents and scenes. According to Mozilla VR team, Having more developers and content creators playing with WebVR is important for the future of virtual reality to help build towards a free and open virtual reality platform not owned by any individual entity. Moreover, Having more contributors know A-Frame will give them a chance to get involved in one of the most exciting revolutions in the field of technology. So, what was me and my team (Mozilla Club Noida) waiting for ? We also took an initiative to support the organisational goal of Mozilla by diving into virtual reality that leverages the Web and teaching college students about A-Frame.

Within two days after we opened the nomination form for students to participate in this event, I got a clear idea that this event is going to be very successful and productive by just checking the overwhelming responses from participants. The next step was to plan the event properly and make strategies to get best out of the event. I also had three hangout calls with all team members for discussing all the things and two face to face meetings to track the progress of their work. Promotion team did very well in spreading the word “A Day of Virtual Reality” around the whole campus by promoting the event online and offline. Hopefully, everything was going fine as planned.

img_8242

Finally , the day arrived with so much enthusiasm and energy among coordinators and participants. Firstly, a common session took place where three trainers including me introduced WebVR and Virtual Reality. We talked about Open Source, A-Frame and Mozilla VR Community. It was an open and two way discussion. Participants were very active and took part in the discussion by raising their queries about A-Frame and virtual reality. Before I introduced A-Frame to them, no participant even heard about it and had no idea about this. This was really surprising for me.

After this common session, we had three breakout sessions facilitated by different trainers to teach A-Frame. I started my session by implementing few primitives and basic concepts. Participants started building their own scenes simultaneously. They found developing VR scenes very interesting and unique. Then I moved to some advanced concepts and explained the ECS pattern by giving real life examples. A break was given to attendees for 30 mins in which we offered snacks to all the participants to keep them energetic and mentally active (as it was a full day event). The break got over and we started a contest in which participants have to build scenes in groups and those who created creative scenes were awarded with VR devices and goodies. The event ended with taking feedback from the participants. Most of the participants said us to organize similar type of event on A-Frame in the future also. We, the team members then discussed future plans, takeaways and follow-up plans and set the final status of our event to “Successful”.

Here is a small video clip from my session : Clip

picsart_11-11-08-55-37

Feedback from some participants

 

Road To WebVR using MozVR A-Frame

img5

Hello everyone who are going through this blog post. I have divided the contents of this post into two sections :

  • My experience on getting started with A Frame
  • Simple & basic tutorial for beginners to get started with A Frame

1. My experience on getting started with A Frame

I came to know about “Web Virtual Reality” in a meet up organized by Mozilla India. Earlier, I had a very basic idea of VR. I mean as such, no idea but I knew that virtual reality is something which can give us a illusion of reality or some real scenario without its physical existence or what we called it ‘Virtual’. Even after the meet up, I didn’t have much knowledge and concept of virtual reality. Later on, I joined the focus group of MozVR and attended few hangout calls and then I got to know about how to contribute to this project and how to start from the scratch. Then, I created few scenes by using A Frame. In the beginning, I felt somewhat bored and uninterested but when I continued making scenes for more few days, I started feeling creative and took deep interest in designing various types of scenes. It’s really interesting. The main thing is that it is not necessary for you to have knowledge of hardcore coding or programming concepts to learn A Frame, what you just need is a very basic knowledge of HTML. For me, I found it very easy to learn and develop scenes or webpages using A Frame.  And I am pretty sure that you will also find A Frame a very easy tool and framework to get you start with Virtual Reality and really you are going to enjoy it. 😀

2. Simple & basic tutorial for beginners to get started with A Frame

Before moving to tutorial, let me to tell you following things :

> What is Virtual Reality ?

Virtual reality is an artificial environment that is created with software and presented to the user in such a way that the user suspends belief and accepts it as a real environment.
OR
Virtual reality is the term used to describe a three-dimensional, computer generated environment which can be explored and interacted with by a person. That person becomes part of this virtual world or is immersed within this environment and whilst there, is able to manipulate objects or perform a series of actions. [Source – Internet]

> What is A Frame ?

A-Frame is an open-source WebVR framework for creating virtual reality (VR) experiences with HTML. We can build VR web pages that we can walk inside with just HTML. Under the hood, it is a three.js framework that brings the entity-component-system pattern to the DOM. A-Frame is built to make virtual reality more accessible to the web community and to kick-start the WebVR content ecosystem. It is easy to learn and fast to develop, allowing us to quickly prototype patterns and experiences. A-Frame is a vehicle in which to make WebVR successful. [Source – aframe.io]

Wohoo !!! Now we can start our tutorial 😀 😀

1. Firstly, I would suggest you to visit A Frame website. A Frame is developed by Mozilla so it is also named as “MozVR”. You can see this in the bottom right corner of this website. Here is the screenshot of this website’s home page :

aframevibhanshu

Please go through the modules and contents of this website seriously because it is going to help you more than my blog post as I would not be possible for me to explain and cover each and every API, Components, Primitives and concepts here. On the left hand side of this website, there are few examples which you can go through and understand  what actually you are going to do by using A Frame.

2. Click on the very first module on the top named as “Docs”. Here you will find introduction, concepts and API, primitives, components and much more. Just go through all this quickly. As you are a beginner, don’t get trapped in high level concepts in the very beginning. We should always start from easy concepts and then gradually move to high level concepts. So for now, I am going to focus on Primitives mostly.

3. Open your text editor (whatever youuse, I use Sublime Text) and put basic HTML tags you know (i.e., <html>, <head>, <body> etc.). To use and integrate the functionalities of A Frame in our code, we have to include JS build by using the tag as follows :

7

Currently, 0.3.0 is the latest version.

4. Now, I am going to use two or more primitives (like <a-cone>, <a-sphere> etc.) to develop a very simple WebVR scene. Remember, whichever primitive or attribute you will use, it must be put in <a-scene> tag and then <a-scene> tag again inside the <body> tag. Don’t forget to close all the opened tags you have used in your code. Everything in a scene is an entity which we compose and attach components (like position, color, radius, height, width etc.) to add any appearance, behavior, and functionality.

5. Firstly, I am using <a-cone> primitive to have a cone in my scene. According to your choice, you can set desired position, radius, color etc of your shape.

1

Output :
3

6. Now, I am going to add more shapes to the existing scene so that it look meaningful. 😀

4

Output :

2

7. As it’s so easy to design such scenes, I have not taken care all the the steps one by one to add extra shapes in the above output. But friends, A Frame is not just limited to adding these shapes only. A Frame is very vast and you should try other primitives, components and concepts also. You can try videos, curved images, animations, sounds, mixins and much much more. 😀

Are you ready to create your own scene ?
Excited ?
Yes You Are. 😛
Go Ahead !

MozVR

Mozilla India Meetup 2016

This blog post is all about a festival which was celebrated at Pune starting from 26th August and 28th August, 2016. During this festival, the citizens of Open Web celebrated the openness, new opportunities and diversity among themselves. I usually call these citizens “The Mozillians – Protector of Open Web”. If I would mention a particular name for it, it is Mozilla India Meetup. Yes, you read it right.

Mozilla India Meetup – A grand gathering and event hosted by the most diversified and techy community “MozillaIN Community” wherein Mozillians from all around India and outside India irrespective of gender, age, culture, religion, profession, interests etc. participated with their full potential and enthusiasm with a single motive and aim to promote Mozilla’s mission. Isn’t it sound good ? A large number of diversified people strives for and supports a single cause – To promote Openness, Innovation and Opportunity on the web. That’s why I always like to give this group of Mozillians a tag line “Unity in Diversity”.

mozilla_indiameetupvibhanshuchaudhary

Well, this meetup had a main objective to restructure and refine Mozilla India Community with a goal and vision to enable the community to uphold the Mozilla mission at any scale,  while remaining relevant to individual contributors.

But here, I am not going to elaborate the whole restructure proposal and process but wish to share my personal experience and view over it. The first awesome thing that happened to me was meeting with George Roter, Dietrich Ayala and Bradley while I was waiting at the airport. This was really a great co incidence. We had a long talk on the future of MozillaIN Community and restructuring process. I really appreciate the energetic nature of these three awesome guys. This meetup consisted a plan for two days that was scheduled separately with different sessions on each day. The first day started with a great zeal and enthusiasm and excitement could be easily seen among the Mozillians. There were about 100+  Mozillians that were present over there. I was also a part of documentation team so I had a great experience while working closely with other Mozillians and learning the documenting skills. We had a large number of breakout sessions on both days like Rust Programming, Connected Devices, MozillaVR,  Mozilla Policy & Advocacy, Mozilla Campus Clubs and many more including the “Restructure Proposal” session which was common to all Mozillians. There were a lot of fun activities that were organized to keep the Mozillians energetic and in active Mode 😀 .

mozillaindiameetu_vibhanshuchaudharymozillaindiameetupvibhanshuchaudharymozillaindiavibhanshuchaudhary

The session on ‘Branding’ facilitated by Bradley and session on ‘Diversity’ by Konstantina were amazing and resourceful. There were serious branding issues associated with the existing FSA program. According to me, one of the issue in FSA program was “We all were centrally leaned towards the word Firefox and the whole FSA program used to revolve around it. However, we need to rethink that Firefox is just a product or software developed by Mozilla, Mozilla is not only about Firefox. However, Mozilla stands and exists with a much broader mission and vision.” I don’t know that what I explained is up to point or not but I tried and expressed my view ‘Openly’ that is also an integral part of Mozilla’s mission.

img_20160828_103542

In a nutshell, the restructuring idea that was proposed during the meetup is going to be very effective and able to fulfill the vision of our community. However, the success lies in its successful implementation and working in real time scenario. This event gave me a great platform and opportunity to meet new Mozillians and sharing my views with them. I enjoyed these three days to my fullest and bags the title for being “Happy Moments” in my life.

mozillaindia_meetupvibhanshuchaudhary

Moz TechKnack’16

NIET firefox club poster1

This time I got late blogging my event TechKnack’16 organized by NIET Firefox Club in association with Mozilla Reps and Noida Institute of Engineering & Technology, Greater Noida. The event was organized on 26th February 2016. It was a full day event in which many workshops and contests were held.So, I should describe this huge event line by line. 🙂

All the participants, event organizers, coordinators and college officials (Director, HODs, Dean, Advisors & Faculty members) gathered in Auditorium of CSE Department. Crowd of participants and attendees motivated us to rock the event. The event got started with the lamp lighting ceremony by the college officials.It was a great moment of us. Two of our club FSAs started introduction of FSA program, club, Mozilla and awesome opportunities in the FSA program ahead. After 5 mins , I joined them and spoke up on Open Source and Mozilla and inspired the presentees to join the FSA program.I was feeling proud saying that Mozilla Firefox is the most secured browser on the web with availability in Indian languages also.One thing which made the event a huge success and influenced the students was the video message from our very known Faye Tandog (Mozilla Phillipines). She did talk about FSA program and endless opportunities after joining the global FSA program. She also talked about Mozilla’s mission and vision. I really appreciate her for her awesome video message and supporting our event with precious words.  I gave a vote of thanks to HOD sir for giving immense support in organizing this event and making the resources available.In the end, I presented him a Mozilla bag in the form of appreciation for his valued support and contribution.

Now the Director , HODs and Dean were invited on the stage one by one to say few words about our event. I personally liked the speech of our HOD(CSE) Dr. C S Yadav because they related our club with Mozilla and Open Source in the best possible way and also he gave a tagline for us “To the Students, From the Students”. Now, one club coordinator communicated the agenda for the event that how will be go through the whole event.

Event consisted of three workshops on J2EE & Web Hosting and Ethical Hacking and one coding contest in the second half which was mandatory for all participants.Workshop trainers introduced Light Beam in all computer labs and told the benefits of using it. Participants also downloaded Firefox on their Android phones also. On the next day, winners of coding contest were declared. I distributed Mozilla swag and trophies to all the winners and runner ups. Participants were spotted very enthusiastic and excited that day.

The agenda for the event can be found on the following link :

https://reps.mozilla.org/e/techknack16-niet-firefox-club/

I would like to thank Mozilla Representative Bala Subramaniyan without whose valued support and help this event might not be possible. Or I may say that Bala is the person behind the successful completion of our event.He is really a good friend and mentor. I would thank Faye Tandog for his special video message. Last but not least, thanks to all event coordinators and participants.

Event pics is available on the following link : https://goo.gl/p4D5dM

Privacy Seminar @ Mozilla Noida Community

MozillaNoidaCommunity1The seminar on Privacy was organized by NIET Firefox Club cum Mozilla Noida Community on 31th January, 2016. It was held under the Privacy Month campaign which is hosted by Mozilla every year in month of January.

IMG_1051

28th January is celebrated as International Data Privacy Day every year. In today’s scenario where cyber crimes, privacy & security breaches and data stealing have become an trend and craze among the youth and hackers, the concept of Data Privacy is of utmost importance and should be taught everywhere in the world. To support this concept, an initiative has been taken by Mozilla under which month of January is celebrated and considered as Privacy Month. A lot number of FSAs and Mozillians around the world support this initiative by teaching privacy basics and tools to protect and safeguard their data and privacy.

vibhanshuchaudharyfsa

This seminar was kick started by me as a Club Lead by introducing the definition of security and privacy. A few questions was raised by me about data privacy and hacking. Firstly , I started with the reasons that why Mozilla Firefox browser is the most secured browser among all available browsers on the web. Privacy basics were taught in which attendees were made aware about how their data is stolen and privacy is violated on the web and ending up privacy basics by teaching ways to create more secured passwords.

Then a detailed session was taken by me on Lightbeam which is a very good tool to track your protection and to ensure safe surfing of Internet. I introduced the concept of third party sites and how we access them indirectly every time we access a website or a web link. Third party sites are mainly responsible for breaching your security and stealing your confidential information.

IMG_1056

VibhanshuFSA

IMG_1022

IMG_1017

IMG_1080

In this session, participants were made aware of the various ways by which our personal and private data is tracked and breached. Different ways for preventing security breach were also taught such as using Private Browsing Window, activating “Do Not Track Me” feature and using Lightbeam add-on. Then,  some questionaries were raised by me about “HTTP vs HTTPS”. Brilliant answers came from the participants.

IMG_1029

IMG_1489

This seminar continued for 3 hours in which mostly each and every aspects of privacy and security was taught and showcased by me. A great enthusiasm was also seen among participants about this seminar and privacy. I would like to thank all the respective club coordinators, HOD Sir and venue coordinator for providing all the required resources.