1 00:00:00,300 --> 00:00:06,420 So as you can see here our application is actually running on this emulator and now we need to actually 2 00:00:06,420 --> 00:00:09,060 create some user interface objects in sight. 3 00:00:09,060 --> 00:00:10,830 Our main activity class. 4 00:00:10,980 --> 00:00:17,200 So let's actually just go inside this class and I'm going to actually declare these objects here first. 5 00:00:17,260 --> 00:00:22,410 We need actually an edit text for this edit enter computer name right. 6 00:00:22,440 --> 00:00:31,860 So now I get to say edit text editor X EDT computer name semicolon. 7 00:00:31,950 --> 00:00:32,520 Right. 8 00:00:32,520 --> 00:00:38,310 So we're going to actually initialize our objects inside our uncreate Meffert here inside this class. 9 00:00:38,310 --> 00:00:43,080 We just want to declare them so the first object is EDT computer name. 10 00:00:43,200 --> 00:00:45,300 The second object is EDT. 11 00:00:45,300 --> 00:00:47,600 Computer power as you can see here. 12 00:00:47,790 --> 00:00:50,050 So now let's actually declare this object here. 13 00:00:50,080 --> 00:01:00,290 Eddie takes it is the computer power semicolon and the next object is a little computer speed. 14 00:01:00,420 --> 00:01:11,350 So it takes it it the computer speed semi-colon and the next object is a computer. 15 00:01:11,370 --> 00:01:16,760 So it it takes it the computer program 16 00:01:19,310 --> 00:01:23,460 semicolon the next object is a screen type. 17 00:01:23,540 --> 00:01:36,580 So it is text it it the screen type or it it's a computer screen type or it it the computer screen semicolon. 18 00:01:37,010 --> 00:01:40,410 And the next object is it the computer keyboard. 19 00:01:40,430 --> 00:01:51,800 So here I can say it it takes it it the computer keyboard semi-colon. 20 00:01:52,460 --> 00:01:58,740 And then of actually first let me just make this keyboard this virtual keyboard disappeared. 21 00:01:58,850 --> 00:02:00,180 And that is the next object. 22 00:02:00,200 --> 00:02:02,650 Is it a computer Sibiu. 23 00:02:02,660 --> 00:02:04,550 So here I can see it next. 24 00:02:04,760 --> 00:02:10,020 It is the computer CPQ semi-colon. 25 00:02:10,250 --> 00:02:11,980 So let's actually go inside this class. 26 00:02:12,040 --> 00:02:14,020 Inside these uncreate Smurfette. 27 00:02:14,390 --> 00:02:17,720 So now let's actually make this area right there. 28 00:02:17,750 --> 00:02:19,780 So here inside is uncreate Meffert. 29 00:02:19,910 --> 00:02:24,060 The first object that we need to initialize is this one idiotic computer name. 30 00:02:24,310 --> 00:02:26,850 So here I can't say it is your computer name. 31 00:02:27,110 --> 00:02:33,260 Assignment operator and then I need to recast this object to and it it takes object find view by ID 32 00:02:33,620 --> 00:02:37,600 or that ID that EDT computer name. 33 00:02:37,760 --> 00:02:42,840 And then at the end of our statements we need to put a semi-colon and the next object to that that Finnie 34 00:02:42,870 --> 00:02:43,850 to actually initialize. 35 00:02:43,850 --> 00:02:45,200 Is this one. 36 00:02:45,260 --> 00:02:46,820 Is the computer power. 37 00:02:46,820 --> 00:02:50,670 So here I can say it is the computer power semi-colon. 38 00:02:50,690 --> 00:02:56,580 And then I need to cast this object to and it it takes object find view by ID or that ID that it is 39 00:02:56,600 --> 00:03:00,930 the computer power semi-colon the next update. 40 00:03:00,940 --> 00:03:02,690 Is this what it is the computer's speed. 41 00:03:02,690 --> 00:03:07,520 So here I can say it is the computer speed assignment operator. 42 00:03:07,640 --> 00:03:14,620 And then I need to cast this object to an edit take subject find view ID or ID that EDT computer speed 43 00:03:15,650 --> 00:03:18,850 and then semicolon the next object is this one. 44 00:03:18,910 --> 00:03:20,140 It is the computer RAM. 45 00:03:20,180 --> 00:03:24,040 So EDT computer ram assignment operator. 46 00:03:24,200 --> 00:03:30,620 And then I need to cast this object to an edit text object find view by ID or ID that idiotic computer 47 00:03:30,870 --> 00:03:33,210 ram as you can see here. 48 00:03:33,440 --> 00:03:38,810 And then I need to put a semicolon at the end of my statement the next object is it is the computer 49 00:03:38,810 --> 00:03:39,230 screen. 50 00:03:39,230 --> 00:03:41,640 So here I can say it is the computer screen. 51 00:03:43,810 --> 00:03:51,280 Assignment operator and that task this object to and it it takes object so it detects the object find 52 00:03:51,280 --> 00:03:59,440 view by id artist Id that it is the computer screen as you can see here and then put a semicolon at 53 00:03:59,440 --> 00:04:03,360 the end of your statement the next object is it is the computer keyboard. 54 00:04:03,370 --> 00:04:07,440 So it is the computer keyboard assignment operator. 55 00:04:07,600 --> 00:04:16,220 And then I need to cestus object to an edit take subject find view of ID or ID dot EDT keyboard. 56 00:04:16,300 --> 00:04:21,250 And as you can see here the autocomplete feature of the Android studio is going to help me to choose 57 00:04:21,250 --> 00:04:22,030 this option. 58 00:04:22,030 --> 00:04:23,650 It is the computer keyboard. 59 00:04:23,830 --> 00:04:26,820 And then I need to put a semicolon at the end of my statement. 60 00:04:27,010 --> 00:04:31,840 So now that I actually initialized these objects we need to actually to initialize this one. 61 00:04:31,840 --> 00:04:34,000 It is the EDT computer Sibiu. 62 00:04:34,150 --> 00:04:40,090 So here I can say 80 computer CPQ assignment operator and that I need because this object to an edit 63 00:04:40,090 --> 00:04:48,340 takes object find view by ID or that Id dot EDT computer C.P you and I need to put a semicolon at the 64 00:04:48,340 --> 00:04:49,740 end of my statement. 65 00:04:49,870 --> 00:04:54,140 So now as you can see here if you have also disputant sent. 66 00:04:54,370 --> 00:04:58,670 So let's actually just declare this button here inside this class. 67 00:04:58,690 --> 00:05:05,890 So here I can say Potten PTEN send all of that data. 68 00:05:05,980 --> 00:05:08,780 So this is the name of my button object. 69 00:05:08,860 --> 00:05:11,610 Now as you can see here I just declare this object here. 70 00:05:11,620 --> 00:05:14,760 So now let's go inside this uncreate Smurfette. 71 00:05:14,920 --> 00:05:17,930 And here I can actually initialize this variable. 72 00:05:17,950 --> 00:05:23,470 So here I can say Pythian send or update the assignment operator and then I need to cast this object 73 00:05:23,470 --> 00:05:31,180 to our button object find view by ID or that ID that PTEN send or update data and then put a semicolon 74 00:05:31,180 --> 00:05:32,900 at the end of your statement. 75 00:05:33,020 --> 00:05:41,870 And now let me show you the emulator and we have actually a text view inside the horizontal scroll view. 76 00:05:42,010 --> 00:05:44,980 So let's actually initialize that takes you also here. 77 00:05:44,980 --> 00:05:48,160 So first let's actually declare a text here inside this class. 78 00:05:48,160 --> 00:05:55,230 So takes few takes the data semicolon. 79 00:05:55,540 --> 00:06:01,380 And now let's actually go inside this method and create method and here I can't say takes the data assignment 80 00:06:01,380 --> 00:06:10,530 operator and that is because this object to a text view object find view by ID or artist Id that takes 81 00:06:10,530 --> 00:06:16,400 the computer data and then I need to put a semi-colon at the end of our statement. 82 00:06:16,470 --> 00:06:19,610 And finally we have the spot in data from server. 83 00:06:19,770 --> 00:06:29,280 So let's actually declare this button here inside this class so button between get data from server 84 00:06:30,670 --> 00:06:31,460 as. 85 00:06:31,650 --> 00:06:34,940 So let's actually put a semicolon at the end of our statement here. 86 00:06:35,120 --> 00:06:41,790 Now let's actually go inside this uncreate method and here it's actually just initialize this ridable 87 00:06:41,840 --> 00:06:44,540 between get data from server assignment operator. 88 00:06:44,550 --> 00:06:49,990 So now let's actually cast this object to about an object find view by ID or ID. 89 00:06:50,010 --> 00:06:56,400 That's between that's between good data from server and now let's actually put a semicolon at the end 90 00:06:56,400 --> 00:06:57,300 of our statement. 91 00:06:57,400 --> 00:07:03,310 And now that you actually initialized the user interface components here inside our class and inside 92 00:07:03,310 --> 00:07:05,230 this uncreate method. 93 00:07:05,460 --> 00:07:08,340 So now that let me actually show you the web browser. 94 00:07:08,340 --> 00:07:14,100 So now as you can see here this is my web browser and I actually opened this page firebase that Google 95 00:07:14,100 --> 00:07:20,530 dot com and now at the top you just need to click on the spot and go to console and then it's going 96 00:07:20,700 --> 00:07:22,350 to guide us to the console. 97 00:07:22,550 --> 00:07:24,510 So let's actually wait a little bit here. 98 00:07:26,430 --> 00:07:32,160 And now it's going to actually show us the projects that we actually create that we already created 99 00:07:32,160 --> 00:07:33,000 here. 100 00:07:33,000 --> 00:07:39,450 So as you can see here we actually created the app 64 and we actually connected this up to the firebase 101 00:07:39,450 --> 00:07:40,240 database. 102 00:07:40,260 --> 00:07:47,280 So let's actually click on this app 64 project here and then here as you can see we can actually select 103 00:07:47,310 --> 00:07:48,150 our panel. 104 00:07:48,210 --> 00:07:54,420 So just click on this database panel here and then you will be guided to this page and here click on 105 00:07:54,810 --> 00:07:57,430 the rules tab here. 106 00:07:57,980 --> 00:07:59,630 So it's actually changed the rules. 107 00:07:59,790 --> 00:08:05,710 And again this is actually a delete this exclamation mark and instead put an equal operator here. 108 00:08:06,030 --> 00:08:11,650 And let's also delete this exclamation mark and put an equal operator here. 109 00:08:11,800 --> 00:08:16,350 And now let's actually click on this publish year in order to publish the rules as he can see he had 110 00:08:16,350 --> 00:08:18,030 rules published. 111 00:08:18,030 --> 00:08:23,730 And now let's actually again click on the state or tab here and now we can see the data. 112 00:08:23,730 --> 00:08:32,460 So first let's actually go to our Android studio and now let's actually create a class called computer 113 00:08:32,460 --> 00:08:33,900 inside our project. 114 00:08:34,140 --> 00:08:40,170 So now just click on the view here at the top two windows and then click on project and then here as 115 00:08:40,170 --> 00:08:46,260 you can see inside these Apfel And inside this job folder we have this package as you can see here and 116 00:08:46,260 --> 00:08:49,210 inside this package we have this class main activity. 117 00:08:49,290 --> 00:08:56,100 So just click on this package here right click on it new and it lets actually create another package 118 00:08:57,120 --> 00:09:00,800 and just name the package model. 119 00:09:00,840 --> 00:09:04,880 So this is going to be this package is going to be model and click on. 120 00:09:04,890 --> 00:09:05,460 OK. 121 00:09:05,670 --> 00:09:12,220 So this model package is going to hold the classes that are playing the role as their model. 122 00:09:12,540 --> 00:09:19,650 So let's actually click on this model package and then click on File New and then click on Dobber class. 123 00:09:19,650 --> 00:09:24,390 So for the name of our Java class just typing here computed with capital C. 124 00:09:24,780 --> 00:09:26,670 So this is the name of our Java class. 125 00:09:26,800 --> 00:09:30,270 And now as you can see here it says visibility Puplick and modifiers. 126 00:09:30,390 --> 00:09:30,920 Okay. 127 00:09:31,110 --> 00:09:32,860 And then click on OK here. 128 00:09:33,120 --> 00:09:35,220 So we have this computer class. 129 00:09:35,220 --> 00:09:39,510 So now let's actually doubleclick on this computer that job I have here at the top in order to make 130 00:09:39,510 --> 00:09:45,500 this idea why they're so inside these class is actually create some instance variables.