Starting from:
$30
CSE271– Lab 09 Solved
For today’s lab you will be doing two exercises pertaining to GUIs. This will demonstrate your comprehension of basic GUI development. Remember to follow along with our lecture notes and use the textbook for reference.
Part 1 (15 points)
Write a graphical application that produces a restaurant bill. YOU WILL NOT BE GRADED ON
LAYOUT/AESTHETICS, unless it is unreadable. Instead, focus ON FUNCTIONALITY AND ADHERANCE TO REQUIREMENTS only.
• Provide buttons for ten popular dishes or drink items. You decide on the items and their prices. Optionally, you can use accompanying labels or set the text of the button (8 points, see some implementation options below)
• Provide text fields and a button for entering less popular items and prices. The item will be a separate field from its price, and you will require a button. (3 points)
• In a text area, show the bill as items are entered.
Have a button (“Calculate”) that adds some tax and a preset tip, and calculates the total bill after the user clicks a finish/calculate bill button. (4 points)
Since we have not learned layouts yet, simply add all your components to a single panel and set your frame height and width such that the program appears the most readable and intuitive.
Button Implementation Options
There are different ways you can design and implement your buttons. We describe three options here, in order of points that reflect the better designs.
Best Option - Full Points (8/8)
Advanced (best way of doing it) that won't require you to compare buttons at all (no if statement). All of these JComponents are extendable, so,
• Extend JButton to make your own restaurant button.
• Give it instance variables that you need for your calculations.
• Make a single ActionListener
• Now, when the ActionListener ActionPerformed method is pushed, you can check if the source is an instanceOf YourNewButtonType, cast it to that YourNewButtonType, and use its getters to get the information you need.
This is for full points and will make your lives a lot easier, as well as teach an important lesson about inheritance.
Advanced Option (6-7/8)
1) Make ONE action listener that responds to all 10 menu item buttons.
2) Use the parameter of the ActionPerformed method (Event) to find out which button is the source of the event using Event.getSource(). Then compare that to your buttons, which should be instance variables, to find out which button was pushed, and act accordingly. HINT: THIS IS POSSIBLE BECAUSE YOU WILL HAVE MADE YOUR ActionListener in a specific way that that can see these instance variables.
CSE 271 – Spring 2017 Thursday Labs Due Monday 11:59pm
Friday Labs Due Tuesday 11:59pm
Easiest but least points option (4-5/8)
Make 10 different action listeners for each of the 10 buttons. You'll know exactly which button is pushed since it'll go directly to that listener, but it'll be poorly organized and too much code.
Tips
Also, for full points, you should be breaking down long methods (including a constructor) into smaller, private, helper methods. We have tons of examples of this from this past week in the canvas module. Use those as a starting point/reference, and modify for your own purposes.
You have the choice of having a "main" in your extended Frame to kick off your program, or you can have a separate class to run your frame, like we did in lecture. Your choice!
Part 2 (15 points)
Write a program that displays the Olympic rings as shown below.
To accomplish this, create and use a method drawRing that draws a single ring of a given (parameter) position and color. (10 points) You must use this method 5 times to create your Olympic rings!
Color the rings in the provided Olympic colors. (5 points) Note, that these rings may be thicker than yours. You are allowed to do thin rings.
Tips
Your "drawRing" helper method is allowed to have Graphics G (from the paintComponent method) as a parameter.
Part 1 (15 points)
Write a graphical application that produces a restaurant bill. YOU WILL NOT BE GRADED ON
LAYOUT/AESTHETICS, unless it is unreadable. Instead, focus ON FUNCTIONALITY AND ADHERANCE TO REQUIREMENTS only.
• Provide buttons for ten popular dishes or drink items. You decide on the items and their prices. Optionally, you can use accompanying labels or set the text of the button (8 points, see some implementation options below)
• Provide text fields and a button for entering less popular items and prices. The item will be a separate field from its price, and you will require a button. (3 points)
• In a text area, show the bill as items are entered.
Have a button (“Calculate”) that adds some tax and a preset tip, and calculates the total bill after the user clicks a finish/calculate bill button. (4 points)
Since we have not learned layouts yet, simply add all your components to a single panel and set your frame height and width such that the program appears the most readable and intuitive.
Button Implementation Options
There are different ways you can design and implement your buttons. We describe three options here, in order of points that reflect the better designs.
Best Option - Full Points (8/8)
Advanced (best way of doing it) that won't require you to compare buttons at all (no if statement). All of these JComponents are extendable, so,
• Extend JButton to make your own restaurant button.
• Give it instance variables that you need for your calculations.
• Make a single ActionListener
• Now, when the ActionListener ActionPerformed method is pushed, you can check if the source is an instanceOf YourNewButtonType, cast it to that YourNewButtonType, and use its getters to get the information you need.
This is for full points and will make your lives a lot easier, as well as teach an important lesson about inheritance.
Advanced Option (6-7/8)
1) Make ONE action listener that responds to all 10 menu item buttons.
2) Use the parameter of the ActionPerformed method (Event) to find out which button is the source of the event using Event.getSource(). Then compare that to your buttons, which should be instance variables, to find out which button was pushed, and act accordingly. HINT: THIS IS POSSIBLE BECAUSE YOU WILL HAVE MADE YOUR ActionListener in a specific way that that can see these instance variables.
CSE 271 – Spring 2017 Thursday Labs Due Monday 11:59pm
Friday Labs Due Tuesday 11:59pm
Easiest but least points option (4-5/8)
Make 10 different action listeners for each of the 10 buttons. You'll know exactly which button is pushed since it'll go directly to that listener, but it'll be poorly organized and too much code.
Tips
Also, for full points, you should be breaking down long methods (including a constructor) into smaller, private, helper methods. We have tons of examples of this from this past week in the canvas module. Use those as a starting point/reference, and modify for your own purposes.
You have the choice of having a "main" in your extended Frame to kick off your program, or you can have a separate class to run your frame, like we did in lecture. Your choice!
Part 2 (15 points)
Write a program that displays the Olympic rings as shown below.
To accomplish this, create and use a method drawRing that draws a single ring of a given (parameter) position and color. (10 points) You must use this method 5 times to create your Olympic rings!
Color the rings in the provided Olympic colors. (5 points) Note, that these rings may be thicker than yours. You are allowed to do thin rings.
Tips
Your "drawRing" helper method is allowed to have Graphics G (from the paintComponent method) as a parameter.
1 file (3.8KB)
