Build Restaurant Management System | Python & Tkinter | Mahmoud Raouf | Skillshare

Playback Speed


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Build Restaurant Management System | Python & Tkinter

teacher avatar Mahmoud Raouf, A programmer with 7+ years of experience

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

12 Lessons (1h 36m)
    • 1. How to create window

      6:13
    • 2. Title & Localtime

      9:01
    • 3. Labels & Button in list food

      9:41
    • 4. Calculator Design

      10:01
    • 5. List for cost and service

      6:16
    • 6. Button Control

      5:31
    • 7. Price List

      10:15
    • 8. How to create window ( Restaurant Program )

      8:53
    • 9. How to change property ( Restaurant Program )

      6:39
    • 10. Labels & Button in list food ( Restaurant Program )

      4:11
    • 11. Calculator Design ( Restaurant Program )

      11:14
    • 12. StraingVar With Input ( Restaurant Program )

      7:44
  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

273

Students

--

Projects

About This Class

In this course you'll learn how to build a Restaurant Project with Tkinter and Python!

Tkinter overwhelms a lot of people, and it doesn't have to! If you understand just a few basic concepts, and how Tkinter works , you'll see that Tkinter is easy to use

You'll be able to build Tkinter desktop and simple business programming when you're finished with this course.

WHAT DO YOU NEED TO TAKE THIS COURSE?

You don't need any tools or special skills to take this course. I'll show you how to download and install everything you'll need for free (Tkinter, Python, and the VSCode). 

Other than that, you'll just need a computer with Internet Access!

DO I NEED TO KNOW PYTHON TO TAKE THIS COURSE?

simple python basics!  Tkinter is built for Python. It's a desktop framework for Python. So it's a good idea to learn Python if you want to use Tkinter . But you don't have to know advanced Python to take this course. I'll walk you through everything you need to know.

Building Program with Tkinter is very easy , and the course will make it very fun

What you’ll learn

  • Introductory Tkinter

  • Download and Install Python

  • How To Create a Tkinter Project

  • How To Create a Tkinter App

  • How To Design A Model In Tkinter With Page Program

  • How to Use Time in project

Are there any course requirements or prerequisites?

  • simple python skills is needed

Who this course is for:

  • This course is aimed towards absolute beginners who want to learn how to  build Projects with Tkinter and Python.

Meet Your Teacher

Teacher Profile Image

Mahmoud Raouf

A programmer with 7+ years of experience

Teacher

Class Ratings

Expectations Met?
  • Exceeded!
    0%
  • Yes
    0%
  • Somewhat
    0%
  • Not really
    0%
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

Transcripts

1. How to create window: I don't get this mother over and they will make a new listen about an application that we will make. Teoh managed a restaurant. That application will contain a lot of tools, and we will learn how to create these tools, how to place them exactly at their places where we want them to be, and we will learn how to make a calculator inside of it. We will learn how to make the mathematical functions inside of this calculator. We will know how to connect the buttons to each other and how to open a window using another window or years in a bottle. It will include a lot of options, and that will be almost the first year. Why that we will make we will create their GeoEye from the scratch. We will import the library at first, and then we will go together step by step. So the idea of the application that it will include a lot of sorts our food, so the customer will select more than one type of food, for example, for example, to chicken burgers, Teoh fried potatoes and so on. So at the end, all of the prices will be added to each other, the total will be calculated and then the service will be added that with some other factors and the total price will come out at the end. And also the program will include a A calculator, which is gonna be so useful. So first. So first we will go ahead to check it the g u Y, and we will create our do. You are use in two ways. The first way is prefer. Pulfer may I preferred more because there's a programming course and you have to know how to program everything. So I preferred to take the program and way at the beginning and the court and wait first. And then we will move Teoh the design. There's a program that includes all off the tools, and you can just use the dragon drop methods to create your G y without coding. But I prefer to use the code and at first so you can use it to change the colors to drag and drop your tools and so on and you will get the same dream. Why that you will create years and the code and it's exactly like the prosecuting. But I prefer to use the court, another begin. And because you're a programmer and you have to know had to go to everything. So at first we were created years and coding. And then in the second stage, we were created again using the designer. So of course we're gonna use the You take a tools right here when we start programming. So what? We will import the TK We don't need all the tools for sure. So we will go ahead and we will import the tick enter. At first, we were right import to Cantor as TK. And then we will go ahead to import the tools that we need in our program, which is gonna be the buttons and labels. I know that it's not the right time to do this, or it's too early to do this right now, but we will keep together so well, you can use them whenever we want. So we were right from to Cantor implored label bottom. So we will go ahead and we were right class AP one, these are our main class. Then we will create our constructor right here, so we'll write death double underscore in it. Okay, guys, before. Just we speak about that. Like these are basics. So we sure know about them. So I don't have to explain all of this again. Because if you are right here right now, that means that you know all the basics already. So we will keep going. And you should know all of this already, guys. And if you need anything, you can go back to the basics, scores toe, check these things out. So then we will pass self, and we will pass our window, which is gonna be the top. And then we were right. Self doubt op equals top. So it's recap. We created our class right here. Then we created our constructor. We passed self ends up and then we rolled self that top equal Stop on top is the name of our window. Then I want to add some properties to my window right here, which is the top. So we will go ahead and we will add a title. At first we were right top dot title and we will give it a name which is gonna be a restaurant management. Then we will go ahead and we were right up the DJIA misery and Jim Eddery right here is responsible for the size of my window. So it were expired, the width and the height. So we will give it within the high. It's gonna be 1028 by 500 then right now, we will not change the background of the window because we want to see the original or the default by ground first, the color for sure. Right now we will make a main loop to our windows who will not disappear once you run the program. So we go ahead and we were right. Route equals decayed out TK And then we'll write my G A y equals ap one and we will pass the roads and then we will take the route. And we were right. Truths up mean look. So let's go ahead and run our program to check it out. So right here you will see our window. It has a 1028 as Webster end in tears of 500 as height. It has the title that I gave to wit and the default background right here is white. So we know how to create our window. We know how to import tills and we know how to create the main loop which allows me to keep my window appear in front of me without disappear. Because if you don't do it, my winter will disappear once you run the program and he is not right. And we knew that we use the gym Inarritu, determine the width and the height, and we use the title to determine the title of our winter. So now we want to change the background cutter so we will make this value is in the can trigger. So we will write sob dot conficker and we will give it background equals. So we were right the counter. By using the Hexi decimal codes, you can find a lot of websites that will give you the hexi decimal codes off every color that you wish for or you can even imagine. So you are free to choose that whatever you want. And now I will add my color right here. So let's run to see our cutter. And here we go. So I changed the background color to be that one in front of you, which is the dark blue and is the exit decimal code for it. So we used the consular property. So we will be able to change the color of the background off my window, as you see. So today, where you're finished with our class today and then at the next one, we will learn how to put our jewels and how to put them exactly other places where we want them to be. And we will create our G y. Thank you so much, guys, and see you in the next video. 2. Title & Localtime: Hello, guys. This Mahmoud drove so in the last listen, we learned how Teoh import our TK Library how to import our tools, how to create our window and how to give it a title have to change de gea misery and have to change its background years in the can figure so almost any property that you need to give to your window. You make it through the conficker and then we created our main loop. So now we want to create some tools, so we will need a lot of tools in our program. And of course not in every tool we will go to change its properties, its color, its phones and so on. It's gonna be so tiring. So, for example, for the phones, we will put our phones inside of variables and once we need to use them, we will use them inside of our label, for example, by years in the variable. So it's gonna be easier for us to use the same properties all the time by years, in variables, instead of writing them again and again and again, we will write the phones equals and we will give it the name of the variable that includes all the properties of the phone that we want to use. So we will go ahead and we will create our first phones right here. So we will write the Fullington, which is the name of the phone that we will years as if our Leopold is the name of our variable, then equals the name of the phones itself. Then this number is gonna be the size. It will be identified automatically. Then we will make it normal. We can make it pulled. Who can make it, dad, like it's up to us. Let's go ahead and create another one. So we will go to create. The 2nd 1 is gonna be phone 11. We will write you. That s start ones. Your one day is the name of the boned already. And then we will go ahead to write 30 and bold. So whenever we use that phone to the label, for example, the size of the label's gonna be 30 and the phone is gonna be a bull. So I already created a lot of phones right here. So let's add a lot of them, okay? And all of those phones guys are already existed in the libraries. So instead, off using all of these properties all the time, the phones and it's like science and so on. We will just use those variables inside of the labels and so on. So we will go ahead to get a label. I imported the labels already, so we don't have to import it again. So we will create a were unable right here, right, solved up Labour One equals decades our label, and we will add it to our window, which is gonna be Mr Top. And then we will give it a text, which is gonna be restoring management system. So we will get Selves are sleeping ones up place, and we will give it the position is exactly Of course, we can use the great system, by the way, is gonna be about columns and rows and so on. Guys, these are old, considered to be a basic. So if you don't know anything from that, how to place them, how to recognize your code, how to organize your tools, the grades, the properties and so on. Because if you are right here right now, that means that you know all the basics already. So all of what I'm saying right now about these basics is considered to be just revision. So if you don't know some of the basics so you got to go back to the basics scores, guys, it's so beneficial, it will give you the old basics that you need. So inside of a place right here, we will give it the Ural X and the real. Why? So the relics is going to leave us pace from the left side. Because, as we know, the exit is by the wealthy and wise promptly height. So the real X and the real Why are we going to be right here to determine how much I'm gonna leave from the top? And from the left, we will leave from the regular X. It's gonna be 268 And from the way life is gonna be zero to and let's leave the weapon behind until we check the code right there. So we'll go ahead and we will check the code. It's from the program. You agency guys, you will find that it left from the X or from the left side. It left about 268 so each number of those it has about 10 numbers after it. Like the two, it has 2122 23 until it reaches 30. And for the 26. Also, it has a 10 numbers after it. So why we do use all of these numbers or why these numbers are existed? It's existed to provide us with more accuracy in determining where we put our tools. So if you are using, for example, 0.2, you will find that it's moving a little bit to the right. It's movin by a condom and futures 0.28 You will find that it's moving within the same column. Okay, so and so on. So it provides you with more accuracy where you will put your tool. And in the real while you will find that it's obvious so much because we left here 0.2 So it looked about two points from the topside. So let's go ahead and we will change the size of the label itself. So we will make the right to be 5 to 1 and the which is gonna be 507. So of course we will not use the label like that because the background of the label is different from the background off the window, so we wouldn't make it the same. So we will go on. We will add the attributes, riches, background, and we will change the color to be the same background color off the window. So what? We want to change the front itself. So we will use which one off those up there. We will use phone to 11. So once you're in the code, you will find that the pound became bigger and it became pole and became in a different shape from the last one. So we want to change the color of the phones itself. So we will go toe at the attribute, which is foreground color, and we will give it the color that we want right here. So once you're on, the Cody would find that the phone to tell for the label is gonna be ready instead of you that the label will be ready in front of you and we will not add anything else to it. So now we want to add some time right here. Exactly. So what? It will be obvious in front of the user where he started working. Or he will put time in consideration all the time while he's working. So we will use the local time. So we will go ahead and we will create the time up there. So we were right. Local time equals timeto a sc time, then times local time and we will pass time and time right here. By the way, this old stable you can use it every time in the same way. So you don't have to save all of this. So now nothing is gonna appear in front of me because we need to put a label or to create a label. So it will show me the local time inside of it. So here we must make it out. Not common. Sorry times our time. And I hope sometimes to get an error in front of you guys. So you will learn how to deal with errors right here. So let's go ahead and we will take a label so we will copy and paste that one. Then we will remove the TK and we will remove the text. We will change it to the local time. So first that's gonna be local time. Then we will change the foreground. Color is gonna be steel blue. We will not use the Hexi Decimal. This time we will react. FG equals steel. Blue is the name of the cover and then we will use another phones which is gonna be phoned 16. So we will go ahead and we will change the text right here. A swell. So we will not get an error once we start operating the program, then we will move to the place. So we will go to the real. Why is gonna be 12 and with or the real X is gonna be 420. So let's run the program and check it out. So you will find that the local time is a staple. Up there you will find that the color of the foreground, the size of the phones and the size of the label everything and set in exactly where we want it to be. So we hear Now open the program and you will find that the local time is gonna be a staple . It's not gonna be changed. Why, though? Because it's important to show the user when she exactly opened the program to work on it. So let's recap. So the local time is come to the staple. It's just that line right there. So it's stable and it's not changing. So you don't have Teoh. I think about it a lot. You can just take that line and put it whenever you want, and then you have to import the label not to get any error. Then we added our phones inside of variables and we used our variables inside of our labels before the local time instead of the labels, so it will be appear in front of us. We used the relics to leave some space from the width, and we use their why to leave some space from the top side. As you see, we used at first to it left about two points and then we use the 12. So it waas whiter right here and we said that we can use other ways like the grid and then we can use the pact, which allows me to place my two on the window in any rounds of position, and you will find all the explanation of these tools will be in the basics course. So if you don't have any information about the assaults, So I wish you to go back to the basics tools and you will find a lot of explanation about the souls and how to use them from this scratch. Thank you so much, guys. And see in the next video. 3. Labels & Button in list food: Hello, guys, There's Mama drove. So in the last person we spoke about the labels and how to create our variables and helps create the local time. This time we're going to speak about the label and the entry, and we will make them for the third section our program. So let's organize our code. We will come right here. And we were right. Food info And here it. Let's organize the court right here. We will create another section and we will call it label and we will call label food. Then we will write itself label self taught. People want to equal stick ADA label and we will give it the master so we will add it to the window. Then we will give it a text, so it's gonna be order number. Then we will give it a foreground color, and we will give it that color. As we said before, if you need any hex color or X decimal color, you can find it on many websites on the Internet. Here's one, and that's give it. They found right here, and we will give it a size for the fallen Tried here. Then let's give it a very ground is gonna be the same background of the application. Don't forget that. Then we need to place it so we will give it the place we were right self dot label 12 the place. And then we will give it relax and read y So we will give you the coordinations right here where it's gonna be exactly appear in on our window. So you will try it yourself because the units organize it or set it up as you want. And so it's a lot to you. But all what we need to do right here is to give you an example and to show you how to use the relics on the red wine. So let's run our code and is the place where we exactly want to put our label. So you will play in that space of the real X or the amount of the relics has been left from the left. Right here you will find that the real Y has been left from the top. As you say. It left the space between the top of the window and our label right here. And we said that the more you leave a number or you put a number for the real. Why, the more you will find that it's getting down in the window. Got it? So if we for example, right 25 you will find that it's gonna be up there. So now let's go ahead and we will create more than one label. We were right. Seven labels right here. So instead of writing them again, we will copy the 1st 1 and we will paste it for other six times right here. So we will not change anything in the properties. We will just change the place and we will change the Texas off the labels. So the 2nd 1 is gonna be fried potato. Then we have chicken burger right here. Then we have the king. Then we have checking royal rights here. Then we will add the solids right here and last. We will put the drinks. So if we leave him like this right now, we will find that once you're on the code, you will find that all of them are stacked over each other. And it is what we don't want to happen. So we will go ahead and we will try to change their rail X and rail wise so they will be organized on the window and they will not be on the top of each other. So the 2nd 1 is gonna be 44 the really why is gonna be 32 guys? Don't worry about these carnations, because I tried them before already. So if you want to change them, it's up to you. There's gonna be 53 for then the next one is going to be 54 48. Then it's gonna be 54 56 then 54 64. The next one is gonna be 54 71. So now he said, all the red wise for May. So let's go to the real Xs and we will try to put him at the right places. So the 2nd 1 is gonna be 44 then 53 then 78. Then it's gonna be 60 then 55. Then the last one is gonna be in 93. So now, once you run the coat chicken out, you will find that all of them are over each other. In this way, we are all organized and at their places where we want them to bait. So it's up to you whenever you want to put them. You can change the carnations and you will put him wherever you want. So now we need to add the entries in front of anyone, every label, what we have right here. Okay, those So then we will go. What? They create our entries and is the first time in the course to create an entry. So pay attention. So we will write itself. Entry one equals take aid entry. Then we will give it the place in the master's gonna be master equals stop. Then we will give it a background. So we will give it the color of the background whatever you want. Then we will give it the color off the foreground. And that means that the phone that you were right way the in tried, intrigued and is the color of the phone that you were right inside that the entry with so whatever you're right inside is gonna be that color. So we will give it that cutter and you don't have to be attached to the colors that we are using in the course. We said before that if you want to use any color, you can use whatever you want. Then we will go ahead and we will give it a phones. The phone number 13. We created phones upside right there. And if you check them, you can get the properties of the phone that you need and you can write its number right here. So we will use number 13. So there's enough. We will move to the place we were right Selves. Our entry, One dark place We will give it relics and red. Why the same way off the labels? So the real X is gonna be 18. And the real why is gonna be 26. So let's go ahead and check our entry right there. Okay, We haven't right here. Yes, we didn't put the hashtag mark right there before The color off The text is more right there for the background and we didn't put it for the foreground as well. So it's OK, guys, let's put a man, Let's run the code. Here we go. So you will find that our entry is placed where exactly we want it. And once you right inside that anything you will find that the color is gonna be read for anything that you write inside. So what is the color of the foreground that we gave to it? So what now When we select the script or when we select anything that you right inside of the entry, it's being selected by default by the blue color. What if we don't want it to be a blue? So let's go back to the code and it's changed that. So that will be done. Using the select backgrounds, we will go ahead and we will add a cutter. Don't forget the hashtag and we will write our color right here. So once you're on the code, whenever you write anything inside of the entry, it's gonna be written as usual. And then once you try to select it, you will find that the color of the selection has been changed. So it is the property of a light background. So if you want to change the foreground of the selection as well, you will find that it's available and the property for that is select foreground. So once here will try to select anything. You will find that the color off the phones itself will be changed as it's changing right here by default to be white, it's gonna be changed to be any other color that you determine. So we will take the entry that we created and we will taste it for the rest. Right here. So we created the rest right here. Just a safe time on. Now let's change their places. So we will go ahead for the second run. We will give it a value for the real y to be 34 then 42 then five. I already tried this guy's and I wrote to everything on people right here. So I have an old so I didn't memorize all of these places right here on you can do the same for sure. Then the next one is gonna be 58 than 60 sex and the last one is gonna be 73. So once around the code guys, you will find that everything in its place right now and you won't find them. The entries are not stacked over each other. You will find that they are on top of each other right now and everything is set. You will find that the relics was stable because we leave the same space from the left side until the border of the entry, and you will find that we left a space between the entry and the next one from the real wide by eight degrees, and you can and or get it less. Whatever you want. You can do it, but you can try all the time and whatever suitable for you. You can get it, guys. So we learned how Teoh create a label how to create a entry. We learned how to change the properties of them and have to change the property of the entry itself, by the phones, by the select background to select foreground and we learned have to change the background of the entry itself. Normally it's white, but now it's a little bit gray right here. We know how to change the phone to inside of the entry itself and have change its color and as well we knew how to change the colors and the properties off all of those things inside of the labels as well. So let's go ahead and we will change the color of the drinks so it's gonna be, like, more obvious or is gonna be different from the other colors. Let's go for the foreground of the label of the drinks, and we will change it to be that color right here. And don't forget the hashtag sign again, guys, because is like the mistake of today. So once you're on the code right now, you won't find that it's color became that color, which is below, and you can change it for whatever you want. So you should try to use all of these tools and you have to customize them. You have to try to place them and to play them in the way that you want and the way that suits you. So the more you try to use them, the more you will be professional using them. And it will serve whatever you want. Teoh do on your G y. So you don't have to stick to the properties that we added in the session itself, and you can play them whatever you want. So you will customize your own GeoEye, using the code and method that we used at first. Thank you so much, guys and see you in the next video 4. Calculator Design: Hello, guys. This mama drove So in the last video, we made a lot of entries in a lot of labels in our program and when you have to place them exactly where we want. So I hope, guys, that you practice a lot and I hope that you learned how to do that. God's later we will create a calculator that we will place inside of our program. So first of all, we will go ahead and we will create the place where we will put our numbers like the screen off the calculator. Exactly. So we will take a label and we will pasted right here. So try to make it easier for yourself all the time. Don't create something that you created before. Take a copy and paste it and try to change the sentence for everything that you will paste . So we will take this right here and we will make comment right here. A scale stands for calculator. So what with then? We will go ahead to the place and we will change in a place so we'll go the relics. It's gonna be 705 and then we will go to make the height or the real y to be 24. Then we need to add within the heart. Then you will give it high to be 35 then you will give it real with. So can you reuse the weather with? Yes, exactly. You can use it. But if you want to give it a value that would include a fraction of numbers, you will give it there, would with two b 267 So here we go. Once you run the program, you will find that our entry is exactly in its place. So what? We give it a relaxed and really why Teoh make it in the right position where it is right now. And we gave it height and with So it got its size right here. So now let's go ahead and we will create about him. We didn't create buttons here before, so we will write Selves up bottom one, and then we will go ahead and we'll write t Cade's up button. We will place it on our window, which is master top. Then we will give it a text, which is gonna be between single quotations. And we were right seven and actually we can place that seven right here, which is the text between three quotation marks, actually. So why do we do that? Because I want to tell you that it's OK to put it between triple quotation marks right here , because in the designer you will find that it will be placed between triple station marks right here. So it's OK and it's always the same. Then you will go ahead and he will give it a background color and then we will go to give it a phone and let's give it the funds of 14. So we will check our phones up there. Then we need to place it so we will go. And we were right but and wound up place. We will give it relics to be 705 and then we will give it really like to be 0.34 So now, once you run the code, you will find that our body disappearing right here. It's in the same real X off the entry right there, and you will find that it's really why is different. So it left 34 from the top. Okay, guys and right here, So we need to change some things like the background. We need to change the foreground or the number on it. We need to change this border in here. It's called the border with, and you will find that it allows the bottom to be a little bit seems to be more realistic, or it's like sticking outside of the window. We want to make it flat, so let's go ahead and check how to make these tricks. So let's go ahead and change the height and the with the heart is gonna be 44 then the what is going to be 67. So then we will give it a foreground to be different, little bit for the number on the button. And then that's what my released. We will go ahead, and we will make the border wits to be zero, so it's gonna be flat, so let's go ahead and check our button. So as you see, the shape of the button has been completely changed. You will find that the height is the same right here, 44 you will find that the width has been changed as we determined and you will find that the foreground has changed. Number seven right here and you will find that it became flat. The border with became by zero, as you see. So now it's going to create the rest of the buttons. So let's copy the cursed bottom right here, and we will make a lot right here. Then let's go ahead for the next two. So it's gonna be eight and mine. So we will change the text of them to be eight online, and then we will change their rail X and the rail. Why the width and the height are stable for the whole bottoms. So we'll go for the real X on the real. Why we'll change them and even the real wise gonna be stable. But the real it's going to be changed. So let's say the rial X off eight is gonna be 783 and then the width of, or the real X of nine, it's going to be 856 So let's run the go to check it out. So you will find that the text off their button right here supposed to be no, not eight. So we will go to change it. But you would find that the three buttons exactly at their places. The it is a little bit going to the right. So we will change its relics to be to the left, so we will go ahead to change it. Let's try that. Here we go. So you will find now it's more suitable. So try all the time, Teoh, sit your sense and you're configurations to make everything is stable and to be looking good all the time. So now we want to create about him to be that slash or is gonna be the division mark. So we will change its relics and we're going to change its which again I put these numbers before and I tried all this before. So you try to suit yourself all the time, guys okay. And we will change the width and the height as well. We have the division right here. It's a place and everything at school. So let's go to the second row. We want to change the real aches. We just need to change the royal wife. So we will take the 1st 4 buttons as a copy and we will place them right here. Let's separate between them. So let's go ahead and all the world We're gonna do that, we will change the text. So it's gonna be four or 56 and the multiplication work right here. Then you will find that the real X is gonna be staple all the time. We're not changing it right here. We needed to be like that. Exactly Like the space between the buttons and each other and the space between the first pardon and the window. So we will change the red y only. So as you run the program, you will find that everything the school right now. So you will find out everything in school and set. So then I just throw is gonna be 123 and minus signs. So let's go to set them again. So we will go ahead and we will leave everything as it is. We will take four says a copy will paste them right here. And we will change the text to be 1234 and lightness and we will change the rail. Why as well. So let's make it 54 and the re Alexis fixed, as we said before So let's from the code. So now we need to create a zero. Pardon the equals button, and the last one is gonna be the plus button. But the zero is going to be taking the size of two buttons or normal buttons that we have right here is gonna be the main one. So it's know how to do that. So we will go to the code. We will take those three bottoms right here as a copy. Yes, that's take those and we will pay some right here. We'll change. The text is gonna be zero that and plus, and we will go to zero. We will change the wits to be 147. So once you run the code guys, you will find that the row is already there and you will find that zero toch the size of two buttons. But you will get him a little bit to the left as it's going to the right more than the other buttons above of it. So let's see. How did we do that in the code? So again, we got the riddle X from the left side of the window till the beginning of the buttons. And then we created that zero right here to be taken the size off to normal buttons off the calculator. And then you will find that it's going to write a little bit, so we will take a degree from it, and then we will create the equal button right there on the bottom. So we will make it one for six right here. Then let's get the equal bottom to be taken in the size of the four buttons. So we will take the last button right there, and we will put it here. So sort of both copy and paste. You will not be exerting a lot of effort. Teoh do all of this. So let's go ahead and we will change its text to be equal. And we will get the real white to be 72. We will change its with to be 272. The high is gonna be 34. So let's check it out. Once you're under code, you will find that it's going above so much. So we will try to get it down a little bit. Yeah, let's make it 79 0 it went down so much. Let's get it up a little bit. So now let's make it 74. And now it's totally suitable. So we need to get those bottoms right here. Zero point and plus we need to make him or their height become this, so it's gonna be more suitable. So let's make him 35 right here. And once you're on the cold, you won't find it. Everything is set. Let's add some touch right here so we will change the color of the equal. But so let's go ahead and we will change the color. Let's put that color right here. It's almost the same color of the title. It's a little bit lighter, but it's OK. So right here We didn't make so much effort, guys, which has taken copying and pasting all the time, and everything was set for us. So you just need to organize your buttons where you want and this is the whole game. So here we go now. We finished guys. So everything is said right here. We don't need to add anything else. We just put our settings for all the bottoms right here. We just change the coordinations. All the citizens were copied and pasted from the previous ones that we did. It's all about setting your buttons and your tools where you want on the window guys and reach into the colors of the tools. And we know how to organize our tools in the perfect way. I know guys that this session waas long a little bit, but that waas proper our that was Theseus Herbal thing to be done. So you would know how to organize your tills over your window and how to do this step by step. Thank you so much, guys. I hope that you found that while it's been official for you and see you in the next video. 5. List for cost and service: Hello, guys. This mama drove in the last session. We knew how to create a calculator from scratch. It was long and bring a little bit. I know. But at the end you will find that the calculator is kind of looks amazing right here. You cannot deny that. Okay, so today we will create a list like that one. But it will be related to the coast, the services and so on. So it will be right here. Exactly. So let's go again to cut and paste right here. So, first of all, we will get right here to write coast. We just need to organize everything all the time, guy. So if everything is organized, you will find that everything is going smooth and fine. So for saving some time. Let's go up there and let's cut this from here and we will paste it right here. So it's pasted one more time. Okay, for the third time and for the fourth time. So we will go for the 1st 1 right here and we will change its text to be coast. So we will leave everything as a days, guys. But we will just change the curtain nations right here. So we will make the real X right here by 40. And we will make three rail while you're right here by 32 we will go ahead for the foreground. And we will change the color to be different right here. So we will make the color of the coast will be different a little bit from here. Okay, though. So we will go to the second run right here, and we will change the name on the 2nd 1 and the rest for shirt. That's so the 2nd 1 is gonna be service charge. The next one is gonna be text. The next one is gonna be sub total, and the last one is gonna be total right here. So it's based it and we will get it to be total. Then the next step for sure, is gonna be changing the coordinations. So we will go to the rail excess right here in old and we will make 1st 1 to be 35. The 2nd 1 would be 40. The 3rd 1 will be 38 the last one will be 40 as well. And so about the word itself. If it's bigger response. So we were trying to get the rail X into suitable space for the word guys. Then let's move to the rail wise right here. So we'll make the 1st 1 to be for the 2nd 1 will be zero point for rates. The 3rd 1 will be 0.56 and the last one will be 0.64 So let's run it. And here we go. You will find that everything is organized in its place exactly where we want it. So you will ask me why we did that. The real aches to be like this. 35 40 and sore. You will find that the words here are different and the size of the word or the length of the word itself is different from one to another. So to make it like organized like what you see right now, guys, we need to change. The real X occurred into the word itself. So you will find that everything is organized and you will find that the words are exactly in their places where we want him. And for the real wise, you will find that there were wise. Here are equal, as you say so Okay, let's go to get an entry from up there, we will copy it, which is entry food. And then we will right here. Entry coast. We will paste it. So then, after we paste all the entries right here we will go to the names that we will change them . So it's put three here and here and here until the end. So of course, the names of the entries guy should be different from the entries up there. Because in every time we want to determine the entries that we want to operate in our functions, it would be suitable to choose whatever we want. If they all have the same name, there will be a confliction. But we need to give them unique names, guys. So now we need to set the coordinations. If you're on the call, you will find that the are right here. And they are not appearing because all of them will be up there. So we need to change the coordinations right here. So we will go to the relics is right here. First we were right for 67 1st then 516 then 467 Then for 79 and last finalist will write 466 Then we will go to the rail wise right here. And we will add 0.33 is your point for one? 0.5 0.57 and 0.65 So once run the code right here, guys. You won't find that all the entries right here are organized currently to the labels right here. You will find it. Every entry is in front, off a label right here. And that's why you will find that occurred into the length of the labels. Right here. You will find that the entries are organized. That's why some positions of the entries are equal, like the coast like attacks like the total and so on. So we need to organize them or to make him aligns on the same alignment. So we will decrease the width of the service and subtitle right here. So what? We will go for the entry right here. That one and we will give it a real with to be is your point triple ones. And we will go to that entry right here, and we will give it real with by 0.15 Let's straight the code. Okay, let's decrease it. That 15 more to be 14. Okay, so you will find that it decreased a lot, so it's decreased a little bit. So let's make it triple ones as that one up there. Okay? It has been decreased. More. Let's make it 120. Still the crazed more. Okay, so let's make it 14 1 and still not cool. Let's make it 14 6 Now. It's great. So now you will get to know how to organize your entries exactly. Guys, you don't have to get the video until the end. By the way, you should know how to suit yourself, how to get your tools to be organized and Alliant as you want at the and you must gauge the program or the interface of their program to be looking that good, you know, because all what we're doing right now, we're going to do it again in the design programs. So we will not try to do all of this, and it's gonna be way easier than what we do right now. So don't worry. The explanations not that hard as you think and nothing is missing right here. So the whole idea is that you are setting your Kurt nations and all the properties right here. We are using it every time. So don't worry about anything. I hope, guys, that you found that one beneficial and see you guys in the next video. 6. Button Control: Hello, guys. This mama drove So in the last video, we added some new controls to the old controls that we had already. So we learned how to take from what we made before, and we didn't add any something new. We edited right here, and we changed the coordinations, the relics and the rail Y and the real width and so on. So today, guys, we will create a bottom that will operate with all the controls. Right here. We will create the reset button by which when you click on it, you will get all these entries right here to be by zero. You will get the values of the entries right here. All of them to be by zero. And we will create the total bottom right here to calculate the total cost right here. And we will create another button, which is exit. So let's go to create our buttons. So it's go to the code and we will determine what we're gonna do first. So we're gonna go right here and we will write control bottom. Then we will go ahead. And we were right self bought into and we changed the name right here. because the previous group is a different group than this one. So you will find that in every time we create the same tool we have to change the text because in every time we want to operate with a different rube No confliction was gonna happen if we are changing the names consistently so we will go ahead and we write TK Tabanou. These are all things right here. We know him already, then masters up. Then text will give it the text to be a price and we'll change the background right here. Let's give it that color right here. And we will go to the phones right here and we will give it foreign 16. So there you will find that foreign 16 is bold and size is 13. And to control the color, it's gonna be black anyways. So then we will go to write Selves up, but into that place, we will get the coordinations right here. We will give it real X to be 0.39 and let's get real y to be 0.6 and we will give it a high to be 34. Allen's give it a with right here to be 107 So let's check it out, guys. So right here you will find my body is right there. Exactly. So you will find that the four around is black. As you see in the background, it's gonna be changed, as we did already. We changed it and you will find that there is a border with right here. It's not flat as the buttons off the calculator, and it appeared exactly where the carnations were determined, and we give it with and height. So we give it with to be 107 and we gave it a high to be 34. So let's copy that about it. Right here to make more than one, we will make other three, and we will just change the names and the coordinations so we will go. The 2nd 1 is gonna be total. The 3rd 1 is gonna be Reese it and the last one is gonna be exit. And of course, all the wires right here is gonna be stable. So we will go to the excess and we will change them. So the 1st 1 as it is, it's 039 The second was gonna be wind 56 The third one's gonna be 272 And the last one is gonna be 309 So once you're on the cold guys, you will find that the buttons air exactly where I want. So we just changed the Eurail excess right here. You will find that everybody is moving to write a little bit so they will be beside each other. All the buttons right here. They took all the properties of the same properties. They took the same heights and everything. So now we finished our interface for the program that we want work on or to create. So in the next session, we will know how to create the same interface of by using the design diaper rate. But at first I prefer Teoh. Cool it. You cannot work directly on the Zion Library. You must call it first. Why, though? Because you are a programmer and you need to call it all the time. Because if you need it to just work on the design library and you just designed your design perfectly and everything is okay. Once you find a problem, you will not be able to face it. So once you tried to add your function and so on, you will not be able to deal with the buttons. So you have to add your code. You have to be able to deal with the with the functions, the foreground, the background, how to create a fault and help to use it. How to create the tools how to use the rail x the rail. Why the one with the height, the wits, how to change the text have to change its color. How to take their label from that other label and have to change the coordinations of H one and have to change the properties. All of those stuff will make it easy for you later to work and to be a good programmer, so you don't have to get the session till the end if you don't want to. But it's better to get until the end because you will be able to know how to create the label, how to change its carnations. And then once you create everything, you have the whole freedom to order them as you want on your interface on the previous session's you found that we wasted so much time in making the coordinations and setting them to be exactly as we want and to put the tills exactly where we want on the interface. But you can search yourself. You can't put the cart nations that you want in every time. So if you don't want to get a session till the end, it's up to you. But it's better to know that it's better for you to know how to code all of this. So in the next video, we will know how to create that same you. Why on the design library And then we will know how to create the functions, to get plates and to make our program run properly. I hope guys that you like their session and two guys in the next video. 7. Price List: I don't get this minimal drove. And today we will set a menu for the user so he would know all the source of the food and the prices of every and each sort of food. And that's why we created the price bottom. So let's run the program and check it out. So there's about it that we created. So when we click on it, we will get menu with all the prices of all the source of food in our program. So to create a new winter, to have all of that we need to created by using a function we can't created like that or outside of the code we need to use a function. Because if I put it out alone, that means when I run my program and I click the button, it will open two windows or even before I click about. So I needed to only appear when I click on the bottom. You got it? So first of all, we would get our function. We were right deaf and we will call a list and then we will create over winter. We will give it a name, which is price equals T K. Now there's my window and then we will go ahead and we will write price documentary Now, when we were given it the properties So we will give it a high with and a place where it's gonna appear. So we will write 300 for the width by and by is the X from the keyboard right here. So we will make it by 250. Then we will give it the place where is gonna appear. So we were right. 350 plus 200. Then we will give it a title. So we were right prized our title and we will give it a title which is price list. Then we will make some configuration. We will change its colors. So it would be the same kind of our first window. So you're right. Price Stop configure. Well right. Hashtag 031833 And don't forget the hashtag right here. So I will take the name off my list right here. And then we will go ahead to my button, which is the price button, and we will add a common equals list. So if we run in this way it will give us an error because the word list is reserved for the library, so we have to call it something else. So we will call it list one, for example. So we'll go ahead and run our program to check it out. So once you click on the price button, you will find that the window will appear in front of you. So the width and the height we have them right here, as we determined. And the place is exactly as it is. And you will find that the position is exactly as we said. It left the number that we determined from the left side of the window and from the upper side as well. And even the title has been changed to be price list. The color didn't change. We will go to check it out. So let's see why the color didn't change. So right here in the comforter. Okay, guess this wrong number. It's not 0309 So let's change it in. Check it out. So it didn't work. OK, let's check it out again. Yeah, we forgot to write the background itself, the word itself, because, like Okay, that was silly mistake, but it happens all the time and it's good to have mistakes in to meet mistakes all the time , so you would know how to deal with them once you have them. So we were right background. And then let's run the program once you click the button, who it's appear in front of you right now and the color has been changed. So now let's add our items and our prices. So we now need to add all the items on our window right here. So we have freeways to organize our tools. The 1st 1 was the peck, and it adds the tools randomly. And then we have the 2nd 1 is the price, and we said about it before that. We use it to choose a determined place where we're gonna put our tool and the last one is the great, and it uses the columns and the roses so it will organize my tools in specific places, and the grade is what we are going to use. So we will learn about the great. We will learn about the columns and the roads and so on. In the basics course we spoke about it in details and we had a lot about it and we had a lot of applications about it. But if you don't have a big round about it so we're going to speak about it here briefly, Not in details. Let's check it out. So you would learn about it too. So first of all, they will add my label. So we're right. Label info equals label and we'll give it Christ text. It's gonna be item. Then we will give it a foreground. So there's the foreground color of the text that will appear on the label. And then we will give it a phone. So we make it different this time. This time we're not gonna important. We're just gonna write it. We're not important to write the name of the pound and is gonna be 19 bold. Then we will get a background. Then we will change the background color to be 091833 And now again, Don't forget the hashtag because it will give you an error if you forget it. So now my neighbor was not gonna appear. We need to give it the grid. So before we were using the place and we were using with at the Royal Alexandra. Why put my carnations in the place where we want So right here in the great it divides my winter into rows and columns. The 1st 1 is zero, and the last one is infinite. We don't have a less one, actually. So what? We will start our first row on our first column, which is zero and zero, and we will place our label so it will be placed exactly on the first row. On In the first column, Salil writes label. And so on that grid, Well, right throw equals zero and column equals zero as well. So it will be in the first row and the first column. So, as you see on our window once for you on the program, you will find that the label has been placed in the first row in the first column because our rose goes like 0123 and so on. And or columns go like 01234 and so on. So you will find that the item has been plays in the first row in the first column. So what if we add another word, which is gonna be bigger a little bit. So you will find that the column will be stretched and you will find that the previous word , which is smaller than the other one, will be placed exactly in the middle. So again, once you add any word which is longer over, you will find that our column is being stretched. So the column stretches and it comes back again to be shrink a guard into the word that we are adding and according to the size of the word. And we will see that when we add the fried potato word right here. So let's go first and add the price label in the third column. We will put it in the third column to leave a space between it and the items. So we will copy our label right here, and we will add it again. We will change the column to be three. You'll change the text to be price, and we will change the foreground to be F to a 343 So we put it on the same road. We didn't change the rose. We just changed the columns and there's what we need. So once you're on the program and we click the button right here, you will find that the items and the price are beside each other. Why, though? Because the second column is empty. So it left a small space for it, and you will find that it will not be placed. The 3rd 1 is not gonna be placed away as we wanted to do. It will be exactly placed right next to the first column right here, because the 2nd 1 is empty. So if we change the columns, for example, to be one right here, you will find that it's the same idea. It will be exactly at the same place as we put a three at the beginning. So if we go to the code right here and we copied east to labels and we place them right here and we change the 1st 1 to be not item fried potatoes and the 2nd 1 is gonna be the price, which is gonna be 30. Okay, so and we are keeping the same rose as they are, so if we go ahead and we're on the code, you will find that the second row or it's supposed to be. The second row has Bean added on the top of the first row. So because we didn't change Rose, so all of them became on the top of each other. The are stacked on the top of each other. So that's why we need to change the rose for the 2nd 2 items in our coat. So we will go ahead and we will change the Rose. It's gonna be one and one. So once you're on the code, you will find that the two other items have been added to the second row right here. So now it's obvious. And if you check that, you will find that the item in the price in the in the first row, the fried potato and the 30 are in the first row. This one is in the first column, and that was one of the price, and 30 are in the second column, and you will find that the first column has been stretched because of the fried potato. It's a big word, according to the first word. Got it. That's why the first column has been stretched a little bit because off the word pride, potato right here. And the first word which is item has been placed exactly in the middle of the common. So if you want to add the price right here to the third column, for example, so you will make it right here, and you would put something in the middle. But we didn't put something in the middle, so we kept him after each other directly. So now let's go ahead and change the names off the source of food right here. - So let's run our program and trick was gonna happen. So once you're on the program and you quick on price, you will find that our other windows right here. So you will find that the first items over the items, all of them are stacked on one column right here, so you'll find that the item word is on the first row. The first column You will find that it's starting by zero Fried potato, one chick burger, too, and so on. 3456 So all of them are in the first column and they are in six rows right here or seven as we started from zero. So if we want to keep something in the middle like separator or something between the item and the price. So we will keep the price to be in the third column, and the items will be in the first column and we will keep something between them in the 2nd 1 As by order, we have the columns like 01234 and its infinite. And we have the rose right here, like 0123456 and its infinite as well. So I hope, guys, that you understood now what are the columns and the roads and how to deal with them? How to create a window inside of a battered by years in the function? How to execute that function using your button by the Commons. I hope, guys, that you like this session and see you in the next video. 8. How to create window ( Restaurant Program ): I don't guys, There's Mama Drove in today will speak about a new program by which we will design the same geoeye that we designed in the last session. But this time we will views the page software so we will be able Teoh create the same geoeye years in that designer. So the page a software disconnected. So our library and it's responsible for creating all the tools that we would need. And we will use it to adjust all the properties for all the tools like the title, like the gym Misery and so on. So anything you need to perform in your software using the design so you can use this program using the dragon the drop method. So let's go ahead to go deeper in this software, and you will find a free course that shows you how to deal with this program in details, and you will find it in our page in una me. So if you didn't subscribe to that course, yes, you have to go first. You have to subscribe, and you don't know how to deal with this program. How to set up the program, how to use the tools, how to build your properties and even have to extract the files and how you would extract the files and the code to use it later in the script with Python. So let's go ahead is the icon of our program. Once you click on it, you will find that it will up in front of you, so you will find that it's consistent off four parts. This op report right there is for the options. You will find that it contains file at its option window widget and the states right here. So if you use any tool, you will find that it's being highlighted right here. So this is the window of the program that you will work on it. You will find that it has the title. It has size and it will appear right here in front of you. And right here on the left, you will find that this is the tool box. You will find that it can say inspiring check patterns. You will find that it has the frame, the canvas, the label, the label frame, all the tools that you would years in your software. You will find it right here and on the right. Right here you will find the attribute editor that is responsible for a Justin all the properties that are connected to a specific tool that you will use on the window right here . So, for example, you will find that the properties that are connected Teoh the window are right here like backgrounds. So you'll find all the curse ALS that you could use in the library, our existing right here. So you can do whatever you want. You will find as well the file and the edit and so on. If you want to appear any of those so all of those stuff guys will be more visible and more explained in the recourse that is connected to the program. And again, you will find it on our page on getting me so right here. First of all, you will adjust the width and the height of the window. So the width of the window of our program today is gonna be 1028. So once you write it and then in quick enter, you will find that whom it's in front of you. The woods has been changed. So the x and y right here are responsible for the place where the winter's gonna peer. Once you change the place off the window, you will find that the aches and why are being changed automatically. L So if you want to change the title right here, you can enter any title that you want. So let's go ahead and change it because we will use it today. It's gonna be restaurant management. So once you press enter, you will find there. The title has been changed to be restaurant management. So what if I want to change the background right here? So, first of all, let's go to check the tools right here. For example, if I want to add a button so you will go to click one click on the bottom and then you will go ahead and you will click on any place on the window. Once you click on it, you will find that it's gonna appear right here as you see, so you can resize it. You can't change its background from here. Once you click on the background, you will find that this windows appearing in front of you You can choose the color that you want. You can use the border with to make it letter. Not you can use the bit map. You have the active background, so you will find that the active foreground as well is right here and is responsible. Once you click on the bottom, you would find that it's responsible for a change in its color once you click on it. So if you click on it, for example, and you said it here to be read, so the color of the bottom is gonna be read once you click on it. And the active foreground is for the text that is on the about in itself. So it's gonna change as well once you said it to be different. For example, if you change the foreground color, you will find that it's right here to read. For example, with this change it to be read I. Once you click on it, you will find that it has been changed. We can use any curse ALS that we want like the store. For example, once you put it on the button right here, you will find that it's changing. You can add an image as you want. You will find that it stays right here as well. You can make it active. You can make it disabled. They can change its name Self. If you write my boon, for example, and then you push enter, you will find that the name of the bottom has been changed. The underlying for example, if you change it by zero or let's make it one, you will find that right here under the age is gonna be underlined. So once you get an entry, for example, you're saying that all the preparations of the entry, our existing right here and you will find that the attribute box has been changed because the properties of the entry are different from the properties of the button and you can choose whatever you want to change it. So you have the phones which is responsible for the phone that you were right inside of the entry. You'll have the background right here, the civil background. You have the border. What's he have? The curse? A. We can do whatever you want. You will point, it takes for you will find the show and all those things are explained already. And we explained all of this already on the basic scores and you will find it on our page on your to me and is different from the course of the library, the normal one. And this is again different from the 3rd 1 which is the course for the program itself, which is for afraid. So we are trying to surround everything and to contain everything that is connected to the library. So you would be professional on it suit. So let's go ahead and it's delayed all of those stuff from here. We will use all of this in the program later, but we don't need him now, So let's change the height and width off the window. We will use 500 forward, the height and 1028 of foreign wits. So let's go ahead to change the background of the window. So it's gonna be 091833 And once you click entry or you push enter, you will find that the color of the background has been changed. As you see, So we need to get a title for our program right here for our software right here. So we will drag a label. We will put it here. Okay, let's resize it. So you want to change the name itself, so you will call it restaurants Management System. Let's get it from the title of the window as we found it. Or we made it before, sir. Guys forgetting the period of the session to be longer, more than usual. But we're trying to get all the details to get familiar with it from now. So once you write the name and once you click or you push answer, you will find that the name has been changed. Let's change the phone to tell, so you will give the U phones window right here and you will find a group of phones right here. We will use the area. So let's choose the phones right here. That's make 16 as size on Let's make it bolt. So let's change it a little bit because it's still small. It's make it. They see. Okay, not yet. Let's make it bigger. Old Bay. It's gonna be 20 and now school, so you'll find that the label has background, so we will try to change it to make it as the same background of the window. So it's not gonna be is so obvious there. The label has a different background. It's gonna be a smoother. So we will take the same color off the window of the background and we will put it for the red grounds off the label right here. Once you push enter, you will find that it has been changed so that we need to change the foreground color. So to change the color off the phone itself. So we will go ahead for the for around color. So let's go ahead and changed. And as you see, you will find that the foreground color or the color of the phones itself has been changed . So let's change the place a little bit to make it at the center of the window. But up there. So we will have more space for the tills. And here we go. So now I created the title of the program that I will create right here. And we know how to create a label how to change its playground, how to change its foreground colors, how to change the color, how to make the phone itself to be pulled, how to change the phones. It's so so okay, we're not gonna make this longer. So we will end up here this time. And next time we will know how to create other tools in our program right here and how to place them exactly where we want and have to change their properties. Thank you so much, guys. I hope that you fell in that one beneficial and see on the next video. 9. How to change property ( Restaurant Program ): this drove and they will continue what we did in the last time. So in the last time we know how to you would change the properties off the window. How to change the background, had to create a label. We spoke about the page program briefly. So I just want to remind you guys of this your first video that you're watching right now. So I'm just telling you that you can go back to the basics course, or you can go to the free course that defines the program. It defines the tools how to use them, how to put them on the window out to change the properties and have to extract the files, the GeoEye and support files and how to save them. Even you will find all of this for free on our you Jimmy page again. Guys, they want to remind you that it doesn't mean that you are professional if you are working good on this program because the benefit off this program is just that it saves some time for you because you're using the dragon, the drop method and its way is your then coding. But it doesn't mean that your professional if you're using this professionally, so I recommend you to go back to the basic schools and to check all the basics first before you check this out. So let's continue. So you saw the do I of the program before. So we will put our orders or the food orders. First, we will create the food source that we will work on them so we will know how to add the labels and the entries off the source of the food. And we will know how to save some time without creating a special label in a special entry for every single sorts our food. So once you click on the label, you will find in the state that you have a label and you'll have to insert it so you can use it right now. So we will put her right here. We will resize it, and then we will go ahead to change the background color. Then we will go ahead to change the four grounds organ. Change the phones first. It's makes 13. Okay, it's obey it small. So let's make it bigger, is gonna be 17 and it's gonna be big, but it's OK school right now, so let's give it a name. All right? Order number. Okay, I guess that the point is big Old bit. So it's changing. So in the first entry and the first label, you will find that you're doing some effort to make them suitable for the window. And then everything is gonna be cool. And everything is gonna be easier because you're just copying and pasting. So let's go ahead and make it 16 for example. OK, score. Now let's go for the program. And then let's give it a different color. And here we go. And there's the color that we need right here. So we're not going to change or we're not going to create every label for every single sword of food, air or every single element that we need on our G y. So we will just take the 1st 1 and we're going to copy it and paste it. So we're going to copy it, and then we're gonna paste it on the place that we need to paste it at. And that's configure its place right here. Let's make another one. And here we go and let's make more. Now let's go to change their names way and we will change the foreground off the drink. So let's make it different. So we need to organize everything right here on the window because it seems miss a little bit. So let's go ahead and organize everything. - So in this part, guys, you can suit yourself. You can put him wherever you want, but we're just trying to put him in some way to be organized because we won't save some time for the session. So let's go ahead for the next step. So now we want to create an entry and we will create the other entries based on it. So we will get the 1st 1 Let's put it here and let's make the heightened with. For example, let's make the deal with 25 now we're here. We go, so we need to change its background right here. So let's go to the properties and let's change its background color. Then we need to change its foreground. So let's go ahead and change it. So whatever you enter inside of the entry is gonna be changed to that color. So let's make it Ariel and let's make it bolt to be intent as a size, and we need to change anything else. So we need to change these late background and select foreground. So this select by ground, the foreground guys are. When you try to select some kind of text inside of the entry, you'll find that the color of the background of the selection and foreground is being changed. So we're gonna determine those cutters right here. Okay, so now we determined our cutters. So again, the procedure is gonna be like that. Once you write a code, you will find that is gonna be read like that color right here. And once you select it, you will find that the background selection is gonna be that cutter that we chose and the foreground or the color off the selected text is gonna be the same as the label right here is gonna be white, as you say it's gonna be or that great one. So it's gonna be different, is gonna look cool, guys. So we will copy the 1st 1 by the same properties, and we will paste it for the others. And let's organize it right here. I will put him, and somehow to be organized and I can organize them later. And I'll show you guys the final shape for the entries on the window. And again, you can sit yourself. You can put him in the way that you like, but I'm trying to make them almost as the previous rely that we created using the code. So again, guys, once you copy an entry from here, you will find that all the entries will have the same properties. And this, like background, the foreground, the background itself and so on. So once you could be one of them. You will find that all its properties are being copied. And one suitcase that you will find that a clone from it will be pasted. So OK, guys, we're not gonna make it longer this time. So we're going to stop here and we will continue the next video. Thanks so much, guys. See, in the next video 10. Labels & Button in list food ( Restaurant Program ): guys. These my wardrobe. So in the last session, we know how to create the food source menu and how to create the labels. The entering is how to connect between all of them and how to make it clone from the tool and how to use it with the same properties if we need it, instead of making a new one in every time we need a tool and instead of changing its properties all the time. So we saved a lot of time. Okay, so what is the idea of the program? So right here we have in front of every food source, we have an entry. So I give a number for every entry, like a specific price. So what we say, for example, Okay, the fried potatoes. We need to from them. We need the three burgers. We need Teoh baking and so on. So what happens? Out program takes all those numbers and it performs some calculations. So at the end, it gives you the price, the total, the sub total. And after it adds the taxes and service and so on. And you will have some controllers which are buttons right here. And they control everything. You can erase all the data from the entries. You can just get total price and so on. So all the stuff we created them in the last time. So this time we will create a total this up total and the rest. So I know that, like the design as a course, it could be boring a little bit, but we are trying to give you all the steps so you would know what has happened in step by . Step on, you wanna lose anything? So, uh, I will make a tester a little bit and keep up with me. - So let's continue our manure. So there's my menu right now. So after we enter the quantity, your after re enter the food source quantity that we need and so on, you will find that it will care plate for you because for service charge detects the sub total and the total of the end. So now we will go ahead and we will create our main buttons. So we will get first the bottom right here. It's driving and drop it and you will find in the state that we are inserting a button. So let's go ahead and change its configurations. So we will go to the properties and we will change its high to be 34 and then we will go ahead to change its background color. So it's gonna be the same background color of the coast. So let's change it from here and let's change the phone so we will make it 13 and let's make it bolt. So it's kind of suitable right now. So let's take a copy and let's send them here and change their names. After we faced the rest of the buttons, that's changed their names and that set everything right here. So at the last time, guys, when we created the same J a y in front of you, we took a lot of time. So the designer right here or the page program, it saves a lot of time for you. You can just drag and drop the tools and you can customize them from the properties right here on the right. So it saves a lot of time for you and about the program. You will find the pre course for the installation for half a day without the tools and everything and you will find it for free on our page on. You know me so you can enter that course and you can check it out. So it's all about the basics. So you learn the basics like you learn about foot a shop, you know the basics. And then you can customize everything up to your well. And then you will know how to extract the code itself, the files of the code, and had to turn this into a code so you would customize it by yourself and how to learn. Promise a lot of new codes. So, guys, we will end it here today. And we will know in the next time how to create a calculator. You know what? Already. But we will go step by step by the designer to create our calculator, which is gonna be right here on the right. So that was it for today. Thanks so much, guys. And see you in the next video 11. Calculator Design ( Restaurant Program ): things Mama drove. From today we will learn how to create a calculator using the dragon the drop way. So first of all, we will drag and drop an injury right here. Then we will resize it. We will increase the height right here. And I know that it's hard to control it this way. But here we go. Then we will create our buttons that we will use it in our calculator right here. All the buttons. So we will go ahead and we will drag a bottom from here and we will drop her right here. Then we will resize it. So the West is gonna be 67 the heart's gonna be 44. We will increase the wits off the entry a little bit. And then we will go to our bottom to make it flat. So we don't need a border right here to be like with shadow or anything. So we will go to the border with and we will set it to be zero. Then we will change the background. It's gonna be 1 22 he 63 So now it looks school more. Then we will go to change the foreground color to be white. We're gonna change the phone itself and that Speak it 15 as a size and bolt. So now here we go. Let's set a value for it and let's put it to be seven. And now everything is cool. So now our body is set. So let's go and take a copy. Former Teoh make our other buttons. So now we created our 1st 4 buttons and we need the hard to be the same. So we will set it all to be 160. So to sit the Y position to be perfect again Don't from here from the properties So what you can said the Y position as you want, So we will make it all the same right here. Then we will change the numbers of our buttons right here. So what? The 2nd 1 is gonna be eight. There's gonna be nine and there's gonna be division. So then we will go ahead that Teoh that bottom right here and we will copy it and we will paste it to create the other row of buttons. - So now I created all the buttons right here, and we have that letter C right here. This bottomless created Teoh deletes all the numbers inside of the entry. So I believe, guys, that it's pretty easy that way because if you will create the same calculator with the same patterns with same entry and everything, but I couldn't It will take time from you, which is not gonna be so short, by the way. But in this way, we only used a minute just to create everything. And I'm sorry again, guys, for making the video becomes that fast. But I don't want you to get bored. So that's why I pushed to the your speed forward a little bit when I waas creating those partners right here. But you need the steps anyway, so you will find them easy. Anyways, when you watch the video guys, then we need to create the equal bottom. So we will get a button right here, and we will increase the with to be larger like that. It's gonna be about 72. We can set it from the property is gonna be easier. Then we will adjust the height and then we will make it flat from the properties, as we did before. So we're gonna set the border. What's to be zero? And we will go ahead and we will change the background colors. There's gonna be fto a 343 Then we will go to said the phone. So I was gonna be 13 and some people Okay, let's make it bigger a little bit. So we will go to make it 15 and still bold. So as you see, guys, this is the shape of my calculator that we will use it in the next sessions and sore. So you will find that the entry has the same properties off the other entries in my program right here and you will find that we said buttons. So in the next stage, we will create the coded Teoh, create the mathematical functions and to connect old buttons to each other, interconnect between all of them and their mathematical functions. Teoh the equal button So we will be able to make it work. So then we will go to the orders park. So we will feel the entries. For example, we want to potatoes. They want three burger kings or whatever and then, after all, it will calculate the whole total price and we'll give it to me at the end. So we will create all of that. And we will create the mathematical functions that are needed to get our total price right here. So, by the way, if you want Teoh reorder the steps off, creating the bottoms right here, the entries and so on, it's up to you. You can suit yourself, can do whatever you want, guys in the way that you like. But as an advised guys, if you want to know how to create anything, don't start from here. You have to go to the session that had the code and instructions. Okay, so it's gonna make it easier for you, and you will understand how to create all of that. And you will understand the difference between created by the code and created by the designer right here. And if you face any problem, you will be able to solve it. So Okay, how would I get the files that contain my code off the design right here. So from that designer, maybe I'm getting too filed. The first file is the support file and is responsible for creating or containing that support for the library and for the code. And the 2nd 1 is for the G A y, which is responsible for containing all the tills that I have created and my joy right here . So we will go first to the support for you right here. Once you open it, you will find that it imported the Tech Inter Library in two types. So whatever you're using as a virgin or a different version from the library, you will find that it's important right here. So it's making it easier for you. And as you see my classes created as you see, my constructor is created as well. So everything is set, so we will save it. So we will go ahead and we will save the file that contains the code. So we will say that it's like exactly the PSD in photo shop guys, once you save the PSD. So if you want Teoh edit anything in the file in any time, you can go back to wait and you can't eat it. Whatever you want. Right, though, so this is the same. So you will go ahead and you will save the file in any place that you want so I saved it on the desktop. You can save it and wherever you want. Then we will go to the other file, which is the do I file guys. So once he opened the code, you will find that all the code of the tools that I've created on my G Y is right here. You will find that it's other sizes. It's that the old phones, it's at all the great grounds using the gym agree. It's at all the positions and everything set. So the point is that you will find that in the code a lot of things have been created and you don't need them once you try them, the code is being created in the code right here. But the point is that you don't need them. They are not visible, but they have been created. So once you go where you will find that we have here the highlights by ground. We didn't need that. You will find that there's a menu right here and I didn't even create a mania. But I tried it. So the code has been created, but it's not visible anyways, so you can use that to learn how to create a mini Oh, how to deal with its properties and all of the stuff from here you will find that all the labels are right here and all the configurations that you would need them and you wouldn't need them are being created right here. You will find that the real eggs there. Why the conflagrations? We'll find the active foreground. He acted by ground. We didn't define them. But they are right here. You will find the place. You will find the height. You will find the width, as we did exactly in procession. You will find all the conflagrations of the label right here. You will find that the phones by 10 right here and we determined all the properties before . And you will find that the other labels are created right here and so on. So you will find right here the place, the select background. You will find that a lot of things we didn't use. So we use this elect background here, but a select foreground. It has been said right here to be black. Actually, we didn't use it, but it's right here so we can look at the upside right here, guys. So we can just take a look on the code and we can learn from it how to use a lot of properties that we didn't use in that coat about. We can use them later while we are code in by our hands. No, the point. So we can that learn how a lot of properties that we didn't even use before about you will find that we will need him later. So we'll find here the labels of the coast. We will find the buttons so that designers, awesome guys and so helpful and you can learn a lot from it. So you will find the three connections right here. So no heirs are happening. He will find the background. Everything is set. So everything is said right here, guys. So you need to save it. And right here you will find that it's saved at the same place where we saved the 1st 1 which is the desktop right here. So let's run the program. You will find that it's ready and everything is clear. That's right. Anything at the entry right here you will find that the fount is red as we determined and everything. School, even the phones of the numbers has been changed. As we determined, you will find our buttons right here that prices the total. The everything is set so you can change the properties as you want, and you will find that it's so I'm user. So you will find that the entry of the calculator is taking the same properties off the entries of the prices and the source of the food right here, and you will find that everything is set. So this is almost the same. Do you know why that we created before using the code in with a little bit changes, which you can customize using the code as you want? So I hope, guys, that this will make it easier for you. And don't forget to go back to our course. And if you don't understand anything, guys, you can go back to the session off this program, you will understand all the tools had to use them how to place them and help to deal with their properties. So when the rest stop guys, you will find two files. You will find the support and the g y the restaurants right here so all of those other files are useless. If you want to delete them, it's OK. They are not useful. And you can open your program from any of those two fines. And just another hand. Guys, if you change by the program anything and you are g a Y anything if you add something, if you delete something or anything, you have to go back to the G Y file right here and support file and you have Teoh save them again. So this will be the new addition that you changed a lot of it. So that will be the new addition that you had your last changes at it. So I hope, guys, that you like that section only hope that the Geo are you Look school of this program right here and keep practicing and see you guys at the things very 12. StraingVar With Input ( Restaurant Program ): Hello, guys. This mama drove on today we will learn how to create a string of our toe. All the tills right here. So now, right here. I have all sorts of food that I need in my program. So in this entry, for example, the user will enter the quantity of the sword that he wants. Like, for example, to fried potatoes, three burgers for picking and two drinks. So, for example, if the wandering costs me $10 so I need to get those $10 multiply it by the two or the quantity that I will inter right here to give me the coast. And I will add another equation to add the service and to read the text. And then it will get a sub total and the total. So now the program will not identify all those numbers that are entering until I create a string bar. So it would take these numbers and then the program will identify it. So I will take all the numbers that the user will enter, and I will perform on them the mathematical equations. So I will get the cost at the end. But as we said before the number one responsible for taking the values from the entries. And then we can send them to any other function or we can work on them is the string bar. So I give my entry here a text variable, and I give it a name that will be I didn't fight, and then that name will be taken a string bar. Then I give the entry a string border. And then I take the value using the string bar. And then I control my entry years in the string bar. So what if I want to pass something to the coast? So I use the string far as well. So I have to identify you two years in the text variable, so I'll be able to give it its value. So let's get those steps right here. So right here we have the entry food. So that's why I told you to organize your code and to get everything in its place and to be able to identify everything in a specific place inside of the coat itself. So we have the interest food right here, and we have first the order, the fries, the burger, the baking and the rest of these sorts until the drinks. So I'll come right here and it will identify them. So every an H label from here will be attached to an entry right here. So the first label right here is the order numb. So we go for the 1st 1 right here, and we were right. Takes variable equals rent. So let's take the name right here as a copy of Let's Put It Again. And right here we will go to the fries and we will write the taste viable to be fright so you can write any name. It doesn't have to be attached to the label or the entry itself and try all the time. That's right capital letters or upper case letters, as we say over to write numbers or and so on, because you have to be clear and he'll have to know what you are right in exactly. And leader is gonna be complicated for you if you add an uppercase letter or number and you forget them later and if you write one letter in a wrong way, you will find that it takes variable will not be connected to the string bar that I will create down there. So let's go for the next one is gonna be trick Burger. The next one is gonna be the baking. Then we have checked Royal, then vest solid. And at the end we have the drinks. So now I gave every and each entry that I have right here a value and we gave it to it using the text variable. So we have the value of this text variable right here. It's rent. So I give it a value of 1 to 10 or whatever. It's rent and I can import the value years in the text variable right here. So now I have to connect this text variable or this rand right here to a string bar. So I'll be able to use it later. So we will get the rent. It's gonna be equal to a string of our and the fries and the burger and so on. All of those will be equal to a string bar. So I will take all the values from here, and I will perform on them some with medical equations. And then it will pass the result to the coast and detects. So how will I pass it? So I have to give it a text variable as well and they have to identify it. So we will go down there to the entries of the coast and the Texas and so on. We had identified those before, so we will go ahead and we were right there takes variables. The 1st 1 is gonna be coast, and this one's gonna be service charge. Then we have the tax. And then we will have the subtitle and the total to know I didn't fight all the entries in my programs. So I went to the coast. The service charge it detects the sum total and total and identify them using a takes variable. So I will be able to take their values and then I will work on them. Or I will pass the results of the mathematical equations that I will perform on all the entries on the program to them. So if I want to take a value or to pass a value so I have to use the text variable to identify the injury itself. So we will go down there so we will create our string far. So we will go for the 1st 1 is gonna be Rand equals string far and you will find that it's identified right here. So it's stay the string far as a copy. So we will make it easier later And let's go for the fries And then we were right in here. Then we will go to the burger and we will get it from here. And then we will make it equal to a stream far as well. Then we have the king. Then we have a chick royal. It's all basically going the same. Then the vest solid. And we have right there the drinks. So let's check again on the drinks. Okay. The drinks is written Chrisley right here. So we will go to the menu of the constant fear. Right here we have the coast. We have the service charge. We have the text, we have the sub total and we have a total. So I will connect all of them to a string far as well. So we would separate between those on the next ones and we will go ahead. We will get the coast equal string bar. We have service charge, equal string bar, then we have, the text will be equal to string far as well. We have the subtitle and that's not least we have the total itself. So I gave every NH in 38 x variable and and connected to this string bar right here. So I will use the string bar to perform my mathematical equations on all the numbers or the values that they will enter in my entries. So I will take all the values from the orders and then I will perform my mathematical equations of them. And then the results will be passed to the coast. The service charge it attacks its sub total and the total. So now I think everything is clear, guys. So we learned how to create a string bar. We explained it actually before about today, the court was longer. So we learned how to use the takes variable and how to give it values. And we know the conditions that have to be added to the names of the text variables. So then or later I will not get any errors. And they connected all of this to the string bar and I know how to use the string for and why we are using it. So I hope, guys, that you found that video beneficial and see you guys in the next videos.