Image Editor in Firefox OS

The main aim of having smartphones for past few days is to take selfies. The amount of photos taken from Mobile and shared via Social media websites are very high. A mobile without camera will never be considered as Smartphone nowadays.

People expect lot of features in mobile phones, especially when it comes to Photos they expect to have an inbuilt image editor. There are such special features in the Firefox OS. We have in built image editor which will help us to edit out pic and share them.

Selecting an image to edit

First we need to take a image using normal Camera app. Then we have to open image from Gallery. After that we need to choose second button, which looks like a square with pencil and dot. After click we will be having 4 different options,

  1. Increase / Decrease Brightness.
  2. Cropping the image
  3. Adding Filter effects
  4. Auto enhance
Selecting auto enhance option
The auto enhance option will either increase or decrease image according to the need.
Then the filter option will allow you to choose 5 different filters, which will be changing the whole image color.
Then cropping will be having an option for manual cropping, then in some ratios 2:3, 3:2, and 1:1
Then we can increase / Decrease our image brightness accordingly.
Applying Filters
After that we need to click Done to save.
Then select the image which you have edited. Then select third button to share it, You can also save it as a wallpaper. Or can send mail, send via bluetooth.
Sharing option in Firefox OS
Edit your photos and share it and have fun.

Adaptive search only in Firefox OS

Searching the contents is one of the biggest thing we do every day. We need to know lot of information every time. We spend lot of working in searching some thing, many times what we search many not be displayed properly by some Search engine. 

Adaptive search in Firefox OS
We might have got the result, but have to save it and access it quickly (bookmark it) from our mobile, but these features are available only in browser till now. We were not able to create a shortcut in our home screen.
To make user experience easier and help users to access information easily Firefox have a search by default. This is called as Adaptive searching. Mozilla partnered with to achieve this.
Here we just need to 
  • Type a word or subject you’re interested in
  • Find exactly what you want — and more
  • Get instant access or save apps to your phone
  • Discover more web apps
How to use Adaptive Search
When you goto Home screen of Firefox OS, you can see I’m thinking of… click on that text area.
Type a word which you love and leave it. (Eg:- Sachin Tendulkar)
You will get lot of web applications related to your query.
Adaptive search in Firefox OS
 searching Sachin Tendulakar
One of the most interesting thing is the background of the screen will be changed according to your query. If you have searched for Sachin Tendulkar, the famous cricketer face will be coming as background.
To bookmark and reuse
To bookmark our query which we have used we just need to click on the star icon, it will change its colorless to yellow color star. An icon will be created in screen and whenever needed we can easily click the icon and access the variety of information available.
Adaptive search in Firefox OS bookmark
which can be used for accessing faster

Mozilla makes Smart Phone Affordable for All

Few days ago Smart Phones users are considered are awesome people and are usually considered as very rich. These people had each and every updates in their phones and rocked internet world.

Affordable Firefox OS

To break this barrier and enable everyone to use internet, Mozilla corporation started a new project for Mobile Operating system. This Mobile OS is named as Firefox OS. This OS is fully developed with the help of the Web technologies. The User Interface which we see is developed and apps are made up of HTML5, CSS3 and Javascript.

The main reason for making it affordable is using Linux. We all knew Linux is a open source kernel and we can change according to our need.

Why Web technologies
The main reason for Web technologies is that it does not require high end hardware to process them. So it was very easy for device manufactures to use simple hardware for using the OS and give their best.

Many apps which we need to develop does not need much hardware and it also dont need much memory space also. What the user interface is seen in Android or iOS we can easily bring here using CSS3 technologies. We need not use complex image editing software to do it.

And also for data manipulation is done with the help of Javascript. To run CSS3 or Javascript we dont need very big hardware we can easily run it with the help of simple browsers. The same concept is adapted in Firefox OS also.

The Operating System is not developed only by Mozilla employees but it is also written with Love by many contributors all over the world. Which is fully developed using Web technologies. The lower level i.e., Kernal level is developed using C.

We have more to know about Firefox OS

Appmaker Experience and My Love

After Mozcamp I came to know more about Appmaker. It is one of the interesting projects to me. Develop App without Code. Yes it is awesome. Recently I organised an event at SRM. Where I gave my talk on Appmaker. People loved to learn about it. Seriously everyone are eager to learn more about appmaker. We see participnats were eagerly developing apps for the whole day using Appmaker. And we have got 70 responses .

Some of my Blogpost contribution

To Learn more about bricks (explanation)
To Learn more about bricks (demo)
  • Utility brick  

But some of the Requirements sighted

  • Appmaker needs official Documentation and more examples as how each and every bricks can be used.
  • At some places there is a need to integrate with Back coding(but it will be against the aim like develop app without coding)
  • The header background needs some colors.
  • Lot of components needs pop-up as we have in Button with Conformation.
  • Sometimes we need to have a client server communication.
  • If possible Locale language support

Aaruush Firefox OS app days

This is one of the biggest Firefox OS hackathon we were expecting for a long time. The plan has been started three months back from May itself. And we were concentrating more on the Firefox OS development workshop.


We had a plan to give a session on Webmaker, then Appmaker and then would like to introduce about WebIDE for App development with coding. Nearly 10 Mozillians from different background and contributing to different projects of Mozilla Came.

  1. Naresh Kumar
  2. Vigneshwaran
  3. Sachin
  4. Mohankumar Duraiswamy
  5. Shashank
  6. Nikil
  7. Jerald
  8. Achyuth KP
  9. Franklin Francis
  10. Subhash

On Friday evening most of us reached the event place and we were received by Aaruush workshop organizer head ( Mahesh) and Firefox OS workshop organizers.

On Saturday morning we started our session. First we divided into two teams since they have arranged like for 250 in a room and another 200 in another room.
The day started with Spectrogram to make participants participate actively.  Then there was a introduction about various Webmaker tools like Thimble, X-ray Googlers and then Popcorn maker.
Then we gave some time for participants upto Lunch to do their makes and submit the makes so we can evaluate and give prize to the best make. It is really interesting to see people love webmaker and did their best. At the end of the day totally we had 99 makes
After lunch we started with the Appmaker session. It was one of the exciting session. People are very much excited to use Appmaker for developing interesting mobile applications without even single line of coding. To help developers with development previously blog post have been written about each and every bricks so they can understand them and can use easily. They were eagerly developing apps for the whole day. And we have got 70 responses . Every idea was interesting to hear and many did implementation. Some of the blogpost which shared with participants
Then there was introduction to Firefox OS and how to upload the apps to the marketplace. Then all continued their work and the day 1 ended at 5.00 PM.
Day 2
Then participants were eagerly waiting for the session on day 2 at 8.30 AM. Then we started with the different areas of contributions. Then we introduced about Firefox Students Ambassador club and we started a club at SRM. In parallel we give introduction to Bug fixing, WoMOZ, documentation and so on.
After few minutes we started with the introduction to WebIDE, and we were developing About me  app in step by step manner.  We had many experiments in this workshop like developing local language apps for Firefox OS, trying to use appmaker app in Firefox OS and so on.
Some of the interesting pictures
Other Blog post Related to event

Signing up in Firefox Marketplace first Time.

Today we would like to say more about how to sign in for Firefox Marketplace to upload their apps. It is pretty easy and is not much difficult when compared to other marketplaces.

First step is to visit

Then Click on Sign in which is in the right side of the window. Then you can easily see a pop-up comes.

Give the Email ID you would like to give.
Give the password which you would like to set for the Marketplace.
Conform the Password.
Then goto your mail box to see the mail you have received. And activate the,

As of now we have create the Marketplace account. Now we can see how to submit the application easily to the marketplace.
First step is you need to goto Marketplace developer HUB
Then click on Submit an App
Then in the next screen you will be getting the Terms and Conditions which you have to read yourself.
Select The App type and Ecosystem
In this section you will have to choose to which platforms would you like to support whether it is Firefox OS devices, Android Devices, Desktop. 
As of now if you choose paid it will be only for Firefox OS devices.
Then you should either upload your app if it is packaged app or else have to upload the mainfest file path if it is hosted app.
App Details
  • After you upload the name and description of the app will be automatically taken from mainfest file. If you love to edit you can also edit online itself.
  • See that your description will define well what your app will do, so it will be easy for users to know about your app and also to 
  • Select 2 categories.
  • Then tell privacy polices you follow for the particular app.
  • If the app use different home page other than mentioned give it.
  • Then give the support website and support mail so all can contact if there are any upgrades or improvements to be done or any support needed.
  • Tell whether there is a need for Flash support
  • Then add 3-5 images which are taken when the application was running.
Content Ratings
The very important section is this which will decide large target audience. Give the correct ratings. If anything found wrong, chances are there we want to get it again.
Then Reviewer will be testing out device and so we 

Simple presentation for whole process.

Example for Connection Bricks Firefox OS Appmaker

We have gone through how connection bricks work in our Connection Bricks  for Firefox OS blog post. With the help of the Connection bricks we can achieve a lot of things we would like to do. 
Here we would like to see some of the bricks and how they are acting when they are used. For our example we have used
  • Alternating Gate
  • Boolean Gate
  • Signal Transformer
  • Button
  • Text
  • Channel Gate
  • Channel Combiner
Alternating Gate.
Here we have used it to give the action which we get from the button. And we will send two different outputs to transformer.
Boolean Gate
Here it is used for Checking whether the value from the button is “Shoot Me”  or not.
Signal Transformer
It is used for changing the names of the buttons.
Channel Gate
We will receive the signal from the button and send it to Boolean Gate so if it is true we will set it to button. And in another channel we just receive and will not pass any where.
Channel Combiner
We will get both the inputs from the Boolean Gate and we will set the values to the Text box.
The follow of the application is as follows.
  • The user will be allowed to click the button.
  • At that time Gate A of Channel Gate will be active. So it will send the value to boolean to check since it will be true, true is set to button.
  • In case Gate B of channel Gate is active we will be sending the boolean output to the transformer, and the transformed values are send to the Channel Combiner it will set at the Text and also in the button.
You can look at the app for the demo, and feel free to remix at any time.