Lab #18 (Exercise 18-1)

Develop a payment applet

Due Date: Tuesday of Week 6
20 points

In this lab, you'll modify the Payment application so that it can be run as an applet.

Console

Open the PaymentApp class.

import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
import javax.swing.border.*;

public class PaymentApp
{
    public static void main(String[] args)
    {
        JFrame frame = new PaymentFrame();
        frame.setVisible(true);
    }
}

class PaymentFrame extends JFrame
{
    public PaymentFrame()
    {
        setTitle("Payment Application");
        setResizable(false);
        setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        JPanel panel = new PaymentPanel();
        this.add(panel);
        this.pack();
        centerWindow(this);
    }

    private void centerWindow(Window w)
    {
        Toolkit tk = Toolkit.getDefaultToolkit();
        Dimension d = tk.getScreenSize();
        setLocation((d.width-w.getWidth())/2, (d.height-w.getHeight())/2);
    }
}

class PaymentPanel extends JPanel implements ActionListener
{

    private JRadioButton creditCardRadioButton,

                         billCustomerRadioButton;

    private JList        cardTypeList;
    private JTextField   cardNumberTextField;
    private JComboBox    monthComboBox,
                         yearComboBox;
    private JCheckBox    verifiedCheckBox;
    private JButton      acceptButton,
                         exitButton;
    private JLabel       cardTypeLabel,
                         cardNumberLabel,
                         expirationDateLabel;

    public PaymentPanel()
    {

        setLayout(new GridBagLayout());

        Border loweredBorder
            = BorderFactory.createBevelBorder(BevelBorder.LOWERED);

        // radio button panel
        JPanel radioPanel = new JPanel();
        ButtonGroup billingGroup = new ButtonGroup();
        radioPanel.setLayout(new FlowLayout(FlowLayout.LEFT));
        radioPanel.setBorder(
            BorderFactory.createTitledBorder(loweredBorder,"Billing:"));

        // credit card radio button
        creditCardRadioButton = new JRadioButton("Credit card", true);
        creditCardRadioButton.addActionListener(this);
        billingGroup.add(creditCardRadioButton);
        radioPanel.add(creditCardRadioButton);

        // bill customer radio button
        billCustomerRadioButton = new JRadioButton("Bill customer");
        billCustomerRadioButton.addActionListener(this);
        billingGroup.add(billCustomerRadioButton);
        radioPanel.add(billCustomerRadioButton);

        add(radioPanel, getConstraints(0,0,3,1, GridBagConstraints.WEST));

        // card type label
        cardTypeLabel = new JLabel("Card type:");
        add(cardTypeLabel, getConstraints(0,1,1,1, GridBagConstraints.EAST));

        // card type list
        String[] cardNames = {"Visa", "Master Card", "American Express", "Other"};
        cardTypeList = new JList(cardNames);
        cardTypeList.setFixedCellWidth(170);
        cardTypeList.setSelectionMode(ListSelectionModel.SINGLE_SELECTION);
        cardTypeList.setVisibleRowCount(3);
        JScrollPane cardTypeScrollPane = new JScrollPane(cardTypeList);
        add(cardTypeScrollPane, getConstraints(1,1,2,1, GridBagConstraints.WEST));

        // card number label
        cardNumberLabel = new JLabel("Card number:");
        add(cardNumberLabel, getConstraints(0,2,1,1, GridBagConstraints.EAST));

        // card number text field
        cardNumberTextField = new JTextField(15);
        add(cardNumberTextField, getConstraints(1,2,2,1, GridBagConstraints.WEST));

        // expiration date label
        expirationDateLabel= new JLabel("Expiration date:");
        add(expirationDateLabel, getConstraints(0,3,1,1, GridBagConstraints.EAST));

        // month combo box
        String[] months = { "January", "February", "March", "April", "May", "June",
                            "July", "August", "September", "October", "November", "December" };
        monthComboBox = new JComboBox(months);
        add(monthComboBox, getConstraints(1,3,1,1, GridBagConstraints.WEST));

        // year combo box
        String[] years = { "2011", "2012", "2013", "2014", "2015", "2016" };
        yearComboBox = new JComboBox(years);
        add(yearComboBox, getConstraints(2,3,1,1, GridBagConstraints.WEST));

        // verified check box
        verifiedCheckBox = new JCheckBox("Verified");
        add(verifiedCheckBox, getConstraints(1,4,1,1, GridBagConstraints.WEST));

        // calculate button
        acceptButton = new JButton("Accept");
        acceptButton.addActionListener(this);
        add(acceptButton, getConstraints(1,5,1,1, GridBagConstraints.EAST));

        // exit button
        exitButton = new JButton("Exit");
        exitButton.addActionListener(this);
        add(exitButton, getConstraints(2,5,1,1, GridBagConstraints.CENTER));
    }

    // a  method for setting grid bag constraints
    private GridBagConstraints getConstraints(int gridx, int gridy,
    int gridwidth, int gridheight, int anchor)
    {
        GridBagConstraints c = new GridBagConstraints();
        c.insets = new Insets(5, 5, 5, 5);
        c.ipadx = 0;
        c.ipady = 0;
        c.gridx = gridx;
        c.gridy = gridy;
        c.gridwidth = gridwidth;
        c.gridheight = gridheight;
        c.anchor = anchor;
        return c;
    }

    public void actionPerformed(ActionEvent e)
    {
        Object source = e.getSource();
        if (source == exitButton)
            System.exit(0);
        else if (source == acceptButton)
        {
            String msg = "";
            if (creditCardRadioButton.isSelected())
            {
                msg = "Bill " + (String)cardTypeList.getSelectedValue() +
                    "\nNumber + " + cardNumberTextField.getText() +
                    "\nExpiration date: " +
                    (String)monthComboBox.getSelectedItem() +
                    ", " + (String)yearComboBox.getSelectedItem();
                if (verifiedCheckBox.isSelected())
                    msg+= "\nCard has been verified.";
                else
                    msg+= "\nCard has not been verified.";
            }
            else
                msg = "Customer will be billed.";
            JOptionPane.showMessageDialog(this, msg);
            cardTypeList.setSelectedIndex(0);
            cardNumberTextField.setText("");
            monthComboBox.setSelectedIndex(0);
            yearComboBox.setSelectedIndex(0);
            verifiedCheckBox.setSelected(false);
        }
        else if (source == creditCardRadioButton || source == billCustomerRadioButton)
        {
            if (creditCardRadioButton.isSelected())
                enableCreditCardControls(true);
            else if (billCustomerRadioButton.isSelected())
                enableCreditCardControls(false);
        }
    }

    private void enableCreditCardControls(boolean enable)
    {
        cardTypeLabel.setEnabled(enable);
        cardTypeList.setEnabled(enable);
        cardNumberLabel.setEnabled(enable);
        cardNumberTextField.setEnabled(enable);
        expirationDateLabel.setEnabled(enable);
        monthComboBox.setEnabled(enable);
        yearComboBox.setEnabled(enable);
        verifiedCheckBox.setEnabled(enable);
    }

}

Open a new file, and cut and paste the code for the PaymentPanel class from the PaymentApp file to the new file. Give this class public access, add any required import statements, save the file as PAymentPanel, and compile it.

Delete the import statements that aren't needed from the PaymentApp file, then compile the file and run the applications to see that it still works.

Create a class named PaymentApplet that displays the payment panel. When you're done, compile the applet class to make sue that it compiles cleanly.

Open the payment.html file and review the starting code. This file contains all the tags needed for the Payment applet except the APPLET tag. Add an APPLET tag that displays the PaymentApplet at 300 by 300 pixels, and then save the file.

Use the Applet Viewver to view and test the applet. When you're done, click the Exit button to see that an exception is thrown indicating that the applet doesn't have the proper security clearance to access the current thread.

Modify the PaymentPanel class so that it doesn't include an Exit button, and compile this class. Then, run the PaymentApp class and test it. This application won't display an exit button anymore, but you can still close it by clicking the Close button in the upper right corner.

Use the Applet viewer to run and test the PaymentApplet class. This time, you'll have to exit from the applet by closing the browser window. Now, you have an application (PaymentApp) and an applet (PaymentApplet) that both use the same panel class.

Run the HTML Converter to convert the the payment.html page. Then, open the payment.html page that's in the Payment directory and review the new code. Also open the payment.html page that's in the Payment_BAK directory to see that it contains the original code.

Use your Web browser to test the HTML page and the applet. Since the JRE and Java Plug-in were automatically installed when you installed the JDK, the applet should work properly.

Modify the actionPerformed method of the PaymentPanel class so that when you click the Accept button, a message is printed to the console indicating that the payment was accepted. Then, compile the class and run the applet from the browser again. this time, display the Java Console and view the statement that's printed to the console when you click the Accept button.

Include in your program the following comments:

Name of program
Team's name with all the names of the members (e.g. Team A: John Doe, Jane Smith, etc.)
Current Date
Computer system and compiler you are using
Brief description of the program

Compile and run the Java program.

Take a screen capture by hitting simultaneously the keys Alt and Print Screen (Prt Sc) of the output results (console) and paste it in MS Paint. Save it as a gif file.

When you are ready, upload the java program and the gif file by clicking the link below:

Upload Lab

I cannot grade if I don't get the files and receive your email.