High students in this theater all we're going to go ahead and create another Android application.
So just click on this.
Start in your Android studio project and then for the application name just they've been here.
App 64.
And then here you can specify the company domain package name.
And here we can specify the project location and then click on next and here for the minimum SDK choose.
AP 18:19 Android 4.4 keep chat and as you can see here choose phone and tablet right and then click
on next and here.
Just choose the MCE activity next.
And then here.
Just click on finish.
So now it's going to actually create the project for us.
So now as you can see here our application is actually created.
So now let me actually opened a web browser and then just put this you are inside the address bar of
your browser and then you will be guided to this page.
Firebase that Google dot com.
And then here at the top click can go to console and it is going to actually guide us to this page.
That firebase that Google dot com.
So now we can actually see our products here.
So let's go back to our Android studio and now just click on Tools here at the top and then click on
firebase And it here is going to actually show us the assistant.
And now click on this real time database here and here just click on this save and retrieve data.
And first of all we need to actually connect our application absolutely fall to the firebase.
So that's really what this button here connected to for to firebase.
And here as you can see it's showing us this window.
So here to actually create new firebase project.
And as you can see here the application is at 64 right.
And here you can specify the country or region and Italy can connect to firebase So let's actually raise
a little bit here so here as you can see here we have two messages.
The first one is saying connect to firebase and the second one it says protect firebase project created
and connected it locally to Mudgal app.
And now as you can see here it says connected right.
So now we need to do the second step at the real time database to your app.
Right.
So now just click on the spot in here at the real time database your app and then click on accept changes.
So again we should wait a little bit here and now we successfully added the actual realtime database
application.
So analysis actually collapsed this assistant.
So just click on this assistant panel here at the right hand side.
So now first of all we need to actually design the user interface of our application.
So here you can just double click on the source folder here and then double click on the left folder.
And here just double click on this activity underline made that example.
So now let me actually just double click on this tab here in order to make this area wider.
So first of all let's just delete this hello world that takes you here and now.
So first of all let's actually track a linearly out vertical into this relatively out here.
So now inside this palette section just scroll down here and inside these layouts there as you can see
we have these layouts.
So just select this one linearly out vertical and then just select it and drag it here and put it at
the center.
As you can see here just put it at the center of linearly out vertical.
And now let's actually drag our linearly out horizontally into this linearly.
I swear to god.
So again inside this layout folder just select this one linearly and horizontal here and put it here
and just put it inside these linearly out protocol.
And here as you can see inside is componentry section at the bottom left hand corner as you can see
here.
We have this linearly out vertical.
First we have this relatively arthritis activity under the line.
And then we have this linearly as vertical and Enceladus linearly outwards because we have this linearly
old horizontal right.
So just selectees linearly and horizontal and in say the properties section.
So for the Left Feet just leave it as default match underlaid parent match parent.
But for the lay out height just put just truth of wrap content as you can see here.
Right.
For the layout height choose that up content.
And now let's actually track our text view.
So inside this palette section and inside this visit's folder just select this text view here and drag
it here and just put it here inside this componentry section and just put it inside this linearly out
horizontal.
And now as you can see here if we actually open this linearly out or is at work here as you can see
we have this little triangle here right.
So if I click on this little triangle here we have this takes view so this linearly out horizontal.
Right.
So just selectees takes a view here and here inside the properties section.
You don't have to actually to change the ID because we're not going to interact with this takes you
from our top coats.
But let's actually change the text attribute of the state's view.
So here just select this takes you here and just type in here.
Computer Name Right.
And that person entered key on your keyboard.
So now as you can see here the layout of this takes you ease up content and delay at height of these
takes you is also the app content.
Right.
So now let's actually write an edit text into this linearly or horizontal.
So here inside this palette section and inside these text fields folder or just select this plane takes
here and just drag it here into this componentry section and put it here below.
This takes you right.
Just put it here inside this linearly or horizontally and below this takes you right and now as you
can see here this eddy takes is actually Enceladus linearly and horizontal.
And actually it is below this takes you as you can see here because this is actually a linear linearly
out horizontally.
First we have this text view.
And as you can see here after this this view we have this eddy takes.
So the linearly add horizontal is going to actually position the components linearly horizontally and
in a linear path.
Right.
So now let's actually track just a selectees Eddy takes here for the attributes just in here it is the
computer name.
And that person in Turkey on your keyboard and the lay out which should be wrapped contents and height
should be wrapped content.
And as you can see here the input type it is ok takes the person name.
And here as you can see for the text attribute just it this name here.
And here we have this attribute.
So here just typing enter computer name into a computer name dot dot dot and then person enter on your
keyboard.
And now let's actually try and order linearly out horizontal into this linearly elsewhere.
So Enceladus layouts wonder as you can see we have this linearly out horizontal right just selected
and just right here into this componentry section and just put it here into this linearly out vertical
here.
Right.
As you can see now I can just put it here inside this linearly out vertical.
And now as you can see here this linearly at horizontal inside this componentry section is below this
one that I actually added here.
Right.
So just let's actually track it here and put it below this one below this linearly and horizontal.
So now we have this linearly out horizontal that actually contains these two components right.
And below is linearly or horizontally we have this one linearly horizontal which we added here.
So now just select it linearly and horizontal.
And again for the lay out height just select wrap content.
And now let's actually derive a text view into this linearly and horizontal.
So just select takes you here inside this widgets folder and put it here.
So this linearly out Hawley's after that we added here now and now just to open this linearly of horizontal
here as you can see we have these takes you inside Enceladus linearly or these are two right.
And for the ID attribute of this takes you will either have to actually again change this idea because
you don't want to actually interact with this takes view from our job codes but for the text attribute
just typing in here computer computer power right and in person and key on your keyboard and here as
you can see we can actually put a colon at the end of this value of computer power.
So just select it and put a colon at the end of this value and that person it'll be on your keyboard.
Let's let's actually put a call in for this computer name just select this computer name here and put
a colon at the end of this text and then press an entity on your keyboard.
So now as you can see here we actually specified a text value for this text of your computer power.
So now let's actually track a text field actually and edit text into this linearly and horizontal.
So Insley this takes Will's folder.
Let's actually select this plain text here and just track it here and put it below.
This takes you here.
This takes you two and actually the inside is linearly or horizontally.
So just put it here.
And now as you can see here this takes is here right after this takes you right.
So again because we are putting these two user interface components This takes you and this edit text
inside are linearly and horizontal.
These components are actually positioned linearly in a horizontal path so just selecting edit text here
it takes two.
And for the ID just tape selected here and just type in here it is computer power and then person enter
key on your keyboard and the out with should be content of how it should be for content and for the
name the attributes just selected and deleted this value name here.
And for the hint attribute here just selected and just type in here.
Enter computer power dot dot dot and in person and key on your keyboard.
First of all let's actually drag linearly and horizontal here.
So inside these layouts folder we have this linearly at horizontal right.
So just selected and again.
First let me just collapse these two linearly outs here as you can see.
Just click on this little triangle here so that it does linearly and is actually close.
Right.
And then again click on this little triangle here in order to close these two linearly outs because
we want to actually add another linearly outs and we don't want to mess things up here.