1
00:00:00,850 --> 00:00:01,460
Hi, guys.

2
00:00:01,750 --> 00:00:07,600
So in this video, we start creating our application here, as you can see, I have to file this one,

3
00:00:07,630 --> 00:00:13,120
the main file, which means for the application where we put all the lines of the application, etc.,

4
00:00:13,480 --> 00:00:16,000
and we have this file is for the prediction.

5
00:00:16,350 --> 00:00:23,440
Is that for deep learning how how we will load the application of the model sorry and all we have only

6
00:00:23,440 --> 00:00:29,810
these two functions will not talk about this stuff because as I told you are, these are faulty predictions.

7
00:00:30,020 --> 00:00:34,750
So anyone can do that if you have already did your model and you tested.

8
00:00:34,750 --> 00:00:38,200
So you can use only the lines for the prediction, which means for the test.

9
00:00:38,200 --> 00:00:42,680
But here I am only here we have the two parts.

10
00:00:42,730 --> 00:00:44,380
The first path for the model.

11
00:00:44,380 --> 00:00:50,950
The second one is for the images so that I can return the labels, which means the names of the the

12
00:00:50,960 --> 00:00:51,460
birds.

13
00:00:51,490 --> 00:00:58,990
OK, so here this line for loading the model, I will go to the I will go back to this after then I

14
00:00:58,990 --> 00:00:59,920
have two functions.

15
00:00:59,920 --> 00:01:04,840
The first function which means which will take the path here for the images and it will return only

16
00:01:04,840 --> 00:01:06,160
the names of the birds.

17
00:01:06,640 --> 00:01:12,340
And this function predicted, which means which will take the parts of the new image, then it will

18
00:01:12,340 --> 00:01:18,670
do all the preparation stuff which will convert it into into grayscale and it will do all this stuff,

19
00:01:18,670 --> 00:01:22,840
the prediction, and it will return to the results.

20
00:01:22,850 --> 00:01:28,030
The first one is predicted class and the second one is the probability of this class.

21
00:01:28,400 --> 00:01:34,800
OK means that it will make for example, it is an owl with ninety nine ninety nine percent.

22
00:01:34,810 --> 00:01:42,010
OK, so that's not only what it will return this function, I will leave all this programs in the description.

23
00:01:42,010 --> 00:01:43,450
So maybe we need them after.

24
00:01:43,900 --> 00:01:47,620
But also if you are already did your mother and you have tested.

25
00:01:47,620 --> 00:01:52,000
So I think that you have this line of code, you don't need them all.

26
00:01:52,000 --> 00:01:55,540
What you will need is what we create now together.

27
00:01:56,080 --> 00:01:58,670
So we start by creating the first order application.

28
00:01:58,690 --> 00:02:01,970
After that, we do only all the stuff step by step.

29
00:02:02,040 --> 00:02:05,050
OK, so here we have from.

30
00:02:06,940 --> 00:02:08,710
Seeking to import.

31
00:02:10,530 --> 00:02:18,030
If anything like this, then here we create applications that you have, for example, of ACORN, T.J.,

32
00:02:18,880 --> 00:02:23,410
then that may look like this.

33
00:02:23,530 --> 00:02:25,230
OK, so we run it.

34
00:02:26,020 --> 00:02:27,310
It is our application.

35
00:02:27,640 --> 00:02:33,660
We change the size of this application, which means the width and out of this application.

36
00:02:34,030 --> 00:02:35,410
So we put them.

37
00:02:36,530 --> 00:02:44,120
Of the geometry done here, I would put them seven, 500 by 700.

38
00:02:47,510 --> 00:02:51,240
Like this, so we see it here is our application.

39
00:02:51,270 --> 00:02:56,960
Now, I want to change the background, the color background, so we obtain the same thing that I knew

40
00:02:56,960 --> 00:02:57,500
before.

41
00:02:57,860 --> 00:03:03,820
So it is the color, which is I will put I will put the color on a variable.

42
00:03:03,830 --> 00:03:09,460
So when we will need it on a label or something like that will use only the name of that variable.

43
00:03:09,770 --> 00:03:13,410
We don't need to use always the same code of the color.

44
00:03:13,850 --> 00:03:15,980
So here I would put it.

45
00:03:16,920 --> 00:03:29,720
That's the beginning to so here we above ground, because then this one zero zero to nine to life like

46
00:03:29,730 --> 00:03:30,020
this.

47
00:03:31,020 --> 00:03:41,190
So here we have application that conflict like this, and here we have the background, equal background.

48
00:03:41,580 --> 00:03:44,610
So here we have put this color as a common goal.

49
00:03:44,610 --> 00:03:50,700
Also, in each time we needed, we would only need to to type this big four, OK.

50
00:03:51,270 --> 00:03:52,480
So we see it here.

51
00:03:52,500 --> 00:03:53,870
Here is our application.

52
00:03:54,750 --> 00:03:57,840
Maybe we can change the icon.

53
00:03:57,870 --> 00:03:58,320
Why not?

54
00:03:58,620 --> 00:04:03,910
So you have that icon, this one.

55
00:04:03,930 --> 00:04:11,130
And here I would write the name of logo that you see.

56
00:04:11,870 --> 00:04:17,680
You know that if you want to put a logo on application, you have to convert it into icon like this.

57
00:04:17,700 --> 00:04:23,040
OK, there is a lot of online converters that you can use to do this for free.

58
00:04:23,790 --> 00:04:25,130
Here is our icon.

59
00:04:25,320 --> 00:04:31,490
Then I would change the title here, for example, of that site.

60
00:04:31,530 --> 00:04:38,610
And then here, for example, what is your.

61
00:04:39,180 --> 00:04:40,530
You can put anything you want.

62
00:04:40,560 --> 00:04:41,450
This is only one.

63
00:04:41,850 --> 00:04:44,210
Is only the example of our project.

64
00:04:44,250 --> 00:04:46,200
So here is the title.

65
00:04:46,830 --> 00:04:54,000
Now, what we have to do is start creating stuff here will put the what we call it, we put the title

66
00:04:54,000 --> 00:04:58,680
here, then the frame will put the frame here for the image, then the two buttons.

67
00:04:59,590 --> 00:05:01,860
So to do that, we will start by the title.

68
00:05:02,250 --> 00:05:05,040
So here we have title, we've got it right.

69
00:05:05,070 --> 00:05:11,580
And then here we have a label, then we put it in, then text.

70
00:05:11,850 --> 00:05:21,630
So for the title we can make, for example, choose your word or image or anything you want, then here

71
00:05:21,630 --> 00:05:25,230
for the font I will put it to.

72
00:05:26,970 --> 00:05:36,030
I don't see, for example, the this is only my choice, you can use any font you want, so I am not

73
00:05:36,030 --> 00:05:38,060
a good designer, but I am trying.

74
00:05:38,070 --> 00:05:39,650
So here we have mold.

75
00:05:40,380 --> 00:05:44,070
Then for the background, I would put it same here.

76
00:05:44,160 --> 00:05:55,260
As we said before, for a background like this and we will see Puckett's here tied to that book.

77
00:05:57,580 --> 00:06:04,810
So it is our application, I will change the color of the foreground, which is white, so you will

78
00:06:04,810 --> 00:06:08,320
have foreground equal whites.

79
00:06:11,100 --> 00:06:17,370
Like this so much better, I think, that this doesn't work for the moment.

80
00:06:17,410 --> 00:06:21,840
I don't know, maybe it is not a solid, but it doesn't matter for the.

81
00:06:22,200 --> 00:06:24,400
OK, so I will leave it like this.

82
00:06:24,720 --> 00:06:26,750
Now, here is what we have to do.

83
00:06:26,760 --> 00:06:30,170
We have to create a frame or the image zone.

84
00:06:30,180 --> 00:06:37,440
So for this to create frame so that it will be very easy to recognize or to define, I want to define

85
00:06:37,440 --> 00:06:40,050
an area here special for the image.

86
00:06:40,230 --> 00:06:46,980
So we need to do that here by creating a frame, because when we said when we saw the frames, I told

87
00:06:46,980 --> 00:06:49,710
you that you will need them for something like this.

88
00:06:49,740 --> 00:06:51,730
So it is time to use them.

89
00:06:52,020 --> 00:06:54,480
So here we have, for example, image.

90
00:06:55,670 --> 00:07:06,440
Zoom in and frame and we put it on the application then for the width, I want to have a 400 by 400

91
00:07:06,440 --> 00:07:08,710
image so that it will be visible.

92
00:07:08,960 --> 00:07:13,610
But but you can use anything you want and send it for the height equal.

93
00:07:14,150 --> 00:07:15,760
Four hundred, four hundred.

94
00:07:16,160 --> 00:07:21,650
And for the background, I want to change it because here I will, I will show you.

95
00:07:23,290 --> 00:07:30,400
Here, I forget to Puckett's again here we have images on that back.

96
00:07:31,780 --> 00:07:34,590
So here is the frame that we will use for our application.

97
00:07:34,600 --> 00:07:35,910
But I want to change the color.

98
00:07:36,130 --> 00:07:38,830
I don't want to put it almost like this one.

99
00:07:38,830 --> 00:07:41,080
And I don't want it to be too white.

100
00:07:41,080 --> 00:07:45,960
So I choose a color, which means between this one and between some white.

101
00:07:45,970 --> 00:07:47,520
OK, so it will be visible.

102
00:07:48,430 --> 00:07:51,370
The area would be visible, which means that this area for the image.

103
00:07:51,850 --> 00:07:53,830
So I choose the color here.

104
00:07:55,080 --> 00:07:59,590
The background equals I don't remember this, but I typed it.

105
00:07:59,620 --> 00:08:00,670
Here we have.

106
00:08:04,310 --> 00:08:07,850
Zero six three the.

107
00:08:09,570 --> 00:08:13,000
Should he be like this, so we'll see it here.

108
00:08:13,030 --> 00:08:14,770
So here is the zone.

109
00:08:14,990 --> 00:08:20,580
It is not that visible as white, but we can see that there is an area here for the image.

110
00:08:20,820 --> 00:08:22,320
So I will do some padding here.

111
00:08:22,330 --> 00:08:24,570
So I will move it here from the title.

112
00:08:25,170 --> 00:08:27,150
So here we have.

113
00:08:30,690 --> 00:08:38,150
Why y equal than here, I would put 20 y zero like this, so here is the frame.

114
00:08:38,160 --> 00:08:44,570
Now what we have to do, I have to make this size not reasonable means that I will.

115
00:08:44,720 --> 00:08:45,140
I will.

116
00:08:45,240 --> 00:08:46,410
I want it to be fixed.

117
00:08:46,620 --> 00:08:50,230
So if I would put anything on it, they will not be changed.

118
00:08:50,260 --> 00:08:54,030
OK, so to do that I will use the function here.

119
00:08:54,030 --> 00:09:01,770
We have image zone like this at where we saw the frames we use, the function called grid propagates

120
00:09:01,770 --> 00:09:02,720
like this one.

121
00:09:03,120 --> 00:09:05,810
But in this case we cannot use this what we can use.

122
00:09:05,850 --> 00:09:09,710
But it will not work y because here we are using the park.

123
00:09:09,730 --> 00:09:14,700
So if we are using the park that we have to use another function which is back propagate.

124
00:09:15,030 --> 00:09:17,010
So or if we are using great.

125
00:09:17,010 --> 00:09:18,660
So we will use great property.

126
00:09:18,720 --> 00:09:21,330
OK, so here I will use park.

127
00:09:24,590 --> 00:09:31,580
But Robert Gates, this one, and he had the same thing, we will put the parameters zero, which means

128
00:09:31,580 --> 00:09:33,720
that it will not be acceptable.

129
00:09:34,100 --> 00:09:35,720
So here is the application.

130
00:09:35,990 --> 00:09:40,880
There is nothing that changed, but we will see that after now what we have to do.

131
00:09:41,920 --> 00:09:47,410
I had to create two the other buttons, which means the button that will open on the button that we

132
00:09:47,410 --> 00:09:47,890
predict.

133
00:09:48,160 --> 00:09:53,620
So here we have the first button, which is, for example, of an image.

134
00:09:54,130 --> 00:09:59,590
Then here it is, a button like this, and we put it in the application.

135
00:10:00,070 --> 00:10:02,930
Then, for example, we have text and.

136
00:10:04,260 --> 00:10:08,100
Open and I will change the with I will.

137
00:10:09,230 --> 00:10:16,870
Put it, it's 15, for example, then four for the front, I want to make it make it a little bit bigger,

138
00:10:17,240 --> 00:10:24,680
so I will put this London 15 ball like this and we should put.

139
00:10:26,270 --> 00:10:29,000
The button, so here we have button that.

140
00:10:30,170 --> 00:10:32,870
But like this, so I think the.

141
00:10:35,630 --> 00:10:36,180
Ford.

142
00:10:37,340 --> 00:10:38,630
Is there any problem with you?

143
00:10:40,420 --> 00:10:40,840
Cindy.

144
00:10:47,420 --> 00:10:56,060
So here is the lesson that we have here, both and we have open now, I want to do some padding here

145
00:10:56,060 --> 00:10:57,970
so that we will move it from the frame.

146
00:10:57,980 --> 00:11:00,190
So here we have, by the way, equal.

147
00:11:00,650 --> 00:11:04,720
Then I would put it to 20 zero.

148
00:11:05,120 --> 00:11:10,390
So here I will do something, padding only from the top of the top of the bottom here.

149
00:11:11,120 --> 00:11:12,520
So not what we have to do.

150
00:11:12,530 --> 00:11:14,320
We'll have to create another button.

151
00:11:14,540 --> 00:11:17,150
The same for the prediction, Passo predicts.

152
00:11:18,680 --> 00:11:22,530
Predicts Button like this, for example.

153
00:11:22,550 --> 00:11:28,700
So here we have that and then which is at the next École.

154
00:11:30,460 --> 00:11:30,670
He.

155
00:11:32,750 --> 00:11:42,920
Predicts then here was the same with equal 15 and I would only copy this.

156
00:11:44,870 --> 00:11:53,660
And they sit here and the same thing for this other part, I read only copy this from here and we have

157
00:11:53,660 --> 00:11:55,890
the same thing, predicts Button.

158
00:11:56,420 --> 00:12:03,260
That was what's in that back like this.

159
00:12:03,710 --> 00:12:10,010
So here is our two buttons, this one for the opening and this one for the prediction part.

160
00:12:10,460 --> 00:12:13,040
Now, what we have to do, we have we need to other.

161
00:12:13,440 --> 00:12:18,470
The first thing is the label that we will put here or the.

162
00:12:18,620 --> 00:12:18,950
Yes.

163
00:12:18,980 --> 00:12:20,630
Label that will control the image.

164
00:12:20,790 --> 00:12:28,070
And the second one is a label here that will control the result, which means the name of the of the

165
00:12:28,550 --> 00:12:38,370
of the bird with the with the percentage, which means the probability of if this is true or not.

166
00:12:38,720 --> 00:12:42,070
So we just have this video here and we'll complete that in the next video.

167
00:12:42,290 --> 00:12:42,680
But.
