1

00:00:00,150 --> 00:00:05,760

High students in this theater all we're going to go ahead and create another Android application.



2

00:00:05,760 --> 00:00:06,590

So just click on this.



3

00:00:06,600 --> 00:00:11,200

Start in your Android studio project and then for the application name just they've been here.



4

00:00:11,200 --> 00:00:12,880

App 64.



5

00:00:13,290 --> 00:00:16,650

And then here you can specify the company domain package name.



6

00:00:16,770 --> 00:00:23,130

And here we can specify the project location and then click on next and here for the minimum SDK choose.



7

00:00:23,130 --> 00:00:30,660

AP 18:19 Android 4.4 keep chat and as you can see here choose phone and tablet right and then click



8

00:00:30,660 --> 00:00:32,790

on next and here.



9

00:00:32,970 --> 00:00:35,470

Just choose the MCE activity next.



10

00:00:35,670 --> 00:00:36,610

And then here.



11

00:00:36,720 --> 00:00:38,070

Just click on finish.



12

00:00:38,460 --> 00:00:41,220

So now it's going to actually create the project for us.



13

00:00:41,220 --> 00:00:45,240

So now as you can see here our application is actually created.



14

00:00:45,240 --> 00:00:51,450

So now let me actually opened a web browser and then just put this you are inside the address bar of



15

00:00:51,450 --> 00:00:54,660

your browser and then you will be guided to this page.



16

00:00:54,660 --> 00:00:56,370

Firebase that Google dot com.



17

00:00:56,650 --> 00:01:04,640

And then here at the top click can go to console and it is going to actually guide us to this page.



18

00:01:04,790 --> 00:01:08,010

That firebase that Google dot com.



19

00:01:08,010 --> 00:01:10,850

So now we can actually see our products here.



20

00:01:10,950 --> 00:01:16,800

So let's go back to our Android studio and now just click on Tools here at the top and then click on



21

00:01:16,800 --> 00:01:21,550

firebase And it here is going to actually show us the assistant.



22

00:01:21,560 --> 00:01:28,000

And now click on this real time database here and here just click on this save and retrieve data.



23

00:01:28,620 --> 00:01:33,780

And first of all we need to actually connect our application absolutely fall to the firebase.



24

00:01:33,780 --> 00:01:37,360

So that's really what this button here connected to for to firebase.



25

00:01:37,740 --> 00:01:40,920

And here as you can see it's showing us this window.



26

00:01:41,100 --> 00:01:44,060

So here to actually create new firebase project.



27

00:01:44,070 --> 00:01:47,340

And as you can see here the application is at 64 right.



28

00:01:47,400 --> 00:01:54,180

And here you can specify the country or region and Italy can connect to firebase So let's actually raise



29

00:01:54,240 --> 00:01:58,110

a little bit here so here as you can see here we have two messages.



30

00:01:58,110 --> 00:02:05,400

The first one is saying connect to firebase and the second one it says protect firebase project created



31

00:02:05,700 --> 00:02:08,320

and connected it locally to Mudgal app.



32

00:02:08,600 --> 00:02:11,880

And now as you can see here it says connected right.



33

00:02:11,940 --> 00:02:16,700

So now we need to do the second step at the real time database to your app.



34

00:02:16,770 --> 00:02:17,380

Right.



35

00:02:17,430 --> 00:02:26,250

So now just click on the spot in here at the real time database your app and then click on accept changes.



36

00:02:26,250 --> 00:02:33,090

So again we should wait a little bit here and now we successfully added the actual realtime database



37

00:02:33,330 --> 00:02:34,150

application.



38

00:02:34,290 --> 00:02:36,560

So analysis actually collapsed this assistant.



39

00:02:36,570 --> 00:02:40,740

So just click on this assistant panel here at the right hand side.



40

00:02:40,770 --> 00:02:45,920

So now first of all we need to actually design the user interface of our application.



41

00:02:45,930 --> 00:02:51,540

So here you can just double click on the source folder here and then double click on the left folder.



42

00:02:51,720 --> 00:02:55,840

And here just double click on this activity underline made that example.



43

00:02:56,100 --> 00:03:00,930

So now let me actually just double click on this tab here in order to make this area wider.



44

00:03:00,960 --> 00:03:06,530

So first of all let's just delete this hello world that takes you here and now.



45

00:03:06,660 --> 00:03:12,820

So first of all let's actually track a linearly out vertical into this relatively out here.



46

00:03:12,840 --> 00:03:18,720

So now inside this palette section just scroll down here and inside these layouts there as you can see



47

00:03:18,720 --> 00:03:20,310

we have these layouts.



48

00:03:20,310 --> 00:03:27,000

So just select this one linearly out vertical and then just select it and drag it here and put it at



49

00:03:27,000 --> 00:03:28,030

the center.



50

00:03:28,080 --> 00:03:33,100

As you can see here just put it at the center of linearly out vertical.



51

00:03:33,570 --> 00:03:39,630

And now let's actually drag our linearly out horizontally into this linearly.



52

00:03:39,630 --> 00:03:40,340

I swear to god.



53

00:03:40,440 --> 00:03:47,130

So again inside this layout folder just select this one linearly and horizontal here and put it here



54

00:03:47,550 --> 00:03:51,060

and just put it inside these linearly out protocol.



55

00:03:51,480 --> 00:03:57,960

And here as you can see inside is componentry section at the bottom left hand corner as you can see



56

00:03:57,960 --> 00:03:58,690

here.



57

00:03:59,190 --> 00:04:01,710

We have this linearly out vertical.



58

00:04:01,710 --> 00:04:04,850

First we have this relatively arthritis activity under the line.



59

00:04:05,130 --> 00:04:11,400

And then we have this linearly as vertical and Enceladus linearly outwards because we have this linearly



60

00:04:11,400 --> 00:04:12,740

old horizontal right.



61

00:04:12,810 --> 00:04:18,020

So just selectees linearly and horizontal and in say the properties section.



62

00:04:18,150 --> 00:04:24,850

So for the Left Feet just leave it as default match underlaid parent match parent.



63

00:04:24,990 --> 00:04:30,840

But for the lay out height just put just truth of wrap content as you can see here.



64

00:04:30,870 --> 00:04:31,360

Right.



65

00:04:31,470 --> 00:04:34,380

For the layout height choose that up content.



66

00:04:34,380 --> 00:04:39,350

And now let's actually track our text view.



67

00:04:39,360 --> 00:04:45,090

So inside this palette section and inside this visit's folder just select this text view here and drag



68

00:04:45,090 --> 00:04:51,510

it here and just put it here inside this componentry section and just put it inside this linearly out



69

00:04:51,510 --> 00:04:52,470

horizontal.



70

00:04:52,620 --> 00:04:57,690

And now as you can see here if we actually open this linearly out or is at work here as you can see



71

00:04:57,690 --> 00:04:59,950

we have this little triangle here right.



72

00:05:00,090 --> 00:05:05,910

So if I click on this little triangle here we have this takes view so this linearly out horizontal.



73

00:05:05,910 --> 00:05:06,590

Right.



74

00:05:06,630 --> 00:05:12,440

So just selectees takes a view here and here inside the properties section.



75

00:05:12,450 --> 00:05:16,860

You don't have to actually to change the ID because we're not going to interact with this takes you



76

00:05:16,860 --> 00:05:18,200

from our top coats.



77

00:05:18,360 --> 00:05:22,250

But let's actually change the text attribute of the state's view.



78

00:05:22,470 --> 00:05:27,600

So here just select this takes you here and just type in here.



79

00:05:27,600 --> 00:05:31,460

Computer Name Right.



80

00:05:31,530 --> 00:05:34,800

And that person entered key on your keyboard.



81

00:05:34,860 --> 00:05:42,290

So now as you can see here the layout of this takes you ease up content and delay at height of these



82

00:05:42,290 --> 00:05:44,010

takes you is also the app content.



83

00:05:44,040 --> 00:05:44,490

Right.



84

00:05:44,610 --> 00:05:49,970

So now let's actually write an edit text into this linearly or horizontal.



85

00:05:50,040 --> 00:05:55,920

So here inside this palette section and inside these text fields folder or just select this plane takes



86

00:05:55,920 --> 00:06:01,440

here and just drag it here into this componentry section and put it here below.



87

00:06:01,460 --> 00:06:03,930

This takes you right.



88

00:06:03,990 --> 00:06:09,630

Just put it here inside this linearly or horizontally and below this takes you right and now as you



89

00:06:09,630 --> 00:06:14,270

can see here this eddy takes is actually Enceladus linearly and horizontal.



90

00:06:14,460 --> 00:06:21,860

And actually it is below this takes you as you can see here because this is actually a linear linearly



91

00:06:21,870 --> 00:06:22,860

out horizontally.



92

00:06:22,950 --> 00:06:25,650

First we have this text view.



93

00:06:25,800 --> 00:06:28,860

And as you can see here after this this view we have this eddy takes.



94

00:06:29,160 --> 00:06:34,860

So the linearly add horizontal is going to actually position the components linearly horizontally and



95

00:06:35,250 --> 00:06:36,680

in a linear path.



96

00:06:36,810 --> 00:06:37,420

Right.



97

00:06:37,590 --> 00:06:45,010

So now let's actually track just a selectees Eddy takes here for the attributes just in here it is the



98

00:06:45,420 --> 00:06:48,860

computer name.



99

00:06:49,350 --> 00:06:55,130

And that person in Turkey on your keyboard and the lay out which should be wrapped contents and height



100

00:06:55,130 --> 00:06:56,630

should be wrapped content.



101

00:06:56,840 --> 00:07:01,240

And as you can see here the input type it is ok takes the person name.



102

00:07:01,310 --> 00:07:06,050

And here as you can see for the text attribute just it this name here.



103

00:07:06,620 --> 00:07:08,690

And here we have this attribute.



104

00:07:08,720 --> 00:07:17,390

So here just typing enter computer name into a computer name dot dot dot and then person enter on your



105

00:07:17,390 --> 00:07:18,200

keyboard.



106

00:07:18,260 --> 00:07:23,950

And now let's actually try and order linearly out horizontal into this linearly elsewhere.



107

00:07:24,170 --> 00:07:30,440

So Enceladus layouts wonder as you can see we have this linearly out horizontal right just selected



108

00:07:30,830 --> 00:07:37,640

and just right here into this componentry section and just put it here into this linearly out vertical



109

00:07:37,640 --> 00:07:37,870

here.



110

00:07:37,880 --> 00:07:38,350

Right.



111

00:07:38,540 --> 00:07:43,050

As you can see now I can just put it here inside this linearly out vertical.



112

00:07:43,550 --> 00:07:50,540

And now as you can see here this linearly at horizontal inside this componentry section is below this



113

00:07:50,810 --> 00:07:53,040

one that I actually added here.



114

00:07:53,060 --> 00:07:53,560

Right.



115

00:07:53,750 --> 00:07:59,700

So just let's actually track it here and put it below this one below this linearly and horizontal.



116

00:07:59,900 --> 00:08:06,020

So now we have this linearly out horizontal that actually contains these two components right.



117

00:08:06,260 --> 00:08:12,690

And below is linearly or horizontally we have this one linearly horizontal which we added here.



118

00:08:12,740 --> 00:08:16,090

So now just select it linearly and horizontal.



119

00:08:16,310 --> 00:08:21,520

And again for the lay out height just select wrap content.



120

00:08:21,560 --> 00:08:26,250

And now let's actually derive a text view into this linearly and horizontal.



121

00:08:26,300 --> 00:08:30,890

So just select takes you here inside this widgets folder and put it here.



122

00:08:31,110 --> 00:08:39,130

So this linearly out Hawley's after that we added here now and now just to open this linearly of horizontal



123

00:08:39,140 --> 00:08:43,590

here as you can see we have these takes you inside Enceladus linearly or these are two right.



124

00:08:43,700 --> 00:08:50,260

And for the ID attribute of this takes you will either have to actually again change this idea because



125

00:08:50,360 --> 00:08:56,000

you don't want to actually interact with this takes view from our job codes but for the text attribute



126

00:08:56,450 --> 00:09:07,820

just typing in here computer computer power right and in person and key on your keyboard and here as



127

00:09:07,820 --> 00:09:12,220

you can see we can actually put a colon at the end of this value of computer power.



128

00:09:12,350 --> 00:09:17,340

So just select it and put a colon at the end of this value and that person it'll be on your keyboard.



129

00:09:17,540 --> 00:09:23,780

Let's let's actually put a call in for this computer name just select this computer name here and put



130

00:09:23,870 --> 00:09:28,600

a colon at the end of this text and then press an entity on your keyboard.



131

00:09:28,610 --> 00:09:34,810

So now as you can see here we actually specified a text value for this text of your computer power.



132

00:09:35,060 --> 00:09:41,510

So now let's actually track a text field actually and edit text into this linearly and horizontal.



133

00:09:41,780 --> 00:09:43,760

So Insley this takes Will's folder.



134

00:09:43,970 --> 00:09:48,450

Let's actually select this plain text here and just track it here and put it below.



135

00:09:48,470 --> 00:09:50,140

This takes you here.



136

00:09:50,390 --> 00:09:54,650

This takes you two and actually the inside is linearly or horizontally.



137

00:09:54,650 --> 00:09:56,590

So just put it here.



138

00:09:56,820 --> 00:10:02,580

And now as you can see here this takes is here right after this takes you right.



139

00:10:02,600 --> 00:10:07,820

So again because we are putting these two user interface components This takes you and this edit text



140

00:10:08,160 --> 00:10:10,520

inside are linearly and horizontal.



141

00:10:10,670 --> 00:10:18,820

These components are actually positioned linearly in a horizontal path so just selecting edit text here



142

00:10:18,830 --> 00:10:19,930

it takes two.



143

00:10:20,390 --> 00:10:28,970

And for the ID just tape selected here and just type in here it is computer power and then person enter



144

00:10:28,970 --> 00:10:36,710

key on your keyboard and the out with should be content of how it should be for content and for the



145

00:10:36,710 --> 00:10:40,990

name the attributes just selected and deleted this value name here.



146

00:10:41,150 --> 00:10:45,440

And for the hint attribute here just selected and just type in here.



147

00:10:45,450 --> 00:10:52,910

Enter computer power dot dot dot and in person and key on your keyboard.



148

00:10:53,030 --> 00:10:57,900

First of all let's actually drag linearly and horizontal here.



149

00:10:58,070 --> 00:11:02,580

So inside these layouts folder we have this linearly at horizontal right.



150

00:11:02,720 --> 00:11:05,720

So just selected and again.



151

00:11:05,720 --> 00:11:09,650

First let me just collapse these two linearly outs here as you can see.



152

00:11:09,740 --> 00:11:14,680

Just click on this little triangle here so that it does linearly and is actually close.



153

00:11:14,690 --> 00:11:15,150

Right.



154

00:11:15,200 --> 00:11:22,490

And then again click on this little triangle here in order to close these two linearly outs because



155

00:11:22,500 --> 00:11:27,270

we want to actually add another linearly outs and we don't want to mess things up here.