Firefox Quantum Sprint – Mozilla Community Noida

The Mozilla Community Noida| NIET organised a sprint campaign on Firefox Quantum which is soon to be launched. The event as scheduled kick started at 9:30 am on the October 7th ’17 .
The event was initiated by Ms.Kirti Bharadwaj by welcoming the participants and a brief introduction about website testing and beta version of Firefox 57.

IMG_5360

The mainstream website testing was then edified in detail by Mr. Vibhanshu Chaudhary & Mr. Samriddha Prajapati . The event gave the students opportunity of testing websites on beta version of Firefox 57.

IMG_5361

The event gave an insight about the working of the beta version of Firefox 57 and basics of testing including running different websites on beta version of Firefox, finding the bugs and thereby reporting them. A detailed explanation was given on how to test websites along with examples. A large number of websites were tested along with participants showcasing the bugs they spotted and also reported the same on the official site .

IMG_5363.JPG

The event concluded at 12:30pm with participants having positive feedback for the event !
Happy learning!

IMG_5362

Advertisements

RAIN of RUST

The bright sunny day of September 16th 2017 marked the RAIN OF RUST. The Mozilla Club Noida|NIET members under the guidance of Mr. Vibhanshu Chaudhary ( Mozilla Representative), were all buckled up and prepared to dispense the skill on RUST language.

IMG_8474.JPG

The Workshop started at 9:30 am and was initiated by Mr. Prakhar Varshney with a initial introduction followed by the mainstream workshop headed by Mr.Ashish and Mr.Samriddha Prajapati. The workshop gave a detailed view about What,Why and How RUST is the language of tomorrow’s technological development.The event started with  a “HELLO WORLD ” example and then diving into the intricate details of syntax, keywords, functions, looping and libraries of the language so as to give a proper insight to the subject.

IMG_8491.JPG

With an interactive session the participants were involved in the workshop. On counting over the numerous fringe benefits of RUST the speakers gave a comprehensive lecture over the usage of RUST in different aspects. The questionnaire session was  run to clear the doubts of the students and get their feedback regarding the workshop.

IMG_8514.JPG IMG_8537.JPG

 

 

 

 

Further with the discourse of the Dr. Ajay Kumar Sir ( Director ), Dr. CS Yadav ( HOD CS Dept.) and Dr. Somesh Kumar ( HOD IT Dept.), the participants as well as the Mozilla Club volunteers were encouraged to organize more such tech-workshops to bridge the gap between the academic learning and market demands.

IMG_8567.JPG IMG_8536.JPG

The workshop concluded at 1:00 pm and everyone applauded the event since this workshop taught them something that’s new, interesting and fruitful in their career.The workshop ended with participants satisfied and happy with the workshop but it also created a  sense of inquisitiveness to learn more about RUST.

IMG_8574.JPG

 

RUST ‘101’

Over the past few weeks I’ve been fantasizing about rust as a system programming language and was just curious to know more about how flexible it is. Then I thought of sharing the knowledge with some more people and hence to get a couple of hands involved in this language. There was no other better option than giving out a free workshop for this language. Moreover I was much excited to tackle out the question and answers.

What and how does it works

I assure that anyone can learn and get hands on with rust in within a couple of days. This includes all the basics of this language and a complete overview of the internal features. Apart from the package of this you get a bunch of libraries which you can explore until you get tired of it.

Metrics Expectations

Students attended the workshop : 60+

Students who were not known to rust : ~55

Students who came to know about the rust : 60

Event success and response according to students who attended : Excellent

Covering the Basics

1 (1)

Three days are enough to get a basic overview of the language. There is not a need to go through each and every library. The only thing which you need to concern about is the keywords and the features. Explore the keywords and a feature-full system programming language which also enables working one the website more efficiently by providing a rich set of libraries. The event started with just a hello world example to students to showcase the basics of keywords, functions and parameters which it takes. The event carried on with constructing simple functions which carried 2 parameters and some examples were taken from rustbyexample.com .

1 (64)

 

Having a Flexible Course Material during the workshop

Carrying forward the workshop there came a point where people were upset because they were unable to get the complex structure on which rust is based. Pupil were even getting confused in passing the parameters to the function and it was getting hard for me to just showcase and make them understand how the workshop could be more fruitful if they had been a little quite.Further data structures were explained using rust and the workshop came to end just when a random student asked that how rust can be used to build websites and I started looking for an answer to satisfy him. After some reading some documentation and getting the docs of rust made my answer reasonable to be satisfied for the guy.

1 (62)

Conclusion

In the end, there was a generic feedback about the event and it almost everyone applauded for this event since they came to know about a technology which was unknown to them. Most of the pupil left the room with a happy face!

There were a charm in everyone and people were fascinated about rust.

Thanks Mozilla 🙂

MozCoffee V1.0

IMG_1061

In the midst of sun showers , the Introductory Informal meet of the Mozilla Club Noida was organised at 2:30 pm on August 19th. The meet was organised at Bistro 7,Greater Noida . All the members of the Mozilla Noida Community  which count upto 30 attended the meet.

IMG_1047

The meet was organised to bridge the gap between the newbies and the existing members and to provide them in depth knowledge of the community and it’s working, the main motive was to put emphasis on community building and how the new members could contribute in the development of the Mozilla Noida Community.The meet was to interact with the newly recruited volunteers and to exchange different views , ideas and outlook over the budding technologies. The techie environment was apt for all the volunteers to get updated about the trending technologies.

Mr. Vibhanshu Chaudhary shared his experience of being a Mozillian and how this experience has helped him through his professional life  and the opportunities he had a catch on because of his continuous contribution towards the community. Also Mr.Samriddha, Ms.Kavya, Ms.Surbhi, Mr. Shubham gave an insight about the club’s past activities and the perks of being Mozillian and a contributor. They also introduced the Activate Mozilla Campaign to the newly recruited members. The major topics that were covered :

  • GitHub
  • RUST
  • Open source softwares
  • Coming up Workshops

Apart from this , recruited students chose different contribution domains in Mozilla according to their field of interest under the  categories of technical, non-technical , event managers and public coordinators. The budding new apps and technologies like GitHub , RUST , Bitcoin and WebVR were discussed in depth . A schematic insight on how to work over GitHub was  also provided.

The mood over coffee table was light-hearted and gave the chance to the new volunteers to interact and get along with the seniors. The strategies for the upcoming workshops and events were also discussed. The students were happy and contented with the event and were excited about the upcoming events. The meet came an end at 5:00pm with happy faces .

IMG_1029

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.

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