Media Bricks by Appmaker for Firefox OS

You can easily predict that Media Bricks are the most awesome bricks among all the bricks we have seen before. It is really cool than any other. The awesome list of the Media bricks are as follows.

  • Button Grid
  • Camera
  • Drawing Canvas
  • Line Graph
  • NoteBook
  • To-do List
You can see all are some of the awesome elements and we need them in our daily life almost. So it is more interesting than any other.
Button Grid
Here we can have Grid of button say N * M buttons. We can give name to each and every button. The naming starts from top left and ends in the bottom right. We can also capture upto 1st 9 buttons tapped, and also for each and every button we can get the index and also the value which we have give. For the buttons colors we have color palette. And there is also color for text.

Camera
It is used for capturing the photo with the help of the Webcam. We can also send the captured photo as a output.
Drawing canvas
It is used to draw some rough sketches. We can give the height of the drawing area and also we can increase the size of the brush. After we finish our drawing we can also make it read only.
Note Book
It is used to take down the important things which we would like to write down.  We can change the background color and notes color.  We can give various action like new page, next page, previous page, delete page, write text, give image and add HTML. It is an interesting thing in this section.
To-do List
It is used to write down the list of things we would like to write and then after we finish we can make it done. The input is usually the text which has to be done, and the output is which is finished.
Line graph
It is used to generate a simple line graph with the help of various input number.
Advertisements

Audio bricks by app maker for Firefox OS apps

Previously we have seen about the Fun bricks are app maker for Firefox OS apps now in this post will be discussing about the Audio bricks. There is not much difference between both of them, only slight difference is there. We can see the list of Audio bricks 
  • Audio Clip
  • Cow bell
  • Kick drum
  • Metronome
  • Microphone
  • Sequencer
  • Snare Drum
Among this we have seen many previously. So i would like to redirect you to the previous blog post for some of the bricks, so we can avoid repetition.
We can learn more about Cow bell, Kick drum and Snare Drum in our Fun bricks by Appmaker for Firefox OS apps
We can learn more about Metronome in Basic bricks in Appmaker for Firefox OS
We can learn now more about Audio Clip, Microphone and Sequencer.
Audio Clip
It is used to give the source of a mp3 and play it when we receive the signal. Before starting publishing we can set the source of the sounds,label for sounds, audio play back rate, background color, volume level. With the help of the button action we can Play,pause,stop the audio or else we can also set the source of the audio.
Microphone 
It is used to capture the sound through mic and send the sound as a signal to different sources.
Sequencer
It is used to produce 5 different types of sounds. At a single time we can make upto 5 sound signals,  for every 4 cycles the sound is started again.

Fun bricks are app maker for Firefox OS apps

Without fun it is very difficult to stay in this world. We can all do lot of funny things with the help of this we can have lot fun based apps. The common bricks in this section are as follows

  • Cowbell
  • Fireworks
  • Hot Potato
  • Jazz Hands
  • Kick Drum
  • Metonome
  • Snare Drum
  • Cow bell
    It is used to produce the sound of the cow bell. We can also increase the Volume and can also change the background color and the color of the Cow bell.

    Fire works
    It is used to produce the fireworks sounds. We can set the number of rockets which has to be shown, then we can give the input to shoot the rockets and also we can give the type of the sound with which the rocket should blast.

    Hot Potato
    It is widely used for sending the signals at a random time between two number, we will set the maximum and minimum number, between that the signals are sent.

    JazzHands
    It is used to show the hand movement effect. We can give 3 types of input for this, either we can make both hands to shake, or only right hand or only left hand. We can also change the background color of the picture.

    Kick Drum
    It is very similar to the cow bell. But the only major difference between both is here we will be producing the drum sound which is produced when we kick on drum there we will have cow bell sound.

    Metronome
    Already we have seen about Metronome in one of our previous post.

    Snare Drum
    It is very similar to the Kick Drum. But the only major difference between both is here we will be producing the drum sound which is produced when we hit on drum there we kick on drum.

Connection bricks of Appmaker for Firefox OS

In this post we will be seeing about the Connection bricks which are available for developing the application. They don’t do much work, they receive the signal and depending on the behavior they have they will be giving the signal output in different manner.

The list of Connection bricks are as follows.
  • Alternating Gate
  • Boolean Gate
  • Channel combiner
  • Channel Gate
  • Channel Splitter
  • Signal transformer
The usage of the Channel bricks will be mostly seeing during our digital logic class room. The things which we did there can be easily built here also.

Alternating Gate
Here we will be receiving the signal from a source and then we will be having 2 gates to send the two different output signals. We can also set the number of times before each switch should happen.
Boolean Gate
It is used to check whether the value we received matches with the value we have told to check with. The value we need to check is given under Check if
Channel Combiner
It will get the input and combine to one output. It has the ability to get 2 to 6 inputs and give it to one output source. The outputs will be based on First come First serve basis. If two inputs came then the input which came first will goto output first and others follow it. The time gap is also in simple milli-seconds.
Channel Gate
It will receive a single input and can send output upto 6 channel. It is in one way similar to Alternating gate, but Alternating Gate is automatic and changes periodically but here we have to change the input gate during the time of app running.
Channel Splitter
Here we can get 1 input and can give upto maximum of 6 output channel. It is opposite to the channel combiner.
Signal Transformer
It will be receiving the value and will be transforming the value as we would like to have. We can give the value which we would like to see in the Message property.

Number bricks by Appmaker for Firefox OS.

As the name suggest Number bricks are usually used to do counting and do manipulation on Numbers. It is one of the simplest bricks section we have in the Appmaker. All the bricks in this section is depended on other inputs usually a button input will make it good.
The 3 components in the Number bricks as follows
  • Counter
  • Daily Counter
  • Random number generator
Counter
It is widely used for counting the number of single we are getting. It can get 3 different inputs, count up, count down and then reset. It can send the counter value as output. We can also tell how it should get increment by. It is fixed.
Daily Counter
Daily counter is similar to Counter. It also can get 3 different inputs, count up, count down and then reset. It can send the counter value as output. But the difference is it will work for a small period of time, within that time limit all the increment and decrement is done.
Random Number Generator
It is used to generate a number between two different number. Say between a minimum number and maximum number. We can also make it to allow same number twice.
With this three bricks we can do many things, but it is dependent on other things. These bricks cannot independently be used. It needs to receive input source from bricks like buttons and to show the output it requires text box for sure. In our next post we can use basic bricks like text box and button to generate the output and give the input.

Firefox OS using Utility Components for Appmaker Part 2

In our previous blog post we have developed a App using Appmaker to show that Doing good is part of Mozillians. Before that we had a small introduction about Utility Components now we can see some other Utility components which we have missed. Previously we have missed
  • Metronome
  • Double Button
  • Spacer
  • Button
Any how we will be using some of the previously used components. Kindly read previous two post to know more about Utility bricks.
The first part of the application is Always header for us. Followed by that only we will use different things.
After header since we need more space we have used Spacer. We can easily increase the height of the space.
The we have place Metronome.  We can give upto 5 different inputs for this. The different inputs are Start ticking, stop ticking, Set Autostart, Set button increment, Set Beats Per Minute (BPM). In our application except BPM we will be using everything.
Followed by that we have Double Button. We can get two different output from this. Here we will not get any pop-up. And also we can’t pass any value. Only it is used to pass the action.
Below that is a Button which has the ability to send only one value when it is clicked.
Finally have used Text to tell what the application will be doing, and it will also have how to use it.
How the applications works
First we will be clicking the Button, we have used its output as one of the input of Metronome. We have used it to start Metronome automatically and also for setting the increment as 100.
So Metronome start. We can stop the Metronome by click the Stop button which is one of the button in Double Button, if we want to start again we can click Start button.
You can see the Application Link and be happy to Remix it any time.
Previous blog post we have seen what are the different components or bricks in Utility. The Utility components are awesome to build large number of interesting Firefox OS applications. – See more at: http://technoruler.blogspot.in/2014/07/firefox-os-using-utility-components-for.html#sthash.kEYlXOaY.dpuf

Previous blog post we have seen what are the different components or bricks in Utility. The Utility components are awesome to build large number of interesting Firefox OS applications. – See more at: http://technoruler.blogspot.in/2014/07/firefox-os-using-utility-components-for.html#sthash.kEYlXOaY.dpuf
Previous blog post we have seen what are the different components or bricks in Utility. The Utility components are awesome to build large number of interesting Firefox OS applications. – See more at: http://technoruler.blogspot.in/2014/07/firefox-os-using-utility-components-for.html#sthash.kEYlXOaY.dpuf
Previous blog post we have seen what are the different components or bricks in Utility. The Utility components are awesome to build large number of interesting Firefox OS applications. – See more at: http://technoruler.blogspot.in/2014/07/firefox-os-using-utility-components-for.html#sthash.kEYlXOaY.dpuf

Previous blog post we have seen what are the different components or bricks in Utility. The Utility components are awesome to build large number of interesting Firefox OS applications. – See more at: http://technoruler.blogspot.in/2014/07/firefox-os-using-utility-components-for.html#sthash.kEYlXOaY.dpuf

Firefox OS using Utility Components for Appmaker Part 1

Previous blog post we have seen what are the different components or bricks in Utility. The Utility components are awesome to build large number of interesting Firefox OS applications.

In our application we are first going to use some of Utility components in our next app we can use others. The components are

  • Header
  • Image
  • Button With Confirmation

    Button With Confirmation

    Button with Conformation

  • Text box
  • Text Input with Button

We already knew that Header is very Important for almost all the application. So we have Started with header and named it as We are Good. It is very well know all Mozillians are best and Good in contribution.

Below that we have placed the Image. As of now we have not given the source. So at first it will appear blank. We will get the image in future. Surely it is well know image.  Increase the height according to your need.

Below that is Text Input with Button.  The input which we give in the text box will go as output.

Placed a simple text box. With the instruction. The instruction is given in the Text area and the colour of the text is red you can change it to any
“Click Start You will get image by clicking Submit”

Below the Text box we have placed with Button with Conformation with the Label Click and Start and Conformation message as Shall We start. As of now didn’t change the colour of button. Then the value which will be set is the Image source path.

The flow of the application is also follows. The user is requested first to click on the Button with Conformation. A pop-up will come. If he accepts then the value is sent to the Text Input with Button. When he hits Submit the output will be going to Image, the output is Image source and it will be displayed.

App link to see. Feel free to remix and share with your Friends and make them happy.