1 00:00:01,139 --> 00:00:12,140 Well, now what we are going to see is how to work with the maps and how to put programming code in the form, the creation of the form. 2 00:00:12,140 --> 00:00:19,140 To do this, we have to have the active programming tab, which by default does not come. 3 00:00:19,140 --> 00:00:29,140 Well, we have to go to active, we have to go to options, and in options, in customize, select options. 4 00:00:29,140 --> 00:00:39,140 So here you will have the Programmer or Developer tab, which are more or less ancient versions, 5 00:00:39,140 --> 00:00:43,140 is now activated. If you activate it, you will be affected. 6 00:00:43,140 --> 00:00:46,140 So this Programmer tab has to appear. 7 00:00:46,140 --> 00:00:52,140 When we enter the Programmer tab, it shows us, as it can be otherwise, 8 00:00:52,140 --> 00:01:00,140 There are different tools that are inside or that will serve the web programs. 9 00:01:00,140 --> 00:01:08,140 Those tools are interesting to do different things. 10 00:01:08,140 --> 00:01:13,140 We have started to use them with Edipal. 11 00:01:13,140 --> 00:01:20,140 What it does is show us an editor to create applications that are like Formulaski. 12 00:01:20,140 --> 00:01:37,140 I open this window, I can start to create the forms and then use them as if they were applications independent to the work, 13 00:01:37,140 --> 00:01:47,140 although the engine to which it functions is the work, although it does not serve the work that would be there below. 14 00:01:47,140 --> 00:02:02,140 Well, what do we see here? We have come to this second button that says Insert User Phone, and we click on User Phone, and then it shows us this. 15 00:02:02,140 --> 00:02:09,139 Remember that depending on the version, they give some colors or others, but in the end it is the same. 16 00:02:09,139 --> 00:02:16,139 What do we have here? A form, a user form, that can have the size you want, 17 00:02:16,139 --> 00:02:20,139 that as it is selected, it has here a series of properties, okay? 18 00:02:20,139 --> 00:02:27,139 That would act on it, for example, if I change the caption, okay? 19 00:02:27,139 --> 00:02:30,139 Well, we are going to change this title to user form, right? 20 00:02:30,139 --> 00:02:48,539 So, there we can put it, well, Formulario SMR1B, 1B, for example, and here it has one more title, and if we give it to execution, 21 00:02:48,539 --> 00:02:57,740 I will show you how, the window that I am creating for myself does not have anything, but the title already puts me Formulario SMR1B, okay? 22 00:02:57,740 --> 00:03:08,740 Well, then I have this tool box, this tool box that activates or deactivates with this little button here, the tool box, see? 23 00:03:08,740 --> 00:03:14,740 If I press it now, it doesn't appear, and if I press it again, it doesn't appear anymore. 24 00:03:14,740 --> 00:03:26,740 The tool box, when we are doing the form, when we are drawing, it is missing because it is where we have the different tools that we are going to use to create this form. 25 00:03:26,740 --> 00:03:36,740 We have labels, we have effect boxes, we have lists, we have options, boxes, or options. 26 00:03:36,740 --> 00:03:44,740 Remember that the difference between boxes and options is that with these that are square, 27 00:03:44,740 --> 00:03:54,740 you cannot select any or any options, but with circular sections there can only be one option selected at all times. 28 00:03:54,740 --> 00:04:02,740 For now, we think that we can play with the tabs, with the text boxes and with the buttons. 29 00:04:04,740 --> 00:04:05,740 The buttons, okay? 30 00:04:09,740 --> 00:04:11,740 The command button, okay? 31 00:04:12,740 --> 00:04:14,740 Well, we're going to play with them. 32 00:04:14,740 --> 00:04:16,740 We're going to make a form, 33 00:04:18,740 --> 00:04:22,740 that covers the name, the last names, and that's it. 34 00:04:22,740 --> 00:04:30,740 and then a button because it shows us this by a window, that is, by an emergent window. 35 00:04:30,740 --> 00:04:36,740 You have to remember very much that when you select one of the objects or the form itself, 36 00:04:36,740 --> 00:04:40,740 or one of the objects that are inside the form, 37 00:04:40,740 --> 00:04:44,740 the properties of those selected objects will appear to me, 38 00:04:44,740 --> 00:04:49,740 and they are the ones that are not going to change from the code. 39 00:04:49,740 --> 00:04:59,740 When I'm drawing it, I can do it directly in this window, but we can also do it in the code. 40 00:04:59,740 --> 00:05:08,740 So it is very important the name field, it is very important the caption, the text, the value, the label that we have seen, ok? 41 00:05:08,740 --> 00:05:20,740 we are going to put the name 42 00:05:20,740 --> 00:05:26,740 I'm going to say lvl name, okay? 43 00:05:26,740 --> 00:05:33,740 And it gives me a name, it does not do anything like that, this is only for programming, for when we are programming, okay? 44 00:05:33,740 --> 00:05:39,740 I'm going to say in the caption that instead of caption, this is what we are showing inside. 45 00:05:39,740 --> 00:05:45,740 Instead of label1, I'm going to say, well, put name, okay? 46 00:05:45,740 --> 00:05:52,740 Because I want the user to see that you have to put it in a box and then we are going to put it now in continuation. 47 00:05:52,740 --> 00:05:59,740 I can change the font in the home variable. 48 00:05:59,740 --> 00:06:11,740 We can tell it from this button that appears here with three dots and you press it and it tells us, well, the font tells us the font style and tells us the size. 49 00:06:11,740 --> 00:06:14,740 Well, let's put it, for example, at 16, see? 50 00:06:14,740 --> 00:06:17,740 I'm going to make it bigger. 51 00:06:17,740 --> 00:06:24,300 I adjust the sliders in this field and I already have it. 52 00:06:24,300 --> 00:06:28,300 Now we are going to put a box of text to put a picture in the text. 53 00:06:28,300 --> 00:06:30,300 This is the third one. 54 00:06:30,300 --> 00:06:33,300 I adjust it and we are going to put it here. 55 00:06:33,300 --> 00:06:34,300 Okay? 56 00:06:34,300 --> 00:06:37,300 So, in the name, we are going to put this. 57 00:06:37,300 --> 00:06:38,300 Okay? 58 00:06:38,300 --> 00:06:41,300 And we are going to change the name again, if it is selected. 59 00:06:41,300 --> 00:06:50,839 I'm going to change the name, and since this is a textbox, I'm going to call it xtxt, and I'm going to call it name, because that's where the name is going to be saved, okay? 60 00:06:51,240 --> 00:07:00,019 What are we going to say? Well, the source, as we have done before, is xtxt, so that it also puts there what the user wrote to xtxt, okay? 61 00:07:00,019 --> 00:07:03,660 I'm going to play with the label, I'm going to play with everything, okay? 62 00:07:03,920 --> 00:07:07,560 So, now I'm going to select both, okay? 63 00:07:07,560 --> 00:07:21,560 I'm going to press Ctrl-C to copy it. I click on the form and press Ctrl-V, then I have it here duplicated with the format I gave it. 64 00:07:21,560 --> 00:07:31,560 The only thing I have to do is change the name. I want it to be called LLL . 65 00:07:31,560 --> 00:07:40,939 And, instead of writing the name here, I want the caption property to put last names. 66 00:07:40,939 --> 00:07:48,889 So I already have last names, so the last names of this box needed more size. 67 00:07:48,889 --> 00:07:56,329 And to this box I'm going to call it txt-last names. 68 00:07:56,329 --> 00:08:02,329 So we have, on one side, lb-last names, and on the other side, txt-last names. 69 00:08:02,329 --> 00:08:14,329 I'm going to take this name and I'm going to put a button on it, a button that is going to make us visualize a text box in the people, 70 00:08:14,329 --> 00:08:26,329 this name and this last name, something like that. So we're going to tell him, on the one hand, the source, I'm going to tell him that it's the same size because in the end, 71 00:08:26,329 --> 00:08:54,730 In the end, this is an interface and everything must have a similar appearance, so I'm going to put this size, I'm going to change the caption so that it doesn't look like an umbrella, I'm going to put a change, okay? For example, and I already have it, so now what I'm going to do is I'm going to modify this formula a bit, I'm going to select it, I'm going to give it, for example, a lower color. 72 00:08:54,730 --> 00:09:14,730 I want this color to be a palette, we are going to put a yellow on it, for example, I want the edge of the color, a style edge, we can put a style like this, 73 00:09:14,730 --> 00:09:23,730 That's a bit like, hey, when you see how here it makes it flat between the yellow and the blue, when I change it, it gives it like a border, see? 74 00:09:23,730 --> 00:09:30,730 Well, I'm fixating it because I can't do anything or do anything wrong, okay? 75 00:09:30,730 --> 00:09:34,730 I want to adjust it a bit because I don't want to perform anything, okay? 76 00:09:34,730 --> 00:09:36,730 For example, something like this, okay? 77 00:09:36,730 --> 00:09:41,730 We could put an image in it, for example, okay? 78 00:09:41,730 --> 00:09:58,230 Okay, well, what we can do there, we're going to go to the image, I'm going to put it here, and in the image, in picture, in the image, we're going to do it here, I'm going to say, well, look for an image, that's fine, okay? 79 00:09:58,230 --> 00:10:03,230 and we are going to tell him that 80 00:10:03,230 --> 00:10:13,580 we are going to put 25 81 00:10:13,580 --> 00:10:19,580 we are going to tell him 82 00:10:19,580 --> 00:10:23,580 let's see if it works 83 00:10:23,580 --> 00:10:29,220 I'm going to turn it off 84 00:10:29,220 --> 00:11:12,659 I'm going to say that we get this, I'm going to put another one, there it is, okay, so from here I can already tell it not to put this size or the size that fits here, okay? 85 00:11:12,659 --> 00:11:31,659 Well, in the end, the idea is that I can go drawing, I can go to this form, and when you see it, you have your form, and this doesn't do anything, right now it doesn't do anything, I mean, I can write, but it's not doing anything at all, okay? 86 00:11:31,659 --> 00:11:37,659 When you see, for example, that this name is asked, it will be ugly with this gray square, we are going to change it. 87 00:11:37,659 --> 00:11:53,620 So we are going to select this object, we are going to say pathcolor, and in the pathcolor we are going to say palette, and we put this, and in the name I do the same, pathcolor, palette, and the same, okay? 88 00:11:53,620 --> 00:12:13,620 you have to have the form, not one of the two concepts in it, you close it, you have the form, you give it the way you want, 89 00:12:13,620 --> 00:12:28,620 Now, what we want is that when we press the button, everything that is written there, the name and the adjectives have to appear in a window in the screen. 90 00:12:28,620 --> 00:12:34,620 We are going to put the other adjectives that are now in the space, and that is going to appear in one of the adjectives. 91 00:12:34,620 --> 00:12:47,620 So, if we are going to capture this event, and what is an event? 92 00:12:47,620 --> 00:12:50,620 An event is something that happens in the system. 93 00:12:50,620 --> 00:12:58,620 That is, the event can be when I click on a button, or it can be when I change a text in a text box, 94 00:12:58,620 --> 00:13:11,620 When I move the mouse, the mouse cursor over an object in the control area, there are different elements that will take over the system and that we can control. 95 00:13:11,620 --> 00:13:24,620 Well, what we are going to use the most, 90% is the click when we press a button. 96 00:13:24,620 --> 00:13:36,980 So what I'm going to do to capture this is double click on top of the object, in this case of the button, and that's going to take me to this window, which is where we start to insert the code. 97 00:13:36,980 --> 00:13:45,480 And here we have talked about several things. We have talked about that if we put a line that starts with DIN, we can declare a variable. 98 00:13:45,480 --> 00:13:56,419 For example, I'm going to declare the variable 1, the first variable, which is the type or the common, and then here I have several types. 99 00:13:56,419 --> 00:14:07,120 There are some strings, there are other strings, which is to save the number, the string is to save a string of indexes, which I would always have here in my library. 100 00:14:07,120 --> 00:14:19,120 The integer is to save a number. We also had the grano, which I have here below, which is to save a sí or a no. 101 00:14:19,120 --> 00:14:25,120 We can use different variables, and we will use them little by little. 102 00:14:25,120 --> 00:14:31,120 Remember that we are going to put this boolean, and then I will not miss anything. 103 00:14:31,120 --> 00:14:59,240 Notice how it puts the text in blue, which is mandatory in this case, the bin, which is the one that says to the system that it is a variable, the a, which is to tell it, this variable that I have given it this name, the one that you want, is going to take the form of boolean, okay, of boolean, which means that the system knows that within this variable it is going to give a true or a false, a true or a false. 104 00:14:59,240 --> 00:15:15,379 And what are we doing? Reserving a space in the disk to save this value and be able to access this space through the name that we have given to the variable to access if it is real or not, right? 105 00:15:15,379 --> 00:15:22,379 We declared the variables here. We have used the conditionals, okay? 106 00:15:22,379 --> 00:15:32,690 I, for example, here, I can say, let's see, yes, yes, variable 1 is equal to true, 107 00:15:32,690 --> 00:15:37,690 you see how already, as I have said, it is boolean, already by putting the equal, it tells me, 108 00:15:37,690 --> 00:15:42,690 I can only choose between these two values, so in this case I'm going to say true. 109 00:15:42,690 --> 00:15:59,320 We are going to put msgbox and a text that is going to be the variable 1 is to true. 110 00:15:59,320 --> 00:16:18,220 If this does not come together, the s, remember the s, msgbox the variable 1 is to false. 111 00:16:18,220 --> 00:16:22,220 and I finish the conditional with the end 112 00:16:22,220 --> 00:16:26,220 well, then look, this structure we have also seen 113 00:16:26,220 --> 00:16:30,220 what is the first thing I need to say? what variable has 114 00:16:30,220 --> 00:16:34,220 what value does this variable have? variable 1 115 00:16:34,220 --> 00:16:38,220 is the same, for example, I'm going to put a hash 116 00:16:38,220 --> 00:16:42,220 I say hash, so when I go to the conditional 117 00:16:42,220 --> 00:16:46,220 remember that the conditional either does what is between the if and the else 118 00:16:46,220 --> 00:17:03,220 always after evaluating this question that we are doing, to make it easier, maybe if you put it between relatives, it will be easier. 119 00:17:03,220 --> 00:17:07,220 This is a question, it's the same, it could be a major, a minor, a minor. 120 00:17:07,220 --> 00:17:11,220 There are types of questions that are going to return me a false answer. 121 00:17:11,220 --> 00:17:16,220 In this case, there may be one order, but there may be several. 122 00:17:16,220 --> 00:17:21,220 In other words, you execute all the orders that are between B and L. 123 00:17:21,220 --> 00:17:30,220 If, on the contrary, this question turns out to be a false one, then you are going to execute all the orders that are between C and L. 124 00:17:30,220 --> 00:17:33,220 In this case, that's it. 125 00:17:33,220 --> 00:17:36,220 And this is what we execute. 126 00:17:36,220 --> 00:17:47,220 And now it doesn't do anything, it shows me this, it doesn't do anything because we have controlled the event of clicking on the button, so as it had not clicked, it doesn't say anything. 127 00:17:47,220 --> 00:18:01,220 I'm going to press it, so what does this tell us? Why does it say the variable 1 is false? Why? Because we have put it up to false. 128 00:18:01,220 --> 00:18:08,019 So, the I is a control structure to control what a variable keeps. 129 00:18:08,019 --> 00:18:14,420 If it were not a boolean or a string, we would have to ask if the variable 1 is equal to a car. 130 00:18:14,420 --> 00:18:18,420 So, they visualize it like this. No, they visualize it differently. 131 00:18:18,420 --> 00:18:25,420 So, we have seen this, these control structures that we have seen, the declarations of variables that we have seen. 132 00:18:25,420 --> 00:18:30,420 But in this case, we are working with the form and we are working with objects. 133 00:18:30,420 --> 00:18:34,420 Ok, so I'm going to go to my page. 134 00:18:34,420 --> 00:18:37,420 What's the only thing I need to do here? 135 00:18:37,420 --> 00:18:42,420 Well, when you press the button, 136 00:18:42,420 --> 00:18:46,420 pay attention to how it is controlling the click event, 137 00:18:46,420 --> 00:18:49,420 and that's why it gives me the name of the button, 138 00:18:49,420 --> 00:18:52,420 which I haven't changed yet, it's the command book number 1, ok? 139 00:18:52,420 --> 00:18:55,420 This is what I'm going to do, I'm going to have changed it, 140 00:18:55,420 --> 00:18:59,420 and I'm going to have put cmd, pulsar, or something like that. 141 00:18:59,420 --> 00:19:03,420 And the system only shows this background and this click. 142 00:19:03,420 --> 00:19:08,420 This click is because it is the event that I am trying to control. 143 00:19:08,420 --> 00:19:17,420 If you look up here, there is a list that shows me the different objects that are in the form, 144 00:19:17,420 --> 00:19:24,420 and another list that shows the different events that we can control on this object, 145 00:19:24,420 --> 00:19:53,759 like the command button, for example, it has the click, it has the double click, it has the enter, it has the key down, it uses the key, there are different events that we could calculate, in this case it is the click, we put the msg box, and here I am going to say, first a string, hello, hello, space, and how do I connect the different strings? 146 00:19:54,420 --> 00:20:01,319 we are going to put what we have in the box 147 00:20:01,319 --> 00:20:08,039 name and that's why it's important that you give it a name, okay? And to this we have called 148 00:20:08,039 --> 00:20:13,079 that there is a name and when you put a point they appear all the same, they appear in the same way, right? 149 00:20:13,079 --> 00:20:21,599 In this way that I can catch them. If I want to catch what is written here, I'm going to say the light, okay? 150 00:20:21,599 --> 00:20:30,180 And now we are going to put a plus and we are going to say with the wallet also a white space, another plus 151 00:20:30,180 --> 00:20:37,180 and we are going to say, take me also the .dxtApellidos. 152 00:20:37,180 --> 00:20:39,180 the same value. 153 00:20:39,180 --> 00:20:42,180 It says, it is expected to be separated by the list. 154 00:20:42,180 --> 00:20:47,180 It is telling me that I have not put, I have not closed this parameter. 155 00:20:47,180 --> 00:20:53,180 Okay, so now, if I run my form, 156 00:20:53,180 --> 00:20:59,380 okay, if I give it the black button, it will appear, hello! 157 00:20:59,380 --> 00:21:03,380 And then it appears in white. Why? Because we haven't written anything and we don't have these text boxes. 158 00:21:03,380 --> 00:21:09,380 And remember that what we have done has been concatenating the Hola, then the name, and then the last name. 159 00:21:09,380 --> 00:21:13,380 In other words, we have concatenated the text columns in one. 160 00:21:13,380 --> 00:21:21,380 Okay? So, let's put here, for example, Mario Santos Revolve. 161 00:21:21,380 --> 00:21:27,380 Okay? I give it a click, and now it says, Hello, Mario Santos Revolve. 162 00:21:27,380 --> 00:21:31,099 So, it has taken the different text chains that we have passed, 163 00:21:31,099 --> 00:21:36,259 it has added them and it has created a scene with all these text chains. 164 00:21:36,259 --> 00:21:39,500 And we have created this screen. 165 00:21:39,500 --> 00:21:43,259 Now, this video is already 21 minutes, so I'm going to stop it, 166 00:21:43,259 --> 00:21:46,900 and in the second we will continue working with the remotes, 167 00:21:46,900 --> 00:21:52,099 playing with the input box, remember, to collect virtual data, 168 00:21:52,099 --> 00:21:56,140 and doing some things better with the conditioner. 169 00:21:56,140 --> 00:21:56,640 Bye. 170 00:21:56,640 --> 00:21:57,140 Bye. 171 00:21:57,140 --> 00:21:57,640 Bye. 172 00:21:57,640 --> 00:21:58,140 Bye.